:root{--bg: oklch(12% .008 250);--surface: oklch(17% .01 250);--surface-raised: oklch(22% .012 250);--border: oklch(28% .012 250);--border-active: oklch(48% .015 250);--text-1: oklch(92% .004 80);--text-2: oklch(65% .006 250);--text-3: oklch(38% .008 250);--accent: oklch(72% .16 55);--accent-dim: oklch(22% .06 55);--accent-border: oklch(52% .14 55);--red: oklch(62% .22 25);--green: oklch(56% .18 145);--font-mono: "JetBrains Mono", ui-monospace, "Menlo", monospace;--font-sans: system-ui, -apple-system, sans-serif;--font-serif: "Noto Serif SC", serif;--font-lcd: "DSEG7-Classic", "DSEG7-Classic-MINI", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-1);min-height:100vh;min-height:100dvh;overflow-x:hidden}button{border:none;background:none;cursor:pointer;font-family:inherit;-webkit-appearance:none}img{display:block}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.step-indicator{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.step-label{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.1em}.step-pips{display:flex;align-items:center;gap:6px}.step-pip{font-family:var(--font-mono);font-size:11px;color:var(--text-3);letter-spacing:0}.step-pip.active{color:var(--accent);font-weight:700}.step-pip.done{color:var(--accent-border)}.step-divider{width:16px;height:1px;background:var(--border)}.step-divider.done{background:var(--accent-border)}.step-page{flex:1;display:flex;flex-direction:column;overflow:hidden}.step-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.step-header{padding:24px 20px 16px;border-bottom:1px solid var(--border)}.step-title{font-family:var(--font-sans);font-size:22px;font-weight:700;color:var(--text-1);line-height:1.3;letter-spacing:-.01em}.step-count{margin-top:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-3);letter-spacing:.05em}.option-list{width:100%}.option-row{display:flex;align-items:center;gap:14px;width:100%;padding:15px 20px;background:transparent;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;min-height:52px;transition:background 80ms}.option-row:active{background:var(--surface-raised)}.option-row.selected{background:var(--accent-dim)}.option-indicator{font-family:var(--font-mono);font-size:13px;color:var(--text-3);flex-shrink:0;width:10px;line-height:1;transition:color 80ms}.option-row.selected .option-indicator{color:var(--accent)}.option-label{font-size:15px;color:var(--text-2);line-height:1.4;transition:color 80ms}.option-row.selected .option-label{color:var(--text-1);font-weight:500}.keyword-header{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.keyword-context{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.08em;margin-bottom:8px}.keyword-title{font-size:19px;font-weight:700;color:var(--text-1);line-height:1.3}.keyword-status{margin-top:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-3);letter-spacing:.04em}.keyword-status.complete{color:var(--accent-border)}.check-list{width:100%}.check-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 20px;background:transparent;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;min-height:50px;transition:background 80ms,opacity 80ms}.check-row:active:not(.disabled){background:var(--surface-raised)}.check-row.selected{background:var(--accent-dim)}.check-row.disabled{opacity:.28;cursor:not-allowed}.check-box{font-family:var(--font-mono);font-size:12px;color:var(--text-3);flex-shrink:0;letter-spacing:-.04em;transition:color 80ms;width:28px}.check-row.selected .check-box{color:var(--accent)}.check-label{font-size:14px;color:var(--text-2);line-height:1.4;transition:color 80ms}.check-row.selected .check-label{color:var(--text-1)}.step-footer{padding:14px 20px max(20px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}.btn-primary{width:100%;height:50px;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.1em;border:1px solid var(--border);transition:all .12s}.btn-primary.active{background:var(--accent);border-color:var(--accent);color:#040608}.btn-primary.active:active{opacity:.8}.btn-primary.inactive{background:transparent;color:var(--text-3);cursor:not-allowed}.result-page{max-width:480px;margin:0 auto}.result-main{padding:20px 16px 16px}.result-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.result-title{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--text-1);letter-spacing:.04em}.result-subtitle{margin-top:5px;font-family:var(--font-mono);font-size:10px;color:var(--text-3);letter-spacing:.1em}.result-prose-block{background:var(--surface);border:1px solid var(--accent-border);padding:20px;margin-bottom:12px}.result-prose{font-size:16px;line-height:1.8;color:var(--text-2)}.result-name-formal{font-size:17px;font-weight:700;color:var(--text-1)}.result-name-humor{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.result-scores{display:flex;flex-direction:column;gap:0;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.result-score-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0}.result-score-divider{height:1px;background:var(--border)}.result-score-left{display:flex;flex-direction:column;gap:4px}.result-score-side{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--accent-border)}.result-score-label{font-size:14px;color:var(--text-2);line-height:1.4}.result-score-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.result-score-num{font-family:var(--font-lcd);font-size:28px;font-weight:400;line-height:1;letter-spacing:.05em}.result-score-pos{color:var(--red)}.result-score-neg{color:var(--green)}.result-score-zero{color:var(--text-2)}.result-tier-name{font-family:var(--font-serif);font-size:15px;font-weight:700}.result-tier-name.result-score-pos{color:var(--red)}.result-tier-name.result-score-neg{color:var(--green)}.result-tier-name.result-score-zero{color:var(--text-2)}.result-tier-tagline{font-size:12px;color:var(--text-2);line-height:1.5;text-align:right}.result-report{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:15px;color:var(--text-1);line-height:1.8}.result-verdict{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.result-verdict-name{font-family:var(--font-serif);font-size:28px;font-weight:700;color:var(--accent);letter-spacing:.04em}.result-verdict-intro{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--accent-border)}.result-verdict-kline-note{font-family:var(--font-mono);font-size:12px;color:var(--text-2);line-height:1.7;letter-spacing:.02em}.result-verdict-tagline{font-size:14px;color:var(--text-1);line-height:1.6}.kline-block{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.kline-header{display:flex;align-items:baseline;gap:10px}.kline-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--accent-border);text-transform:uppercase}.kline-diff{font-family:var(--font-mono);font-size:22px;font-weight:700;letter-spacing:.04em}.kline-shape-name{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--accent);letter-spacing:.04em}.kline-chart-wrap{width:100%;max-width:200px}.kline-meta{display:flex;flex-direction:column;gap:6px}.kline-note{font-family:var(--font-mono);font-size:12px;color:var(--text-2);line-height:1.7;letter-spacing:.02em}.kline-copy{font-size:14px;color:var(--text-1);line-height:1.6}.qr-section{display:flex;align-items:center;gap:14px;border:1px solid var(--border);padding:14px 16px;background:var(--surface)}.qr-image{width:160px;height:160px;flex-shrink:0;background:var(--surface-raised);border:1px solid var(--border)}.qr-text{font-size:13px;color:var(--text-2);line-height:1.7}.result-replay{padding:28px 20px max(32px,env(safe-area-inset-bottom));text-align:center}.btn-replay{display:inline-flex;align-items:center;justify-content:center;padding:13px 40px;border:1px solid var(--border-active);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--text-2);transition:opacity .12s;min-height:48px}.btn-replay:active{opacity:.55}.distill-loader{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;background:var(--bg)}.rf-hollow{transform-box:fill-box;transform-origin:center top;transform:scaleY(0);animation:rf-drain 2.4s steps(12,end) .4s forwards}@keyframes rf-drain{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.vapor-flow{animation:vapor-dash 3.2s steps(20,end) .8s both}@keyframes vapor-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-192}}.flame-outer{transform-box:fill-box;transform-origin:center bottom;animation:flame-flicker .28s steps(1,end) alternate infinite}.flame-inner{transform-box:fill-box;transform-origin:center bottom;animation:flame-flicker .28s steps(1,end) alternate-reverse infinite}@keyframes flame-flicker{0%{transform:scaleY(1) scaleX(1)}to{transform:scaleY(.82) scaleX(1.2)}}.ef-liquid{transform-box:fill-box;transform-origin:center bottom;transform:scaleY(0);animation:ef-fill 1.8s steps(10,end) 2s forwards}@keyframes ef-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.drop{transform-box:fill-box;opacity:0}.drop-1{animation:drop-fall .64s steps(5,end) 1.6s infinite}.drop-2{animation:drop-fall .64s steps(5,end) 1.92s infinite}.drop-3{animation:drop-fall .64s steps(5,end) 2.24s infinite}@keyframes drop-fall{0%{transform:translateY(0);opacity:1}82%{transform:translateY(48px);opacity:1}to{transform:translateY(48px);opacity:0}}.distill-text{display:flex;flex-direction:column;align-items:center;gap:8px}.distill-label{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--accent)}.distill-sublabel{font-size:12px;color:var(--text-3);letter-spacing:.04em}.distill-progress{width:100px;height:1px;background:var(--border)}.distill-progress-bar{height:100%;background:var(--accent);width:0;animation:distill-progress 4.8s steps(48,end) .1s forwards}@keyframes distill-progress{0%{width:0}to{width:100%}}@media (prefers-reduced-motion: reduce){.rf-hollow{animation:none;transform:scaleY(.5)}.vapor-flow{animation:none;stroke-dashoffset:-96}.flame-outer,.flame-inner{animation:none}.ef-liquid{animation:none;transform:scaleY(.5)}.drop-1,.drop-2,.drop-3{animation:none;opacity:0}.distill-progress-bar{animation:none;width:100%}}