#start-here-root{max-width:680px;margin:0;padding:56px 28px 100px}@keyframes sh-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sh-in{0%{opacity:0}to{opacity:1}}.sh-module{margin-bottom:64px;animation:sh-fade .5s ease both}.sh-module:first-child{padding-bottom:20px}.sh-label{font-family:Space Mono,monospace;font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.sh-hero-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.4rem,7vw,4rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;margin:0 0 16px}.sh-hero-sub{color:var(--muted);font-size:15px;line-height:1.8;max-width:46ch;margin-bottom:0}.currently-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.cur-card{padding:16px 18px;border-radius:10px;border:1px solid var(--border);background:var(--n-panel);text-decoration:none;color:inherit;display:block;transition:all .2s}.cur-card:hover{border-color:var(--accent);background:var(--n-hover)}.cur-label{font-family:Space Mono,monospace;font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.cur-title{font-weight:600;font-size:14px;color:var(--n-text);line-height:1.3}.cur-sub{font-size:12px;color:var(--muted);margin-top:4px}.mood-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;max-height:2.5em;overflow:hidden}.mood-chip{padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;transition:all .2s}.mood-chip:hover{border-color:var(--n-text);color:var(--n-text)}.mood-chip.active{background:var(--n-hover);border-color:var(--accent);color:var(--accent)}.mood-recs{display:flex;flex-direction:column;gap:8px;min-height:var(--mood-recs-h, 80px)}.mood-rec{display:flex;align-items:baseline;justify-content:space-between;padding:12px 16px;border-radius:8px;border:1px solid var(--border);background:var(--n-panel);text-decoration:none;transition:all .2s;gap:10px;animation:sh-in .25s ease}.mood-rec:hover{border-color:var(--accent);background:var(--n-hover)}.mood-rec-label{font-size:14px;font-weight:600}.mood-rec-type{font-family:Space Mono,monospace;font-size:10px;color:var(--muted);flex-shrink:0}.mood-rec-type[data-area=fn]{color:var(--accent-fn)}.mood-rec-type[data-area=fs]{color:var(--accent-fs)}.mood-rec-type[data-area=on]{color:var(--accent-on)}.mood-rec-type[data-area=os]{color:var(--accent-os)}.mood-empty{font-size:13px;color:var(--muted);font-style:italic;padding:12px 0}.start-grid{display:flex;flex-wrap:wrap;gap:10px}.start-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px;border-radius:10px;border:1px solid var(--border);background:var(--n-panel);cursor:pointer;font:inherit;color:var(--n-text);text-align:left;transition:all .2s;flex:1 1 120px;min-width:110px}.start-btn--wide{flex:0 0 100%}.start-btn:hover,.start-btn.pulsed{border-color:var(--accent);background:var(--n-hover)}.start-main{font-weight:600;font-size:14px}.start-meta{font-family:Space Mono,monospace;font-size:10px;color:var(--muted)}.start-dest{font-family:Space Mono,monospace;font-size:10px;color:var(--accent);margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-inline-accent[data-area=fn]{color:var(--accent-fn)}.sh-inline-accent[data-area=fs]{color:var(--accent-fs)}.sh-inline-accent[data-area=on]{color:var(--accent-on)}.sh-inline-accent[data-area=os]{color:var(--accent-os)}.reader-prose .sh-hero-sub{font-size:.9375em}#start-here-root [data-sh-area=fn],#start-here-root [data-area=fn]{--sh-accent: var(--accent-fn)}#start-here-root [data-sh-area=fs],#start-here-root [data-area=fs]{--sh-accent: var(--accent-fs)}#start-here-root [data-sh-area=on],#start-here-root [data-area=on]{--sh-accent: var(--accent-on)}#start-here-root [data-sh-area=os],#start-here-root [data-area=os]{--sh-accent: var(--accent-os)}#start-here-root :is(.cur-card,.start-btn,.mood-recs a,[data-sh-selectable])[data-sh-area],#start-here-root :is(.cur-card,.start-btn,.mood-recs a,[data-sh-selectable])[data-area]{transition:border-color .18s ease,box-shadow .18s ease,color .18s ease}#start-here-root :is(.cur-card,.start-btn,.mood-recs a,[data-sh-selectable])[data-sh-area]:is(:hover,:focus-visible),#start-here-root :is(.cur-card,.start-btn,.mood-recs a,[data-sh-selectable])[data-area]:is(:hover,:focus-visible){border-color:var(--sh-accent);box-shadow:inset 0 0 0 1px var(--sh-accent)}#start-here-root .start-btn--cycle-story:is(:hover,:focus-visible){animation:sh-start-story-border-cycle 5.5s ease-in-out infinite alternate both}#start-here-root .start-btn--cycle-all:is(:hover,:focus-visible){animation:sh-start-all-border-cycle 10s ease-in-out infinite both}@keyframes sh-start-story-border-cycle{0%{border-color:var(--accent-fs);box-shadow:inset 0 0 0 1px var(--accent-fs)}to{border-color:var(--accent-os);box-shadow:inset 0 0 0 1px var(--accent-os)}}@keyframes sh-start-all-border-cycle{0%,to{border-color:var(--accent-fn);box-shadow:inset 0 0 0 1px var(--accent-fn)}25%{border-color:var(--accent-on);box-shadow:inset 0 0 0 1px var(--accent-on)}50%{border-color:var(--accent-fs);box-shadow:inset 0 0 0 1px var(--accent-fs)}75%{border-color:var(--accent-os);box-shadow:inset 0 0 0 1px var(--accent-os)}}
