:root{--shell-h:64px}@media (min-width:720px){:root{--shell-h:72px}}.cysten-shell{--shell-gutter:clamp(20px, 5vw, 72px);--shell-surface:var(--color-background);--shell-ink:var(--color-foreground-strong);--shell-ink-dim:var(--color-muted-foreground);--shell-rule:var(--color-border);z-index:30;padding-top:env(safe-area-inset-top);color:var(--shell-ink);transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), transform .2s var(--ease-out);will-change:transform;background:0 0;border-bottom:1px solid #0000;position:sticky;top:0;transform:translateY(0)}.cysten-shell[data-scrolled=true]{background:color-mix(in srgb, var(--shell-surface) 84%, transparent);border-bottom-color:var(--shell-rule);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3)}.cysten-header{max-width:var(--frame);height:var(--shell-h);padding:0 var(--shell-gutter);align-items:center;gap:12px;margin:auto;display:flex}.cysten-logo{min-height:44px;font-family:var(--font-sans,inherit);letter-spacing:-.05em;color:var(--shell-ink);transition:color var(--dur-base) var(--ease-out);flex-shrink:0;align-items:center;font-size:23px;font-weight:700;line-height:1;display:inline-flex}.cysten-logo i{background:var(--accent);border-radius:50%;width:.19em;height:.19em;margin-left:.07em;display:inline-block}.cysten-nav{align-items:center;gap:2px;margin-left:auto;display:flex}.cysten-nav a{letter-spacing:0;min-height:44px;color:var(--shell-ink-dim);transition:color var(--dur-fast) var(--ease-out);white-space:nowrap;align-items:center;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.cysten-nav a:hover,.cysten-nav a[aria-current=page]{color:var(--shell-ink)}.cysten-nav a[aria-current=page]:after{content:"";background:var(--accent);border-radius:2px;width:14px;height:2px;margin-left:-7px;position:absolute;bottom:7px;left:50%}.cysten-nav-new{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:11px;right:5px}.cysten-account{flex-shrink:0;justify-content:flex-end;align-items:center;min-width:36px;min-height:36px;margin-left:4px;display:inline-flex;position:relative}.cysten-shell[data-mode=reader] .cysten-account,.cysten-shell[data-mode=reader] .cysten-signin{margin-left:auto}.cysten-signin{min-height:44px;color:var(--shell-ink);white-space:nowrap;flex-shrink:0;align-items:center;padding:0 2px 0 12px;font-size:14px;font-weight:500;display:inline-flex}.cysten-avatar{border:1px solid color-mix(in srgb, var(--shell-ink) 36%, transparent);background:color-mix(in srgb, var(--shell-ink) 8%, transparent);width:36px;height:36px;color:var(--shell-ink);font:600 14px/1 var(--font-sans);letter-spacing:0;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.cysten-avatar:hover,.cysten-avatar[aria-expanded=true]{border-color:var(--shell-ink);background:color-mix(in srgb, var(--shell-ink) 14%, transparent)}.cysten-menu{z-index:1;border:1px solid var(--color-border-strong);background:var(--color-elevated);min-width:220px;color:var(--color-foreground);animation:cysten-menu-in var(--dur-fast) var(--ease-out) both;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 44px #00000052}.cysten-menu-who{border-bottom:1px solid var(--color-border);color:var(--color-muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin:0;padding:10px 12px 12px;font-size:13px;overflow:hidden}.cysten-menu a,.cysten-menu button{width:100%;min-height:44px;color:var(--color-foreground);font:500 14px var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;margin:0;padding:0 12px;text-decoration:none;display:flex}.cysten-menu a:hover,.cysten-menu button:hover{background:var(--color-hover)}.cysten-menu-who+a,.cysten-menu-who+button{margin-top:6px}@keyframes cysten-menu-in{0%{opacity:0;transform:translateY(-4px)}}.cysten-logo:focus-visible,.cysten-nav a:focus-visible,.cysten-signin:focus-visible,.cysten-avatar:focus-visible,.cysten-back:focus-visible,.cysten-menu a:focus-visible,.cysten-menu button:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}.cysten-avatar:focus-visible{border-radius:999px}.cysten-shell[data-mode=title],.cysten-shell[data-mode=reader]{margin-bottom:calc(-1 * (var(--shell-h) + env(safe-area-inset-top)) - 1px);--shell-surface:var(--color-paper);--shell-ink:var(--color-ink);--shell-ink-dim:var(--color-ink-dim);--shell-rule:var(--color-rule)}.story-root:has(.title-scene,.member-app[data-over-art],.entrance-backdrop) .cysten-shell[data-scrolled=false]{--shell-ink:#f3efe6;--shell-ink-dim:#f1ede4c7}.story-root:has(.title-scene) .cysten-shell[data-scrolled=false]{background:linear-gradient(#06080a80,#0000) no-repeat}.story-root:has(.title-scene,.member-app[data-over-art]) .cysten-shell[data-scrolled=false] .cysten-logo i{background:#d6e7b1}.cysten-shell[data-mode=reader][data-hidden=true]:not(:focus-within){transform:translateY(-100%)}.cysten-shell[data-mode=reader] .cysten-header{gap:16px}.cysten-back{max-width:46%;min-height:44px;color:var(--shell-ink);font-family:var(--font-story,var(--font-serif));letter-spacing:var(--story-title-tracking,0);white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;font-size:18px;text-decoration:none;display:inline-flex}.cysten-back svg{transition:transform var(--dur-fast) var(--ease-out);flex:none}.cysten-back:hover svg{transform:translate(-3px)}.cysten-back-name{text-overflow:ellipsis;overflow:hidden}.cysten-back.spaced .cysten-back-name{font-family:var(--font-sans);letter-spacing:.32em;text-transform:uppercase;font-size:13px}.cysten-reading{min-width:0;color:var(--shell-ink-dim);white-space:nowrap;flex:1;justify-content:center;align-items:baseline;gap:10px;margin:0;font-size:14px;display:flex;overflow:hidden}.cysten-reading-label{letter-spacing:.14em;text-transform:uppercase;flex:none;font-size:12px}.cysten-reading-title{text-overflow:ellipsis;color:var(--shell-ink);overflow:hidden}.cysten-reading{transition:opacity var(--dur-base) var(--ease-out)}.story-root:has(.member-story-head) .cysten-shell[data-scrolled=false] .cysten-reading{opacity:0}.cysten-shell[data-mode=reader]:after{content:"";background:var(--shell-ink-dim);transform-origin:0;height:2px;transform:scaleX(var(--reading-progress,0));opacity:0;transition:opacity var(--dur-base) var(--ease-out);pointer-events:none;position:absolute;bottom:-1px;left:0;right:0}.cysten-shell[data-mode=reader][data-scrolled=true]:after{opacity:.7}@media (prefers-reduced-motion:reduce){.cysten-shell{transition:none}.cysten-menu{animation:none}}@media (max-width:599px){.cysten-shell[data-mode=reader] .cysten-reading{display:none}.cysten-back{max-width:none}}@media (max-width:419px){.cysten-header{gap:6px}.cysten-logo{font-size:21px}.cysten-nav{gap:0}.cysten-nav a{padding:0 8px;font-size:13px}.cysten-signin{padding-left:8px;font-size:13px}}@media (max-width:359px){.cysten-nav a{padding:0 6px;font-size:12.5px}}@media (min-width:720px){.cysten-nav{gap:6px}.cysten-nav a{padding:0 14px}.cysten-account{margin-left:10px}}::view-transition-group(.shell-hold){animation-duration:0s}::view-transition-old(.shell-hold){opacity:0;animation:none}::view-transition-new(.shell-hold){animation:none}