:root{--bg: #d6d3d1;--fg: #1c1917;--card-bg: #fafaf9;--accent: #b45309;--accent-fg: #fffbeb;--border: #a8a29e;--danger: #b91c1c;--danger-fg: #fef2f2;--muted: #57534e;--radius: 8px;--header: #292524;--header-fg: #f5f5f4;--board-frame: #1e293b}[data-theme=dark]{--bg: #1c1917;--fg: #f5f5f4;--card-bg: #292524;--accent: #f59e0b;--accent-fg: #1c1917;--border: #57534e;--danger: #f87171;--danger-fg: #1c1917;--muted: #a8a29e;--header: #0c0a09;--header-fg: #fafaf9;--board-frame: #0f172a}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--fg)}button,select{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--card-bg);color:var(--fg);padding:.4rem .85rem;cursor:pointer;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}button[type=submit],.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:transparent}.btn-danger{background:var(--danger);color:var(--danger-fg);border-color:transparent}input{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--card-bg);color:var(--fg);padding:.4rem .6rem}a{color:var(--accent)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.7rem 1.2rem;background:var(--header);color:var(--header-fg)}.app-header a{color:var(--header-fg);text-decoration:none;margin-right:.8rem}.app-header a.active{text-decoration:underline}.brand{letter-spacing:.04em}.app-nav{flex:1}.header-user{display:flex;align-items:center;gap:.75rem}.app-body{flex:1;display:grid;grid-template-columns:1fr 18rem;min-height:0}.app-main{padding:1rem 1.2rem;min-width:0}.app-side{border-left:1px solid var(--border);background:var(--card-bg);padding:.8rem;overflow:auto}.app-footer{padding:.4rem 1.2rem;font-size:.8rem;color:var(--muted);border-top:1px solid var(--border)}.page-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:.8rem}.page-head h1{margin:0}.inline-form{display:flex;gap:.4rem}.magnet-board{position:relative;min-height:28rem;background:radial-gradient(circle at 12px 12px,#94a3b8 1.5px,transparent 2px) 0 0 / 24px 24px,linear-gradient(165deg,#64748b,#334155 55%,#1e293b);border:10px solid var(--board-frame);border-radius:2px;box-shadow:inset 0 0 48px #0006}.magnet{position:absolute;width:9.5rem;min-height:5.2rem;padding:.7rem .75rem .9rem;color:#1c1917;box-shadow:2px 4px 8px #00000059;cursor:grab;-webkit-user-select:none;user-select:none}.magnet-title{margin:0;font-weight:600}.side-panel{margin-bottom:1.2rem}.side-panel h2,.side-panel h3{margin:0 0 .5rem;font-size:1rem}.panel-list{list-style:none;margin:0 0 .6rem;padding:0}.drop-target{padding:.35rem .45rem;border:1px dashed var(--border);border-radius:var(--radius);margin-bottom:.35rem;background:var(--bg)}.drop-target.is-selected{border-style:solid;border-color:var(--accent)}.linkish{background:transparent;border:none;padding:0;color:inherit;text-align:left}.panel-hint,.selected-plan{font-size:.85rem;color:var(--muted)}.auth-screen{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.auth-card{width:min(22rem,92vw);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;display:flex;flex-direction:column;gap:.7rem}.auth-card label{display:flex;flex-direction:column;gap:.3rem}.form-error{color:var(--danger);margin:0}.table-wrap{overflow:auto}.task-table{width:100%;border-collapse:collapse;background:var(--card-bg)}.task-table th,.task-table td{border:1px solid var(--border);padding:.4rem .6rem;text-align:left}.stub-dl dt{font-weight:600;margin-top:.6rem}.boot{padding:2rem}@media (max-width: 800px){.app-body{grid-template-columns:1fr}.app-side{border-left:none;border-top:1px solid var(--border)}}