:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--border:#dfe3e8;--text:#17202b;--muted:#5d6b7a;--accent:#1f4fd1;--accent-soft:#e6edfc;--green:#1d7a46;--green-soft:#e3f4ea;--yellow:#8a6200;--yellow-soft:#fdf3d6;--red:#b42318;--red-soft:#fde7e5;--grey:#6b7280;--grey-soft:#eceef1;--chart-line:#1f4fd1;--chart-band:#1f4fd124;--radius:8px;--gap:16px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--font);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 4px;font-size:22px}h2{margin:24px 0 8px;font-size:17px}h3{margin:16px 0 6px;font-size:15px}p{margin:0 0 8px}small,.muted{color:var(--muted)}code{font-family:var(--mono);font-size:13px}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.topbar-inner{align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--text);white-space:nowrap;font-weight:700}.nav{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--muted);white-space:nowrap;border-radius:6px;padding:6px 10px}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav a:hover{background:var(--surface-2);text-decoration:none}.who{color:var(--muted);font-size:13px;display:none}.main{width:100%;max-width:1200px;margin:0 auto;padding:16px}@media (width>=800px){.who{display:block}.main{padding:24px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stack>*+*{margin-top:var(--gap)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.grid-2{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=900px){.grid-2{grid-template-columns:1fr 1fr}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{font-size:26px;font-weight:700;line-height:1.2}.kpi-bench{color:var(--muted);font-size:12px}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.segmented a,.segmented span{color:var(--muted);border-right:1px solid var(--border);white-space:nowrap;padding:6px 12px}.segmented a:last-child,.segmented span:last-child{border-right:0}.segmented a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.segmented .disabled{color:#9aa5b1}.segmented a:hover{text-decoration:none}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.chip.active{background:var(--green-soft);color:var(--green)}.chip.quieter{background:var(--yellow-soft);color:var(--yellow)}.chip.silent{background:var(--red-soft);color:var(--red)}.chip.never{background:var(--grey-soft);color:var(--grey)}.badge{background:var(--surface-2);color:var(--muted);border-radius:4px;padding:1px 7px;font-size:12px;font-weight:600;display:inline-block}.badge.paying{color:#4b2fb0;background:#e8e3fb}.badge.warn{background:var(--yellow-soft);color:var(--yellow)}.badge.ok{background:var(--green-soft);color:var(--green)}.badge.bad{background:var(--red-soft);color:var(--red)}.stage{font-weight:600}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}th{color:var(--muted);white-space:nowrap;background:var(--surface-2);font-size:12px;font-weight:600}th a{color:var(--muted)}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.attention td{background:#fff8e6}tr.attention.silent td{background:#fff1ef}.funnel{gap:6px;display:grid}.funnel-row{grid-template-columns:120px 1fr 40px;align-items:center;gap:8px;font-size:14px;display:grid}.funnel-bar{background:var(--accent-soft);border-radius:4px;height:18px;position:relative;overflow:hidden}.funnel-bar>span{background:var(--accent);border-radius:4px;position:absolute;inset:0 auto 0 0}.list{margin:0;padding:0;list-style:none}.list>li{border-bottom:1px solid var(--border);padding:10px 0}.list>li:last-child{border-bottom:0}label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}input[type=text],input[type=email],input[type=number],textarea,select{width:100%;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:8px 10px}textarea{resize:vertical;min-height:90px}.field{margin-bottom:12px}.check{color:var(--text);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}button,.button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:8px 14px;font-weight:600;display:inline-block}button.secondary,.button.secondary{background:var(--surface);color:var(--accent)}button.danger{background:var(--red);border-color:var(--red)}button:disabled{opacity:.5;cursor:not-allowed}.button:hover{text-decoration:none}.alert{border-radius:var(--radius);border:1px solid;margin-bottom:12px;padding:12px 14px}.alert.error{background:var(--red-soft);color:var(--red);border-color:#f4b8b2}.alert.info{background:var(--accent-soft);color:#1d3c99;border-color:#c4d3f6}.alert.ok{background:var(--green-soft);color:var(--green);border-color:#b5dfc6}.alert.warn{background:var(--yellow-soft);color:var(--yellow);border-color:#f0dc9c}.chart{width:100%;height:auto;display:block}.chart text{font:11px var(--font);fill:var(--muted)}.chart .grid-line{stroke:var(--border)}.chart .target{stroke:var(--green);stroke-dasharray:5 4}.chart .critical{stroke:var(--red);stroke-dasharray:2 4}.chart .band{fill:var(--chart-band)}.chart .line{stroke:var(--chart-line);fill:none;stroke-width:2px}.chart .dot{fill:var(--chart-line)}.chart .dot.qual{fill:var(--surface);stroke:var(--chart-line);stroke-width:2px}.spark{display:block}.spark .area{fill:var(--accent-soft)}.spark .line{fill:none;stroke:var(--accent);stroke-width:1.5px}.bars{gap:6px;display:grid}.bar-row{grid-template-columns:150px 1fr 60px;align-items:center;gap:8px;font-size:14px;display:grid}.bar{background:var(--surface-2);border-radius:3px;height:14px;overflow:hidden}.bar>span{background:var(--accent);height:100%;display:block}.public{max-width:560px;margin:0 auto;padding:24px 16px 48px}.answers{gap:8px;display:grid}.answers button{text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--border);padding:12px 14px}.answers button.chosen{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.preview-frame{border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:100%;min-height:520px}.timeline{margin:0;padding:0;font-size:14px;list-style:none}.timeline li{border-bottom:1px dashed var(--border);grid-template-columns:92px 1fr;gap:8px;padding:4px 0;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}