:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0c;--bg-gradient:radial-gradient(circle at 20% 0%, #151515 0%, #0c0c0c 55%);--surface:#101010;--border:#1f1f1f;--text:#e8e8e8;--text-muted:#777;--text-faint:#5a5a5a;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Helvetica Neue", Arial, sans-serif;--font-mono:"Courier New", monospace;--radius:4px;--density:1;--phase-1:#c9a227;--phase-2:#7c8b7a;--phase-3:#a6553b}*{box-sizing:border-box}html{background:var(--bg);-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%}body{background:var(--bg-gradient);min-height:100svh;color:var(--text);font-family:var(--font-body);letter-spacing:0;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation}a{color:inherit}.login-page{min-height:100svh;padding:max(20px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));background:linear-gradient(180deg, #ffffff09, #fff0), var(--bg);place-items:center;display:grid}.login-panel{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 92%, transparent);width:min(100%,420px);padding:30px;box-shadow:0 24px 80px #0006}.login-brand{font-family:var(--font-display);margin:0 0 6px;font-size:48px;font-weight:400;line-height:.92}.login-copy{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;margin:0 0 28px;font-size:12px;line-height:1.7}.login-form{gap:14px;display:grid}.field{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;gap:8px;font-size:11px;display:grid}.field input{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-body);background:#0a0a0a;outline:none;padding:13px 12px;font-size:16px;line-height:1.25}.field input:focus{border-color:var(--phase-1)}.login-button,.primary-button,.secondary-button,.ghost-button,.chip,.intent-button{border-radius:var(--radius);border:1px solid var(--border);min-height:38px;color:var(--text);font-family:var(--font-mono);text-transform:uppercase;background:0 0;font-size:11px;line-height:1;transition:border-color .16s,background .16s,color .16s,transform .16s}.login-button,.primary-button{border-color:color-mix(in srgb, var(--phase-1) 70%, var(--border));background:var(--phase-1);color:#090909;font-weight:700}.login-button:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.chip:hover,.intent-button:hover{transform:translateY(-1px)}.auth-error,.dash-error{color:#e3a08d;margin:14px 0 0;font-size:13px;line-height:1.5}.app-shell{min-height:100svh;padding:max(clamp(18px, 4vw, 56px), env(safe-area-inset-top)) max(clamp(18px, 4vw, 56px), env(safe-area-inset-right)) max(clamp(18px, 4vw, 56px), env(safe-area-inset-bottom)) max(clamp(18px, 4vw, 56px), env(safe-area-inset-left));overflow-x:clip}.dashboard{gap:calc(24px * var(--density));max-width:1520px;margin:0 auto;display:grid}.masthead{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:end;gap:clamp(22px,5vw,68px);padding-bottom:22px;display:grid}.masthead.center{text-align:center;grid-template-columns:1fr}.masthead.left{grid-template-columns:1fr;align-items:start}.brand-title{font-family:var(--font-display);margin:0;font-size:clamp(56px,10vw,148px);font-weight:400;line-height:.82}.kicker{color:var(--text-muted);font-family:var(--font-mono);font-size:calc(11px * var(--density));letter-spacing:0;text-transform:uppercase;margin:18px 0 0;line-height:1.65}.completion-block{justify-items:end;gap:12px;display:grid}.masthead.center .completion-block,.masthead.left .completion-block{justify-items:inherit}.completion-number{font-family:var(--font-display);font-size:clamp(54px,7vw,112px);font-weight:400;line-height:.82}.completion-label{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:11px}.progress-track{border:1px solid var(--border);background:#080808;border-radius:999px;width:100%;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--phase-1), var(--phase-2), var(--phase-3));height:100%;transition:width .18s}.top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.phase-filters{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.chip{color:var(--text-muted);align-items:center;gap:8px;padding:0 13px;display:inline-flex}.chip.active{border-color:var(--chip-accent,var(--phase-1));color:var(--text)}.dot{background:var(--chip-accent,var(--phase-1));border-radius:50%;width:8px;height:8px}.user-strip{min-width:0;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:12px;font-size:11px;display:flex}.user-strip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ghost-button,.secondary-button{color:var(--text-muted);padding:0 12px}.main-grid{grid-template-columns:minmax(0,1fr) minmax(310px,390px);align-items:start;gap:clamp(18px,3vw,32px);display:grid}.board{gap:calc(24px * var(--density));display:grid}.phase-section{gap:calc(14px * var(--density));display:grid}.phase-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;display:grid}.phase-tag{color:var(--phase-accent);font-family:var(--font-mono);font-size:calc(11px * var(--density));text-transform:uppercase;margin-bottom:9px;display:inline-block}.phase-title{font-family:var(--font-display);margin:0;font-size:clamp(32px,4vw,54px);font-weight:400;line-height:.95}.phase-subtitle{color:var(--text-muted);font-family:var(--font-mono);font-size:calc(11px * var(--density));text-transform:uppercase;margin:8px 0 0;line-height:1.5}.phase-count{color:var(--text-muted);font-family:var(--font-mono);text-align:right;text-transform:uppercase;font-size:11px}.phase-progress .progress-fill{background:var(--phase-accent)}.cards-layout{grid-template-columns:repeat(auto-fit, minmax(var(--card-min-width,280px), 1fr));gap:calc(12px * var(--density));display:grid}.group-card{gap:calc(12px * var(--density));border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 94%, transparent);min-width:0;padding:calc(16px * var(--density));display:grid}.group-card.complete{border-color:var(--phase-accent)}.group-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.group-title{font-size:calc(15px * var(--density));margin:0;font-weight:500;line-height:1.3}.group-count{color:var(--text-faint);font-family:var(--font-mono);white-space:nowrap;font-size:11px}.task-list{gap:2px;display:grid}.task-row{border-radius:var(--radius);color:var(--text);padding:calc(7px * var(--density)) 7px;text-align:left;background:0 0;border:0;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:9px;margin:0 -7px;display:grid}.task-row:hover{background:#ffffff09}.checkbox{border:1px solid color-mix(in srgb, var(--phase-accent) 58%, var(--border));color:#050505;border-radius:2px;place-items:center;width:16px;height:16px;margin-top:1px;display:grid}.task-row.done .checkbox{background:var(--phase-accent);border-color:var(--phase-accent)}.task-row.done .task-text{color:var(--text-faint);text-decoration:line-through;-webkit-text-decoration-color:var(--phase-accent);text-decoration-color:var(--phase-accent)}.task-text{min-width:0;font-size:calc(13px * var(--density));line-height:1.45}.list-layout{gap:10px;display:grid}.list-group{padding:calc(13px * var(--density)) 0;border-top:1px solid var(--border);gap:8px;display:grid}.list-group:last-child{border-bottom:1px solid var(--border)}.list-group .task-row{grid-template-columns:22px minmax(160px,.7fr) minmax(0,1.4fr)}.kanban-board{grid-template-columns:repeat(3,minmax(280px,1fr));gap:14px;padding-bottom:4px;display:grid;overflow-x:auto}.kanban-column{align-content:start;gap:14px;min-width:280px;display:grid}.kanban-column .phase-header{grid-template-columns:1fr}.assistant-panel{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 96%, transparent);gap:16px;padding:18px;display:grid;position:sticky;top:24px}.panel-title{font-family:var(--font-display);justify-content:space-between;align-items:baseline;gap:14px;margin:0;font-size:34px;font-weight:400;display:flex}.panel-title span{color:var(--text-faint);font-family:var(--font-mono);text-transform:uppercase;font-size:10px}.intent-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.intent-button.active{border-color:var(--phase-1);color:var(--text)}.prompt-box{gap:10px;display:grid}.prompt-box textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius);min-height:132px;color:var(--text);background:#090909;outline:none;padding:12px;font-size:16px;line-height:1.5}.prompt-box textarea:focus{border-color:var(--phase-1)}.assistant-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.status-line{min-height:18px;color:var(--text-muted);font-size:12px;line-height:1.5}.action-log{gap:8px;margin:0;padding:0;list-style:none;display:grid}.action-log li{border-top:1px solid var(--border);gap:3px;padding-top:9px;display:grid}.log-label{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:10px}.log-copy{color:var(--text);font-size:12px;line-height:1.45}.footer-sequence{border-top:1px solid var(--border);padding-top:22px}.footer-title{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;margin:0 0 14px;font-size:11px}.sequence-list{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.sequence-list li{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);padding:14px;font-size:14px;line-height:1.4}.sequence-list strong{color:var(--text);font-family:var(--font-mono);text-transform:uppercase;margin-bottom:6px;font-size:11px;display:block}.loading-state{min-height:100vh;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;place-items:center;font-size:12px;display:grid}@media (max-width:1120px){.main-grid{grid-template-columns:1fr}.assistant-panel{position:static}}@media (max-width:760px){.app-shell{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}.dashboard{gap:18px}.masthead,.phase-header{grid-template-columns:1fr;gap:14px}.completion-block,.phase-count{text-align:left;justify-items:start}.brand-title{overflow-wrap:anywhere;font-size:clamp(58px,17vw,78px);line-height:.84}.kicker{margin-top:14px;font-size:10px}.completion-number{font-size:clamp(52px,15vw,66px)}.top-row{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.phase-filters{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;overflow:visible}.chip{justify-content:start;min-height:42px;padding-inline:13px}.user-strip{justify-content:space-between;width:100%}.user-strip .ghost-button{flex:none;min-height:42px}.main-grid,.board{gap:18px}.phase-title{font-size:clamp(30px,9vw,40px);line-height:1}.phase-subtitle{font-size:10px}.group-card{padding:15px 14px}.group-header{align-items:start}.cards-layout{grid-template-columns:1fr}.task-row{grid-template-columns:26px minmax(0,1fr);gap:10px;min-height:44px;margin-inline:-6px;padding:9px 6px}.checkbox{width:18px;height:18px}.list-group .task-row{grid-template-columns:26px minmax(0,1fr)}.list-group .group-title,.list-group .task-text{grid-column:2}.kanban-board{grid-template-columns:1fr;overflow-x:visible}.kanban-column{min-width:0}.assistant-panel{gap:14px;padding:16px 14px}.panel-title{gap:4px;font-size:30px;display:grid}.panel-title span{font-size:9px}.intent-button,.primary-button,.secondary-button{min-height:42px}.prompt-box textarea{min-height:116px}.assistant-actions{grid-template-columns:1fr 1fr}.sequence-list{grid-template-columns:1fr}}@media (max-width:420px){.login-panel{padding:24px 18px}.login-brand{font-size:clamp(42px,14vw,54px)}.brand-title{font-size:clamp(52px,16vw,66px)}.phase-filters{grid-template-columns:1fr}}
