*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07080f;--bg-1: #0c0e1a;--bg-2: #121526;--bg-3: #191d30;--bg-4: #20243a;--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.13);--q1:#ff5252;--q1-dim:rgba(255,82,82,.09);--q1-border:rgba(255,82,82,.3);--q2:#6c63ff;--q2-dim:rgba(108,99,255,.09);--q2-border:rgba(108,99,255,.3);--q3:#ffaa00;--q3-dim:rgba(255,170,0,.09);--q3-border:rgba(255,170,0,.3);--q4:#3dd6a3;--q4-dim:rgba(61,214,163,.09);--q4-border:rgba(61,214,163,.3);--text: #e6e8f5;--text-2: #7a7d9a;--text-3: #42455e;--radius: 12px;--radius-sm: 8px;--radius-xs: 5px;--gap: 14px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-family:Instrument Sans,sans-serif;font-size:14px;min-height:100dvh}#root{display:flex;flex-direction:column;height:100dvh;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:99px}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 22px;background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0;z-index:60;position:relative}.brand{display:flex;align-items:baseline;gap:8px}.brand-name{font-family:"DM Serif Display",serif;font-style:italic;font-size:20px;letter-spacing:-.3px}.brand-sub{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.nav-tabs{display:flex;align-items:center;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.nav-tab{display:flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-xs);border:none;background:transparent;color:var(--text-2);font-family:Instrument Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.nav-tab:hover,.nav-tab.active{color:var(--text);background:var(--bg-3)}.nav-badge{font-family:DM Mono,monospace;font-size:9px;background:var(--q1);color:#fff;border-radius:99px;padding:1px 6px}.topbar-right{display:flex;align-items:center;gap:8px}.stat-pill{font-family:DM Mono,monospace;font-size:10px;color:var(--text-3);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xs);padding:4px 10px;letter-spacing:.06em}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-hi);background:var(--bg-2);color:var(--text);font-family:Instrument Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:hover{background:var(--bg-3);border-color:#fff3}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--q2);border-color:var(--q2);color:#fff}.btn-primary:hover{background:#5a52e0;border-color:#5a52e0}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--bg-2);color:var(--text);border-color:transparent}.btn-danger{color:var(--q1)}.btn-danger:hover{background:#ff52521a;border-color:var(--q1)}.btn-sm{padding:5px 10px;font-size:12px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-xs);border:1px solid transparent;background:transparent;color:var(--text-2);cursor:pointer;transition:all .15s ease}.icon-btn:hover{background:var(--bg-2);color:var(--text);border-color:var(--border)}.icon-btn.danger:hover{color:var(--q1);background:#ff525214}.page{flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 22px 40px}.quickadd-bar{display:flex;gap:8px;align-items:center;margin-bottom:16px}.quickadd-wrap{flex:1;position:relative;display:flex;align-items:center}.quickadd-input{width:100%;padding:11px 16px 11px 42px;border-radius:var(--radius);border:1px solid var(--border-hi);background:var(--bg-1);color:var(--text);font-family:Instrument Sans,sans-serif;font-size:14px;outline:none;transition:border-color .15s}.quickadd-input::placeholder{color:var(--text-3)}.quickadd-input:focus{border-color:var(--q2);background:var(--bg-2)}.quickadd-icon{position:absolute;left:13px;color:var(--text-3);pointer-events:none}.quickadd-badge{position:absolute;right:12px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em;color:var(--q2);opacity:.65;text-transform:uppercase;pointer-events:none}.spinner{width:13px;height:13px;border:2px solid var(--border-hi);border-top-color:var(--q2);border-radius:50%;animation:spin .55s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.matrix-shell{display:grid;grid-template-columns:22px 1fr 1fr;grid-template-rows:22px 1fr 1fr;gap:var(--gap);flex:1;min-height:540px}.axis-lbl{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.axis-lbl.v{writing-mode:vertical-rl;transform:rotate(180deg)}.quadrant{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-1);display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s,box-shadow .15s;min-height:220px}.quadrant.over{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),inset 0 0 40px var(--dim)}.q-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid var(--border);background:var(--dim)}.q-label{display:flex;align-items:center;gap:8px}.q-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.q-name{font-family:"DM Serif Display",serif;font-style:italic;font-size:15px}.q-tag{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:2px 5px;opacity:.75}.q-count{font-family:DM Mono,monospace;font-size:11px;color:var(--text-3)}.q-body{flex:1;padding:8px;display:flex;flex-direction:column;gap:5px;overflow-y:auto}.q-empty{flex:1;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:10px;color:var(--text-3);letter-spacing:.06em;padding:24px;text-align:center}.qc-q1{--accent:var(--q1);--dim:var(--q1-dim);--border-c:var(--q1-border)}.qc-q2{--accent:var(--q2);--dim:var(--q2-dim);--border-c:var(--q2-border)}.qc-q3{--accent:var(--q3);--dim:var(--q3-dim);--border-c:var(--q3-border)}.qc-q4{--accent:var(--q4);--dim:var(--q4-dim);--border-c:var(--q4-border)}.task-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2);padding:9px 11px;cursor:grab;transition:all .12s ease;-webkit-user-select:none;user-select:none}.task-card:hover{background:var(--bg-3);border-color:var(--border-hi);transform:translateY(-1px)}.task-card.is-dragging{opacity:.35}.task-card.completed{opacity:.4}.tc-top{display:flex;align-items:flex-start;gap:8px}.tc-check{width:15px;height:15px;border-radius:4px;border:1.5px solid var(--border-hi);background:transparent;cursor:pointer;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:all .12s;color:transparent}.tc-check:hover{border-color:var(--accent);color:var(--accent)}.tc-check.on{background:var(--accent);border-color:var(--accent);color:#fff}.tc-title{flex:1;font-size:13px;font-weight:500;line-height:1.4;word-break:break-word}.tc-title.done{text-decoration:line-through;color:var(--text-3)}.tc-actions{display:flex;gap:1px;opacity:0;transition:opacity .12s}.task-card:hover .tc-actions{opacity:1}.tc-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:5px;padding-left:23px}.tc-due{font-family:DM Mono,monospace;font-size:10px;color:var(--text-3);display:flex;align-items:center;gap:3px}.tc-due.overdue{color:var(--q1)}.tc-due.soon{color:var(--q3)}.tc-note{font-size:10px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.tc-est{font-family:DM Mono,monospace;font-size:10px;color:var(--text-3);display:flex;align-items:center;gap:3px}.tc-delegate-chip{font-family:DM Mono,monospace;font-size:9px;padding:1px 6px;border-radius:99px;background:var(--q3-dim);color:var(--q3);border:1px solid var(--q3-border);letter-spacing:.05em}.tc-ai-confidence{font-family:DM Mono,monospace;font-size:9px;color:var(--text-3);letter-spacing:.05em}.ai-strip{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:var(--radius-sm);background:var(--q2-dim);border:1px solid rgba(108,99,255,.2);animation:fadeUp .18s ease;font-size:12px;color:var(--text-2)}.ai-strip-icon{color:var(--q2);flex-shrink:0;margin-top:1px}.ai-strip strong{color:var(--q2);font-weight:600}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.done-panel{margin-top:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-1);overflow:hidden}.done-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;cursor:pointer;transition:background .12s}.done-head:hover{background:var(--bg-2)}.done-head.open{border-bottom:1px solid var(--border)}.done-title{display:flex;align-items:center;gap:7px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.done-list{padding:8px;display:flex;flex-direction:column;gap:4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07080fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .12s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-1);border:1px solid var(--border-hi);border-radius:calc(var(--radius) + 4px);width:100%;max-width:520px;max-height:90dvh;overflow-y:auto;padding:26px;display:flex;flex-direction:column;gap:18px;animation:slideUp .18s ease}@keyframes slideUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-family:"DM Serif Display",serif;font-style:italic;font-size:20px}.modal-row{display:flex;gap:10px}.modal-row>*{flex:1}.modal-footer{display:flex;gap:8px;justify-content:flex-end}.modal-hint{font-family:DM Mono,monospace;font-size:10px;color:var(--text-3);text-align:center;margin-top:-6px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);display:flex;align-items:center;gap:6px}.field input,.field textarea,.field select{padding:10px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-hi);background:var(--bg-2);color:var(--text);font-family:Instrument Sans,sans-serif;font-size:13px;outline:none;transition:border-color .15s;width:100%}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--q2);background:var(--bg-3)}.field input::placeholder,.field textarea::placeholder{color:var(--text-3)}.field textarea{resize:vertical;min-height:72px}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.field input[type=range]{padding:0;background:transparent;border:none;cursor:pointer}.importance-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px}.imp-opt{padding:10px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-2);cursor:pointer;transition:all .12s;text-align:left}.imp-opt:hover{border-color:var(--border-hi)}.imp-opt.sel-yes{border-color:var(--q2);background:var(--q2-dim)}.imp-opt.sel-no{border-color:var(--q3);background:var(--q3-dim)}.imp-opt-title{font-size:12px;font-weight:600;margin-bottom:2px}.sel-yes .imp-opt-title{color:var(--q2)}.sel-no .imp-opt-title{color:var(--q3)}.imp-opt-desc{font-size:10px;color:var(--text-3);font-family:DM Mono,monospace}.q-selector{display:grid;grid-template-columns:1fr 1fr;gap:6px}.q-opt{padding:9px 11px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-2);cursor:pointer;transition:all .12s;display:flex;flex-direction:column;gap:2px}.q-opt:hover{border-color:var(--border-hi)}.q-opt.selected{border-color:var(--accent);background:var(--dim)}.q-opt-name{font-size:12px;font-weight:600;color:var(--accent)}.q-opt-desc{font-size:10px;color:var(--text-3);font-family:DM Mono,monospace}.reminder-chips{display:flex;flex-wrap:wrap;gap:6px}.r-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-hi);background:var(--bg-2);color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none}.r-chip:hover{background:var(--bg-3);color:var(--text)}.r-chip.wa{border-color:#25d36659;color:#25d366}.r-chip.wa:hover{background:#25d36614}.r-chip.gm{border-color:#ea433559;color:#ea4335}.r-chip.gm:hover{background:#ea433514}.r-chip.push{border-color:#6c63ff59;color:var(--q2)}.r-chip.push:hover{background:var(--q2-dim)}.team-page{display:flex;flex-direction:column;gap:20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title{font-family:"DM Serif Display",serif;font-style:italic;font-size:18px}.section-sub{font-family:DM Mono,monospace;font-size:10px;color:var(--text-3);letter-spacing:.08em;margin-top:2px}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.member-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s}.member-card:hover{border-color:var(--border-hi)}.member-top{display:flex;align-items:center;gap:10px}.member-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"DM Serif Display",serif;font-style:italic;font-size:15px;font-weight:700;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{font-family:DM Mono,monospace;font-size:10px;color:var(--text-3);letter-spacing:.06em;margin-top:1px}.member-contact{font-family:DM Mono,monospace;font-size:10px;color:var(--text-2)}.member-tasks{font-family:DM Mono,monospace;font-size:10px;color:var(--text-3)}.member-actions{display:flex;gap:6px}.delegate-tasks{margin-top:20px}.delegated-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-1);margin-bottom:6px;transition:border-color .12s}.delegated-row:hover{border-color:var(--border-hi)}.dr-title{flex:1;font-size:13px;font-weight:500}.dr-to{font-family:DM Mono,monospace;font-size:10px;color:var(--text-2)}.dr-links{display:flex;gap:4px}.settings-page{display:flex;flex-direction:column;gap:28px;max-width:620px}.settings-block{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;display:flex;flex-direction:column;gap:14px}.settings-block-title{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}.goal-list{display:flex;flex-direction:column;gap:6px}.goal-row{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2)}.goal-domain{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:99px;border:1px solid currentColor;flex-shrink:0}.goal-text{flex:1;font-size:13px}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}.onboarding{width:100%;max-width:560px;display:flex;flex-direction:column;gap:24px}.ob-step{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.ob-title{font-family:"DM Serif Display",serif;font-style:italic;font-size:32px;line-height:1.2}.ob-title span{color:var(--q2)}.ob-desc{font-size:14px;color:var(--text-2);line-height:1.6}.ob-goals{display:flex;flex-direction:column;gap:6px}.ob-goal-row{display:flex;gap:6px;align-items:center}.ob-goal-row select{width:110px;flex-shrink:0;padding:9px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-hi);background:var(--bg-2);color:var(--text);font-family:DM Mono,monospace;font-size:10px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ob-goal-row input{flex:1;padding:9px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-hi);background:var(--bg-2);color:var(--text);font-family:Instrument Sans,sans-serif;font-size:13px;outline:none}.ob-goal-row input:focus,.ob-goal-row select:focus{border-color:var(--q2)}.ob-goal-row input::placeholder{color:var(--text-3)}.ob-progress{display:flex;gap:4px}.ob-dot{width:6px;height:6px;border-radius:50%;background:var(--bg-3);transition:background .2s}.ob-dot.active{background:var(--q2)}.divider{height:1px;background:var(--border);margin:4px 0}.tag{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.07em;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-xs);background:var(--bg-3);color:var(--text-3);border:1px solid var(--border)}.external-badge{font-family:DM Mono,monospace;font-size:9px;color:var(--text-3);border:1px solid var(--border);padding:1px 5px;border-radius:3px;letter-spacing:.05em}@media (max-width: 700px){.topbar{padding:0 14px}.page{padding:14px 14px 40px}.matrix-shell{grid-template-columns:1fr;grid-template-rows:unset;min-height:unset}.axis-lbl.v{writing-mode:horizontal-tb;transform:none}.axis-lbl.h{display:none}.matrix-shell>.axis-lbl:first-child{display:none}.nav-tabs{gap:0}.nav-tab{padding:5px 10px;font-size:12px}.brand-sub{display:none}}