:root{color-scheme:light;--background:#f7f8f5;--surface:#ffffff;--surface-muted:#eef1ed;--surface-blue:#eef5ff;--surface-green:#d7f1ec;--border:#d8ddd6;--border-strong:#b6c0b4;--primary:#0f6b64;--primary-pressed:#0b514b;--ai:#355c9a;--ai-container:#dde7fa;--warning:#a55f00;--warning-container:#ffe7c2;--success:#26734d;--success-container:#d9f2e4;--danger:#ba1a1a;--text-primary:#1b1f1d;--text-secondary:#4e5a55;--text-tertiary:#707a75;--shadow:0 18px 50px rgba(24,36,31,0.18);--nav-height:74px}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:linear-gradient(145deg,#edf1ed,#f8faf7 45%,#e8f0ef);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.phone-frame{position:relative;width:min(100%,430px);height:min(920px,calc(100vh - 48px));min-height:680px;overflow:hidden;background:var(--background);border:1px solid rgba(15,107,100,.14);border-radius:32px;box-shadow:var(--shadow)}.top-bar{height:92px;display:grid;grid-template-columns:40px 1fr auto auto;grid-gap:8px;gap:8px;align-items:center;padding:18px 18px 12px;background:rgba(247,248,245,.92);border-bottom:1px solid rgba(216,221,214,.7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.top-bar h1{margin:0;font-size:24px;line-height:30px;letter-spacing:0}.eyebrow{margin:0 0 2px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:0}.icon-button{width:40px;min-width:40px;height:40px;display:grid;place-content:center;grid-gap:4px;gap:4px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.icon-button span{width:18px;height:2px;border-radius:99px;background:var(--text-secondary)}.count-badge,.status-chip,.sync-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid rgba(15,107,100,.18);border-radius:999px;background:var(--surface-green);color:var(--primary);font-size:12px;font-weight:800}.sync-pill{border:0}.sync-pill.icon-only{width:40px;min-height:40px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface)}.content-scroll{height:calc(100% - 92px);overflow-y:auto;padding:14px 16px 132px}.screen{display:none}.screen.active{display:block}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:18px}.summary-strip.compact article{min-height:78px}.summary-strip article{min-height:86px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.summary-strip small,.summary-strip span{display:block;color:var(--text-tertiary);font-size:11px;font-weight:700}.summary-strip strong{display:block;margin:4px 0 2px;font-size:25px;line-height:30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.capture-panel h2,.result-panel h2,.section-head h2{margin:0;font-size:17px;line-height:24px}.section-subtitle{margin:2px 0 0;color:var(--text-tertiary);font-size:12px;line-height:17px;font-weight:650}.ghost-button,.text-button{border:0;background:transparent;color:var(--primary);font-weight:800}.ai-lane,.context-list,.review-list,.task-list{display:grid;grid-gap:8px;gap:8px}.task-list.drag-active{cursor:-webkit-grabbing;cursor:grabbing}.quick-draft{display:grid;grid-gap:10px;gap:10px;margin-bottom:16px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.quick-draft label{margin:0}.quick-draft textarea{min-height:84px}.ai-item,.capture-panel,.context-item,.handoff-card,.result-panel,.review-card,.task-item{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.task-item{min-height:58px;display:grid;grid-template-columns:30px 30px 1fr auto;grid-gap:8px;gap:8px;align-items:start;padding:10px;transition:background .16s ease,border-color .16s ease,opacity .16s ease,transform .16s ease;will-change:transform}.task-item.done{opacity:.58}.task-item.done .task-title{text-decoration:line-through}.task-item.dragging{border-color:rgba(15,107,100,.3);border-style:dashed;background:rgba(215,241,236,.42);opacity:.54;transform:scale(.985)}.task-item.dragging .checkbox,.task-item.dragging .rank-pill,.task-item.dragging .task-controls,.task-item.dragging .task-main,.task-item.dragging .task-mini-actions{visibility:hidden}.task-controls{display:grid;grid-gap:3px;gap:3px;justify-items:center}.task-controls button{width:28px;height:24px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:900}.drag-handle{width:28px;height:28px;border:0;background:var(--surface-muted);color:var(--text-tertiary);font-size:15px;font-weight:900;line-height:1;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.checkbox{width:22px;height:22px;display:grid;place-items:center;border:2px solid #9fb0aa;border-radius:6px;background:#fff;color:#fff;font-size:13px;font-weight:900}.task-item.done .checkbox{border-color:var(--primary);background:var(--primary)}.task-main{display:grid;width:100%;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.ai-title,.context-title,.review-title,.task-title{margin:0;font-size:15px;line-height:21px;font-weight:750}.ai-meta,.context-meta,.helper-text,.review-meta,.task-meta{margin:4px 0 0;color:var(--text-tertiary);font-size:12px;line-height:17px;font-weight:600}.task-main .task-meta{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.task-tag{min-height:22px;display:inline-flex;align-items:center;padding:0 8px;font-size:11px;font-weight:850}.rank-pill,.task-tag{border-radius:999px;background:var(--surface-muted);color:var(--text-secondary)}.rank-pill{min-width:28px;text-align:center;padding:4px 6px;font-size:12px;font-weight:900}.task-mini-actions{grid-column:3/-1;margin-top:2px}.task-mini-actions button{min-height:28px;padding:0 10px;border:1px solid rgba(15,107,100,.18);border-radius:999px;background:var(--surface-green);color:var(--primary);font-size:11px;font-weight:900}.filter-menu-wrap{position:relative;flex:0 0 auto}.header-filter{align-self:center}.filter-button{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(15,107,100,.18);border-radius:999px;background:var(--surface);color:var(--primary);font-size:12px;font-weight:900}.filter-button.icon-only{width:40px;min-height:40px;justify-content:center;padding:0;border-color:var(--border);border-radius:50%;background:var(--surface)}.filter-icon{width:18px;height:14px;display:grid;align-content:space-between;justify-items:start}.filter-icon span{height:2px;border-radius:999px;background:currentColor}.filter-icon span:first-child{width:18px}.filter-icon span:nth-child(2){width:13px}.filter-icon span:nth-child(3){width:8px}.gear-icon{width:18px;height:18px;display:grid;place-items:center;color:var(--primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:21px;font-weight:700;line-height:18px}.filter-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:5;width:190px;display:grid;grid-gap:4px;gap:4px;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 14px 30px rgba(24,36,31,.16)}.filter-menu button{display:grid;grid-gap:2px;gap:2px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--text-primary);text-align:left}.filter-menu button.selected{background:var(--surface-green);color:var(--primary)}.filter-menu span{font-size:13px;font-weight:900}.filter-menu small{color:var(--text-tertiary);font-size:11px;font-weight:650}.empty-state{display:grid;grid-gap:4px;gap:4px;padding:16px;border:1px dashed var(--border-strong);border-radius:8px;background:rgba(255,255,255,.72)}.empty-state strong{font-size:14px}.empty-state span{color:var(--text-tertiary);font-size:12px;line-height:17px;font-weight:650}.drag-overlay-card{position:fixed;z-index:30;display:grid;grid-template-columns:30px 1fr;grid-gap:10px;gap:10px;align-items:start;padding:12px;border:1px solid rgba(15,107,100,.24);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 18px 38px rgba(24,36,31,.24);pointer-events:none;transform:translateY(-2px) scale(1.035) rotate(-.35deg);transform-origin:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:lift-task-card .14s cubic-bezier(.2,.8,.2,1) both}@keyframes lift-task-card{0%{opacity:.72;transform:scale(.99)}to{opacity:1;transform:translateY(-2px) scale(1.035) rotate(-.35deg)}}.drag-overlay-grip{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--surface-green);color:var(--primary);font-size:15px;font-weight:900}.drag-overlay-main{display:grid;min-width:0}.drag-overlay-main strong{overflow:hidden;color:var(--text-primary);font-size:15px;line-height:21px;font-weight:850;text-overflow:ellipsis}.drag-overlay-main span:not(.task-tag){display:-webkit-box;overflow:hidden;margin-top:4px;color:var(--text-tertiary);font-size:12px;line-height:17px;font-weight:650;-webkit-box-orient:vertical;-webkit-line-clamp:2}.task-detail{grid-column:1/-1;display:grid;grid-gap:10px;gap:10px;margin-top:4px;padding:12px;border-radius:8px;background:#f4f7f4}.nested-detail{margin-top:8px;background:rgba(244,247,244,.72)}.subtask-list{display:grid;grid-gap:8px;gap:8px;margin-top:2px;padding-left:10px;border-left:2px solid rgba(15,107,100,.18)}.subtask-card{display:grid;padding:8px;border:1px solid rgba(15,107,100,.16);border-radius:8px;background:rgba(255,255,255,.78)}.subtask-card.depth-3{background:rgba(238,248,245,.66)}.subtask-main{display:grid;grid-gap:5px;gap:5px;padding:0;border:0;background:transparent;color:var(--text-primary);text-align:left}.subtask-main strong{font-size:13px;line-height:18px;font-weight:850}.subtask-main small{color:var(--text-tertiary);font-size:12px;line-height:17px;font-weight:650}.subtask-level{width:-moz-fit-content;width:fit-content;padding:2px 6px;border-radius:999px;background:var(--surface-green);color:var(--primary);font-size:10px;font-weight:900}.decision-panel,.draft-panel,.proposal-panel{display:grid;grid-gap:4px;gap:4px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.proposal-panel{position:relative;border-color:rgba(15,107,100,.2);background:#eef8f5}.proposal-panel.generating .proposal-carousel{filter:blur(2px);opacity:.32}.proposal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.proposal-head span{color:var(--text-tertiary);font-size:11px;font-weight:900}.proposal-carousel{display:grid;grid-auto-columns:minmax(220px,86%);grid-auto-flow:column;grid-gap:8px;gap:8px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;transition:filter .16s ease,opacity .16s ease}.proposal-card{min-height:112px;display:grid;align-content:start;grid-gap:6px;gap:6px;padding:10px;border:1px solid rgba(15,107,100,.18);border-radius:8px;background:rgba(255,255,255,.78);color:var(--text-primary);text-align:left;scroll-snap-align:start}.proposal-card.selected{border-color:var(--primary);background:var(--surface);box-shadow:0 4px 12px rgba(15,107,100,.12)}.proposal-card small{color:var(--primary);font-size:11px;font-weight:900}.proposal-card span{color:var(--text-primary);font-size:13px;line-height:19px;font-weight:650}.proposal-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;grid-gap:8px;gap:8px;border-radius:8px;background:rgba(238,248,245,.72)}.proposal-loading strong{color:var(--primary);font-size:12px;font-weight:900}.spinner{width:24px;height:24px;border:3px solid rgba(15,107,100,.18);border-top:3px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.decision-panel{border-color:rgba(53,92,154,.16);background:#f8fbff}.decision-panel p,.draft-panel p,.proposal-panel p{margin:0;color:var(--text-secondary);font-size:12px;font-weight:900}.decision-panel span,.draft-panel span,.proposal-panel span{color:var(--text-primary);font-size:13px;line-height:19px;font-weight:650}.status-line{display:grid;grid-gap:4px;gap:4px}.status-line span:first-child{color:var(--primary);font-size:12px;font-weight:900}.status-line span:last-child{color:var(--text-tertiary);font-size:12px;line-height:17px;font-weight:650}.feedback-box{margin:0}.thread-list{display:grid;grid-gap:8px;gap:8px}.compact-thread{gap:6px}.thread-item{display:grid;grid-gap:4px;gap:4px;padding:10px;border-radius:8px;background:#fff}.thread-item strong{color:var(--primary);font-size:11px;text-transform:uppercase}.thread-item span{color:var(--text-secondary);font-size:12px;line-height:17px;font-weight:650}.thread-item.result{background:var(--ai-container)}.thread-item.proposal{background:#eef8f5}.ai-item,.context-item{padding:12px}.ai-item{border-color:rgba(53,92,154,.18);background:var(--ai-container)}.review-card{padding:14px}.button-row,.review-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.button-row.compact{margin-top:8px}.button-row.compact .primary-button,.button-row.compact .secondary-button,.ghost-action{min-height:38px;padding:0 11px;font-size:12px}.ghost-action{border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-secondary);font-weight:850}.draft-composer{position:absolute;left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:8;display:grid;grid-gap:8px;gap:8px;padding:8px;border:1px solid rgba(15,107,100,.16);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(24,36,31,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.draft-composer textarea{min-height:42px;max-height:128px;resize:none;border-color:rgba(15,107,100,.16);border-radius:12px;font-size:14px}.draft-composer:not(.open) textarea{overflow:hidden}.composer-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.modal-backdrop{position:absolute;inset:0;z-index:24;display:grid;align-items:end;background:rgba(18,28,24,.32)}.modal-sheet{max-height:82%;display:grid;grid-gap:12px;gap:12px;overflow-y:auto;padding:16px;border-radius:18px 18px 0 0;background:var(--surface);box-shadow:0 -16px 36px rgba(24,36,31,.22)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head strong{font-size:16px}.modal-copy{margin:0;color:var(--text-tertiary);font-size:12px;line-height:18px;font-weight:650}.modal-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.breakdown-sheet{gap:10px}.breakdown-list{display:grid;grid-gap:8px;gap:8px}.breakdown-item{display:grid;border:1px solid rgba(15,107,100,.16);border-radius:8px;background:#f7fbf9}.breakdown-summary{min-width:0;display:grid;grid-template-columns:auto 1fr auto;grid-gap:8px;gap:8px;align-items:center;padding:10px;border:0;background:transparent;color:var(--text-primary);text-align:left}.breakdown-summary small,.breakdown-summary span{padding:3px 7px;border-radius:999px;background:var(--surface-green);color:var(--primary);font-size:10px;font-weight:900}.breakdown-summary strong{overflow:hidden;font-size:13px;line-height:18px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.breakdown-editor{display:grid;grid-gap:8px;gap:8px;padding:0 10px 10px}.breakdown-editor label{margin:0}input{width:100%;padding:10px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:var(--text-primary);font-size:14px;line-height:20px}input:focus{outline:3px solid rgba(15,107,100,.18);border-color:var(--primary)}.segmented-control{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.segmented-control button{min-height:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:900}.segmented-control button.selected{border-color:rgba(15,107,100,.22);background:var(--surface-green);color:var(--primary)}.capture-panel,.handoff-card,.result-panel{padding:16px}label{display:grid;grid-gap:8px;gap:8px;margin:14px 0 12px;color:var(--text-secondary);font-size:12px;font-weight:800}textarea{width:100%;resize:vertical;min-height:120px;padding:12px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:var(--text-primary);font-size:15px;line-height:22px}textarea:focus{outline:3px solid rgba(15,107,100,.18);border-color:var(--primary)}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;padding:4px;border-radius:12px;background:var(--surface-muted)}.segmented button{min-height:38px;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:800}.segmented button.selected{background:var(--surface);color:var(--primary);box-shadow:0 1px 4px rgba(27,31,29,.08)}.danger-button,.primary-button,.secondary-button{min-height:42px;border:0;border-radius:12px;padding:0 14px;font-weight:850}.full-width{width:100%}.primary-button{background:var(--primary);color:#fff}.primary-button:active{background:var(--primary-pressed)}.secondary-button{background:var(--surface-green);color:var(--primary)}.danger-button{background:#ffe5e3;color:var(--danger)}.capture-panel>.primary-button,.result-panel>.primary-button{width:100%;margin-top:12px}.handoff-meta{display:grid;grid-gap:4px;gap:4px;margin-bottom:12px}.handoff-meta span{color:var(--text-tertiary);font-size:12px;font-weight:800}.handoff-meta strong{font-size:16px}.drawer{position:absolute;inset:0;z-index:10;background:rgba(10,20,18,.3)}.drawer-panel{width:76%;height:100%;padding:20px;background:#142b37;color:#fff;box-shadow:10px 0 30px rgba(0,0,0,.16)}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.drawer-panel button:not(.ghost-button){width:100%;min-height:62px;margin-bottom:8px;border:0;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;text-align:left;padding:10px 12px}.drawer-panel button span,.drawer-panel button strong{display:block}.drawer-panel button strong{font-size:14px}.drawer-panel button span{margin-top:3px;color:rgba(255,255,255,.74);font-size:12px;line-height:16px;font-weight:650}.drawer-panel .ghost-button{color:#b7e3df}.fab{right:20px;bottom:calc(var(--nav-height) + 18px);z-index:4;width:58px;height:58px;border:0;border-radius:50%;background:#4778ff;color:#fff;box-shadow:0 12px 30px rgba(71,120,255,.34);font-size:34px;line-height:1}.bottom-nav,.fab{position:absolute}.bottom-nav{left:0;right:0;bottom:0;height:var(--nav-height);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:2px;gap:2px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav button{border:0;border-radius:10px;background:transparent;color:var(--text-tertiary);font-size:11px;font-weight:850}.bottom-nav button.active{background:var(--surface-green);color:var(--primary)}.learning-item{background:#f4f7f4}@media (min-width:860px){.app-shell{align-items:center;justify-items:center}.phone-frame{width:430px;height:min(860px,calc(100vh - 48px));border-radius:24px}}@media (max-width:390px){.app-shell{padding:0}.phone-frame{width:100%;height:100vh;min-height:100vh;border:0;border-radius:0}.top-bar h1{font-size:21px}}