:root{color:#eefbf7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text:#eefbf7;--muted:#8da6b0;--muted-strong:#bad0d7;--border:#6e8a9c33;--panel:#080c14e6;--panel-strong:#0a101cf5;--button:#0e1522e6;--chip:#ffffff0f;--accent:#39ff14;--accent-blue:#00e1ff;--accent-red:#ff4d6d;--accent-orange:#ff8a1e;--accent-purple:#c85cff;--shadow:0 22px 90px #00000073, inset 0 1px 0 #ffffff08;background:linear-gradient(#0a0d12 0%,#11161d 100%);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 100% 0,#00e1ff0d,#0000 24%),linear-gradient(#0a0d12 0%,#11161d 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000052,#0000 80%);mask-image:linear-gradient(#00000052,#0000 80%)}a{color:inherit}button,input,select{font:inherit}h1,h2{color:var(--text);font-family:Sora,Space Grotesk,sans-serif;line-height:.98}h1{letter-spacing:-.06em;max-width:10ch;margin:0;font-size:clamp(3rem,7vw,5.6rem)}h2{letter-spacing:-.04em;font-size:clamp(1.6rem,3.2vw,2.25rem)}p{font-size:1rem}#root{min-height:100vh}.app-shell{grid-template-columns:260px minmax(0,1fr);gap:24px;width:min(1400px,100% - 32px);margin:0 auto;padding:24px 0 40px;display:grid}.app-sidebar,.workspace-panel,.feature-card,.hero-copy,.terminal-card,.walkthrough-panel{background:#0f1218f0;border:1px solid #232a35;border-radius:20px;box-shadow:0 18px 48px #00000047}.app-sidebar{align-content:start;gap:16px;height:fit-content;padding:20px;display:grid;position:sticky;top:24px}.sidebar-block{gap:10px;display:grid}.sidebar-title{color:var(--text);margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:.94}.sidebar-copy,.panel-summary,.hero-text,.feature-card p,.detail-block p,.detail-block li,.autofill-grid p,.render-status,.timeline-item p,.timeline-item span,.history-card p,.history-card span,.task-item span,.task-summary p,.walkthrough-intro,.walkthrough-step p{color:var(--muted)}.sidebar-summary{border-top:1px solid #232a35;padding-top:16px}.sidebar-summary span{color:var(--muted-strong);font-size:.85rem}.sidebar-summary strong{color:var(--accent-blue);font-size:1rem}.sidebar-summary p{color:var(--text);margin:0}.app-content{gap:20px;display:grid}.eyebrow,.card-label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.72rem}.view-nav{gap:10px;display:grid}.view-button,.action-button,.status-chip,.import-button,.company-card,.mode-chip,.opening-card,.walkthrough-toggle{color:var(--text);font:inherit;cursor:pointer;background:#131820;border:1px solid #2a3340;border-radius:14px;transition:border-color .16s,color .16s,background .16s}.view-button{text-align:left;padding:12px 14px}.view-button:first-child{color:var(--accent)}.view-button:nth-child(2){color:var(--accent-blue)}.view-button:nth-child(3){color:var(--accent-orange)}.view-button:nth-child(4){color:var(--accent-purple)}.view-button.active{background:#0d1117;border-color:currentColor}.walkthrough-toggle{color:var(--accent-red);padding:12px 14px}.walkthrough-toggle.active{border-color:var(--accent-red)}.alert-banner{background:#12161d;border:1px solid #ff4d6d61;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.alert-banner strong{color:var(--accent-red)}.walkthrough-panel{padding:20px 22px}.walkthrough-head,.panel-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.walkthrough-head h2,.workspace-panel h2,.feature-card h2{margin:4px 0 0}.walkthrough-head h2{color:var(--accent-purple)}.walkthrough-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.walkthrough-step{background:#10141b;border:1px solid #232a35;border-radius:14px;padding:14px}.walkthrough-step:first-child strong{color:var(--accent)}.walkthrough-step:nth-child(2) strong{color:var(--accent-blue)}.walkthrough-step:nth-child(3) strong{color:var(--accent-orange)}.hero-panel,.workspace-grid,.pipeline-grid{gap:20px;display:grid}.hero-panel{grid-template-columns:1.15fr .85fr}.workspace-grid,.pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy,.terminal-card,.feature-card,.workspace-panel{padding:22px}.hero-copy h1{max-width:10ch;margin:10px 0 12px}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.hero-stats div{background:#10141b;border:1px solid #232a35;border-radius:14px;padding:14px}.hero-stats div:first-child strong{color:var(--accent)}.hero-stats div:nth-child(2) strong{color:var(--accent-blue)}.hero-stats div:nth-child(3) strong{color:var(--accent-orange)}.hero-stats strong{margin-bottom:6px;font-size:1.2rem;display:block}.hero-stats span{color:var(--muted);font-size:.9rem}.terminal-card{background:#090d13;border-color:#1c2530}.terminal-header{gap:8px;margin-bottom:14px;display:flex}.terminal-header span{border-radius:999px;width:10px;height:10px}.terminal-header span:first-child{background:var(--accent-red)}.terminal-header span:nth-child(2){background:var(--accent-orange)}.terminal-header span:nth-child(3){background:var(--accent)}.terminal-card pre,.html-preview{color:#dff7ff;white-space:pre-wrap;margin:0;font:12px/1.65 SFMono-Regular,Consolas,monospace}.feature-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.feature-card:first-child .card-label,.feature-card:first-child h2{color:var(--accent)}.feature-card:nth-child(2) .card-label,.feature-card:nth-child(2) h2{color:var(--accent-blue)}.feature-card:nth-child(3) .card-label,.feature-card:nth-child(3) h2{color:var(--accent-red)}.feature-card:nth-child(4) .card-label,.feature-card:nth-child(4) h2{color:var(--accent-orange)}.feature-card:nth-child(5) .card-label,.feature-card:nth-child(5) h2{color:var(--accent-purple)}.filter-row,.queue-filters,.mode-grid,.company-grid,.opening-list,.history-list,.task-composer,.autofill-grid,.task-list,.timeline,.resume-preview,.experience-slice,.export-actions{gap:12px;display:grid}.filter-row{grid-template-columns:1.4fr .8fr}.queue-filters{grid-template-columns:repeat(5,minmax(0,1fr))}.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.task-composer,.action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row input,.filter-row select,.queue-filters input,.queue-filters select,.resume-input textarea,.task-composer input,.notes-input,.agent-composer textarea{width:100%;color:var(--text);font:inherit;background:#0f141b;border:1px solid #2a3340;border-radius:14px;outline:none;padding:13px 14px}.filter-row input:focus,.filter-row select:focus,.queue-filters input:focus,.queue-filters select:focus,.resume-input textarea:focus,.task-composer input:focus,.notes-input:focus,.agent-composer textarea:focus{border-color:var(--accent-blue)}.company-card,.mode-chip,.opening-card,.action-button,.status-chip,.import-button{padding:14px}.company-card,.opening-card{text-align:left;gap:6px;display:grid}.opening-card strong,.company-card strong,.detail-block strong,.mode-callout strong{color:var(--text)}.opening-card.active,.mode-chip.active,.status-chip.active{border-color:var(--accent-blue);color:var(--accent-blue)}.opening-card.active strong,.mode-chip.active,.status-chip.active{color:var(--accent-blue)}.detail-block,.mode-callout,.history-card,.task-item{background:#10141b;border:1px solid #232a35;border-radius:14px;padding:16px}.detail-block ul{margin:0;padding-left:18px}.detail-block li+li{margin-top:8px}.notes-input,.resume-input textarea,.agent-composer textarea{resize:vertical;min-height:120px}.status-row,.task-actions,.pill-row{flex-wrap:wrap;gap:10px;display:flex}.pill-row span{background:#0f141b;border:1px solid #2a3340;border-radius:999px;padding:7px 11px}.pill-row span:nth-child(5n+1){color:var(--accent)}.pill-row span:nth-child(5n+2){color:var(--accent-blue)}.pill-row span:nth-child(5n+3){color:var(--accent-red)}.pill-row span:nth-child(5n+4){color:var(--accent-orange)}.pill-row span:nth-child(5n){color:var(--accent-purple)}.render-status.success{color:var(--accent)}.render-status.error{color:var(--accent-red)}.timeline-item{border-left:2px solid #2a3340;padding-left:12px}.timeline-item strong{color:var(--accent-purple)}.html-preview{background:#0a0d14;border:1px solid #1f2b38;border-radius:14px;padding:14px;overflow-x:auto}.history-card.overdue{border-color:#ff4d6d73}.import-button{justify-content:center;align-items:center;display:inline-flex}.import-button input{display:none}.agent-thread{gap:12px;max-height:520px;display:grid;overflow-y:auto}.agent-message{border:1px solid #232a35;border-radius:14px;gap:8px;padding:16px;display:grid}.agent-message.assistant{background:#10161a}.agent-message.user{background:#15121b}.agent-message.assistant strong{color:var(--accent)}.agent-message.user strong{color:var(--accent-purple)}.agent-message p{color:var(--text);white-space:pre-wrap;margin:0}.agent-composer{gap:12px;margin-top:16px;display:grid}@media (width<=1180px){.feature-grid,.queue-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.walkthrough-steps{grid-template-columns:1fr}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static}.hero-panel,.workspace-grid,.pipeline-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{width:min(100% - 20px,100%);padding:18px 0 28px}.feature-grid,.company-grid,.mode-grid,.filter-row,.queue-filters,.hero-stats,.action-row,.task-composer{grid-template-columns:1fr}.panel-head,.walkthrough-head,.alert-banner{flex-direction:column;align-items:flex-start}}
