:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eee8dc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#080807;--bg-soft:#0e0d0c;--surface:#141311d1;--surface-strong:#221f1be6;--surface-lit:#50443385;--text:#eee8dc;--text-soft:#d8d0c0;--muted:#8f887b;--dim:#5f5a51;--line:#eee8dc24;--line-strong:#eee8dc42;--accent:#d4c3a2;--accent-strong:#f4e5c7;--signal:#ff675c;--danger:#b59486;--shadow:0 24px 80px #0000007a;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "Iowan Old Style", Georgia, serif;background:#080807;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:linear-gradient(#100f0eeb,#070706),repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 5px),#080807;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{isolation:isolate;width:min(480px,100%);min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));margin:0 auto;position:relative;overflow-x:hidden}.ambient-texture{z-index:-1;pointer-events:none;opacity:.72;background:linear-gradient(#0000 0%,#f4e5c709 36%,#0000 82%),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px);animation:7s ease-in-out infinite reader-breathe;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#00000080 62%,#0000 100%);mask-image:linear-gradient(#000000e6,#00000080 62%,#0000 100%)}.reader-header{min-height:118px;color:var(--muted);gap:12px;display:grid}.reader-nav{grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;min-height:54px;display:grid}.reader-nav-spacer,.icon-button{width:44px;height:44px}.reader-title{text-align:center;justify-items:center;gap:5px;display:grid}.reader-title span{color:var(--text);font-family:var(--serif);letter-spacing:0;font-size:1.42rem;font-weight:500;line-height:1.1}.reader-title small{color:var(--muted);font-family:var(--serif);letter-spacing:0;align-items:center;gap:14px;font-size:.86rem;line-height:1;display:inline-flex;position:relative}.reader-title small:before,.reader-title small:after{content:"";background:#eee8dc47;width:32px;height:1px}.icon-button{color:var(--text-soft);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;place-items:center;transition:transform .16s,color .16s,background .16s;display:inline-grid}.icon-button:hover,.icon-button:focus-visible{color:var(--accent-strong);background:#eee8dc14;outline:none}.icon-button:active{transform:scale(.94)}.reader-subline{border-top:1px solid #eee8dc1a;grid-template-columns:1fr auto;align-items:center;min-height:28px;display:grid}.reader-clock{color:var(--accent-strong);font-family:var(--serif);font-variant-numeric:tabular-nums;align-items:center;gap:10px;padding-top:10px;font-size:1rem;line-height:1;display:inline-flex}.clock-dot{background:var(--signal);border-radius:999px;width:8px;height:8px;animation:2.8s ease-in-out infinite signal-pulse;box-shadow:0 0 16px #ff675c7a}.screen{min-height:calc(100dvh - 140px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;display:flex}.intro-screen,.ending-screen{justify-content:center;gap:20px}.story-screen{justify-content:flex-start;gap:16px;padding-top:2px}.phone-speaker{background:#eee8dc26;border-radius:999px;width:50px;height:4px;margin:0 auto 8px}.kicker{color:var(--accent);letter-spacing:.08em;margin:0;font-size:.78rem;line-height:1.4}h1,h2,p{margin-top:0}h1{color:var(--text);font-family:var(--serif);letter-spacing:0;margin-bottom:0;font-size:2.35rem;font-weight:500;line-height:1.14}h2{color:var(--text);letter-spacing:0;margin-bottom:12px;font-size:1.28rem;font-weight:600;line-height:1.28}.intro-copy{max-width:31rem;color:var(--text-soft);font-family:var(--serif);gap:13px;font-size:1.18rem;line-height:1.9;display:grid}.intro-copy p,.story-text p,.ending-text,.echo-text{margin-bottom:0}.last-ending,.result-meta,.replay-block{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.last-ending{gap:8px;padding:15px;display:grid}.last-ending-label,.last-ending span,.last-ending small{color:var(--muted);font-size:.82rem}.last-ending-label{align-items:center;gap:7px;display:inline-flex}.last-ending strong{color:var(--accent-strong);font-family:var(--serif);font-size:1.08rem;font-weight:500}.primary-button,.secondary-button,.choice-button,.text-button{cursor:pointer;touch-action:manipulation;border:0;min-height:44px;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;padding:14px 16px;font-weight:700;display:inline-flex}.primary-button{color:#15100a;background:linear-gradient(#f3e4c6,#bca784);box-shadow:0 18px 42px #bca78438}.secondary-button{color:var(--accent-strong);background:#eee8dc0e;border:1px solid #eee8dc33}.text-button{width:fit-content;min-height:34px;color:var(--muted);text-underline-offset:4px;background:0 0;align-items:center;gap:6px;padding:0;text-decoration:underline;display:inline-flex}.primary-button:active,.secondary-button:active,.choice-button:active{transform:scale(.985)}.primary-button:focus-visible,.secondary-button:focus-visible,.choice-button:focus-visible,.text-button:focus-visible{outline-offset:3px;outline:2px solid #f4e5c794}.progress-block{gap:9px;padding:0 2px;display:grid}.progress-meta{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;font-size:.74rem;line-height:1.2;display:grid}.progress-compact{color:var(--text-soft);font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:1.02rem}.progress-readable{min-width:0;color:var(--muted);overflow-wrap:anywhere}.progress-track{background:#eee8dc1a;border-radius:999px;height:2px;overflow:hidden}.progress-fill{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,#f4e5c7c7,#ff675cb8);width:100%;height:100%;transition:transform .26s}.story-card{min-height:390px;box-shadow:none;background:0 0;border:0;padding:28px 24px 8px;position:relative}.screen-status{color:var(--dim);font-family:var(--serif);justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;font-size:.88rem;line-height:1.2;display:flex}.reader-node-title{color:var(--muted);font-family:var(--serif);margin:0 0 22px;font-size:1rem;font-weight:400}.story-text{color:var(--text);font-family:var(--serif);letter-spacing:0;overflow-wrap:anywhere;gap:24px;font-size:1.34rem;font-weight:400;line-height:1.82;display:grid}.echo-text{color:#8f887b94;font-family:var(--serif);margin-top:30px;font-size:1.05rem;line-height:1.75}.last-ending-pill{width:fit-content;max-width:100%;color:var(--muted);background:#eee8dc0e;border:1px solid #eee8dc21;border-radius:999px;align-items:center;gap:7px;margin-top:18px;padding:8px 12px;font-size:.8rem;display:inline-flex}.last-ending-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.choices{gap:10px;margin-top:auto;padding-top:6px;display:grid}.choice-button{border:1px solid var(--line);width:100%;min-height:66px;color:var(--text);text-align:left;background:#100f0ec2;border-radius:8px;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:14px;padding:11px 13px;display:grid}.choice-button:hover,.choice-button:focus-visible{background:#2c2720db;border-color:#f4e5c780;outline:none;box-shadow:inset 0 0 0 1px #f4e5c714,0 14px 34px #00000052}.choice-button:active{background:var(--surface-lit);border-color:#f4e5c7c2}.choice-index{width:42px;height:42px;color:var(--accent);font-family:var(--serif);font-variant-numeric:tabular-nums;border:1px solid #eee8dc3d;border-radius:999px;place-items:center;font-size:1.25rem;line-height:1;display:inline-grid}.choice-copy{min-width:0;color:var(--text);font-family:var(--serif);overflow-wrap:anywhere;font-size:1.18rem;line-height:1.35}.choice-chevron{color:var(--muted);justify-self:end}.ending-text{color:var(--text-soft);font-family:var(--serif);font-size:1.14rem;line-height:1.9}.result-meta{gap:0;display:grid;overflow:hidden}.result-meta div{gap:7px;padding:14px;display:grid}.result-meta div+div{border-top:1px solid var(--line)}.result-meta dt{color:var(--muted);font-size:.78rem}.result-meta dd{color:var(--text);margin:0;font-size:.98rem;line-height:1.6}.replay-block{padding:14px}.replay-block h2{color:var(--muted);margin-bottom:10px;font-size:.9rem}.replay-block ol{gap:9px;max-height:184px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.replay-block li{color:var(--muted);gap:3px;font-size:.82rem;display:grid}.replay-block strong{color:var(--text);font-family:var(--serif);font-size:.98rem;font-weight:500}.ending-actions{gap:10px;display:grid}@keyframes reader-breathe{0%,to{opacity:.54}50%{opacity:.78}}@keyframes signal-pulse{0%,to{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@media (width>=640px){body{place-items:center;display:grid}.app-shell{border-left:1px solid #eee8dc14;border-right:1px solid #eee8dc14;min-height:min(900px,100vh)}}@media (width<=374px){.app-shell{padding-left:14px;padding-right:14px}.reader-title span{font-size:1.28rem}h1{font-size:2.08rem}.story-card{min-height:366px;padding-left:16px;padding-right:16px}.story-text{gap:19px;font-size:1.2rem}.choice-button{grid-template-columns:42px minmax(0,1fr) 20px;gap:10px;min-height:62px;padding-left:11px;padding-right:11px}.choice-index{width:38px;height:38px;font-size:1.12rem}.choice-copy{font-size:1.07rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}