:root{--paper:#F7F3EC;--ink:#30313A;--muted:#65636B;--line:#E2D6CF;--lavender:#EFE2DD;--blue:#EFE2DD;--sage:#EBEAE0;--accent:#8E3646;--white:#FFFCF8;--wine-hover:#742A39}
body{background:var(--paper);color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#AD5364}
.primary{background:var(--accent);color:#fff;border-radius:10px;font-weight:700}
.primary:hover:not(:disabled){background:var(--wine-hover)}
.secondary:hover:not(:disabled){background:var(--lavender)}
.text-button{color:var(--accent);border-bottom-color:var(--line)}
.site-header{max-width:1160px;padding:22px 28px}.brand{color:var(--accent);letter-spacing:1px;font-weight:700;gap:9px}.brand-icon{width:36px;height:36px;border-radius:10px;background:var(--lavender);font-size:24px}.brand small{font-size:8px;letter-spacing:1.6px;color:var(--muted);font-weight:400}.site-header nav{gap:18px;font-size:13px}.site-header nav button{min-height:44px}.nav-pill{background:var(--lavender);color:var(--accent)}
body[data-view='landing'] #nav-start{display:none}
.home-shell{max-width:1080px;padding:0 28px}.home-hero{display:grid;grid-template-columns:.92fr 1.08fr;grid-template-rows:auto auto;align-items:center;column-gap:40px;padding:55px 0 52px}
.home-title{grid-column:1;grid-row:1;align-self:end}.home-eyebrow{font-size:12px;color:var(--accent);letter-spacing:1px;margin:0 0 15px;font-weight:700}.home-title h1{font-family:var(--sans);font-size:clamp(40px,4.5vw,57px);font-weight:700;line-height:1.22;letter-spacing:-1.8px;margin:0}.home-title h1 span{color:var(--accent)}.home-description{font-size:16px;color:var(--muted);max-width:320px;line-height:1.8;margin-top:20px}
.hero-preview{grid-column:2;grid-row:1 / 3;min-width:0;width:100%;max-width:470px;justify-self:center}.hero-actions{grid-column:1;grid-row:2;align-self:start;padding-top:27px}.hero-actions .primary{font-size:16px;min-height:55px;padding:15px 24px}.home-meta{font-size:12px;color:var(--muted);margin-top:13px}.hero-actions .text-button{font-size:12px;margin-top:13px;padding:7px 0}
.fan-stage{height:340px;position:relative;touch-action:pan-y;isolation:isolate}.teaser-card{position:absolute;top:10px;left:18%;width:64%;padding:0;text-align:left;border-radius:11px;overflow:hidden;background:var(--white);box-shadow:0 13px 25px #42242D16;border:1px solid #E2D6CF;transition:transform .28s ease,left .28s ease,top .28s ease,width .28s ease;transform-origin:50% 80%;user-select:none;-webkit-user-select:none}.teaser-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;pointer-events:none}.teaser-card[data-position='center']{left:18%;top:10px;width:64%;transform:rotate(-2deg);z-index:3}.teaser-card[data-position='left']{left:0;top:42px;width:52%;transform:rotate(-12deg);z-index:1}.teaser-card[data-position='right']{left:48%;top:37px;width:52%;transform:rotate(12deg);z-index:2}.teaser-body{padding:12px 14px 13px;display:grid;gap:2px}.teaser-body small{font-size:11px;color:var(--muted)}.teaser-body strong{font-size:23px;font-weight:700;color:var(--accent);line-height:1.4}.teaser-tag{font-size:11px;line-height:1.5;color:var(--accent)}
.fan-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:3px}.fan-arrow{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--accent);font-size:17px}.fan-arrow:hover{background:var(--lavender)}.fan-dots{display:flex;gap:0}.fan-dot{width:44px;height:44px;padding:17px;background:transparent;position:relative}.fan-dot::after{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#BDB0AE}.fan-dot[aria-pressed='true']::after{background:var(--accent);transform:scale(1.2)}.fan-caption{font-size:11px;color:var(--muted);text-align:center;margin-top:5px}
.home-examples{padding:35px 0 0;border-top:1px solid var(--line);scroll-margin-top:24px}.home-examples .home-eyebrow{margin-bottom:8px}.home-examples h2{font-size:26px;line-height:1.4;font-weight:700;letter-spacing:-.5px}.example-intro{font-size:13px;color:var(--muted);margin:11px 0 23px;max-width:580px}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-example{padding:0;text-align:left;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}.story-example img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.story-copy{padding:17px 18px 18px}.example-animal{font-size:21px;font-weight:700;color:var(--accent);display:block}.example-quote{font-size:15px;line-height:1.7;color:var(--ink);margin:9px 0 12px}.example-tag{display:block;font-size:11px;color:var(--muted)}.example-link{display:block;font-size:12px;color:var(--accent);margin-top:16px}.story-example:hover{border-color:#C7A5A8;box-shadow:0 6px 15px #42242D0B}.home-invitation{text-align:center;padding:34px 0 4px}.home-invitation .primary{min-height:52px;padding:13px 28px}.home-invitation .text-button{display:block;margin:14px auto 0;font-size:13px}.home-disclaimer{font-size:11px;color:var(--muted);margin:17px auto 0;max-width:440px;line-height:1.8}
.atlas-shell{max-width:1080px;padding:6px 28px 0}.atlas-shell>.text-button{font-size:13px}.atlas-shell .atlas{padding-top:22px}.animal-tile{background:var(--white);border-color:var(--line)}.tile-caption{background:var(--lavender)}.tile-caption .tile-title{color:var(--accent)}.tile-caption .tile-kind,.tile-caption small,.tile-description{color:var(--muted)}.tile-foot{border-color:var(--line);color:var(--muted)}.about{background:#EEE7DF}.about p{color:var(--muted)}
.share-card{background:var(--paper);border-color:var(--line)}.share-stamp,.share-oc,.share-body .tagline{color:var(--muted)}.share-body h1{color:var(--accent)}.share-tags{background:var(--lavender);color:var(--accent)}.share-signature{color:#6F686E;border-color:var(--line)}.result-card,.question-card,.setup-card{border-color:var(--line)}.result-edit-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.result-top{flex-wrap:wrap}.result-edit-actions button{min-height:44px;font-size:12px}.setup-back{display:block;margin:15px auto 0}
.field input,.field textarea,.field select{background:var(--paper);border-color:var(--line)}.form-heading h1,.question-card h1,.card-dialog-heading h2{font-family:var(--sans);font-weight:700}.question-card h1{font-size:25px;line-height:1.6}.option{background:var(--white)}.option:hover{background:#F3E9E4}.option-letter{border-color:#D7C6C2}.option.selected{background:var(--lavender);border-color:var(--accent)}.option.selected .option-letter{background:var(--accent);border-color:var(--accent);color:#fff}.progress-track{background:#E8DED8}.progress-fill{background:var(--accent)}.jump.answered{background:#EEDDD9;color:var(--accent)}.jump.current{background:var(--accent);color:#fff}.warning{background:#F0E7E0;color:var(--muted)}.story-prompt{background:#F0E8DB}.evidence{border-bottom-color:var(--line)}.evidence small{font-size:11px}.background-copy,.alternate p{color:var(--muted)}.site-footer{max-width:1024px;margin-top:42px;letter-spacing:0;padding:20px 0 26px}.toast{background:var(--accent)}
@media(max-width:820px){.home-hero{display:flex;flex-direction:column;padding:22px 0 33px;gap:13px}.home-title{text-align:center;align-self:stretch}.home-title h1{font-size:42px;letter-spacing:-1.2px}.home-title .home-eyebrow{margin-bottom:12px}.home-description{margin:12px auto 0;max-width:390px;font-size:15px}.hero-preview{margin-top:3px}.hero-actions{padding-top:2px;text-align:center;width:100%;max-width:390px}.hero-actions .primary{width:100%;font-size:15px}.home-meta{font-size:11px;margin-top:10px}.hero-actions .text-button{margin-top:5px;min-height:36px}.home-examples{max-width:580px;margin:0 auto}.example-grid{grid-template-columns:1fr;gap:12px}.story-example{display:grid;grid-template-columns:115px minmax(0,1fr);align-items:center}.story-example img{border-radius:0;align-self:center}.story-copy{padding:14px 16px}.example-animal{font-size:19px}.example-quote{font-size:14px;margin:6px 0 8px}.example-link{margin-top:8px}.home-invitation{padding-top:27px}.site-footer{margin:30px 28px 0}.atlas-shell .atlas{padding-top:20px}}
@media(max-width:540px){.site-header{padding:10px 20px}.brand{font-size:16px;gap:7px;letter-spacing:.5px}.brand-icon{width:30px;height:30px;font-size:21px}.brand small{font-size:7px;letter-spacing:1px}.site-header nav{gap:10px;font-size:12px}.nav-pill{padding:6px 10px}.home-shell{padding:0 20px}.home-hero{padding-top:13px;gap:10px}.home-title h1{font-size:36px;line-height:1.22}.home-eyebrow{font-size:11px}.home-description{font-size:14px;line-height:1.7;max-width:310px;margin-top:10px}.hero-preview{width:100%;max-width:370px;margin-top:1px}.fan-stage{height:clamp(236px,70vw,280px)}.teaser-body{padding:9px 11px 10px;gap:1px}.teaser-body small{font-size:10px}.teaser-body strong{font-size:21px}.teaser-tag{font-size:10px}.fan-controls{gap:15px;margin-top:0}.fan-caption{font-size:10px;margin-top:0}.hero-actions .primary{min-height:52px;padding:13px 11px}.home-meta{font-size:10px}.hero-actions .text-button{font-size:11px}.home-examples{padding-top:25px}.home-examples h2{font-size:23px}.example-intro{font-size:12px;margin-bottom:16px}.story-example{grid-template-columns:105px minmax(0,1fr)}.story-copy{padding:13px}.example-quote{font-size:13px;line-height:1.7}.example-animal{font-size:18px}.example-tag{font-size:10px}.example-link{font-size:11px}.home-disclaimer{font-size:10px}.atlas-shell{padding:2px 20px 0}.site-footer{margin-left:20px;margin-right:20px;font-size:10px}.question-card h1{font-size:22px}.question-controls{background:#F7F3ECFA;border-top-color:var(--line)}.result-top{justify-content:center;text-align:center}.result-edit-actions{justify-content:center;gap:10px}.result-content{padding:24px 23px}.setup-card .field input,.setup-card .field textarea,.setup-card .field select{font-size:16px}}
@media(max-width:360px){.home-title h1{font-size:32px}.home-description{font-size:13px}.teaser-body{padding:8px 9px}.teaser-body strong{font-size:19px}.fan-stage{height:236px}.story-example{grid-template-columns:95px minmax(0,1fr)}.site-header nav{gap:6px}.brand{font-size:15px}}
@media(prefers-reduced-motion:reduce){.teaser-card,.progress-fill,.primary{transition:none}.primary:hover:not(:disabled){transform:none}html{scroll-behavior:auto}}
@media print{.home-shell,.atlas-shell{display:none}.share-card{box-shadow:none}.result-top{display:none}}