/* Compact CSB visitor tools. Scoped selectors leave page/editor controls unchanged. */
.csb-float{--csb-widget-max-height:calc(100dvh - 24px);position:fixed!important;inset:auto;z-index:960;width:264px;max-width:calc(100vw - 24px);max-height:var(--csb-widget-max-height);margin:0!important;padding:0!important;background:linear-gradient(145deg,#101d27f5,#080e16fa);color:#edf9ff;border:1px solid #3c7e86;border-radius:18px;box-shadow:0 10px 35px #0008;isolation:isolate;font:14px/1.5 system-ui,sans-serif;box-sizing:border-box;overflow:hidden}
.csb-float *{box-sizing:border-box}.csb-float button,.csb-float select,.csb-float input{font:inherit}.csb-float button{cursor:pointer}.csb-float button:focus-visible,.csb-float a:focus-visible,.csb-float input:focus-visible,.csb-float select:focus-visible{outline:2px solid #76eee2!important;outline-offset:-3px}
.csb-float [hidden]{display:none!important}.csb-float-bar{display:flex;align-items:center;gap:0;min-height:52px;border-radius:inherit;background:linear-gradient(105deg,#132b32,#141b28)}
.csb-float .csb-float-launch{display:flex;align-items:center;gap:10px;min-width:0;flex:1;min-height:52px;padding:6px 4px;border:0!important;background:transparent!important;color:#f1fffd!important;text-align:left;touch-action:none;user-select:none}
.csb-float-badge{display:grid;place-items:center;min-width:28px;height:28px;padding:0 5px;background:#163a40;color:#a8fff0;border:1px solid #2e6f70;border-radius:9px;font-weight:800;font-variant-numeric:tabular-nums;flex-shrink:0}
.csb-float-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.01em}
.csb-float .csb-float-small,.csb-float .csb-float-grip{display:grid;place-items:center;flex:0 0 36px;width:36px;min-height:52px;padding:4px;border:0!important;background:transparent!important;color:#c1d8df!important;font-size:23px;border-radius:10px}.csb-float-grip{cursor:grab!important;touch-action:none;user-select:none;font-size:19px!important}.csb-float-dragging{box-shadow:0 16px 45px #000b!important}.csb-float-dragging .csb-float-grip{cursor:grabbing!important}
.csb-float[data-state=open]{width:370px;display:flex;flex-direction:column}.csb-float[data-state=open] .csb-float-bar{border-radius:17px 17px 0 0;flex-shrink:0;border-bottom:1px solid #24434c}.csb-float-body{min-height:0;padding:18px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;animation:csbDrawerIn .22s ease-out}.csb-float-body p{margin:0 0 14px}.csb-float-body small{font-size:11px;line-height:1.5;color:#a6bdc6;display:block}.csb-float-body a{color:#7de8df}.csb-float .csb-float-reset{display:block;border:0;background:transparent;color:#adc7cf;font-size:11px;text-decoration:underline;min-height:40px;margin:12px auto 0;padding:8px}
.csb-float[data-state=min]{width:54px;height:54px;border-radius:50%}.csb-float[data-state=min] .csb-float-bar{min-height:52px}.csb-float[data-state=min] .csb-float-title{display:none}.csb-float[data-state=min] .csb-float-launch{padding:0;justify-content:center;min-height:52px}.csb-float[data-state=min] .csb-float-badge{border:0;background:none;font-size:21px;min-width:0;padding:0;color:#c7fff5}
.csb-float[data-widget=music]{border-color:#70526e}.csb-float[data-widget=music] .csb-float-badge{color:#ffc6e1;background:#362338;border-color:#79516c}.csb-float[data-widget=music][data-playing=true]{border-color:#ec75b4;box-shadow:0 8px 30px #0008,0 0 0 2px #e4489822}
.csb-float .csb-widget-primary{display:block;width:100%;padding:13px 14px;background:#c90065;border:1px solid #fa57a3;border-radius:11px;color:#fff;text-decoration:none;text-align:center;font-weight:700;min-height:48px}.csb-float .csb-widget-secondary{display:block;width:100%;padding:12px;border:1px solid #347d83;border-radius:11px;background:#102d34;color:#c7fffa;text-decoration:none;text-align:center;min-height:46px}
@keyframes csbDrawerIn{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:767px){.csb-float[data-state=open]{width:min(370px,calc(100vw - 24px))}.csb-float-body{padding:14px}.csb-float .csb-float-small,.csb-float .csb-float-grip{flex-basis:42px;width:42px}.csb-float-title{font-size:13px}}
@media(prefers-reduced-motion:reduce){.csb-float-body{animation:none}}html[data-motion=off] .csb-float-body{animation:none}
body:has(.site-nav.open)>.csb-float{visibility:hidden}
