:root{--bg: #f6f8fb;--surface: #ffffff;--line: #dbe4f0;--text: #0f172a;--muted: #64748b;--brand: #1d4ed8;--ok: #047857;--warn: #b45309;--err: #b91c1c;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;line-height:1.6}main{max-width:760px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:16px}header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 4px}h1{font-size:22px;margin:0;letter-spacing:-.02em}h2{font-size:16px;margin:0 0 8px}h3{font-size:13px;margin:14px 0 6px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px}.muted{color:var(--muted);margin:0 0 12px}.small{font-size:12.5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.build{color:var(--muted);font-size:12px;white-space:nowrap}.field{display:block;margin-bottom:10px}.field>span{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.field input,.field select{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:7px;font:inherit;background:#fff}.field input:focus,.field select:focus{outline:2px solid var(--brand);outline-offset:1px}.row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}button{padding:9px 16px;border-radius:7px;border:1px solid var(--brand);background:var(--brand);color:#fff;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.phone button:disabled,.panel button:disabled{opacity:.72}button.ghost{background:#fff;color:var(--brand)}.err{color:var(--err);margin:10px 0 0;font-size:13.5px}.info{color:var(--ok);margin:10px 0 0;font-size:13.5px}.kv{display:grid;grid-template-columns:90px 1fr;gap:4px 12px;margin:0}.kv dt{color:var(--muted);font-size:13px}.kv dd{margin:0;font-size:13.5px;word-break:break-all}table{width:100%;border-collapse:collapse}td{padding:5px 6px;border-top:1px solid #eef2f7;vertical-align:top;font-size:13px}td:first-child{width:42%}td:last-child{width:76px;text-align:right}.chip{display:inline-block;padding:1px 7px;border-radius:4px;font-size:11.5px;font-weight:700;white-space:nowrap}.chip-done{background:#dcfce7;color:var(--ok)}.chip-next{background:#e0f2fe;color:#0369a1}.chip-later{background:#ede9fe;color:#6d28d9}.chip-blocked{background:#fef9c3;color:var(--warn)}@media (max-width: 560px){td:first-child{width:auto}.kv{grid-template-columns:74px 1fr}}main{max-width:1080px}.shell{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:start}.shell-main{display:flex;flex-direction:column;gap:14px;min-width:0}.side{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 12px;position:sticky;top:16px}.brand-mark{font-weight:800;letter-spacing:-.03em;font-size:15px;padding:0 8px 12px;border-bottom:1px solid var(--line);margin-bottom:10px}.nav-item{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;border-radius:7px;font-size:13.5px;margin-bottom:2px}.nav-item.active{background:#eef4ff;color:var(--brand);font-weight:700}.nav-item.soon{color:#94a3b8}.soon-tag{font-size:10.5px;color:#cbd5e1;white-space:nowrap}.side-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.acct-name{font-size:13.5px;font-weight:700}.acct-sub{font-size:12px;color:var(--muted);margin-bottom:8px}button.sm{padding:5px 10px;font-size:12.5px}.dash-head{display:flex;justify-content:space-between;align-items:flex-start}.dash-title{font-size:20px;margin:0 0 2px;letter-spacing:-.02em}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;border-top:3px solid var(--line)}.kpi-blue{border-top-color:#3b82f6}.kpi-violet{border-top-color:#8b5cf6}.kpi-pink{border-top-color:#ec4899}.kpi-amber{border-top-color:#f59e0b}.kpi-label{font-size:12.5px;color:var(--muted);margin-bottom:4px}.kpi-value{font-size:24px;font-weight:800;letter-spacing:-.03em}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px}.panel-title{font-size:14px;margin:0 0 12px;color:var(--text)}.accent{color:var(--brand)}.stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;list-style:none;margin:0;padding:0}.step{text-align:center;font-size:12px;color:var(--muted)}.dot{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 6px;border-radius:50%;border:2px solid var(--line);background:#fff;font-size:12px;font-weight:700;color:#cbd5e1}.step.done .dot{border-color:var(--brand);background:var(--brand);color:#fff}.step.done .step-label{color:var(--text);font-weight:600}.step-label{display:block}.step-count{display:block;font-size:11.5px;color:#94a3b8;margin-top:2px}.dash-cols{display:grid;grid-template-columns:1fr 280px;gap:14px;align-items:start}.locked-col{display:flex;flex-direction:column;gap:10px}.locked{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid var(--warn);border-radius:10px;padding:14px}.locked-title{font-size:13px;font-weight:700;color:#92400e;margin-bottom:4px}.locked-state{font-size:18px;font-weight:800;color:var(--warn);letter-spacing:-.02em}.locked-note{font-size:12px;color:#b45309;margin-top:2px}.locked-why{margin:2px 0 0}table.perf{width:100%;border-collapse:collapse}table.perf th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:0 6px 6px;border-bottom:1px solid var(--line)}table.perf td{padding:8px 6px;border-top:1px solid #eef2f7;font-size:13px}table.perf .num{text-align:right;font-variant-numeric:tabular-nums}.earn-hero{background:linear-gradient(135deg,#eef4ff,#fdf4ff 60%,#fff7ed);border:1px solid var(--line);border-radius:12px;padding:20px}.earn-label{font-size:13px;font-weight:700;color:#7c3aed;margin-bottom:4px}.earn-value{font-size:34px;font-weight:800;letter-spacing:-.04em}.earn-note{font-size:12.5px;color:var(--muted);margin-top:4px}.earn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.earn-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px}.earn-card.ok{border-left:4px solid var(--ok)}.earn-card.warn{border-left:4px solid var(--warn)}.earn-card-label{font-size:12.5px;color:var(--muted);margin-bottom:4px}.earn-card-value{font-size:20px;font-weight:800;letter-spacing:-.03em}.payout-note{margin:0}.camp-list{list-style:none;margin:0;padding:0}.camp{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #eef2f7}.camp:first-child{border-top:0}.camp-title{font-size:13.5px;font-weight:600}@media (max-width: 860px){.shell{grid-template-columns:1fr}.side{position:static}.side nav{display:flex;flex-wrap:wrap;gap:4px}.nav-item{flex:0 0 auto}.soon-tag{display:none}.kpi-row{grid-template-columns:repeat(2,1fr)}.dash-cols{grid-template-columns:1fr}.stepper{grid-template-columns:repeat(3,1fr);row-gap:12px}}@media (max-width: 480px){.kpi-row{grid-template-columns:1fr 1fr}.earn-value{font-size:28px}}.mockbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fffbeb;border:1px solid #fde68a;border-left:4px solid var(--warn);border-radius:8px;padding:9px 12px;font-size:12.5px;color:#92400e}.mockbar-tag{background:var(--warn);color:#fff;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:800;white-space:nowrap}.side nav{display:flex;flex-direction:column;gap:2px}button.nav-item{width:100%;text-align:left;background:none;border:0;color:var(--muted);font:inherit;font-size:13.5px;cursor:pointer;padding:8px 10px;border-radius:7px;display:flex;justify-content:space-between;align-items:center;gap:6px}button.nav-item:hover{background:#f1f5f9;color:var(--text)}button.nav-item.active{background:#eef4ff;color:var(--brand);font-weight:700}.form2{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.f2.wide{grid-column:1 / -1}.f2-label{font-size:13px;font-weight:700;margin-bottom:6px}.fake-input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:#9aa5b4;font-size:13px;background:#fff}.fake-input.tall{min-height:64px}.drop{border:1.5px dashed #c7d2fe;border-radius:10px;padding:18px;text-align:center;background:#fafbff;display:flex;flex-direction:column;gap:4px}.drop-cta{color:var(--brand);font-size:13px;font-weight:700}.row.right{justify-content:flex-end}.wizard{display:flex;gap:10px;list-style:none;margin:0;padding:0;align-items:center}.wz{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);flex:1}.wz-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);font-size:11.5px;font-weight:700;color:#cbd5e1;background:#fff}.wz.done .wz-dot{background:var(--brand);border-color:var(--brand);color:#fff}.wz.done{color:var(--text);font-weight:600}.match-cols{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:start}.match-list{display:flex;flex-direction:column;gap:10px}.filt{margin-bottom:12px}.filt-name{font-size:12px;color:var(--muted);margin-bottom:4px}.filt-row{display:flex;align-items:center;gap:6px;font-size:13px;padding:2px 0}.tick{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:var(--brand);color:#fff;font-size:10px;flex:0 0 auto}.tick.bad{background:var(--err)}.panel.match{display:grid;grid-template-columns:1.4fr 90px 1.2fr 120px;gap:12px;align-items:center}.match-who{display:flex;gap:10px;align-items:flex-start}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#c7d2fe,#fbcfe8);font-weight:800;color:#4338ca;flex:0 0 auto}.match-name{font-size:14px;font-weight:700}.match-score{text-align:center}.match-act{display:flex;flex-direction:column;gap:6px}.match-act button{padding:7px 10px;font-size:12.5px}.ring-wrap{position:relative;width:64px;height:64px;margin:2px auto 0}.ring{width:64px;height:64px}.ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.ring-score{font-size:17px;font-weight:800;line-height:1}.ring-grade{font-size:9px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:5px}.chips.tight{margin-top:4px}.pick{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--muted);background:#fff}.pick.sm{font-size:11px;padding:2px 8px}.pick.on{border-color:#c4b5fd;background:#f5f3ff;color:#6d28d9;font-weight:600}.ops-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.ops{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.op{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:12.5px}.op.cur{border-color:#fdba74;background:#fff7ed}.op-n{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f1f5f9;font-size:11px;font-weight:700;color:var(--muted)}.op.cur .op-n{background:var(--warn);color:#fff}.st2{font-size:11px;font-weight:700;border-radius:4px;padding:2px 7px;white-space:nowrap}.st2-ok{background:#dcfce7;color:var(--ok)}.st2-run{background:#ffedd5;color:var(--warn)}.st2-idle{background:#f1f5f9;color:#94a3b8}.st2-warn{background:#fef9c3;color:#a16207}.gates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gate{border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.gate-key{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800}.gate-G1{background:var(--ok)}.gate-G2{background:#7c3aed}.gate-G3{background:#64748b}.gate-label{font-size:12.5px;font-weight:700}.acts{list-style:none;margin:0;padding:0}.acts li{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:7px 0;border-top:1px solid #eef2f7}.acts li:first-child{border-top:0}.chart{width:100%;height:120px}.spark{fill:none}.spark-blue{stroke:#3b82f6}.spark-violet{stroke:#8b5cf6}.spark-pink{stroke:#ec4899}.axis{display:flex;justify-content:space-between;margin-top:4px}.legend{margin-bottom:6px}.dotc{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dotc-blue{background:#3b82f6}.dotc-violet{background:#8b5cf6}.dotc-pink{background:#ec4899}.donut{width:130px;height:130px;display:block;margin:0 auto 8px}.don{transform:none}.don-blue{stroke:#3b82f6}.don-violet{stroke:#8b5cf6}.don-pink{stroke:#ec4899}.legend-list{list-style:none;margin:0;padding:0;font-size:12.5px}.legend-list li{display:flex;align-items:center;gap:6px;padding:3px 0}.legend-list b{margin-left:auto}.bar{display:inline-block;width:90px;height:6px;background:#eef2f7;border-radius:3px;overflow:hidden;vertical-align:middle}.bar-fill{display:block;height:100%;border-radius:3px}.bar-blue{background:#6366f1}.bar-green{background:var(--ok)}.bar-grad{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#f97316)}td.barcell{display:flex;align-items:center;gap:8px}.phone{width:340px;margin:0 auto;border:9px solid #0f172a;border-radius:34px;background:#f8fafc;overflow:hidden;box-shadow:0 12px 32px #0f172a2e}.phone-bar{height:20px;background:#0f172a}.phone-screen{max-height:720px;overflow-y:auto}.ph-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fff;font-size:14px}.ph-body{padding:12px 14px 18px;display:flex;flex-direction:column;gap:10px}.wide-btn{width:100%}.grad{background:linear-gradient(90deg,#4f46e5,#a855f7,#f97316);border:0}.tabs{display:flex;border-bottom:1px solid var(--line)}.tab{flex:1;text-align:center;padding:8px 0;font-size:13px;color:var(--muted)}.tab.on{color:var(--brand);font-weight:700;border-bottom:2px solid var(--brand)}.wk-top{display:flex;flex-direction:column;gap:6px}.wk-title{font-size:15px;font-weight:800}.row.tight{margin:0;gap:6px;align-items:center}.ticks{list-style:none;margin:0;padding:0}.ticks li{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0}.rowlist{list-style:none;margin:0;padding:0}.rowlist li{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #eef2f7;font-size:13px}.rowlist li:first-child{border-top:0}.prop-hero{background:linear-gradient(135deg,#eef4ff,#fdf4ff 60%,#fff7ed);border:1px solid var(--line);border-radius:12px;padding:14px}.prop-title{font-size:16px;font-weight:800}.prop-num{font-size:40px;font-weight:800;letter-spacing:-.04em;background:linear-gradient(90deg,#4f46e5,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.prop-foot{display:flex;flex-direction:column;gap:8px}.warnc{color:var(--warn)}.okc{color:var(--ok)}button.danger{color:var(--err);border-color:#fca5a5}.filecard{display:flex;gap:10px}.thumb{width:92px;height:92px;border-radius:8px;background:linear-gradient(135deg,#fde68a,#fed7aa);display:grid;place-items:end;padding:6px;font-size:11px;color:#7c2d12;font-weight:700}.fbs{list-style:none;margin:0;padding:0}.fbs li{display:flex;gap:9px;padding:8px 0;border-top:1px solid #eef2f7}.fbs li:first-child{border-top:0}.fb-n{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ede9fe;color:#6d28d9;font-size:11px;font-weight:700;flex:0 0 auto}.phone-dark{border-color:#000;background:#0b0f14}.ph-head.dark{background:#0b0f14;color:#e8f6c8;border-bottom-color:#1e293b}.ph-body.dark{background:#0b0f14;color:#e2e8f0}.dk-card{display:flex;align-items:center;gap:10px;background:#111823;border:1px solid #1e293b;border-radius:12px;padding:14px;font-size:13.5px}.dk-card.hi{border-color:#bef264}.dk-card>b{margin-left:auto}.dk-card.hi>div:last-child{margin-left:auto;text-align:right}.dk-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:15px;flex:0 0 auto}.dk-ico.ok{background:#1a2e05;color:#bef264}.dk-ico.warn{background:#2e1a05;color:#fb923c}.dk-ico.vio{background:#2a1a4a;color:#c4b5fd}.dk-num{color:#bef264;font-size:20px;font-weight:800;letter-spacing:-.03em}.dk-num.big{font-size:26px}.dk-num.sm{font-size:14px}.dk-delta{display:inline-block;background:#1a2e05;color:#bef264;border-radius:6px;padding:1px 7px;font-size:11.5px;font-weight:700;margin-left:6px}.dk-mut{color:#64748b}.dk-h{font-size:14px;margin:6px 0 0;color:#e2e8f0}.dk-list{list-style:none;margin:0;padding:0;background:#111823;border:1px solid #1e293b;border-radius:12px}.dk-list li{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid #1e293b;font-size:13.5px}.dk-list li:first-child{border-top:0}.dk-list li>b{margin-left:auto}.dk-tag{font-size:11px;font-weight:700;border-radius:5px;padding:2px 8px}.dk-ok{background:#1a2e05;color:#bef264}.dk-idle{background:#1e293b;color:#94a3b8}button.lime{background:#bef264;color:#14210a;border-color:#bef264;font-weight:800}@media (max-width: 860px){.form2,.ops-cols,.match-cols,.panel.match,.gates{grid-template-columns:1fr}.phone{width:100%;max-width:360px}}main{max-width:1120px}.ic{flex:0 0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px}.topbar-left{display:flex;align-items:center;gap:8px;min-width:0}.topbar-title{font-size:14px;font-weight:700}.topbar-chip{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:8px}.icon-btn{background:#fff;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:6px;display:grid;place-items:center}.lang{border:1px solid var(--line);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:700;color:var(--muted)}.brand-mark{display:flex;align-items:center;gap:7px}.brand-glyph{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#4f46e5,#a855f7 55%,#f97316)}button.nav-item{gap:9px}button.nav-item .ic{color:currentColor;opacity:.85}.nav-label{flex:1;text-align:left}.plan-card{margin-top:12px;padding:11px 12px;border-radius:9px;background:linear-gradient(135deg,#eef4ff,#fdf4ff 60%,#fff7ed);border:1px solid var(--line)}.plan-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.08em;color:#7c3aed}.plan-body{font-size:12.5px;font-weight:700;margin-top:2px}.plan-note{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.45}.acct{display:flex;align-items:center;gap:8px;margin-bottom:8px}.acct-text{min-width:0}.av{display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:800;flex:0 0 auto;letter-spacing:-.02em}.av-t0{background:linear-gradient(135deg,#6366f1,#a855f7)}.av-t1{background:linear-gradient(135deg,#ec4899,#f97316)}.av-t2{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.av-t3{background:linear-gradient(135deg,#10b981,#0ea5e9)}.kpi{display:flex;align-items:center;gap:10px;border-top-width:3px}.kpi-text{flex:1;min-width:0}.kpi-ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:#fff}.kpi-ico-blue{background:linear-gradient(140deg,#60a5fa,#4f46e5)}.kpi-ico-violet{background:linear-gradient(140deg,#c084fc,#7c3aed)}.kpi-ico-pink{background:linear-gradient(140deg,#f472b6,#be185d)}.kpi-ico-amber{background:linear-gradient(140deg,#fbbf24,#ea580c)}.kspark{width:58px;height:24px;flex:0 0 auto}.kspark-area{stroke:none}.kspark-blue{stroke:#3b82f6}.kspark-blue .kspark-area{fill:#3b82f624}.kspark-violet{stroke:#8b5cf6}.kspark-violet .kspark-area{fill:#8b5cf624}.kspark-pink{stroke:#ec4899}.kspark-pink .kspark-area{fill:#ec489924}.kspark-amber{stroke:#f59e0b}.kspark-amber .kspark-area{fill:#f59e0b24}.who,.stagecell{display:flex;align-items:center;gap:8px}.locked{display:flex;align-items:center;gap:10px}.locked-text{flex:1;min-width:0}.locked-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,#fde68a,#fdba74);color:#7c2d12;flex:0 0 auto}button.grad{background:linear-gradient(90deg,#4f46e5,#a855f7 55%,#f97316);border:0;color:#fff;display:inline-flex;align-items:center;gap:6px;justify-content:center}button.grad.sm{padding:6px 12px;font-size:12.5px}button.linkish{background:none;border:0;color:var(--brand);font-weight:700;padding:0;font-size:inherit;text-decoration:underline}.auth-wrap{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:center}.auth-hero{padding:12px 4px}.hero-title{font-size:30px;margin:0 0 6px;letter-spacing:-.03em}.hero-brand{background:linear-gradient(90deg,#4f46e5,#a855f7 55%,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-art{margin-top:18px;height:190px;border-radius:16px;background:radial-gradient(circle at 30% 35%,rgba(168,85,247,.45),transparent 55%),radial-gradient(circle at 65% 60%,rgba(249,115,22,.38),transparent 55%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.3),transparent 60%),#f4f6fb;border:1px solid var(--line)}.auth-card{align-self:start}.role-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.role-card{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.role-card.on{border-color:#a78bfa;background:#faf8ff;color:#6d28d9;font-weight:700}.role-ic{width:38px;height:38px;border-radius:50%;background:#f1f5f9;display:grid;place-items:center;color:var(--muted)}.role-card.on .role-ic{background:#ede9fe;color:#7c3aed}.role-tick{position:absolute;top:6px;right:8px;width:17px;height:17px;border-radius:50%;background:#7c3aed;color:#fff;font-size:10px;display:grid;place-items:center}.role-note{margin:0 0 10px}.signup-line{margin:8px 0 0;text-align:center}.phone-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fff;padding:7px 0 9px}.ptab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:#94a3b8}.ptab.on{color:var(--brand);font-weight:700}.phone-dark .phone-tabs{background:#0b0f14;border-top-color:#1e293b}.phone-dark .ptab{color:#475569}.phone-dark .ptab.on{color:#bef264}@media (max-width: 900px){.auth-wrap{grid-template-columns:1fr}.hero-art{height:120px}.topbar{flex-wrap:wrap}.kspark{display:none}}.stepper,.step{position:relative}.step:before{content:"";position:absolute;top:14px;right:50%;width:100%;height:2px;background:var(--line);z-index:0}.step[data-line=first]:before{display:none}.step[data-line=on]:before{background:linear-gradient(90deg,#4f46e5,#a855f7)}.step .dot{position:relative;z-index:1}.kpi-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi{min-width:0}.kpi-value{line-height:1.15}.build-float{position:absolute;top:18px;right:18px;color:var(--muted);font-size:11.5px;pointer-events:none}main{position:relative}body.app-mode main{max-width:none;padding:16px 20px 56px}body.app-mode .shell{grid-template-columns:236px 1fr;gap:18px}body.app-mode .kpi-row{gap:14px}body.app-mode .kpi{padding:15px 16px;gap:12px}body.app-mode .kpi-value{font-size:26px}body.app-mode .kpi-label{font-size:13px}body.app-mode .dash-cols{grid-template-columns:1fr 320px;gap:16px}body.app-mode .panel{padding:18px}@media (max-width: 1180px){body.app-mode .kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){body.app-mode .shell{grid-template-columns:1fr}body.app-mode main{padding:14px 12px 48px}}body.app-mode .shell{grid-template-columns:264px 1fr}body.app-mode .kpi{padding:20px;gap:14px;min-height:112px;align-items:center}body.app-mode .kpi-ico{width:46px;height:46px}body.app-mode .kpi-value{font-size:28px;letter-spacing:-.035em}body.app-mode .kspark{width:76px;height:34px}body.app-mode .dot{width:36px;height:36px;font-size:14px;border-width:2px}body.app-mode .step:before{top:18px;height:3px}body.app-mode .step-label{font-size:13px;margin-top:2px}body.app-mode .step-count{font-size:12.5px}body.app-mode .stepper{gap:10px}body.app-mode .panel-title{font-size:15px;margin-bottom:14px}body.app-mode table.perf td{padding:11px 8px;font-size:13.5px}body.app-mode .locked{padding:16px 18px}body.app-mode .locked-state{font-size:20px}@media (max-width: 1280px){body.app-mode .shell{grid-template-columns:236px 1fr}body.app-mode .kpi{min-height:96px;padding:16px}body.app-mode .kpi-value{font-size:24px}}body.app-mode .kpi{min-height:120px}body.app-mode .kpi-row{gap:16px}body.app-mode .chart{height:170px}body.app-mode main{padding:0}body.app-mode .shell{grid-template-columns:278px 1fr;gap:0;min-height:100vh;align-items:stretch}body.app-mode .side{position:sticky;top:0;align-self:stretch;height:100vh;display:flex;flex-direction:column;margin:0;padding:26px 0 18px;background:#fff;border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none}body.app-mode .side .brand-mark{padding:0 22px;margin-bottom:26px;font-size:19px;letter-spacing:-.02em}body.app-mode .side nav{flex:1 1 auto;gap:4px;padding:0 20px}body.app-mode button.nav-item{height:48px;padding:0 14px;gap:12px;border-radius:12px;font-size:14.5px;color:#475569}body.app-mode button.nav-item.active{background:#eaf0fe;color:#2f4ce0;font-weight:700}body.app-mode .plan-card{margin:0 20px 14px;padding:16px 18px;border-radius:16px}body.app-mode .side-foot{margin:0;padding:12px 14px 0;border-top:1px solid var(--line)}.acct{display:flex;align-items:center;gap:11px;width:100%;padding:8px;background:none;border:0;border-radius:12px;text-align:left;cursor:pointer}.acct:hover{background:#f4f6fb}.acct-text{display:flex;flex-direction:column;min-width:0;flex:1}.acct-name{font-size:14px;font-weight:700;color:var(--text)}.acct-sub{font-size:12px;color:var(--muted)}.acct-go{color:#94a3b8;display:flex}.acct-hint{padding:2px 10px 0;font-size:11px}body.app-mode .shell-main{padding:0 28px;gap:16px}body.app-mode .topbar{margin:0 -28px;padding:0 28px;height:75px;border-radius:0;border:0;border-bottom:1px solid var(--line);background:#fff}.topbar-chip{display:inline-flex;align-items:center;gap:3px}.shell-foot{margin:22px -28px 0;padding:18px 28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}.sf-sep{color:#d7dce6}.sf-link{cursor:default}body.app-mode .kpi{border-top-width:1px;border-top-color:var(--line)}body.app-mode .step-now .dot{background:#fff;color:var(--brand);border:2.5px solid var(--brand);font-weight:800}body.app-mode .step-todo .dot{background:#fff;color:#94a3b8;border:1.5px solid #dfe4ee}.daterange{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13.5px;color:var(--text);white-space:nowrap}.daterange .ic,.dr-tilde{color:#94a3b8}.head-tools{display:flex;align-items:center;gap:10px}.head-tools .ghost{display:inline-flex;align-items:center;gap:6px;height:40px}table.perf th .ic{color:#b3bccd;vertical-align:-2px}table.perf td.go,table.perf th.go{width:28px;text-align:right;color:#c3cad8}.pctnum{margin-left:8px;min-width:34px;display:inline-block}.who{display:inline-flex;align-items:center;gap:9px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.panel-head .panel-title{margin:0}.legend-inline{display:flex;gap:14px;font-size:12.5px;color:var(--muted)}.legend-inline .lg{display:inline-flex;align-items:center}.chart2{width:100%;height:260px;display:block}.chart2 .grid{stroke:#eef1f6;stroke-width:1}.chart2 .tick{fill:#9aa3b2;font-size:11px}.tr-line{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tr-blue .tr-line,.tr-blue .tr-dot{stroke:#3b82f6}.tr-violet .tr-line,.tr-violet .tr-dot{stroke:#8b5cf6}.tr-pink .tr-line,.tr-pink .tr-dot{stroke:#ec4899}.tr-dot{fill:#fff;stroke-width:1.6}.tr-area{fill:#3b82f61a}.donut-row{display:flex;align-items:center;gap:22px}.donut-row .donut{width:170px;height:170px;flex:0 0 auto}.donut-row .legend-list{flex:1;margin:0}.donut-row .legend-list li{display:flex;align-items:center;padding:7px 0;font-size:13.5px}.donut-row .legend-list b{margin-left:auto}@media (max-width: 1100px){body.app-mode .shell{grid-template-columns:1fr}body.app-mode .side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}body.app-mode .side nav{flex-direction:row;flex-wrap:wrap}.donut-row{flex-direction:column}}body.app-mode .build-float{top:auto;right:14px;bottom:10px;opacity:.55;font-size:11px}body.app-mode .step-done .dot{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:transparent;color:#fff;font-weight:800}.lang{display:inline-flex;align-items:center;gap:3px;height:36px;padding:0 11px;border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--text);background:#fff}.lang .ic{color:#94a3b8}.statuspanel>summary{display:flex;align-items:baseline;gap:10px;cursor:pointer;list-style:none}.statuspanel>summary::-webkit-details-marker{display:none}.statuspanel>summary:before{content:"▸";color:#94a3b8;font-size:12px;transform:translateY(-1px)}.statuspanel[open]>summary:before{content:"▾"}.statuspanel>summary h2{margin:0;display:inline}.chart2{height:auto}body.app-mode .dash-cols{align-items:stretch}body.app-mode .dash-cols>.panel{display:flex;flex-direction:column}body.app-mode .donut-row{flex:1}body.app-mode .phone{width:393px;border-radius:42px;border-width:11px}body.app-mode .phone-screen{max-height:782px}@media (max-width: 460px){body.app-mode .phone{width:100%;max-width:393px}}body.app-mode .dot{width:38px;height:38px}body.app-mode button.nav-item{margin-bottom:0}.phone-status{position:relative;display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 22px 0 26px;background:#fff;font-size:14px;font-weight:700;color:#0f172a}.phone-dark .phone-status{background:#0b0f14;color:#e2e8f0}.phone-island{position:absolute;left:50%;transform:translate(-50%);top:6px;width:106px;height:30px;border-radius:16px;background:#000}.ps-right{display:inline-flex;align-items:center;gap:5px}.ps-bars{display:inline-flex;align-items:flex-end;gap:1.5px;height:11px}.ps-bars i{width:3px;background:currentColor;border-radius:1px}.ps-bars i:nth-child(1){height:4px}.ps-bars i:nth-child(2){height:6px}.ps-bars i:nth-child(3){height:8px}.ps-bars i:nth-child(4){height:11px}.ps-5g{font-size:12px}.ps-batt{width:24px;height:12px;border:1.4px solid currentColor;border-radius:4px;position:relative}.ps-batt:after{content:"";position:absolute;top:2px;bottom:2px;left:2px;right:6px;background:currentColor;border-radius:1px}.phone-app-head{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 12px;background:#fff}.phone-dark .phone-app-head{background:#0b0f14}.brand-mark.sm{font-size:15px;gap:7px;margin:0;padding:0}.brand-mark.sm .brand-glyph{width:22px;height:22px}.pah-right{display:inline-flex;align-items:center;gap:10px}.pah-bell{position:relative;color:#475569;display:inline-flex}.pah-dot{position:absolute;top:-1px;right:-1px;width:7px;height:7px;border-radius:50%;background:#f43f5e;border:1.5px solid #fff}.pah-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#f472b6,#8b5cf6,#f59e0b);box-shadow:inset 0 0 0 2px #fff}.pah-lang{display:inline-flex;align-items:center;gap:2px;height:28px;padding:0 8px;border:1px solid var(--line);border-radius:9px;font-size:12.5px;color:var(--text);background:#fff}.phone-dark .pah-lang{background:#111827;border-color:#1f2937;color:#e2e8f0}.ph-head{display:flex;align-items:center;gap:10px;padding:4px 16px 12px}.ph-back{color:#334155;font-size:19px;line-height:1}.phone-dark .ph-back{color:#cbd5e1}.ph-head b{font-size:18px;letter-spacing:-.02em}.ph-head-right{margin-left:auto}.ph-action{position:sticky;bottom:0;padding:12px 16px 14px;background:#fff;border-top:1px solid var(--line)}.phone-dark .ph-action{background:#0b0f14;border-top-color:#1f2937}.ph-action-note{text-align:center;margin-bottom:9px}.ph-action-row{display:flex;gap:10px}.ph-action-row>button{flex:1;height:46px;border-radius:13px;font-size:15px}.thumb{display:inline-block;flex:0 0 auto;border-radius:14px;background:linear-gradient(150deg,#fde68a,#fbcfe8 45%,#c7d2fe)}.prop-top{display:flex;gap:14px;align-items:flex-start}.prop-meta{min-width:0}.prop-score{display:flex;align-items:center;gap:12px}.prop-num{font-size:38px;font-weight:800;letter-spacing:-.04em;color:#6d28d9}.prop-badge{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#7c3aed;border:1.5px solid #ddd6fe;background:#f5f3ff}.prop-why{margin-top:10px}.prop-brand{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:12.5px;color:var(--muted)}.prop-brand-mark{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#f472b6)}.rowlist.iconed li{display:flex;align-items:center;gap:12px;padding:12px 2px}.rowlist.iconed .rl-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.rowlist.iconed .ic{color:#c3cad8}.rl-ico{width:34px;height:34px;border-radius:10px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.rl-ico-0{background:#eef2ff;color:#4f46e5}.rl-ico-1{background:#ecfdf5;color:#059669}.rl-ico-2{background:#fff7ed;color:#ea580c}.ph-head{justify-content:flex-start}.earn-card .small{white-space:nowrap;font-size:12.5px}.brand-mark.sm{padding:0;border-bottom:0;margin-bottom:0}.phone-dark .phone-app-head .brand-mark{color:#f1f5f9}.phone-dark .ph-head{background:transparent}.phone-dark .ph-head b{color:#f1f5f9}.phone-dark .pah-bell{color:#94a3b8}.wk-top{display:flex;flex-direction:row;gap:12px;align-items:flex-start}.wk-meta{display:flex;flex-direction:column;gap:6px}.wk-meta{flex:1;min-width:0}.panel-title.ico{display:flex;align-items:center;gap:9px}.pt-ico{width:28px;height:28px;border-radius:9px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.pt-ok{background:#eef2ff;color:#4f46e5}.pt-bad{background:#fef2f2;color:#dc2626}.pt-tag{background:#eff6ff;color:#2563eb}.pt-vid{background:#ecfdf5;color:#059669}.panel.ctx{display:flex;align-items:center;gap:14px;padding:14px 18px}.ctx-meta{flex:1;min-width:0}.ctx-name{font-weight:700;font-size:15px}.sortpill{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 13px;border:1px solid var(--line);border-radius:11px;font-size:13.5px;background:#fff}.sortpill .ic{color:#94a3b8}.ctx-count{color:var(--muted);white-space:nowrap}.ctx-count strong{color:var(--brand)}body.app-mode .panel.match{padding:22px 24px;gap:22px}body.app-mode .match-name{font-size:17px}body.app-mode .match .ring-wrap,body.app-mode .match .ring{width:76px;height:76px}body.app-mode .match .ring-score{font-size:24px}body.app-mode .match-act>button{min-width:108px;height:38px}.tick{display:inline-flex;align-items:center;justify-content:center}.tick:has(.ic){background:none;width:auto;height:auto;border-radius:0}.tick .ic{color:#4f46e5}.tick.bad .ic{color:#dc2626}.tick.box{width:18px;height:18px;border-radius:5px;background:#4f46e5;color:#fff;flex:0 0 auto}.tick.box .ic{color:#fff}.ph-back{display:inline-flex;align-items:center}.role-tick{display:inline-flex;align-items:center;justify-content:center}.step .dot .ic{color:currentColor}