:root{--bg:#0e0f13;--card:#171922;--ink:#f2f3f5;--muted:#9aa0ab;--accent:#7aa2ff;--quote-bar:#3a3f4b;--edge:#232733}@media (prefers-color-scheme:light){:root{--bg:#f4f5f7;--card:#ffffff;--ink:#16181d;--muted:#5b616b;--accent:#2f57d6;--quote-bar:#d7dbe2;--edge:#e6e8ee}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Thai,sans-serif}#app{height:100dvh;display:flex;flex-direction:column}.progress{height:3px;background:var(--edge);flex:0 0 auto}.progress>i{display:block;height:100%;background:var(--accent);transition:width .25s ease}.stage{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}.card{width:100%;max-width:620px;max-height:100%;overflow-y:auto;background:var(--card);border:1px solid var(--edge);border-radius:20px;padding:26px 24px 30px;box-shadow:0 10px 40px rgba(0,0,0,.25)}.kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.title{font-size:26px;line-height:1.2;font-weight:700;margin:8px 0 14px}.hook{font-size:17px;color:var(--muted);margin:0 0 16px}.idea{font-size:18px;line-height:1.55;margin:0 0 20px}.quote{border-left:3px solid var(--quote-bar);padding:4px 0 4px 14px;margin:0 0 8px;font-style:italic;line-height:1.5}.loc{font-size:13px;color:var(--muted);margin:0 0 18px}.why{font-size:15px;color:var(--ink);background:rgba(122,162,255,.1);border-radius:12px;padding:12px 14px}.why b{color:var(--accent)}.bar{flex:0 0 auto;display:flex;gap:10px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--edge)}.btn{flex:1 1;padding:15px;border-radius:14px;border:1px solid var(--edge);background:var(--card);color:var(--ink);font-size:16px;font-weight:600;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;border-color:transparent}.done{text-align:center;padding:40px 24px;max-width:520px}.done h1{font-size:24px}.done p{color:var(--muted);font-size:16px;line-height:1.5}