/* featureos:aurora-glass@1.0.0 */
/* Aurora glass: a frosted-glass sidebar over a drifting aurora. Applies only when the body carries .sbs-aurora (a per-user choice, sidebar-styles.js).
   The surface values are the delivered design's own (dark = the spec's values); the light set below keeps the same hues and shapes on a pale page,
   so the style reads in both themes. Everything is scoped to .sbs-aurora: the default sidebar is not touched. */

/* ---------- tokens (light by default, dark by the same switch the rest of the app uses) ---------- */
body.sbs-aurora{
  --au-bg:#e9edfb;--au-ink:#141a3d;--au-ink2:rgba(24,32,78,.8);--au-ink3:rgba(38,48,100,.62);--au-cur-ink:#0c1235;
  --au-glass2:rgba(255,255,255,.62);--au-line:rgba(40,52,130,.16);--au-line2:rgba(40,52,130,.28);--au-hover:rgba(70,90,220,.09);--au-field:rgba(255,255,255,.55);--au-field-f:rgba(255,255,255,.85);
  --a1:#0fb894;--a2:#6a4cf0;--a3:#e0438f;--a4:#2a86e8;--glow:#1b6fc2;--au-ok:#12a06a;--au-ping:rgba(224,67,143,.6);
  --au-panel:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.46) 40%,rgba(255,255,255,.6));
  --au-shadow:0 30px 70px -26px rgba(40,50,120,.45),inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px var(--au-line);
  --au-pill:linear-gradient(100deg,rgba(15,184,148,.2),rgba(106,76,240,.2) 60%,rgba(224,67,143,.14));--au-pill-ring:rgba(60,90,200,.32);--au-pill-glow:0 8px 28px -8px rgba(15,184,148,.5),0 0 36px -12px rgba(106,76,240,.55);
  --au-ic-cur:#0a6a8e;--au-ic-cur-glow:rgba(27,111,194,.4);--au-blob:.34;--au-blend:normal;--au-veil:rgba(233,237,251,0);--au-veil-2:rgba(233,237,251,.5);--au-dot:#10172e;--au-avring:#fff;
  --au-spring:cubic-bezier(.34,1.56,.64,1);--au-ease:cubic-bezier(.22,1,.36,1);--au-gap:16px;--au-w:var(--sb-w,276px);
  background:var(--au-bg);
}
:root[data-theme=dark] body.sbs-aurora{
  --au-bg:#04050d;--au-ink:#eef2ff;--au-ink2:rgba(226,232,255,.72);--au-ink3:rgba(214,222,255,.5);--au-cur-ink:#fff;
  --au-glass2:rgba(255,255,255,.09);--au-line:rgba(255,255,255,.11);--au-line2:rgba(255,255,255,.2);--au-hover:rgba(170,230,255,.08);--au-field:rgba(255,255,255,.05);--au-field-f:rgba(255,255,255,.08);
  --a1:#2ef2c4;--a2:#7c5cff;--a3:#ff5fb2;--a4:#3aa0ff;--glow:#9ae8ff;--au-ok:#52f2b0;--au-ping:rgba(255,95,178,.6);
  --au-panel:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03) 40%,rgba(255,255,255,.05));
  --au-shadow:0 30px 80px -20px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px var(--au-line);
  --au-pill:linear-gradient(100deg,rgba(46,242,196,.26),rgba(124,92,255,.26) 60%,rgba(255,95,178,.18));--au-pill-ring:rgba(170,240,255,.35);--au-pill-glow:0 8px 30px -6px rgba(46,242,196,.45),0 0 40px -10px rgba(124,92,255,.8);
  --au-ic-cur:#bff7ff;--au-ic-cur-glow:rgba(154,232,255,.7);--au-blob:1;--au-blend:screen;--au-veil:rgba(4,5,13,0);--au-veil-2:rgba(4,5,13,.35);--au-dot:#151832;--au-avring:#151832;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body.sbs-aurora{
  --au-bg:#04050d;--au-ink:#eef2ff;--au-ink2:rgba(226,232,255,.72);--au-ink3:rgba(214,222,255,.5);--au-cur-ink:#fff;
  --au-glass2:rgba(255,255,255,.09);--au-line:rgba(255,255,255,.11);--au-line2:rgba(255,255,255,.2);--au-hover:rgba(170,230,255,.08);--au-field:rgba(255,255,255,.05);--au-field-f:rgba(255,255,255,.08);
  --a1:#2ef2c4;--a2:#7c5cff;--a3:#ff5fb2;--a4:#3aa0ff;--glow:#9ae8ff;--au-ok:#52f2b0;--au-ping:rgba(255,95,178,.6);
  --au-panel:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03) 40%,rgba(255,255,255,.05));
  --au-shadow:0 30px 80px -20px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px var(--au-line);
  --au-pill:linear-gradient(100deg,rgba(46,242,196,.26),rgba(124,92,255,.26) 60%,rgba(255,95,178,.18));--au-pill-ring:rgba(170,240,255,.35);--au-pill-glow:0 8px 30px -6px rgba(46,242,196,.45),0 0 40px -10px rgba(124,92,255,.8);
  --au-ic-cur:#bff7ff;--au-ic-cur-glow:rgba(154,232,255,.7);--au-blob:1;--au-blend:screen;--au-veil:rgba(4,5,13,0);--au-veil-2:rgba(4,5,13,.35);--au-dot:#151832;--au-avring:#151832;
}}
@media (min-width:901px){body.sbs-aurora.sbs-collapsed{--au-w:84px}}

