:root{--bg:#f4efe6;--card:#fffdf8;--ink:#263d35;--muted:#6f7c76;--gold:#c4a574;--line:#e6ddcc;--pos:#5e8a6c;--neg:#b07a6a}:root[data-theme=dark]{--bg:#18221e;--card:#22302a;--ink:#ede6d8;--muted:#9aa79f;--gold:#c4a574;--line:#33433b;--pos:#8db89a;--neg:#d49a88}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Montserrat,system-ui,sans-serif;font-weight:500}.app{max-width:640px;min-height:100vh;margin:0 auto;padding:16px 14px 86px}main>*+*{margin-top:12px}.center{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}.pos{color:var(--pos)}.neg{color:var(--neg)}.err{color:var(--neg);margin:8px 0;font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}.card h3{margin-bottom:10px;font-size:16px}.card h2{margin-bottom:8px;font-size:20px}.hero .big{margin:6px 0 10px;font-size:30px;font-weight:700}.hero-top,.bar-top,.trade-top,.setup-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.bar{margin-top:8px}.bar-top{margin-top:6px;font-size:13px}.bar-track{background:var(--line);border-radius:8px;height:8px;margin-top:4px;overflow:hidden}.bar-fill{background:var(--gold);height:100%}.btn{width:100%;font:inherit;background:var(--ink);color:var(--bg);cursor:pointer;border:0;border-radius:12px;padding:13px;font-weight:600}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn.wide{padding:15px}.seg{background:var(--card);border:1px solid var(--line);border-radius:12px;gap:6px;padding:4px;display:flex}.seg button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:9px 4px;font-size:13px}.seg button.on{background:var(--ink);color:var(--bg)}.seg button.on.long{background:var(--pos)}.seg button.on.short{background:var(--neg)}.seg-tall{align-self:end}.seg-tall button{padding:12px 4px}.field{margin-bottom:10px;display:block}.field span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.field input,.field textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:10px;padding:11px}.row2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.row3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.calc{background:var(--bg);border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 10px;padding:10px;display:grid}.calc div{flex-direction:column;display:flex}.calc span{color:var(--muted);font-size:12px}.trade .trade-top{margin-bottom:4px}.trade .row2{margin-top:10px}.pill{background:var(--line);border-radius:20px;padding:3px 8px;font-size:12px}.pill.long{background:var(--pos);color:#fff}.pill.short{background:var(--neg);color:#fff}.grid2{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.kpi{background:var(--bg);border-radius:12px;padding:10px}.kpi span{color:var(--muted);font-size:12px;display:block}.kpi b{font-size:18px}.setup-row{border-top:1px solid var(--line);padding:8px 0;font-size:14px}.note p{white-space:pre-wrap;margin:8px 0}.tabs{background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.tabs button span{font-size:20px}.tabs button small{font-size:11px}.tabs button.active{color:var(--ink);font-weight:700}.soon{text-align:center;padding:28px 18px}.lesson-title{margin:6px 0 12px;font-size:18px;font-weight:700}.module{cursor:pointer}.module .bar-track{margin-top:8px}.field select{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:10px;padding:11px}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip{background:var(--bg);border:1px solid var(--line);border-radius:20px;align-items:center;gap:6px;padding:5px 6px 5px 12px;font-size:14px;display:inline-flex}.chip button{background:var(--line);color:var(--ink);cursor:pointer;border:0;border-radius:50%;width:22px;height:22px}.row-add{grid-template-columns:1fr auto;gap:8px;display:grid}.row-add input{border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;border-radius:10px;padding:11px}.row-add .btn{width:auto;padding:0 16px}.btn.mini{width:auto;padding:6px 10px}.plan-card.current{border-color:var(--gold)}.plan-name{font-size:18px}.feat{margin:8px 0 12px;padding-left:18px;font-size:14px}.feat li{margin:3px 0}.btn:disabled{opacity:.6;cursor:default}.faq{border-top:1px solid var(--line);cursor:pointer;padding:10px 0}.faq:first-of-type{border-top:0}
