:root{--bg: #f5f4f0;--card: #ffffff;--bg-soft: #ede9df;--border: #e3ded2;--border-strong: #1a1918;--input-border: #c9c2b2;--input-bg: #ffffff;--hover-bg: #ede9df;--text: #1a1918;--muted: #6e675e;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--serif: "Source Serif 4", Georgia, "Noto Serif", serif;--bar-bg: #e3ded2;--badge-bg: transparent;--badge-text: #6e675e;--success: #2d4a3a;--success-bg: transparent;--success-text: #2d4a3a;--warning-bg: transparent;--warning-text: #92400e;--danger: #b91c1c;--danger-bg: transparent;--danger-border: #b91c1c;--danger-text: #991b1b;--callout-bg: #fdf6ec;--callout-border: #fde68a;--header-bg: #1a1918;--header-text: #ffffff;--header-muted: #d1d5db;--radius: 2px}html[data-theme=dark]{--bg: #1a1a1a;--card: #242424;--bg-soft: #2e2e2e;--border: #3a3a3a;--border-strong: #525252;--input-border: #555555;--input-bg: #242424;--hover-bg: #2e2e2e;--text: #e5e5e5;--muted: #a8a29a;--bar-bg: #3a3a3a;--badge-bg: #333333;--badge-text: #e5e5e5;--success: #22c55e;--success-bg: #14532d;--success-text: #bbf7d0;--warning-bg: #78350f;--warning-text: #fde68a;--danger: #f87171;--danger-bg: #450a0a;--danger-border: #7f1d1d;--danger-text: #fca5a5;--callout-bg: #292524;--callout-border: #57534e;--header-bg: #111111;--header-text: #ffffff;--header-muted: #d1d5db}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-family:var(--serif);font-size:32px;font-weight:600;line-height:1.15;margin:8px 0 4px;letter-spacing:-.01em}h3{font-size:17px;margin:0 0 12px}header{background:var(--header-bg);color:var(--header-text);padding:0 12px;min-height:56px;display:flex;gap:16px;align-items:center;position:sticky;top:0;z-index:10;flex-wrap:wrap}header a{color:var(--header-muted)}header a:hover{color:var(--header-text);text-decoration:none}header a.logo{color:var(--header-text);font-family:var(--serif);font-weight:600;font-size:19px;white-space:nowrap}header nav{display:flex;gap:4px}header nav a{padding:10px 12px;border-radius:var(--radius)}header nav a.active{background:var(--primary);color:#fff}.header-right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.accent-picker{display:flex;gap:4px;align-items:center}.accent-dot{width:28px;height:28px;padding:0;border-radius:50%;border:2px solid transparent;color:#fff;font-size:12px;line-height:1}.accent-dot.on{border-color:#fff}.theme-btn{background:transparent;color:var(--header-text);border:1px solid #555555;padding:10px 12px}.theme-btn:hover:not(:disabled){background:#333}.header-user{color:var(--header-muted)}.header-btn{background:transparent;color:var(--header-text);border:1px solid #555555;padding:10px 12px}.header-btn:hover:not(:disabled){background:#333}.header-login{color:var(--header-text)}.menu-btn,.mobile-menu{display:none}main{padding:20px 12px 40px}.card{background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius);padding:20px;margin-bottom:16px;overflow-wrap:break-word}.mono{font-family:var(--mono)}input,textarea,select{width:100%;min-width:0;padding:9px 12px;border:1px solid var(--input-border);border-radius:var(--radius);margin:4px 0 12px;font:inherit;background:var(--input-bg);color:var(--text)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)}input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--primary);cursor:pointer;flex-shrink:0}button{padding:10px 16px;border:0;border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;font:inherit;font-weight:600;flex-shrink:0;touch-action:manipulation}button:hover:not(:disabled){background:var(--primary-hover)}button.secondary{background:var(--card);color:var(--text);border:1px solid var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--hover-bg)}button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger-border)}button.danger:hover:not(:disabled){background:var(--hover-bg)}button.ghost{background:transparent;color:var(--muted);padding:10px 8px}button.ghost:hover:not(:disabled){background:transparent;color:var(--text);text-decoration:underline}button:disabled{opacity:.45;cursor:not-allowed}.bar{height:8px;background:var(--bar-bg);border-radius:0;overflow:hidden}.bar>div{height:100%;background:var(--primary);border-radius:0}.badge{display:inline-block;padding:3px 9px;border:1px solid var(--border);border-radius:var(--radius);font-size:12px;font-weight:600;font-family:var(--mono);background:transparent;color:var(--muted);white-space:nowrap}.badge.done{color:var(--success-text);border-color:var(--success)}.badge.delayed{color:var(--warning-text);border-color:var(--warning-text)}.badge.blocked{color:var(--danger-text);border-color:var(--danger)}.tag{display:inline-block;padding:2px 8px;margin-right:4px;border-radius:var(--radius);font-size:12px;font-weight:600;font-family:var(--mono);background:var(--accent-soft);color:var(--primary)}.grid{display:grid;grid-template-columns:var(--grid-left, 320px) 8px 1fr;gap:16px;align-items:start}.grid-splitter{width:8px;cursor:col-resize;touch-action:none;display:flex;justify-content:center;align-self:stretch}.grid-splitter:before{content:"";width:2px;background:var(--border)}.grid-splitter:hover:before{background:var(--primary)}.grid-splitter:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 800px){.grid{grid-template-columns:1fr}.grid-splitter{display:none}main{padding:16px 12px 32px}}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>*{min-width:0}@media (max-width: 640px){main{padding:12px 8px 32px}.card{padding:14px}h1{font-size:24px}header{padding:0 8px;gap:8px}header a.logo{font-size:16px}header nav{display:none}.header-right{display:none}header .style-picker{display:none!important}.menu-btn{display:inline-flex;order:2;margin-left:auto;width:44px;height:44px;padding:0;align-items:center;justify-content:center;background:transparent;color:var(--header-text);border:1px solid #555555}.menu-btn:hover:not(:disabled){background:#333}.mobile-menu{display:block;order:3;width:100%;border-top:1px solid #555555;padding:4px 0 12px}.mobile-menu a{display:block;padding:12px 4px;color:var(--header-text);border-bottom:1px solid #333333}.mobile-menu a.active{background:var(--primary);color:#fff}.mobile-menu .menu-user{padding:12px 4px;color:var(--header-muted);border-bottom:1px solid #333333}.mobile-menu .accent-picker{display:flex;padding:12px 4px;border-bottom:1px solid #333333}.mobile-menu .menu-style{display:flex;align-items:center;gap:8px;padding:12px 4px;color:var(--header-muted);border-bottom:1px solid #333333}.mobile-menu .menu-style select{width:100%;margin:0;background:var(--header-bg);color:var(--header-text);border:1px solid #555555}.mobile-menu .menu-btn-row{display:block;width:100%;text-align:left;background:transparent;color:var(--header-text);border:0;border-bottom:1px solid #333333;border-radius:0;padding:12px 4px}.mobile-menu .menu-btn-row:hover:not(:disabled){background:transparent}.grid{gap:12px}}.style-picker{display:flex;align-items:center;gap:6px;color:var(--header-muted);font-size:13px;white-space:nowrap}.style-picker select{width:auto;margin:0;padding:10px 8px;background:var(--header-bg);color:var(--header-text);border:1px solid #555555}html[data-app-style=ledger] .card{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:16px 0;margin-bottom:0}html[data-app-style=ledger] .bar{height:2px}html[data-app-style=ledger] .bar>div{background:var(--text)}html[data-app-style=ledger] button.secondary{border-color:var(--border);background:transparent}html[data-app-style=ledger] .card.modal,html[data-app-style=signal] .card.modal{background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius);padding:20px;margin-bottom:0}html[data-app-style=ledger] input,html[data-app-style=ledger] textarea,html[data-app-style=ledger] select{border:0;border-bottom:1px solid var(--input-border);border-radius:0;background:transparent;padding:9px 2px}html[data-app-style=ledger] .tag{border:1px solid var(--border);background:transparent;color:var(--muted)}html[data-app-style=signal] .card{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:28px 0;margin-bottom:32px}html[data-app-style=signal] .bar{height:4px}html[data-app-style=signal] button.secondary{border-color:var(--border);background:transparent}html[data-app-style=signal] input,html[data-app-style=signal] textarea,html[data-app-style=signal] select{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:12px 2px}html[data-app-style=signal] .grid{gap:32px}html[data-app-style=ledger] .style-picker select,html[data-app-style=signal] .style-picker select{border:1px solid #555555;border-radius:var(--radius);background:var(--header-bg);padding:10px 8px}html[data-app-style=kinetic]{--bg: #101010;--card: #101010;--bg-soft: #1c1c1c;--border: #5c5c5c;--border-strong: #5c5c5c;--input-border: #5c5c5c;--input-bg: #101010;--hover-bg: #1c1c1c;--text: #ffffff;--muted: #a3a3a3;--bar-bg: #343434;--badge-bg: transparent;--badge-text: #a3a3a3;--success: #ffffff;--success-text: #ffffff;--warning-text: #ff6b00;--danger: #ff6b00;--danger-border: #ff6b00;--danger-text: #ff6b00;--callout-bg: #1c1c1c;--callout-border: #5c5c5c;--header-bg: #101010;--header-text: #ffffff;--header-muted: #a3a3a3;--radius: 0;--primary: #ff6b00 !important;--primary-hover: #ff7d1a !important;--accent-soft: #2a1608 !important}html[data-app-style=kinetic] body{font-family:Host Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;font-size:18px}html[data-app-style=kinetic] h1{font-family:Host Grotesk,system-ui,sans-serif;font-size:clamp(40px,7vw,84px);font-weight:800;text-transform:uppercase;letter-spacing:-.045em;line-height:1}html[data-app-style=kinetic] h3{font-family:Host Grotesk,system-ui,sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:-.02em}html[data-app-style=kinetic] header{border-bottom:2px solid #5c5c5c}html[data-app-style=kinetic] header a.logo{font-family:Host Grotesk,system-ui,sans-serif;font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:-.045em}html[data-app-style=kinetic] header nav a.active{background:var(--primary);color:#101010}html[data-app-style=kinetic] .accent-picker{display:none}html[data-app-style=kinetic] .card{background:var(--card);border:2px solid var(--border);border-radius:0;padding:24px;margin-bottom:24px}html[data-app-style=kinetic] .card.modal{background:#1c1c1c;border:2px solid #5c5c5c}html[data-app-style=kinetic] input,html[data-app-style=kinetic] textarea,html[data-app-style=kinetic] select{border:2px solid var(--input-border);border-radius:0;background:var(--input-bg);color:var(--text);padding:12px 14px}html[data-app-style=kinetic] :focus-visible{outline:2px solid #ff6b00;outline-offset:2px}html[data-app-style=kinetic] button{border-radius:0;font-weight:700;padding:12px 20px;color:#101010}html[data-app-style=kinetic] button.secondary{color:#fff;background:transparent;border:2px solid #5c5c5c}html[data-app-style=kinetic] button.danger{color:#ff6b00;background:transparent;border:2px solid #ff6b00}html[data-app-style=kinetic] button.ghost{color:#a3a3a3}html[data-app-style=kinetic] .theme-btn,html[data-app-style=kinetic] .header-btn{color:#fff;border-color:#5c5c5c}html[data-app-style=kinetic] .bar{height:12px}html[data-app-style=kinetic] .badge{border-radius:0;border-width:2px;padding:4px 10px;font-family:Host Grotesk,system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;background:transparent}html[data-app-style=kinetic] .badge.done{color:#fff;border-color:#fff}html[data-app-style=kinetic] .badge.delayed{color:#ff6b00;border-color:#ff6b00}html[data-app-style=kinetic] .badge.blocked{background:#ff6b00;color:#101010;border-color:#ff6b00}html[data-app-style=kinetic] .tag{font-family:Host Grotesk,system-ui,sans-serif;font-weight:700;text-transform:uppercase;border:2px solid #5c5c5c;border-radius:0;background:transparent;color:#fff}html[data-app-style=kinetic] .grid{gap:32px}html[data-app-style=kinetic] .muted{font-size:14px}html[data-app-style=kinetic] .callout{font-size:16px;border:2px solid var(--callout-border);border-radius:0}html[data-app-style=kinetic] .style-picker select{background:#101010;border:2px solid #5c5c5c;color:#fff;border-radius:0}html[data-app-style=kinetic] .mobile-menu a.active{color:#101010}@media (max-width: 640px){html[data-app-style=kinetic] .row>input,html[data-app-style=kinetic] .row>textarea{flex-basis:100%!important}}.muted{color:var(--muted);font-size:13px}.err{color:var(--danger)}.callout{background:var(--callout-bg);border:1px solid var(--callout-border);border-radius:var(--radius);padding:10px 12px;font-size:14px}.empty{text-align:center;padding:28px 16px;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:16px;margin-bottom:4px}.hero-main[data-v-6b953b82]{display:flex;gap:16px;align-items:center;margin-bottom:12px}.hero-percent[data-v-6b953b82]{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.02em;font-family:var(--mono)}.stats[data-v-6b953b82]{gap:16px;margin-top:10px;font-size:14px;color:var(--muted);font-family:var(--mono)}.start[data-v-6b953b82]{border-color:var(--primary);background:var(--accent-soft)}.module-panel[data-v-6b953b82]{position:sticky;top:72px}.module-item[data-v-6b953b82]{border:1px solid var(--border);border-radius:var(--radius);padding:10px;margin-top:10px;cursor:pointer;background:var(--card)}.module-item[data-v-6b953b82]:hover{border-color:var(--primary)}.module-item.selected[data-v-6b953b82]{border-color:var(--primary);background:var(--accent-soft)}.check-item[data-v-6b953b82]{border-top:1px solid var(--border);padding:2px 0 12px}.check-toggle[data-v-6b953b82]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 0;flex:1;min-width:0}.check-toggle strong[data-v-6b953b82]{min-width:0}.check-item[data-v-6b953b82]:first-of-type{margin-top:12px}.note[data-v-6b953b82]{background:var(--bg-soft);border:1px solid var(--border);padding:10px 12px;border-radius:var(--radius);margin:6px 0}.modal-overlay[data-v-6b953b82]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding:40px 12px;z-index:50;overflow-y:auto}.modal[data-v-6b953b82]{width:min(720px,100%);max-height:90vh;overflow-y:auto}.modal textarea[data-v-6b953b82]{width:100%;box-sizing:border-box;font-family:ui-monospace,monospace;font-size:13px}@media (max-width: 800px){.module-panel[data-v-6b953b82]{position:static}}@media (max-width: 640px){.hero-percent[data-v-6b953b82]{font-size:32px}.module-item[data-v-6b953b82]{padding:10px}.modal-overlay[data-v-6b953b82]{padding:8px}.modal[data-v-6b953b82]{padding:14px}}html[data-app-style=ledger] .hero-percent[data-v-6b953b82]{font-size:64px;font-variant-numeric:tabular-nums}html[data-app-style=ledger] .stats[data-v-6b953b82]{font-variant-numeric:tabular-nums}html[data-app-style=ledger] .module-item[data-v-6b953b82]{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:10px 0;margin-top:0}html[data-app-style=ledger] .module-item.selected[data-v-6b953b82]{background:var(--bg-soft)}html[data-app-style=ledger] .check-item[data-v-6b953b82]{padding:12px 0}html[data-app-style=kinetic] .hero-percent[data-v-6b953b82]{font-family:Host Grotesk,system-ui,sans-serif;font-size:clamp(48px,8vw,96px);font-weight:800;letter-spacing:-.045em;line-height:1}html[data-app-style=kinetic] .stats[data-v-6b953b82]{font-family:Host Grotesk,system-ui,sans-serif;text-transform:uppercase;font-size:14px;font-weight:600;letter-spacing:.02em}html[data-app-style=kinetic] .module-item[data-v-6b953b82]{border:2px solid var(--border);border-radius:0;background:transparent;padding:16px;margin-top:16px}html[data-app-style=kinetic] .module-item[data-v-6b953b82]:hover{border-color:var(--primary)}html[data-app-style=kinetic] .module-item.selected[data-v-6b953b82]{background:var(--primary);color:#101010;border-color:var(--primary)}html[data-app-style=kinetic] .module-item.selected .muted[data-v-6b953b82]{color:#101010}html[data-app-style=kinetic] .module-item.selected .badge[data-v-6b953b82]{color:#101010;border-color:#101010}html[data-app-style=kinetic] .module-item.selected .bar[data-v-6b953b82]{background:#101010}html[data-app-style=kinetic] .module-item.selected .bar>div[data-v-6b953b82]{background:#fff}html[data-app-style=kinetic] .module-item.selected button.danger[data-v-6b953b82]{color:#101010;border-color:#101010}html[data-app-style=kinetic] .check-item[data-v-6b953b82]{border-top:2px solid var(--border);padding:16px 0}html[data-app-style=kinetic] .check-toggle[data-v-6b953b82]{padding:14px 0}html[data-app-style=signal] .hero-percent[data-v-6b953b82]{font-size:56px}html[data-app-style=signal] .check-item[data-v-6b953b82]{padding:0}html[data-app-style=signal] .check-toggle[data-v-6b953b82]{padding:18px 0}html[data-app-style=signal] .module-item[data-v-6b953b82]{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:16px 0;margin-top:0}html[data-app-style=signal] .module-item.selected[data-v-6b953b82]{background:transparent;border-bottom:2px solid var(--primary)}