/* ---------- the aurora, behind the whole app ---------- */
.sbs-bg{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.sbs-bg i{position:absolute;border-radius:50%;filter:blur(56px);mix-blend-mode:var(--au-blend)}
.sbs-bg .b1{width:62vmax;height:42vmax;left:-14vmax;top:-12vmax;opacity:calc(.95*var(--au-blob));background:radial-gradient(closest-side,var(--a1),transparent 72%);animation:au-drift1 22s ease-in-out infinite alternate}
.sbs-bg .b2{width:56vmax;height:50vmax;right:-18vmax;top:-6vmax;opacity:calc(.95*var(--au-blob));background:radial-gradient(closest-side,var(--a2),transparent 70%);animation:au-drift2 27s ease-in-out infinite alternate}
.sbs-bg .b3{width:50vmax;height:36vmax;left:22vw;bottom:-18vmax;opacity:calc(.7*var(--au-blob));background:radial-gradient(closest-side,var(--a3),transparent 70%);animation:au-drift3 31s ease-in-out infinite alternate}
.sbs-bg .b4{width:34vmax;height:60vmax;left:30vw;top:-24vmax;opacity:calc(.75*var(--au-blob));background:radial-gradient(closest-side,var(--a4),transparent 70%);animation:au-drift4 25s ease-in-out infinite alternate}
.sbs-bg .veil{inset:0;border-radius:0;filter:none;mix-blend-mode:normal;opacity:1;background:radial-gradient(120% 90% at 60% 40%,var(--au-veil),var(--au-veil-2) 75%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 120px)}
.sbs-bg .cur{left:-10vw;top:6vh;width:120vw;height:34vh;border-radius:50%;filter:blur(42px);opacity:calc(.55*var(--au-blob));background:linear-gradient(90deg,transparent 5%,rgba(46,242,196,.9) 30%,rgba(58,160,255,.8) 50%,rgba(124,92,255,.9) 70%,transparent 95%);-webkit-mask:repeating-linear-gradient(90deg,#000 0 18px,rgba(0,0,0,.45) 18px 30px);mask:repeating-linear-gradient(90deg,#000 0 18px,rgba(0,0,0,.45) 18px 30px);transform:rotate(-14deg) skewX(-20deg);animation:au-curtain 18s ease-in-out infinite alternate}
@keyframes au-curtain{50%{transform:rotate(-8deg) skewX(-6deg) translateY(6vh) scaleY(1.2)}100%{transform:rotate(-18deg) skewX(-26deg) translate(6vw,-2vh)}}
@keyframes au-drift1{to{transform:translate(18vw,14vh) rotate(25deg) scale(1.15)}}
@keyframes au-drift2{to{transform:translate(-20vw,22vh) rotate(-30deg) scale(.9)}}
@keyframes au-drift3{to{transform:translate(-18vw,-16vh) rotate(40deg) scale(1.2)}}
@keyframes au-drift4{to{transform:translate(24vw,18vh) rotate(-20deg) scale(1.1)}}
/* the page keeps a veil of its own colour over the aurora, so the real content stays readable on a bright blob */
body.sbs-aurora .main{background:color-mix(in srgb,var(--bg) 90%,transparent)}
body.sbs-aurora .top{background:color-mix(in srgb,var(--bg) 70%,transparent)}

/* ---------- the column and the panel ---------- */
body.sbs-aurora .app{grid-template-columns:calc(var(--au-w) + var(--au-gap)*2) minmax(0,1fr);transition:grid-template-columns 620ms var(--au-ease)}
.side.sbs-aurora{background:transparent;border:0;padding:var(--au-gap);overflow:visible;font-family:Inter,var(--font);font-size:14px;line-height:1.45;z-index:60}
.side.sbs-aurora .sbs-sheet{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;padding:18px 14px 14px;border-radius:28px;background:var(--au-panel);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);box-shadow:var(--au-shadow);transition:border-radius 620ms var(--au-ease)}
/* the spotlight (260 px) and the coloured rim light (200 px) follow the pointer */
.side.sbs-aurora .sbs-sheet::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--mx,-400px) var(--my,-400px),rgba(255,255,255,.1),transparent 60%)}
.side.sbs-aurora .sbs-sheet::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(200px circle at var(--mx,-400px) var(--my,-400px),color-mix(in srgb,var(--glow) 85%,transparent),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.side.sbs-aurora .sbs-sheet>*:not(.sr){position:relative;z-index:1}
.side.sbs-aurora :focus-visible{outline:2px solid var(--glow);outline-offset:2px;border-radius:12px}

/* brand: the orb, the name, the workspace line and the collapse button */
.sbs-aurora .sbs-head{display:flex;align-items:center;gap:12px;padding:2px 6px 16px}
.sbs-aurora .sbs-head a.brand{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:0;margin:0;color:var(--au-ink);font-size:15px;font-weight:600;letter-spacing:.01em}
.sbs-aurora .brand .logo{flex:none;width:38px;height:38px;border-radius:13px;position:relative;overflow:hidden;background:conic-gradient(from 0deg,var(--a1),var(--a4),var(--a2),var(--a3),var(--a1));animation:au-spin 9s linear infinite;box-shadow:0 0 24px -2px color-mix(in srgb,var(--a1) 55%,transparent)}
.sbs-aurora .brand .logo::after{content:"";position:absolute;inset:7px;border-radius:9px;background:rgba(6,8,20,.82)}
.sbs-aurora .brand .logo svg{position:absolute;inset:0;margin:auto;z-index:1;width:20px;height:20px;animation:au-spin 9s linear infinite reverse;stroke:#fff}
@keyframes au-spin{to{transform:rotate(360deg)}}
.sbs-aurora .sbs-bt{min-width:0}.sbs-aurora .sbs-bt strong{display:block;font-weight:600;font-size:15px;letter-spacing:.01em;color:var(--au-ink)}
.sbs-aurora .sbs-bt small{display:block;font-size:11.5px;color:var(--au-ink3);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbs-aurora .sbs-head .icon-btn{flex:none;width:34px;height:34px;border-radius:11px;border:0;background:transparent;color:var(--au-ink2);display:grid;place-items:center;cursor:pointer}
.sbs-aurora .sbs-head .icon-btn:hover{background:var(--au-glass2);color:var(--au-ink);border:0}
.sbs-aurora .sbs-head .icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform 550ms var(--au-ease)}
.sbs-aurora .sbs-close{display:none!important}
.sbs-aurora .side-foot{padding:10px 8px 0;font-size:11px;color:var(--au-ink3);text-align:center}

/* search */
.sbs-aurora .sbs-search{position:relative;margin:0 2px 14px;display:flex;align-items:center;height:40px;border-radius:14px;background:var(--au-field);box-shadow:inset 0 0 0 1px var(--au-line);cursor:text;transition:background 250ms linear,box-shadow 250ms linear}
.sbs-aurora .sbs-search:focus-within{background:var(--au-field-f);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--glow) 60%,transparent),0 0 0 4px color-mix(in srgb,var(--glow) 14%,transparent)}
.sbs-aurora .sbs-search svg{position:absolute;left:12px;width:16px;height:16px;fill:none;stroke:var(--au-ink3);stroke-width:2;stroke-linecap:round}
.sbs-aurora .sbs-search input{width:100%;height:100%;min-height:0;border:0;background:transparent;padding:0 44px 0 38px;outline:none;font-size:13px;color:var(--au-ink);border-radius:14px;box-shadow:none}
.sbs-aurora .sbs-search input:focus{box-shadow:none;border:0}
.sbs-aurora .sbs-search input::placeholder{color:var(--au-ink3);opacity:1}
.sbs-aurora .sbs-search input::-webkit-search-cancel-button{display:none}
.sbs-aurora .sbs-search kbd{position:absolute;right:10px;font:600 10.5px Inter,var(--font);color:var(--au-ink3);padding:2px 6px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--au-line)}

