:root{--display-font: "KaiTi", "STKaiti", "Kaiti SC", "Noto Serif CJK SC", "Songti SC", "SimSun", serif;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;color:#f7eddd;background:#081922;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ead097;outline-offset:4px}.site-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px) minmax(0,1fr);background:radial-gradient(circle at 20% 10%,rgba(31,88,91,.3),transparent 34%),radial-gradient(circle at 90% 80%,rgba(27,64,69,.5),transparent 40%),#081922}.side-caption{align-self:center;justify-self:center;writing-mode:vertical-rl;display:flex;align-items:center;gap:21px;color:#e0c38e61;font:14px var(--display-font);letter-spacing:.4em}.side-caption--right{transform:rotate(180deg)}.scroll-stage{--gold: #e5c38b;--pale: #f7eddd;--teal: #88c8b5;position:relative;grid-column:2;min-height:100svh;isolation:isolate;overflow:hidden;background:#0b202a;border-left:1px solid rgba(206,184,132,.25);border-right:1px solid rgba(206,184,132,.25);box-shadow:0 0 80px #00000073}.painting,.paint-wash,.paper-grain{position:absolute;inset:0;pointer-events:none}.painting{z-index:-3;background-image:url(/night-scroll.jpg);background-size:auto 168%;background-position:center calc(var(--stage) * 14.2857%);background-repeat:no-repeat;transition:background-position 1s cubic-bezier(.22,1,.36,1);filter:saturate(.88) contrast(1.08)}.paint-wash{z-index:-2;background:linear-gradient(180deg,#05111933,#05111914 22%,#05121b66,#05121be6 70%,#071923)}.paper-grain{z-index:-1;opacity:.17;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.67' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.screen{min-height:100svh;padding:max(25px,env(safe-area-inset-top)) 28px max(24px,env(safe-area-inset-bottom));animation:screen-enter .54s cubic-bezier(.22,1,.36,1) both}@keyframes screen-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.site-header,.question-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--pale);font:22px var(--display-font);letter-spacing:.1em}.brand-seal{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid rgba(232,197,136,.8);color:var(--gold);font:20px var(--display-font);line-height:1}.header-meta{color:#f6e7cead;font-size:11px;letter-spacing:.16em;padding-top:9px}.intro-screen{display:flex;flex-direction:column}.intro-copy{margin-top:auto;padding-bottom:clamp(30px,6vh,55px)}.overline{margin:0 0 19px;color:var(--gold);font-size:11px;letter-spacing:.23em;display:flex;align-items:center;gap:12px}.overline-rule{display:inline-block;width:27px;height:1px;background:currentColor}.intro-copy h1,.result-hero h1{font-family:var(--display-font);font-weight:400;letter-spacing:.045em}.intro-copy h1{margin:0;font-size:clamp(52px,14vw,74px);line-height:1.13;text-shadow:0 3px 18px #05101b}.intro-copy h1 em{font-style:normal;color:#e8ca91}.intro-description{margin:24px 0 0;color:#f7edddde;font-size:14px;line-height:2;letter-spacing:.03em;text-shadow:0 2px 7px #071923}.intro-bottom{margin-top:auto}.scroll-cue{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#ead2aabf;font:13px var(--display-font);letter-spacing:.22em}.cue-line{width:34px;height:1px;background:var(--gold)}.primary-button{width:100%;min-height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border:1px solid #d2ac75;background:linear-gradient(110deg,#b9834d,#d6ad71,#b98550);color:#12272b;font:22px var(--display-font);letter-spacing:.12em;box-shadow:inset 0 0 0 3px #253c3821,0 12px 32px #00000047;transition:filter .18s ease,transform .18s ease}.primary-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-button:active{transform:translateY(1px)}.arrow{font:25px Georgia,serif;letter-spacing:0;line-height:1}.arrow--left{display:inline-block;transform:rotate(180deg)}.microcopy{margin:12px 0 0;text-align:center;font-size:10px;letter-spacing:.08em;color:#f5e9d6a3}.question-screen{display:flex;flex-direction:column}.back-button{border:0;padding:6px 0;color:var(--pale);background:transparent;display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em}.back-button .arrow{font-size:23px}.chapter-progress{color:#f5e9d6e0;text-align:right;font:12px var(--display-font);letter-spacing:.12em}.progress-dots{display:flex;gap:5px;margin-top:10px;justify-content:flex-end}.progress-dots i{display:block;width:15px;height:2px;background:#decaa34d}.progress-dots i.is-filled{background:#e2bf85}.question-top{display:flex;justify-content:space-between;align-items:flex-start;margin-top:clamp(30px,7vh,72px)}.scene-marker{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-left:-8px;padding:7px 25px 9px 8px;border-left:1px solid rgba(229,195,139,.7);background:linear-gradient(90deg,rgba(5,24,33,.82),rgba(5,24,33,.28) 78%,transparent)}.scene-marker span{color:#eedfc7cc;font-size:11px;letter-spacing:.18em}.scene-marker b{color:#f2d9a5;font:37px var(--display-font);font-weight:400;letter-spacing:.14em;text-shadow:0 3px 12px #03121b}.trail-mark{width:44px;height:44px;border:1px solid rgba(205,130,98,.86);color:#e49b79;display:grid;place-items:center;font:22px var(--display-font);transform:rotate(-5deg);background:#18202352;box-shadow:0 0 20px #08131966}.question-content{margin-top:auto;padding-top:28px}.story-echo{margin:0 0 9px;color:#e8c593;font:16px/1.6 var(--display-font);letter-spacing:.02em}.story-lead{margin:0;color:#f7edddcc;font-size:12px;line-height:1.7}.question-content h2{margin:16px 0 21px;color:#fff5e6;font:29px/1.35 var(--display-font);font-weight:400;letter-spacing:.035em;text-shadow:0 2px 10px #05131d}.question-content h2:focus,.result-hero h1:focus{outline:none}.choice-list{display:grid;padding:3px 0;background:linear-gradient(90deg,#05161dd9,#05161db8 72%,#05161d7a);border-top:1px solid rgba(225,195,145,.38);border-bottom:1px solid rgba(225,195,145,.38)}.choice-slip{position:relative;isolation:isolate;width:100%;min-height:69px;display:grid;grid-template-columns:31px 1fr;align-items:center;gap:13px;padding:9px 8px;text-align:left;border:0;border-bottom:1px solid rgba(222,193,149,.22);background:transparent;color:#f8ebd7;transition:color .18s ease}.choice-slip:last-child{border-bottom:0}.choice-slip:before{content:"";position:absolute;z-index:-1;inset:4px -5px;background:linear-gradient(100deg,rgba(151,111,70,.31),rgba(67,119,107,.29) 72%,transparent);clip-path:polygon(0 10%,97% 0,100% 83%,3% 100%);opacity:0;transition:opacity .18s ease}.choice-slip:focus-visible:before{opacity:1}.choice-slip:active:before{opacity:.7}@media(hover:hover){.choice-slip:hover:before{opacity:1}}.choice-glyph{width:29px;height:35px;display:grid;place-items:center;border-left:2px solid rgba(192,108,85,.9);background:#8f4a3a24;color:#e6b885;font:22px var(--display-font);transform:rotate(-2deg)}.choice-text{font-size:14px;line-height:1.55;letter-spacing:.025em}.question-hint{margin:15px 0 0;color:#f7eddd99;text-align:center;font-size:10px;letter-spacing:.08em}.scroll-stage--result .paint-wash{background:linear-gradient(180deg,#04121b4f,#071c2266 25%,#061b21e8 55%,#071923)}.result-screen{padding-bottom:max(38px,env(safe-area-inset-bottom))}.result-hero{padding-top:clamp(72px,13vh,140px);min-height:clamp(460px,74svh,650px);display:flex;flex-direction:column;align-items:flex-start}.result-caption{margin-top:27px;font-size:12px;color:#e4c58e;letter-spacing:.22em}.result-hero h1{margin:8px 0 6px;font-size:clamp(73px,21vw,108px);line-height:1.13;color:#ffefd4;text-shadow:0 4px 20px #071923}.poet-era{margin:4px 0 0;color:#e9d2ab;font:15px var(--display-font);letter-spacing:.05em}.poet-era span{padding:0 5px;opacity:.55}.poet-portrait{margin:auto 0 35px;max-width:350px;color:#fff2df;font:21px/1.65 var(--display-font);text-shadow:0 2px 12px #071923}.result-body{padding-top:25px;border-top:1px solid rgba(225,197,150,.36)}.section-heading{display:flex;align-items:baseline;gap:12px}.section-heading>span{color:#d7aa74;font:13px var(--display-font)}.section-heading h2{margin:0;color:#f6e6ce;font:25px var(--display-font);font-weight:400}.section-heading i{height:1px;flex:1;background:#dfc28f59}.section-intro{margin:12px 0 22px;color:#f7edddb8;font-size:12px;line-height:1.8}.evidence-list{display:grid;gap:13px}.evidence{position:relative;padding:17px 17px 16px 19px;border:1px solid rgba(192,173,140,.35);border-left:2px solid #b78666;background:#0c272dc2}.evidence-index{color:#ddb880;font:15px var(--display-font);letter-spacing:.05em}.evidence-index span{color:#e8d2b1ba;font-size:12px}.evidence-choice{margin:10px 0 6px;color:#fff0d9;font:18px/1.5 var(--display-font)}.evidence-insight{margin:0;color:#f4ebdbc9;font-size:12px;line-height:1.8}.poet-lens{margin:22px 0 37px;color:#f0d8ae;font:17px/1.8 var(--display-font)}.verse-heading{margin-bottom:22px}.verse-quote{margin:0;padding:7px 0 8px 18px;border-left:2px solid #d5b475;color:#f8e4be;font:25px/1.6 var(--display-font)}.source-link{display:inline-block;margin:15px 0 36px 20px;color:#bddbd1;text-decoration:underline;text-underline-offset:4px;font-size:12px}.source-link span{margin-left:6px}.result-actions{display:grid;gap:14px}.text-button{min-height:44px;border:0;background:transparent;color:#e8d9bc;font:17px var(--display-font)}.text-button span{margin-left:5px}.privacy-note{margin:23px 0 0;text-align:center;color:#efe3d096;font-size:10px;line-height:1.9}.toast{position:fixed;z-index:10;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100% - 40px);padding:13px 18px;border:1px solid rgba(219,190,137,.65);background:#17343b;color:#fff2d9;box-shadow:0 12px 35px #07131a;text-align:center;font-size:12px}@media(max-width:700px){.site-shell{display:block}.side-caption{display:none}.scroll-stage{width:100%;border:0;box-shadow:none}}@media(max-width:370px){.screen{padding-left:21px;padding-right:21px}.question-content h2{font-size:26px}.choice-slip{min-height:61px;gap:9px}.choice-text{font-size:13px}.intro-copy h1{font-size:52px}}@media(max-height:740px){.question-top{margin-top:22px}.question-content{padding-top:13px}.question-content h2{margin-top:11px;margin-bottom:14px}.choice-slip{min-height:58px}.question-hint{margin-top:10px}.intro-copy{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}