:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--bg: #f3f4f2;--surface: #fafaf7;--surface-subtle: #f0f1ee;--card: #ffffff;--text: #1f262a;--text-muted: #5f6870;--line: #d3d8dc;--accent: #0f7668;--accent-soft: rgba(15, 118, 104, .12);--warning: #b45309;--error: #b3261e;--focus: rgba(15, 118, 104, .2);--shadow-soft: 0 1px 2px rgba(23, 28, 33, .08), 0 14px 24px rgba(23, 28, 33, .05);--radius-1: 10px;--radius-2: 14px;--radius-3: 18px}:root[data-theme=dark]{color-scheme:dark;--bg: #11161a;--surface: #171d22;--surface-subtle: #1b2329;--card: #1f282f;--text: #e8edf1;--text-muted: #a8b2bc;--line: #32404a;--accent: #4ac2b1;--accent-soft: rgba(74, 194, 177, .18);--warning: #e3a355;--error: #ff978e;--focus: rgba(74, 194, 177, .28);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .35), 0 16px 26px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 5%,var(--bg)),var(--bg) 45%);color:var(--text);font-family:var(--font-ui);line-height:1.45}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--radius-1);padding:.5rem .76rem;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease}button:hover{background:var(--surface-subtle)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 3px var(--focus)}input,select,textarea{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--radius-1);padding:.56rem .72rem}textarea{resize:vertical}.app-shell{max-width:1760px;margin:0 auto;padding:1.55rem 1rem 1rem;display:grid;gap:.95rem}.panel-header{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:end;padding:.2rem .2rem .36rem}.panel-title{margin:0;font-size:2rem;line-height:1.08;letter-spacing:-.02em}.header-controls{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end;align-items:center}.workspace-toggle{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-1);overflow:hidden}.workspace-toggle button{border:0;border-right:1px solid var(--line);border-radius:0;min-width:80px;background:transparent}.workspace-toggle button:last-child{border-right:0}.workspace-toggle button.active{background:var(--accent);color:#f7fffd}.top-search{min-width:220px}.toolbar-toggle-btn{display:inline-flex;align-items:center;gap:.42rem;color:var(--text-muted);font-size:.9rem;background:transparent;border-color:color-mix(in srgb,var(--line) 80%,transparent)}.toolbar-toggle-btn.on{color:var(--text)}.toggle-track{width:34px;height:20px;border-radius:999px;border:1px solid var(--line);background:var(--surface-subtle);padding:2px;display:inline-flex;align-items:center}.toggle-thumb{width:14px;height:14px;border-radius:999px;background:var(--text-muted);transition:transform .18s ease,background-color .18s ease}.toolbar-toggle-btn.on .toggle-track{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.toolbar-toggle-btn.on .toggle-thumb{transform:translate(14px);background:var(--accent)}.momentum-pill{display:inline-flex;gap:.45rem;align-items:center;border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--text)}.capture-bar{display:grid;grid-template-columns:1fr auto;gap:.64rem;border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface);padding:.62rem;box-shadow:var(--shadow-soft)}.capture-bar button,.header-controls>button:not(.ghost-btn):not(.active-toggle-btn):not(.momentum-pill):not(.toolbar-toggle-btn):not(.theme-icon-btn){background:var(--accent);color:#f7fffd;border-color:transparent}.ghost-btn{background:transparent}.commitments-strip{border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface);padding:.84rem;box-shadow:var(--shadow-soft)}.commitments-strip header{display:flex;justify-content:space-between;align-items:baseline}.commitments-strip h2{margin:0;font-size:1.03rem}.commitment-count{margin:0;color:var(--text-muted);font-size:.9rem}.commitment-items{display:grid;grid-template-columns:repeat(5,minmax(250px,1fr));gap:.58rem;overflow-x:auto;margin-top:.58rem;padding-bottom:.12rem}.commitment-item{min-height:112px;border-radius:var(--radius-1);transition:box-shadow .18s ease,background-color .18s ease}.commitment-slot-empty{border:1px solid transparent;background:transparent}.commitment-slot-over{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.commitment-slot-over .card{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.theme-icon-btn{min-width:36px;padding:.44rem .56rem;background:transparent;color:color-mix(in srgb,var(--text) 62%,var(--surface));border-color:color-mix(in srgb,var(--line) 82%,transparent);font-size:1rem;line-height:1}.board-area{min-height:min(62vh,780px)}.columns-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,350px);gap:.95rem;overflow-x:auto;padding-bottom:.55rem}.column-lane{border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface);box-shadow:var(--shadow-soft);min-height:430px;display:flex;flex-direction:column;transition:border-color .18s ease,box-shadow .18s ease}.column-lane-over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),var(--shadow-soft)}.column-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.72rem .8rem;border-bottom:1px solid var(--line)}.column-header h3{margin:0;font-size:1rem;font-weight:600}.column-controls{min-height:1px}.cards-list{display:grid;align-content:start;gap:.6rem;padding:.68rem}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-1);box-shadow:var(--shadow-soft);padding:.6rem;display:grid;gap:.48rem;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.card:hover,.card:focus-within,.card-selected{border-color:color-mix(in srgb,var(--accent) 26%,var(--line));transform:translateY(-1px)}.card-heading-row{display:flex;justify-content:space-between;align-items:start;gap:.5rem}.card-meta-row{display:flex;flex-wrap:wrap;gap:.34rem}.meta-label{border:1px solid var(--line);border-radius:999px;padding:.08rem .42rem;font-size:.74rem;color:var(--text-muted);background:transparent}.meta-label-btn{cursor:pointer}.status-accent{color:var(--accent)}.status-warning{color:var(--warning)}.card-menu-btn,.card-complete-btn{min-width:30px;padding:.14rem .35rem;font-size:1rem;line-height:1}.card-heading-actions{display:flex;align-items:center;gap:.3rem}.card-complete-btn{color:var(--accent)}.card-title,.card-title-input{margin:0;font-size:1.01rem;line-height:1.35;font-weight:500}.card-title-input{width:100%}.suggestions{border:1px dashed var(--line);border-radius:var(--radius-1);padding:.46rem;display:grid;gap:.35rem}.chip-row{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.chip-label{font-size:.79rem;color:var(--text-muted)}.card-details-panel{border:1px dashed var(--line);border-radius:var(--radius-1);padding:.5rem;display:grid;gap:.52rem}.card-note-row{display:grid;gap:.24rem}.card-note-row p{margin:0;color:var(--text-muted);font-size:.9rem;white-space:pre-wrap}.card-details-input{min-height:92px}.people-tags{display:flex;flex-wrap:wrap;gap:.3rem}.card-details-footer{display:flex;justify-content:flex-end}.card-details-dot{border:0;background:transparent;color:var(--text-muted);padding:0;min-width:22px;font-size:1rem;letter-spacing:.12em}.card-actions{display:none;gap:.4rem;flex-wrap:wrap}.card-actions.open{display:flex}.menu-date-row{display:flex;gap:.35rem;align-items:center}.danger-btn{color:var(--error);border-color:color-mix(in srgb,var(--error) 45%,var(--line))}.active-toggle-btn{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.archive-panel{border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface);padding:.8rem}.archive-header{display:flex;align-items:baseline;justify-content:space-between}.archive-header h2,.archive-header p{margin:0}.archive-header p{color:var(--text-muted)}.archive-list{margin-top:.65rem;display:grid;gap:.5rem}.archive-item{border:1px solid var(--line);border-radius:var(--radius-1);background:var(--card);padding:.58rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.archive-item h3,.archive-item p{margin:0}.archive-item p{margin-top:.2rem;color:var(--text-muted);font-size:.85rem}.edge-drop-zone{position:fixed;z-index:30;display:grid;place-items:center;font-size:.86rem;letter-spacing:.02em;border:2px dashed color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--text);pointer-events:auto;opacity:.75;transition:opacity .15s ease,background-color .15s ease}.edge-drop-zone-over{opacity:1;background:color-mix(in srgb,var(--accent) 22%,transparent)}.edge-drop-right{top:0;right:0;width:92px;height:100vh;writing-mode:vertical-rl;text-orientation:mixed}.edge-drop-bottom{left:0;bottom:0;width:100vw;height:92px}.shortcuts-modal{width:min(520px,calc(100vw - 1.5rem));border-radius:var(--radius-2);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);padding:.8rem;display:grid;gap:.6rem}.shortcuts-header{display:flex;align-items:center;justify-content:space-between}.shortcuts-header h2{margin:0;font-size:1rem}.shortcuts-list{display:grid;gap:.45rem}.shortcut-row{display:flex;justify-content:space-between;gap:.7rem;border:1px solid var(--line);border-radius:var(--radius-1);padding:.42rem .5rem;background:var(--card)}kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:.05rem .35rem;font-size:.79rem;background:var(--surface-subtle)}.add-column{align-self:start;min-height:52px;border-style:dashed;background:transparent}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#13151870;z-index:20}.weekly-reset-modal{width:min(760px,calc(100vw - 1.5rem));max-height:calc(100vh - 1.5rem);overflow:auto;border:1px solid var(--line);border-radius:var(--radius-3);background:var(--surface);padding:1rem;display:grid;gap:.72rem}.weekly-reset-modal header{display:flex;justify-content:space-between;align-items:center}.weekly-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:.42rem}.weekly-stepper span{border:1px solid var(--line);border-radius:999px;padding:.24rem .48rem;text-align:center;font-size:.82rem;color:var(--text-muted)}.weekly-stepper span.active{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.weekly-panel{display:grid;gap:.62rem}.weekly-panel h3{margin:0}.weekly-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.weekly-stats-grid article{border:1px solid var(--line);border-radius:var(--radius-1);padding:.48rem;background:var(--card)}.weekly-stats-grid strong{display:block;font-size:1.1rem}.weekly-stats-grid p{margin:.2rem 0 0;color:var(--text-muted);font-size:.84rem}.weekly-carryover-list{display:flex;flex-wrap:wrap;gap:.42rem}.carryover-chip{border-radius:999px}.reset-list{display:grid;gap:.46rem}.reset-item{border:1px solid var(--line);border-radius:var(--radius-1);padding:.5rem;display:flex;align-items:center;gap:.5rem;background:var(--card)}.reset-item strong{margin-left:auto;color:var(--accent);font-size:.78rem}.weekly-create-row{display:grid;grid-template-columns:1fr auto;gap:.48rem}.weekly-preview-score{margin:0;font-weight:600}.weekly-summary-list{margin:0;padding-left:1.15rem;display:grid;gap:.2rem}.weekly-reset-footer{display:flex;justify-content:space-between;gap:.5rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(470px,100%);border:1px solid var(--line);border-radius:var(--radius-3);background:var(--surface);box-shadow:var(--shadow-soft);padding:1.1rem;display:grid;gap:.74rem}.login-card h1{margin:0;font-size:1.52rem;line-height:1.2}.login-card .sub{margin:0;color:var(--text-muted)}.login-card label{display:grid;gap:.3rem}.undo-toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:60;border:1px solid var(--line);border-radius:999px;padding:.32rem .42rem;background:var(--surface);box-shadow:var(--shadow-soft);display:inline-flex;align-items:center;gap:.5rem}.error-text{margin:0;color:var(--error)}.status-text,.global-error{margin:0;color:var(--text-muted)}.empty-column,.empty-strip{margin:0;color:var(--text-muted);font-size:.88rem}.card-closing{animation:cardCloseOut .24s ease-in forwards}.card-closing:after{content:"";position:absolute;right:.8rem;top:.8rem;width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 70%,#ffffff);box-shadow:0 0 color-mix(in srgb,var(--accent) 36%,transparent);animation:sparkPulse .3s ease-out forwards}.card-closing-commitment:after{width:11px;height:11px}@keyframes cardCloseOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.96)}}@keyframes sparkPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 36%,transparent)}to{box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 0%,transparent)}}@media(max-width:1240px){.panel-header{grid-template-columns:1fr;align-items:start}.header-controls{justify-content:start}.commitment-items{grid-template-columns:repeat(5,minmax(240px,82vw))}}@media(max-width:900px){.capture-bar{grid-template-columns:1fr}.columns-row{grid-auto-columns:minmax(265px,88vw)}.weekly-stats-grid,.weekly-create-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}