.sh-header{z-index:40;padding-top:var(--safe-top);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);transition:background-color .28s var(--ease-out), border-color .28s var(--ease-out);background:#0c0c0ecc;position:sticky;top:0}body:has([data-surface=home]) .sh-header:not([data-scrolled]){-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#050506b8 0%,#05050600 100%);border-color:#0000}.sh-bar{width:min(var(--content), 100% - var(--gutter) * 2);height:var(--header-h);align-items:center;gap:10px;margin-inline:auto;display:flex}.sh-nav{display:none}.sh-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.sh-nav-link{border-radius:var(--r-pill);height:40px;color:var(--text-2);font-size:var(--fs-sm);transition:color var(--t-hover) var(--ease-out), background-color var(--t-hover) var(--ease-out);align-items:center;padding:0 14px;font-weight:500;display:inline-flex;position:relative}.sh-nav-link:hover{background:var(--surface-2);color:var(--text)}.sh-nav-link[aria-current=page]{color:var(--text)}.sh-nav-link[aria-current=page]:after{content:"";background:var(--accent);border-radius:2px;width:18px;height:2px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%);box-shadow:0 0 10px 1px #f0284299}.sh-credits{border:1px solid var(--line-2);border-radius:var(--r-pill);height:36px;color:var(--accent-text);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em;white-space:nowrap;transition:border-color var(--t-hover) var(--ease-out), background-color var(--t-hover) var(--ease-out);background:#151518b3;align-items:center;gap:7px;padding:0 13px 0 11px;font-weight:500;display:inline-flex}.sh-credits:hover{border-color:var(--accent-line);background:var(--accent-soft)}.sh-credits svg{width:16px;height:16px}.sh-avatar{border:1px solid var(--line-2);width:36px;height:36px;color:var(--text);transition:box-shadow var(--t-hover) var(--ease-out);background:linear-gradient(145deg,#2c2a27,#1a1917);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.sh-avatar:hover,.sh-avatar[aria-current=page]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.sh-start,.sh-playtest{display:none}.sh-search{width:40px;height:40px}.sh-alert{padding:8px var(--gutter);background:var(--danger-soft);color:#ffc7bf;font-size:var(--fs-sm);border-top:1px solid #ff6b5b40;justify-content:center;align-items:center;gap:12px;display:flex}.sh-alert button{border-radius:var(--r-pill);font-size:var(--fs-xs);background:0 0;border:1px solid #ffc7bf66;padding:4px 12px;font-weight:600}@media (max-width:380px){.sh-search{display:none}}@media (min-width:900px){.sh-nav{align-items:center;gap:2px;margin-left:22px;display:flex}.sh-start,.sh-playtest{display:inline-flex}.sh-actions{gap:8px}}.sh-tabbar{z-index:40;height:calc(var(--tabbar-h) + var(--safe-bottom));padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:#0c0c0ee0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.sh-tab{min-width:44px;color:var(--text-3);letter-spacing:.01em;transition:color var(--t-hover) var(--ease-out);align-content:center;place-items:center;gap:4px;font-size:10.5px;font-weight:500;display:grid}.sh-tab svg{stroke-width:1.8px;width:22px;height:22px}.sh-tab[aria-current=page]{color:var(--text)}.sh-tab[aria-current=page] svg{color:var(--accent-text);filter:drop-shadow(0 0 8px #f0284273)}@media (max-width:899px){body{padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom))}:is(body:has([data-surface=chat]) .sh-header,body:has([data-surface=chat]) .sh-tabbar){display:none}body:has([data-surface=chat]){padding-bottom:0}}@media (min-width:900px){.sh-tabbar{display:none}}:is(body:has([data-surface=swipe]) .sh-header,body:has([data-surface=swipe]) .sh-tabbar,body:has([data-surface=onboarding]) .sh-header,body:has([data-surface=onboarding]) .sh-tabbar){display:none}:is(body:has([data-surface=swipe]),body:has([data-surface=onboarding])){padding-bottom:0}.sh-signin{padding-inline:12px}@media (max-width:360px){.sh-signin{padding-inline:8px}}.sh-status{z-index:39;padding:10px var(--gutter);border-bottom:1px solid var(--accent-line);color:var(--text);font-size:var(--fs-sm);background:linear-gradient(90deg,#f0284229,#f0284214);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex;position:relative}.sh-status[data-severity=outage],.sh-status[data-severity=major]{background:var(--danger-soft);border-color:#ff6b5b66}.sh-status p{flex-wrap:wrap;gap:4px 10px;margin:0;display:flex}.sh-status span{color:var(--text-2)}.sh-status-actions{align-items:center;gap:8px;display:flex}.sh-status-actions a,.sh-status-actions button{border:1px solid var(--line-2);border-radius:var(--r-pill);min-height:32px;color:var(--text);font-size:var(--fs-xs);background:0 0;padding:0 12px;font-weight:600;line-height:30px}.sh-pwa{right:12px;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 12px);z-index:45;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--glass-strong);box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);animation:sh-pop .42s var(--ease-spring) both;align-items:center;gap:12px;padding:12px 12px 12px 14px;display:none;position:fixed;left:12px}:is(body:has([data-surface=inbox]) .sh-pwa,body:has([data-surface=stories]) .sh-pwa,body:has([data-surface=account]) .sh-pwa){display:flex}.sh-pwa-mark{border-radius:11px;flex:none;width:40px;height:40px;overflow:hidden}.sh-pwa-mark svg{width:40px;height:40px;display:block}.sh-pwa p{min-width:0;color:var(--text-2);font-size:var(--fs-xs);flex:1;gap:2px;margin:0;line-height:1.4;display:grid}.sh-pwa strong{color:var(--text);font-size:var(--fs-sm)}.sh-pwa-actions{flex:none;gap:4px;display:flex}@media (min-width:900px){.sh-pwa{width:420px;bottom:24px;left:24px;right:auto}}@keyframes sh-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.sh-feedback{z-index:44;flex-direction:row-reverse;align-items:center;gap:10px;display:none;position:fixed;top:50%;right:0;transform:translateY(-50%)}.sh-feedback-tab{opacity:.62;writing-mode:vertical-rl;height:auto;min-height:0;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-right:0;border-radius:10px 0 0 10px;padding:12px 7px;font-size:10px;font-weight:500;transform:rotate(180deg)}.sh-feedback-tab svg{display:none}.sh-feedback-tab .sh-feedback-label{clip:auto;width:auto;height:auto;position:static;overflow:visible}.sh-feedback-tab:hover,.sh-feedback[data-open=true] .sh-feedback-tab{opacity:1}@media (min-width:900px){.sh-feedback{display:flex}}.sh-feedback[data-open=true]{display:flex}.sh-feedback-panel{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);width:min(360px,100vw - 24px);max-height:min(560px,100dvh - 120px);box-shadow:var(--shadow-pop);animation:sh-pop .36s var(--ease-spring) both;gap:12px;margin-right:12px;padding:16px;display:grid;overflow:auto}.sh-feedback-panel header{justify-content:space-between;align-items:center;gap:10px;display:flex}.sh-feedback-panel h2{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:1.9rem;font-weight:850;line-height:.9}.sh-feedback-panel form{gap:10px;display:grid}.sh-feedback-copy,.sh-feedback-thanks{color:var(--text-2);font-size:var(--fs-sm);margin:0;line-height:1.5}.sh-feedback-thanks{color:var(--text)}.sh-feedback-error{color:var(--danger);font-size:var(--fs-sm);margin:0}@media (max-width:899px){.sh-feedback{right:12px;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 12px);left:12px}.sh-feedback-tab{display:none}.sh-feedback-panel{width:100%}}body:has([data-surface=chat]) .sh-feedback:not([data-open=true]){display:none}body:has([data-surface=swipe]) .sh-feedback{display:none}body:has([data-surface=onboarding]) .sh-feedback{display:none}