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