:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;--paper:#f4efe5;--paper-2:#fbf8f1;--ink:#181713;--muted:#777166;--line:rgba(24,23,19,.14);--accent:#b84d3b;--accent-deep:#7e2f25;--soft:#e8ddca;--shadow:0 20px 60px rgba(56,42,26,.10)}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;min-height:100svh;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{font:inherit}button{color:inherit}.grain{position:fixed;inset:0;pointer-events:none;opacity:.26;background-image:radial-gradient(rgba(38,31,23,.10) .7px,transparent .7px);background-size:7px 7px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:58px;padding:env(safe-area-inset-top) 18px 0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(244,239,229,.96),rgba(244,239,229,.74),transparent)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:900;letter-spacing:.11em}.brand-dot{width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;position:relative}.brand-dot:after{content:"";position:absolute;width:5px;height:5px;background:var(--accent);border-radius:50%;right:-7px;top:-4px}.top-action{border:0;background:transparent;font-size:12px;font-weight:800;color:var(--muted);padding:10px 0}
.app{width:min(100%,520px);min-height:100svh;margin:0 auto;padding:74px 20px calc(34px + env(safe-area-inset-bottom));position:relative;z-index:2}.screen{min-height:calc(100svh - 108px);display:flex;flex-direction:column;animation:enter .42s cubic-bezier(.2,.8,.2,1)}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.kicker{font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}.intro-screen{justify-content:center;padding-bottom:28px}
.thread-hero{margin:6px -4px 4px;height:148px;display:flex;align-items:center}.thread-hero svg{width:100%;height:100%;overflow:visible}.thread-hero path{fill:none;stroke-linecap:round}.thread-hero .faint{stroke:rgba(126,47,37,.13);stroke-width:10}.thread-hero .main{stroke:var(--accent);stroke-width:1.6;stroke-dasharray:560;stroke-dashoffset:560;animation:draw 1.5s .16s ease forwards}.thread-hero circle{fill:var(--paper);stroke:var(--accent);stroke-width:1.4;opacity:0;animation:node .35s forwards}.thread-hero circle:nth-of-type(1){animation-delay:.35s}.thread-hero circle:nth-of-type(2){animation-delay:.58s}.thread-hero circle:nth-of-type(3){animation-delay:.8s}.thread-hero circle:nth-of-type(4){animation-delay:1.02s}.thread-hero circle:nth-of-type(5){animation-delay:1.25s}@keyframes draw{to{stroke-dashoffset:0}}@keyframes node{to{opacity:1}}
h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:700;font-size:clamp(42px,12.2vw,64px);line-height:1.02;letter-spacing:-.055em;margin:0 0 18px}h1 em{font-style:normal;color:var(--accent)}.lead{font-size:15px;line-height:1.9;margin:0;color:#4f4b43}.lead strong{color:var(--ink);font-weight:900}.intro-note{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 16px}.intro-note span{border:1px solid var(--line);border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800;color:#625d54;background:rgba(255,255,255,.35)}
.primary,.secondary{width:100%;border-radius:16px;min-height:56px;padding:15px 17px;font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.primary:active,.secondary:active,.choice:active{transform:scale(.985)}.primary{border:1px solid var(--ink);background:var(--ink);color:#fff}.primary span{color:#e1a698;font-size:19px}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.50);color:var(--ink)}.fineprint{font-size:12px;line-height:1.65;color:#8a8479;text-align:center;margin:12px 12px 0}
.progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.progress-copy{font-size:12px;font-weight:900;letter-spacing:.11em;color:var(--muted)}.progress-count{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;color:var(--accent-deep)}.progress-line{height:2px;background:rgba(24,23,19,.10);border-radius:2px;overflow:hidden;margin-bottom:38px}.progress-line i{display:block;height:100%;background:var(--accent);transition:width .35s ease}.question-screen{padding-top:18px}.question-label{font-size:12px;font-weight:900;color:var(--accent);margin-bottom:12px}.question-title{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(28px,8.4vw,39px);line-height:1.25;letter-spacing:-.035em;margin:0}.question-help{font-size:12px;line-height:1.65;color:var(--muted);margin:10px 0 24px}.choices{display:grid;gap:9px;padding-bottom:18px}.choice{position:relative;border:1px solid var(--line);background:rgba(251,248,241,.76);border-radius:15px;padding:16px 42px 16px 17px;text-align:left;min-height:59px;font-size:14px;line-height:1.45;font-weight:800;cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,.85) inset;transition:transform .15s ease,border-color .15s ease,background .15s ease}.choice:after{content:"↗";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:14px;color:#aaa397}.choice:hover{border-color:rgba(184,77,59,.45);background:#fffaf1}.selection-echo{margin-top:auto;padding-top:14px;display:flex;gap:7px;overflow:hidden}.echo-dot{width:8px;height:8px;border-radius:50%;background:var(--soft);flex:0 0 auto}.echo-dot.done{background:var(--accent)}
.reveal-screen{justify-content:center;text-align:center}.reveal-kicker{font-size:12px;letter-spacing:.18em;font-weight:900;color:var(--accent)}.reveal-thread{height:230px;margin:12px 0 8px;position:relative}.reveal-thread svg{width:100%;height:100%}.reveal-thread path{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:760;stroke-dashoffset:760;animation:draw .95s ease forwards}.reveal-thread circle{fill:var(--paper);stroke:var(--accent);stroke-width:1.4}.reveal-thread .end{fill:var(--accent)}.reveal-title{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:31px;line-height:1.25;letter-spacing:-.04em;margin:0}.reveal-copy{font-size:12px;line-height:1.8;color:var(--muted);margin:12px auto 0;max-width:360px}
.result-screen{padding-top:8px}.result-head{text-align:center;margin-bottom:18px}.result-head .kicker{margin-bottom:7px}.result-head h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:31px;letter-spacing:-.045em;line-height:1.2;margin:0}.story-card{position:relative;overflow:hidden;background:#191713;color:#f8f3e9;border-radius:24px;padding:23px 21px 19px;box-shadow:var(--shadow);min-height:500px}.story-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 12%,rgba(184,77,59,.18),transparent 34%);pointer-events:none}.card-top{display:flex;justify-content:space-between;align-items:start;gap:12px;position:relative;z-index:1}.card-brand{font-size:12px;font-weight:900;letter-spacing:.15em;color:#c8c0b4}.card-no{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;color:#877f74}.card-title{position:relative;z-index:1;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:26px;line-height:1.1;letter-spacing:-.04em;margin:20px 0 7px}.card-sub{position:relative;z-index:1;font-size:12px;color:#aaa297;margin-bottom:25px}.card-thread{position:relative;z-index:1;display:grid;grid-template-columns:18px 1fr;gap:0 12px}.thread-rail{position:relative}.thread-rail:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--accent),#b88a79)}.card-node{position:relative;padding:0 0 18px}.card-node:last-child{padding-bottom:0}.card-node:before{content:"";position:absolute;width:7px;height:7px;border:1px solid #deaa9e;background:#191713;border-radius:50%;left:-25px;top:5px}.card-node.present:before{background:var(--accent);box-shadow:0 0 0 4px rgba(184,77,59,.13)}.node-label{font-size:12px;font-weight:900;letter-spacing:.13em;color:#8e877c;text-transform:uppercase}.node-value{font-size:13px;line-height:1.45;font-weight:800;margin-top:3px;color:#f1eadf}.card-core{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.12);margin-top:22px;padding-top:20px}.card-core small{display:block;font-size:12px;font-weight:900;letter-spacing:.13em;color:#a49c91}.card-core strong{display:block;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:29px;line-height:1.2;letter-spacing:-.04em;margin-top:7px;color:#fff}.card-story{position:relative;z-index:1;font-size:12px;line-height:1.8;color:#c9c1b6;margin:15px 0 0}.card-quote{position:relative;z-index:1;margin-top:19px;padding-top:15px;border-top:1px solid rgba(255,255,255,.09);font-size:12px;line-height:1.65;color:#e0a79a;font-weight:800}.result-disclaimer{font-size:12px;line-height:1.65;color:#8a847a;text-align:center;margin:12px 12px 17px}.actions{display:grid;gap:9px}.tiny-action{border:0;background:transparent;color:#777166;font-size:12px;font-weight:800;padding:10px;cursor:pointer}.toast{position:fixed;z-index:100;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,16px);background:#171612;color:#fff;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:.25s ease;white-space:nowrap;max-width:calc(100vw - 28px);overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:700px){.app{padding-top:90px}.choice{min-height:62px}.story-card{padding:28px 27px}.topbar{padding-left:28px;padding-right:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}