:root{color-scheme:light;--bg: #12100e;--bg-soft: #ece8e2;--panel: #f3f1ee;--panel-alt: #f8f7f4;--text: #181615;--muted: #544c44;--focus: #3e7fb0;--pass: #2f8a57;--fail: #bb5656;--accent: #5aa7e8;--accent-hover: #4d97d4;--edge: #b8aea2;--edge-strong: #6e655e;--warm-100: #f7ead8;--warm-200: #ccbeb1;--warm-700: #664c36;--warm-900: #331c08}*{box-sizing:border-box}body{margin:0;background:linear-gradient(30deg,rgba(184,174,162,.08) 1px,transparent 1px),linear-gradient(-30deg,rgba(184,174,162,.06) 1px,transparent 1px),var(--bg);background-size:34px 34px,34px 34px,auto;color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}button,textarea,select,input{font:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.appShell{min-height:100vh;padding:10px;display:grid;gap:10px}.topBar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-alt));border:1px solid var(--edge);border-radius:8px;padding:10px 11px;box-shadow:0 8px 20px #0000001a}.workspaceGrid{display:grid;grid-template-columns:200px minmax(0,1.3fr) minmax(0,1fr);gap:10px}.topActions{display:flex;gap:6px;align-items:center}.topBtn{background:var(--surface-muted, #ece8e2);border:1px solid var(--edge);color:var(--text);border-radius:6px;padding:6px 11px;cursor:pointer}.topBtn.active{background:#dbeaf6;border-color:var(--accent-hover)}.sideRail{align-self:start}.dayGrid{display:grid;gap:6px;margin-top:6px}.dayBtn,.tab,.actionBtn{background:var(--panel-alt);border:1px solid var(--edge);color:var(--text);padding:7px 9px;border-radius:6px;cursor:pointer;transition:transform .12s ease,background-color .12s ease;font-size:.9rem;line-height:1.25}.dayBtn:hover,.tab:hover,.actionBtn:hover{transform:translateY(-1px) scale(1.002);background:#efede9}.dayBtn.active,.tab.active{background:#dbeaf6;border-color:var(--accent-hover)}.tabs{display:flex;gap:8px;margin-bottom:8px}.markdown{max-height:60vh;overflow:auto;line-height:1.4;padding-right:4px;font-size:.92rem}.editor,.reflection{width:100%;min-height:130px;background:var(--bg-soft);color:var(--text);border:1px solid var(--edge);border-radius:6px;padding:9px;margin:7px 0;font-size:.9rem}.reflection{min-height:84px}.result{border:1px solid var(--edge);border-radius:8px;padding:10px;margin-top:8px;background:#f5f1ea;font-size:.92rem}.badge{display:inline-block;margin-bottom:8px;padding:5px 8px;border-radius:6px;font-weight:700}.badge.pass{background:#e7f3ea;color:var(--pass);border:1px solid var(--pass)}.badge.fail{background:#f8e7e7;color:var(--fail);border:1px solid var(--fail)}.secondary{background:#ece8e2}.tertiary{background:transparent;border-color:var(--edge-strong)}.kbdHint,.status{color:var(--muted);font-size:.82rem}.subtle{color:var(--muted);margin:2px 0 7px;font-size:.84rem}.fieldLabel{display:grid;gap:4px;font-size:.82rem;margin-bottom:7px}.textInput{width:100%;background:var(--bg-soft);border:1px solid var(--edge);color:var(--text);border-radius:6px;padding:7px 9px;font-size:.88rem}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#ece8e2;border:1px solid var(--edge);border-radius:6px;padding:4px 9px;color:var(--text);cursor:pointer;font-size:.78rem}.chip.active{background:#dbeaf6;border-color:var(--accent-hover)}.actionsRow{display:flex;gap:7px;margin-bottom:7px;flex-wrap:wrap}.generatedCard{border:1px solid var(--edge);background:#f5f1ea;border-radius:8px;padding:9px;margin-bottom:7px;font-size:.88rem}.summaryCard{background:#f5f1ea;border:1px solid var(--edge);border-radius:8px;padding:7px 9px;margin-bottom:7px;font-size:.84rem}.compactHeader{margin-bottom:6px}.inlineRow{display:flex;gap:6px;align-items:center;margin-bottom:7px}.inlineRow .textInput{flex:1}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;margin-bottom:3px}.onboardingShell{min-height:100vh;display:grid;place-items:center;padding:14px}.onboardingCard{width:min(1020px,100%);background:linear-gradient(150deg,#f3f1eef5,#f8f7f4fa),linear-gradient(45deg,rgba(184,174,162,.08) 1px,transparent 1px);background-size:auto,22px 22px;border:1px solid var(--edge);border-radius:8px;padding:14px;display:grid;gap:12px}.authCard{max-width:760px;background:radial-gradient(circle at 85% 10%,rgba(90,167,232,.12),transparent 40%),linear-gradient(160deg,#f3f1ee,#f8f7f4);box-shadow:0 18px 48px #0000001f,inset 0 1px #ffffff80;border:1px solid var(--edge)}.authTabs{justify-content:flex-start}.authGrid{grid-template-columns:1fr}.primaryBtn{background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-color:#3b7eb2;color:#f8fbff}.onboardingHeader h1{margin-bottom:4px}.onboardingSection{display:grid;gap:10px}.modeCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.modeCard{border:1px solid var(--edge);background:#f5f1ea;border-radius:8px;padding:10px;color:var(--text);text-align:left}.modeCard.selected{border-color:var(--accent-hover);background:#e9f3fb}.methodCard{margin-bottom:4px}.research{color:#7a6345;font-size:.8rem}.progressDots{display:flex;gap:6px;margin-top:6px}.dot{width:8px;height:8px;border-radius:50%;background:#39557a}.dot.active{background:#84b8ff}.onboardingActions{display:flex;justify-content:space-between}.fit{width:fit-content}.mainPanel,.contextPanel{min-width:0}h1,h2,h3{margin:0 0 6px;line-height:1.2}p{margin:0 0 5px}@media(max-width:1240px){.workspaceGrid{grid-template-columns:180px minmax(0,1fr)}.contextPanel{grid-column:1 / -1}}@media(max-width:1100px){.topBar{grid-template-columns:1fr}.workspaceGrid{grid-template-columns:1fr;gap:8px}.panel{padding:9px}.dayGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.modeCards,.formGrid{grid-template-columns:1fr}.markdown{max-height:44vh}.editor{min-height:135px}.reflection{min-height:80px}}@media(max-width:700px){.appShell{padding:8px}.onboardingCard{padding:10px}.dayGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.tabs{flex-wrap:wrap}.inlineRow{flex-direction:column;align-items:stretch}.topActions{flex-wrap:wrap}.actionsRow{flex-direction:column}.actionBtn{width:100%}}