/* the menu */
.side.sbs-aurora nav{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;margin:0 -6px;padding:0 6px;scrollbar-width:none;-webkit-mask:linear-gradient(#000 calc(100% - 28px),transparent);mask:linear-gradient(#000 calc(100% - 28px),transparent)}
.side.sbs-aurora nav::-webkit-scrollbar{display:none}
.sbs-aurora .sb-end{min-height:24px;flex:none}
.sbs-aurora .nav-sec{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--au-ink3);padding:14px 12px 6px;white-space:nowrap;transition:opacity 250ms linear}
.sbs-aurora .sb-list{padding:0}
.sbs-aurora .sb-row{border-radius:14px;gap:2px;transition:opacity 250ms linear}
.sbs-aurora .sbs-dim{opacity:.25}
.sbs-aurora .sb-row .sb-up{position:absolute;right:4px;top:50%;translate:0 -50%;z-index:2}
.sbs-aurora .sb-row:hover :is(.sbs-badge,.nav-new),.sbs-aurora .sb-row:focus-within :is(.sbs-badge,.nav-new){transform:translateX(-24px)}
.sbs-aurora :is(.sbs-badge,.nav-new){transition:transform 250ms var(--au-ease)}
@media (pointer:coarse){.sbs-aurora .sb-row .sb-up{right:0}.side.sbs-aurora a.nav{padding-right:46px}.sbs-aurora .sb-row:hover :is(.sbs-badge,.nav-new){transform:none}}
.sbs-aurora .sb-up{color:var(--au-ink3)}.sbs-aurora .sb-up:hover:not(:disabled){background:var(--au-glass2);color:var(--au-ink)}
.sbs-aurora .sb-drop{box-shadow:inset 0 2px 0 var(--glow)}
.side.sbs-aurora a.nav{position:relative;z-index:1;display:flex;align-items:center;gap:12px;height:42px;margin:0 0 2px;padding:0 12px;border-radius:14px;overflow:hidden;color:var(--au-ink2);font-size:13.5px;font-weight:450;letter-spacing:.005em;background:transparent;transition:color 250ms linear,scale 350ms var(--au-spring)}
.side.sbs-aurora a.nav:hover{background:var(--au-hover);color:var(--au-ink)}
.side.sbs-aurora a.nav:active{scale:.97}
.side.sbs-aurora a.nav>span:not(.sbs-badge){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity 300ms ease,transform 450ms var(--au-ease)}
.side.sbs-aurora a.nav svg.ic{width:20px;height:20px;stroke-width:1.7;flex:none;overflow:visible;transition:translate 350ms var(--au-spring),scale 350ms var(--au-spring)}
.side.sbs-aurora a.nav:hover svg.ic{translate:var(--tx,0) var(--ty,0);scale:1.08} /* magnetic: pulled 12 % / 18 % towards the pointer */
/* the glow that follows the pointer inside the row (this replaces the default style's current-page bar) */
.side.sbs-aurora a.nav::before,.side.sbs-aurora a.nav[aria-current=page]::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:auto;border-radius:inherit;background:radial-gradient(120px circle at var(--ix,50%) var(--iy,50%),color-mix(in srgb,var(--glow) 18%,transparent),transparent 70%);opacity:0;transition:opacity 250ms linear;pointer-events:none}
.side.sbs-aurora a.nav:hover::before{opacity:1}
.side.sbs-aurora a.nav[aria-current=page]{background:transparent;color:var(--au-cur-ink);font-weight:500}
.side.sbs-aurora a.nav[aria-current=page] svg.ic{color:var(--au-ic-cur);filter:drop-shadow(0 0 6px var(--au-ic-cur-glow))}
.sbs-aurora .nav-new{font-style:normal;flex:none;font-size:10.5px;font-weight:650;padding:1px 7px;border-radius:999px;color:#06121a;background:linear-gradient(120deg,var(--a1),var(--glow))}
/* the pill: one element that springs (sidebar-aurora.js) behind the current row */
.sbs-pill{position:absolute;left:6px;right:6px;top:0;height:42px;border-radius:14px;pointer-events:none;z-index:0;transform-origin:center;background:var(--au-pill);box-shadow:0 0 0 1px var(--au-pill-ring) inset,var(--au-pill-glow);transition:opacity 250ms linear;will-change:transform,height}
.sbs-pill::after{content:"";position:absolute;left:0;top:50%;width:4px;height:18px;margin-top:-9px;border-radius:4px;background:linear-gradient(var(--a1),var(--a2));box-shadow:0 0 12px 2px var(--a1);animation:au-breathe 2.8s ease-in-out infinite}
@keyframes au-breathe{50%{opacity:.55;box-shadow:0 0 22px 4px var(--a1)}}
/* press ripple */
.sbs-rip{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:color-mix(in srgb,var(--glow) 45%,transparent);pointer-events:none;animation:au-rip 700ms var(--au-ease) forwards}
@keyframes au-rip{from{transform:scale(0);opacity:.9}to{transform:scale(32);opacity:0}}
/* a real number: late reports waiting for this lead (the only count the menu knows) */
.sbs-aurora .sbs-badge{position:relative;flex:none;min-width:22px;height:20px;padding:0 7px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:650;color:#06121a;background:linear-gradient(120deg,var(--a1),var(--glow));box-shadow:0 0 14px -2px color-mix(in srgb,var(--a1) 70%,transparent);font-variant-numeric:tabular-nums}
.sbs-aurora .sbs-badge.hot{background:linear-gradient(120deg,var(--a3),#ff9bd0);box-shadow:0 0 14px -2px color-mix(in srgb,var(--a3) 80%,transparent)}
.sbs-aurora .sbs-badge.hot::after{content:"";position:absolute;inset:-3px;border-radius:inherit;box-shadow:0 0 0 2px var(--au-ping);animation:au-ping 2.2s ease-out infinite}
@keyframes au-ping{0%{opacity:.9;transform:scale(.9)}80%,100%{opacity:0;transform:scale(1.5)}}
/* icon micro-animations, one per meaning (the icons are single drawings, so each plays as a whole) */
@keyframes au-bell{0%{transform:rotate(0)}20%{transform:rotate(18deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-6deg)}100%{transform:rotate(3deg)}}
@keyframes au-gear{to{transform:rotate(120deg)}}
@keyframes au-fold{40%{transform:skewX(-16deg) scaleY(.78)}}
@keyframes au-bars{from{transform:scaleY(.2)}}
@keyframes au-team{50%{transform:translateX(2.5px)}}
@keyframes au-shield{40%{transform:scale(1.14)}}
@keyframes au-tiles{from{transform:scale(.4)}}
@keyframes au-lift{40%{transform:translateY(-3px) rotate(-8deg)}}
.side.sbs-aurora a.nav:is(:hover,:focus-visible) svg.ic{animation:au-lift 700ms var(--au-spring)}
.side.sbs-aurora a.nav[data-ik=bell]:is(:hover,:focus-visible) svg.ic{animation:au-bell 900ms ease;transform-origin:50% 10%}
.side.sbs-aurora a.nav[data-ik=gear]:is(:hover,:focus-visible) svg.ic{animation:au-gear 900ms ease}
.side.sbs-aurora a.nav[data-ik=folder]:is(:hover,:focus-visible) svg.ic{animation:au-fold 450ms var(--au-spring);transform-origin:bottom}
.side.sbs-aurora a.nav[data-ik=bars]:is(:hover,:focus-visible) svg.ic{animation:au-bars 600ms var(--au-spring);transform-origin:bottom}
.side.sbs-aurora a.nav[data-ik=team]:is(:hover,:focus-visible) svg.ic{animation:au-team 450ms var(--au-spring)}
.side.sbs-aurora a.nav[data-ik=shield]:is(:hover,:focus-visible) svg.ic{animation:au-shield 600ms ease}
.side.sbs-aurora a.nav[data-ik=tiles]:is(:hover,:focus-visible) svg.ic{animation:au-tiles 500ms var(--au-spring)}

/* the account card */
.sbs-aurora .sbs-user{position:relative;margin-top:10px;padding-top:12px}
.sbs-aurora .sbs-user::before{content:"";position:absolute;left:8px;right:8px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--au-line2),transparent)}
.sbs-aurora .sbs-ubtn{display:flex;align-items:center;gap:11px;width:100%;padding:8px;border:0;border-radius:18px;background:var(--au-field);box-shadow:inset 0 0 0 1px var(--au-line);cursor:pointer;text-align:left;color:var(--au-ink);font:inherit;transition:background 250ms linear}
.sbs-aurora .sbs-ubtn:hover,.sbs-aurora .sbs-ubtn[aria-expanded=true]{background:var(--au-field-f)}
.sbs-aurora .sbs-av,.sbs-menu-aurora .sbs-av{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:650;font-size:13px;color:#071019;background:linear-gradient(135deg,#bff7ff,var(--a1) 50%,var(--a2));position:relative}
.sbs-aurora .sbs-ubtn .sbs-av::after{content:"";position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:var(--au-ok);box-shadow:0 0 0 2px var(--au-avring),0 0 8px var(--au-ok)}
.sbs-aurora .sbs-ut{flex:1;min-width:0}.sbs-aurora .sbs-ut strong{display:block;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbs-aurora .sbs-ut span{display:block;font-size:11.5px;color:var(--au-ink3);white-space:nowrap}
.sbs-aurora .sbs-chev{flex:none;width:16px;height:16px;fill:none;stroke:var(--au-ink3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-90deg);transition:transform 450ms var(--au-spring)}
.sbs-aurora .sbs-ubtn[aria-expanded=true] .sbs-chev{transform:rotate(90deg)}

/* the account menu and the rail's tooltips live in <body>: glass, like the panel */
.sbs-menu-aurora{position:fixed;z-index:400;padding:6px;border-radius:18px;background:var(--au-panel),color-mix(in srgb,var(--au-bg) 78%,transparent);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);box-shadow:var(--au-shadow);color:var(--au-ink);transform-origin:left bottom;animation:au-menu 500ms var(--au-spring) both}
.sbs-menu-aurora.is-beside{transform-origin:left bottom}
@keyframes au-menu{from{opacity:0;transform:scale(.6) translateY(20px)}}
.sbs-menu-aurora .sbs-menu-h{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;border-bottom:1px solid var(--au-line);margin-bottom:6px}
.sbs-menu-aurora .sbs-menu-h strong{display:block;font-size:13px;font-weight:600}.sbs-menu-aurora .sbs-menu-h small{display:block;font-size:11.5px;color:var(--au-ink3);overflow-wrap:anywhere}
.sbs-menu-aurora [role=menuitem]{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:12px;background:transparent;color:var(--au-ink2);font:inherit;font-size:13px;text-decoration:none;cursor:pointer;text-align:left;transition:padding-left 300ms var(--au-spring),background 200ms linear,color 200ms linear}
.sbs-menu-aurora [role=menuitem]:hover,.sbs-menu-aurora [role=menuitem]:focus-visible{padding-left:14px;background:var(--au-hover);color:var(--au-ink);outline:2px solid var(--glow);outline-offset:-2px}
.sbs-menu-aurora [role=menuitem]:hover{outline:0}
.sbs-menu-aurora [role=menuitem] svg.ic{width:16px;height:16px;flex:none}
.sbs-menu-aurora kbd{margin-left:auto;font:600 10.5px Inter,var(--font);color:var(--au-ink3);padding:1px 6px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--au-line)}
.sbs-menu-aurora hr{border:0;border-top:1px solid var(--au-line);margin:6px 4px}
.sbs-tip-aurora{position:fixed;z-index:410;transform:translate(0,-50%) scale(.6);transform-origin:left center;opacity:0;pointer-events:none;padding:7px 12px;border-radius:12px;font-size:12.5px;font-weight:500;white-space:nowrap;color:var(--au-ink);background:var(--au-panel),color-mix(in srgb,var(--au-bg) 80%,transparent);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);box-shadow:var(--au-shadow);transition:opacity 150ms linear,transform 450ms var(--au-spring)}
.sbs-tip-aurora.on{opacity:1;transform:translate(0,-50%) scale(1)}
.sbs-tip[hidden]{display:none}
.sbs-tip-aurora,.sbs-menu-aurora{font-family:Inter,var(--font)}
.sbs-pm-gap{display:inline-block;width:18px;height:18px}

/* the rail: 84 px, 42 px radius, icons only (desktop) */
@media (min-width:901px){
  body.sbs-aurora.sbs-collapsed .side.sbs-aurora .sbs-sheet{border-radius:42px}
  .sbs-collapsed .sbs-aurora .sbs-head{flex-direction:column;gap:10px;padding:2px 0 14px}
  .sbs-collapsed .sbs-aurora .sbs-head a.brand{flex:none}
  .sbs-collapsed .sbs-aurora .sbs-bt{display:none}
  .sbs-collapsed .sbs-aurora .sbs-fold svg{transform:rotate(180deg)}
  .sbs-collapsed .sbs-aurora .sbs-search{width:42px;height:42px;margin:0 auto 12px;justify-content:center;cursor:pointer}
  .sbs-collapsed .sbs-aurora .sbs-search input,.sbs-collapsed .sbs-aurora .sbs-search kbd{display:none}
  .sbs-collapsed .sbs-aurora .sbs-search svg{position:static}
  .sbs-collapsed .side.sbs-aurora a.nav{justify-content:center;padding:0;gap:0}
  .sbs-collapsed .side.sbs-aurora a.nav>span:not(.sbs-badge),.sbs-collapsed .sbs-aurora .nav-new{opacity:0;width:0;flex:0;transform:translateX(-12px);overflow:hidden}
  .sbs-collapsed .sbs-aurora .nav-sec{height:21px;padding:10px 6px 0;position:relative}
  .sbs-collapsed .sbs-aurora .nav-sec>span{display:none}
  .sbs-collapsed .sbs-aurora .nav-sec::after{content:"";position:absolute;left:10px;right:10px;top:10px;height:1px;background:var(--au-line2)}
  .sbs-collapsed .sbs-aurora .sb-up{display:none}
  .sbs-collapsed .sbs-aurora .sbs-badge{position:absolute;top:3px;right:5px;min-width:16px;height:16px;padding:0 4px;font-size:9.5px}
  .sbs-collapsed .sbs-aurora .sbs-ubtn{padding:8px 0;justify-content:center;background:transparent;box-shadow:none}
  .sbs-collapsed .sbs-aurora .sbs-ut,.sbs-collapsed .sbs-aurora .sbs-chev,.sbs-collapsed .sbs-aurora .side-foot{display:none}
  .sbs-aurora .sbs-ubtn .sbs-av{transition:none}
  body.sbs-aurora .sb-grip{left:calc(var(--au-w) + var(--au-gap) + 4px)}
  body.sbs-aurora.sbs-collapsed .sb-grip{display:none}
}

/* entrance: once per page load. The negative delay is how long the page has already been up, so a screen change never restarts it */
.sbs-enter .sbs-sheet{animation:au-panel 900ms var(--au-ease) backwards;animation-delay:calc(0ms - var(--el,0ms))}
.sbs-enter .sbs-head{animation:au-rise 700ms var(--au-ease) backwards;animation-delay:calc(50ms - var(--el,0ms))}
.sbs-enter .sbs-search{animation:au-rise 700ms var(--au-ease) backwards;animation-delay:calc(200ms - var(--el,0ms))}
.sbs-enter .sbs-user{animation:au-rise 700ms var(--au-ease) backwards;animation-delay:calc(850ms - var(--el,0ms))}
.sbs-enter .sb-row{animation:au-row 550ms var(--au-ease) backwards;animation-delay:calc(300ms + var(--i,0)*35ms - var(--el,0ms))}
.sbs-enter .sbs-badge{animation:au-badgepop 600ms var(--au-spring) backwards;animation-delay:calc(900ms - var(--el,0ms))}
@keyframes au-panel{from{opacity:0;transform:translateX(-30px) scale(.96);filter:blur(10px)}}
@keyframes au-rise{from{opacity:0;transform:translateY(12px)}}
@keyframes au-row{from{opacity:0;transform:translateX(-14px)}}
@keyframes au-badgepop{from{transform:scale(0)}}

/* phones and tablets: a sheet from the left over a dimmed, blurred backdrop */
@media (max-width:900px){
  body.sbs-aurora .app{grid-template-columns:minmax(0,1fr)}
  .side.sbs-aurora{position:fixed;left:0;top:0;bottom:0;height:auto;width:calc(min(300px,100vw - 50px) + 20px);padding:10px;box-shadow:none;visibility:hidden;transform:translateX(calc(-100% - 30px)) scale(.94);transition:transform 550ms var(--au-spring),visibility 0s linear 550ms}
  .side.sbs-aurora.open{visibility:visible;transform:none;transition:transform 550ms var(--au-spring),visibility 0s}
  body.sbs-aurora .scrim{display:block;position:fixed;inset:0;background:rgba(2,3,10,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity 350ms linear;z-index:55}
  body.sbs-aurora .scrim.show{opacity:1;pointer-events:auto}
  .sbs-aurora .sbs-fold{display:none!important}.sbs-aurora .sbs-close{display:grid!important}
  .sbs-aurora .sbs-search{margin-bottom:12px}
  .side.sbs-aurora a.nav{height:44px}
  body.sbs-aurora .menu-btn{color:var(--ink)}
  body.sbs-aurora.sbs-collapsed .sb-grip{display:none}
}
body.sbs-aurora.imp-on .side{top:var(--imp-h,0px)}

/* reduced motion: the aurora and the orb stand still, nothing loops, transitions are 120 ms, the pill and the count jump */
@media (prefers-reduced-motion:reduce){
  body.sbs-aurora *,body.sbs-aurora *::before,body.sbs-aurora *::after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:120ms!important;transition-delay:0ms!important}
  .sbs-bg i,.sbs-aurora .brand .logo,.sbs-aurora .brand .logo svg,.sbs-pill::after{animation:none!important}
  .side.sbs-aurora a.nav:hover svg.ic{translate:none;scale:1}
}