.sbm-shell,.sbm-shell *{box-sizing:border-box}.sbm-shell{color:#e8e6f4;overscroll-behavior:none;background:#08080f;height:100dvh;font-family:Inter,system-ui,sans-serif;left:0;right:0;position:fixed!important}.sbm-shell button,.sbm-shell select,.sbm-shell summary{touch-action:manipulation;min-width:44px;min-height:44px}.sbm-shell button{color:#e8e6f4;cursor:pointer;background:#171723;border:1px solid #ffffff1f;border-radius:12px;padding:8px 12px;font-size:13px}.sbm-shell button:disabled{opacity:.45;cursor:default}.sbm-shell button:focus-visible,.sbm-shell summary:focus-visible{outline-offset:2px;outline:2px solid #7fe9ee}.sbm-shell button[aria-pressed=true]{color:#7fe9ee;background:#313048;border-color:#7fe9ee}.sbm-shell input{accent-color:#ff6a75}.sbm-shell .sbm-stream{inset:0 max(88px,env(safe-area-inset-right)) 0 env(safe-area-inset-left);background:#000;transition:right .15s,bottom .15s;position:absolute}.sbm-shell .sbm-stream.sbm-with-sheet{right:min(48%,390px)}.sbm-shell .sbm-stream.sbm-with-keyboard{bottom:var(--sbm-accessory-height,104px)}.sbm-rail{z-index:35;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));bottom:max(12px,env(safe-area-inset-bottom));scrollbar-width:none;flex-direction:column;justify-content:safe center;gap:5px;width:64px;display:flex;position:absolute;overflow:auto}.sbm-rail button{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:6px 3px;display:flex}.sbm-rail span{font-size:10px}.sbm-rail svg{width:19px;height:19px}.sbm-quality{top:max(12px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));z-index:32;font-variant-numeric:tabular-nums;min-height:44px;position:absolute}.sbm-quality span{margin-right:6px}.sbm-good span{color:#5ee9ad}.sbm-fair span{color:#ffce8a}.sbm-poor span{color:#ff8f9c}.sbm-reveal{z-index:36;right:max(16px,env(safe-area-inset-right));width:44px;height:44px;position:absolute;top:50%;transform:translateY(-50%)}.sbm-sheet{z-index:45;box-sizing:border-box;width:min(48%,390px);padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) 18px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overscroll-behavior:contain;background:#10101bd9;border-left:1px solid #ffffff20;font-size:13px;position:absolute;top:0;bottom:0;right:0;overflow:auto}.sbm-sheet header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.sbm-sheet small{letter-spacing:.16em;color:#a8a6be;font-size:10px}.sbm-sheet h2{margin-top:4px;font-size:19px;font-weight:650}.sbm-sheet h3{font-size:14px;font-weight:650}.sbm-sheet article{background:#ffffff04;border:1px solid #ffffff16;border-radius:14px;margin:12px 0;padding:12px}.sbm-sheet p{color:#c9c6dd;margin:8px 0;line-height:1.55}.sbm-sheet .sbm-note{color:#a8a6be;font-size:12px}.sbm-sheet label{align-items:center;gap:10px;margin:16px 0;display:flex}.sbm-sheet input[type=checkbox]{width:22px;height:22px}.sbm-sheet select{color:inherit;background-color:#171723;border:1px solid #ffffff25;border-radius:8px;padding:8px}.sbm-actions{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.sbm-sheet details{margin:14px 0}.sbm-sheet summary{cursor:pointer;align-items:center;display:flex}.sbm-sheet .sbm-primary{color:#17111c;background:linear-gradient(120deg,#ff3d8b,#ff7d4d);width:100%;font-weight:700}.sbm-sheet .sbm-danger{color:#ff8f9c;margin:12px 0}.sbm-rotate{color:#a8a6be;pointer-events:none;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;bottom:90px;left:0;right:0}.sbm-pause{z-index:80;text-align:center;background:#08080fea;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.sbm-pause h2{font-size:23px;font-weight:650}.sbm-pause p{color:#a8a6be;margin:12px 0 20px}.sbm-pause button{color:#17111c;background:linear-gradient(120deg,#ff3d8b,#ff7d4d);font-weight:700}.sbm-keyboard{z-index:40;bottom:0;left:env(safe-area-inset-left);right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);background:#10101b;position:absolute}@media (orientation:portrait){.sbm-shell .sbm-stream{inset:env(safe-area-inset-top) 0 130px}.sbm-shell .sbm-stream.sbm-with-sheet{bottom:58%;right:0}.sbm-shell .sbm-stream.sbm-with-keyboard{bottom:calc(var(--sbm-accessory-height,104px) + 88px)}.sbm-rail{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:auto;bottom:max(16px,env(safe-area-inset-bottom));flex-direction:row;justify-content:space-evenly;gap:4px;width:auto;height:64px}.sbm-rail button{flex:1}.sbm-sheet{border-top:1px solid #ffffff20;border-left:0;border-radius:20px 20px 0 0;width:100%;inset:42% 0 0}.sbm-reveal{top:auto;bottom:max(24px,env(safe-area-inset-bottom));transform:none}.sbm-keyboard~.sbm-rail{bottom:calc(var(--sbm-accessory-height,0px) + max(16px,env(safe-area-inset-bottom)))}}@media (pointer:coarse){.sb-mobile-launch button,.sb-mobile-launch select{min-width:44px;min-height:44px}.sb-mobile-launch .bg-amber-500{color:#241707}.sb-mobile-launch .bg-gradient-to-r{color:#17111c}}@media (orientation:portrait){.sbm-stream:not(.sbm-with-keyboard) video,.sbm-stream:not(.sbm-with-keyboard) canvas{-o-object-position:center top;object-position:center top}.sbm-stream:not(.sbm-with-keyboard){align-items:start!important}}.sbm-shell .sbm-hud{z-index:46;pointer-events:auto;font-size:12px;line-height:1.65}.sbm-hud>button{margin-bottom:16px}