:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, system-ui, sans-serif;--text:#1d1d1f;--text-2:#1d1d1fa3;--text-3:#1d1d1f70;--accent:#007aff;--accent-text:#fff;--danger:#ff3b30;--ok:#34c759;--warn:#ff9500;--agent:#7d5cf0;--glass:#fff6;--glass-strong:#fafafccc;--glass-blur:22px;--glass-blur-strong:40px;--glass-sat:180%;--glass-edge:#ffffff80;--glass-hi:#ffffffd9;--glass-lo:#ffffff2e;--rim-a:#ffffffe6;--rim-b:#ffffff73;--glass-shadow:0 10px 30px -8px #00000038, 0 2px 6px #0000000f;--card:#ffffffdb;--card-hover:#fffffff5;--card-shadow:0 1px 2px #00000012, 0 6px 16px -6px #00000029;--fill:#7676801f;--fill-2:#76768033;--separator:#3c3c4329;--solid:#f2f2f7;--r-capsule:999px;--r-lg:28px;--r-col:24px;--r-card:16px;--r-in:10px;--pastel-red:#ffd9d6;--pastel-red-text:#a1271f;--pastel-orange:#ffe4c2;--pastel-orange-text:#8a4b00;--home-bg:#eef1f8;--blob-1:#9cc3ff;--blob-2:#f5b8dc;--blob-3:#a9ecd9;--board:#0079bf;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#f5f5f7;--text-2:#f5f5f7a8;--text-3:#f5f5f76b;--accent:#0a84ff;--danger:#ff453a;--ok:#30d158;--warn:#ff9f0a;--agent:#a38bff;--glass:#1e1e226b;--glass-strong:#1c1c20d1;--glass-edge:#ffffff24;--glass-hi:#ffffff38;--glass-lo:#ffffff0a;--rim-a:#ffffff61;--rim-b:#ffffff1f;--glass-shadow:0 12px 34px -8px #0009, 0 2px 6px #0000004d;--card:#2c2c30db;--card-hover:#36363af0;--card-shadow:0 1px 2px #0000004d, 0 8px 18px -6px #00000080;--fill:#7676803d;--fill-2:#7676805c;--separator:#ffffff1a;--solid:#1c1c1e;--pastel-red:#ff453a3d;--pastel-red-text:#ffb4ae;--pastel-orange:#ff9f0a38;--pastel-orange-text:#ffd29a;--home-bg:#0b0c12;--blob-1:#1d3d8f;--blob-2:#5b1f5e;--blob-3:#0f4d4a}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--home-bg)}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0}input,textarea,select,button{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--text-2)}.small{font-size:12px}.spacer{flex:1}.grow{flex:1;min-width:0}.row{align-items:center;gap:8px;margin-top:8px;display:flex}.row.end{justify-content:flex-end}.loading,.empty-state{text-align:center;color:var(--text-2);padding:64px 16px}.empty-state .btn{margin-top:12px;display:inline-flex}.glass,.glass-strong{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:.5px solid var(--glass-edge);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 var(--glass-lo);position:relative}.glass{background:var(--glass)}.glass-strong{background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-sat))}.glass:before,.glass-strong:before{content:"";border-radius:inherit;background:linear-gradient(140deg, var(--rim-a), transparent 32%, transparent 68%, var(--rim-b));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@media (prefers-reduced-transparency:reduce){.glass,.glass-strong{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--solid)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.glass-strong{background:var(--solid)}}.capsule{border-radius:var(--r-capsule)}.circle{width:42px;height:42px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;transition:transform .15s;display:inline-grid}.circle:hover{transform:scale(1.06)}.circle:active{transform:scale(.96)}.btn{border-radius:var(--r-capsule);background:var(--fill);white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 14px;font-weight:500;transition:background .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--fill-2)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-text);box-shadow:inset 0 1px 0 #ffffff59, 0 4px 12px -4px color-mix(in srgb, var(--accent) 70%, transparent)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{background:var(--danger);color:#fff}.pill{border-radius:var(--r-capsule);white-space:nowrap;height:34px;color:var(--text);background:0 0;border:none;align-items:center;gap:6px;padding:0 13px;font-weight:500;transition:background .15s;display:inline-flex}.pill:hover{background:var(--fill)}.pill.on{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), inset 0 1px 0 #fff6}.pill.small{background:var(--fill);height:26px;padding:0 10px;font-size:12px}.pill.small.on{background:var(--accent);color:var(--accent-text);box-shadow:none}.select-pill{cursor:pointer;position:relative}.select-pill select{appearance:none;cursor:pointer;color:inherit;background:0 0;border:none;outline:none;padding:0;font-weight:500}.icon-btn{width:30px;height:30px;color:var(--text-2);background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn.round{border-radius:50%}.icon-btn:hover{background:var(--fill);color:var(--text)}.text-btn{color:var(--text-2);background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px 6px;font-weight:500;display:inline-flex}.text-btn:hover{background:var(--fill)}.text-btn.danger{color:var(--danger)}.link-btn{color:var(--text-2);background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.field-input,.prop-select,.composer textarea,.composer-list input{background:var(--fill);border-radius:var(--r-in);border:none;outline:none;min-width:0;padding:7px 10px;transition:box-shadow .15s,background .15s}.field-input:focus,.prop-select:focus,.composer textarea:focus,.composer-list input:focus{background:var(--card-hover);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}.capsule-input{background:var(--fill);color:var(--text-2);border-radius:20px;align-items:center;gap:8px;padding:4px 4px 4px 12px;transition:box-shadow .15s,background .15s;display:flex}.capsule-input:focus-within{background:var(--card-hover);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.capsule-input input,.capsule-input textarea{min-width:0;color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;padding:6px 0;line-height:1.4;overflow:hidden}.send-btn{background:var(--accent);width:30px;height:30px;color:var(--accent-text);border:none;border-radius:50%;flex-shrink:0;align-self:flex-end;place-items:center;transition:opacity .15s,transform .1s;display:grid;box-shadow:inset 0 1px #ffffff59}.send-btn:disabled{opacity:.3;cursor:default}.send-btn:not(:disabled):active{transform:scale(.92)}.count-capsule{border-radius:var(--r-capsule);background:var(--fill);min-width:22px;height:20px;color:var(--text-2);font-variant-numeric:tabular-nums;place-items:center;padding:0 7px;font-size:12px;font-weight:600;display:inline-grid}.round-check{appearance:none;border:1.5px solid var(--text-3);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;margin:1px 0 0;transition:background .15s,border-color .15s;display:grid}.round-check:checked{background:var(--ok);border-color:var(--ok)}.round-check:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;transform:translateY(-1px)rotate(45deg)}.float-bar{z-index:20;align-items:center;gap:10px;padding:14px 16px 8px;display:flex;position:sticky;top:0}.title-capsule,.brand{align-items:center;gap:10px;min-width:0;max-width:min(560px,60vw);height:42px;padding:0 16px 0 14px;display:flex}.brand{letter-spacing:-.01em;font-size:16px;font-weight:700}.project-dot{background:color-mix(in oklch, var(--sw) 55%, white);border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:inset 0 0 0 1.5px #ffffffb3,0 1px 3px #00000026}.board-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:3px 6px;font-size:16px;font-weight:700;overflow:hidden}.board-title:hover:not(textarea){background:var(--fill)}textarea.board-title{resize:none;background:var(--card-hover);border:none;width:min(420px,50vw);overflow:hidden}.title-meta{color:var(--text-2);white-space:nowrap;font-size:12px}.dock{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:30;border-radius:var(--r-capsule);align-items:center;gap:4px;max-width:calc(100vw - 24px);padding:5px;display:flex;position:fixed;transform:translate(-50%)}.dock-search{border-radius:var(--r-capsule);background:var(--fill);height:34px;color:var(--text-2);align-items:center;gap:6px;padding:0 12px;display:flex}.dock-search input{width:150px;color:var(--text);background:0 0;border:none;outline:none}.dock-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.dock-count{color:var(--text-2);font-variant-numeric:tabular-nums;padding:0 4px;font-size:12px;font-weight:600}.pill-count{border-radius:var(--r-capsule);background:var(--accent);min-width:18px;height:18px;color:var(--accent-text);place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}@media (max-width:720px){.dock{width:calc(100vw - 24px)}.dock-search{flex:1;min-width:0}.dock-search input{width:100%}.pill{padding:0 10px}.pill-label{display:none}.select-pill select{opacity:0;width:100%;position:absolute;inset:0}.select-pill>svg:last-child{display:none}.column,.add-list{flex-basis:min(288px,84vw);width:min(288px,84vw)}}.home{background:radial-gradient(40% 50% at 12% 8%, var(--blob-1), transparent 70%), radial-gradient(35% 45% at 88% 18%, var(--blob-2), transparent 70%), radial-gradient(45% 55% at 55% 100%, var(--blob-3), transparent 70%), var(--home-bg);background-attachment:fixed;min-height:100dvh}.home-main{grid-template-columns:minmax(0,1fr) 380px;gap:28px;max-width:1240px;margin:0 auto;padding:8px 24px 48px;display:grid}@media (max-width:900px){.home-main{grid-template-columns:1fr;padding:8px 16px 48px}}.large-title{letter-spacing:-.02em;margin:8px 4px 16px;font-size:34px;font-weight:800}.project-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.project-tile{--tile:var(--accent);border-radius:var(--r-col);min-height:120px;color:var(--tile-text);--tile-a:color-mix(in oklch, var(--tile) 26%, white);--tile-b:color-mix(in oklch, var(--tile) 40%, white);--tile-text:color-mix(in oklch, var(--tile) 55%, black);background:radial-gradient(120% 90% at 0% 0%, #fff9, transparent 55%), linear-gradient(160deg, var(--tile-a), var(--tile-b));box-shadow:inset 0 1px 0 #fffc, inset 0 0 0 .5px #ffffff80, 0 12px 28px -14px color-mix(in srgb, var(--tile) 55%, transparent);flex-direction:column;justify-content:space-between;padding:16px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.project-tile:hover{transform:translateY(-2px)}.project-name{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:18px;font-weight:700}.project-meta{flex-wrap:wrap;gap:6px;display:flex}.meta-pill{border-radius:var(--r-capsule);background:#ffffff8c;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffffb3}.meta-pill.danger{background:var(--pastel-red);color:var(--pastel-red-text)}.tile-arrow{opacity:0;transition:all .18s;position:absolute;top:16px;right:14px;transform:translate(-4px)}.project-tile:hover .tile-arrow{opacity:.9;transform:none}.project-tile.new{color:var(--text-2);background:var(--glass);border:none;justify-content:center;align-items:center;gap:10px;font-weight:600}.new-circle{background:var(--accent);width:40px;height:40px;color:var(--accent-text);box-shadow:inset 0 1px 0 #fff6, 0 6px 14px -4px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:50%;place-items:center;display:grid}.project-tile.new.editing{color:var(--text);cursor:default;justify-content:flex-start;align-items:stretch}.project-tile.new.editing:hover{transform:none}.agenda{border-radius:var(--r-lg);align-self:start;padding:18px 16px 12px;position:sticky;top:72px}.panel-title{letter-spacing:-.01em;margin:0 4px 6px;font-size:20px;font-weight:700}.empty-note{margin:4px}.group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:14px 6px 6px;font-size:12px;font-weight:600}.grouped-list{background:var(--card);border-radius:var(--r-card);margin:0;padding:0;list-style:none;overflow:hidden}.grouped-list li+li .agenda-item{border-top:.5px solid var(--separator)}.agenda-item{padding:10px 12px;transition:background .12s;display:block}.agenda-item:hover{background:var(--fill)}.agenda-title{overflow-wrap:anywhere;margin-bottom:5px;font-weight:500;display:block}.agenda-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.agenda-where{color:var(--text-2);font-size:12px}.board-page{background:color-mix(in oklch, var(--board) 22%, white);background:radial-gradient(55% 70% at 8% 0%, oklch(from var(--board) .9 .07 calc(h - 40)) 0%, transparent 65%), radial-gradient(50% 65% at 95% 8%, oklch(from var(--board) .88 .07 calc(h + 50)) 0%, transparent 62%), radial-gradient(70% 70% at 55% 105%, oklch(from var(--board) .84 .06 calc(h + 18)) 0%, transparent 70%), oklch(from var(--board) .87 .05 h);flex-direction:column;height:100dvh;display:flex}@media (prefers-color-scheme:dark){.board-page{background:radial-gradient(55% 70% at 8% 0%, oklch(from var(--board) .36 .05 calc(h - 40)) 0%, transparent 65%), radial-gradient(50% 65% at 95% 8%, oklch(from var(--board) .32 .05 calc(h + 50)) 0%, transparent 62%), radial-gradient(70% 70% at 55% 105%, oklch(from var(--board) .26 .04 calc(h + 18)) 0%, transparent 70%), oklch(from var(--board) .24 .035 h)}}.board{scroll-snap-type:x proximity;flex:1;align-items:flex-start;gap:14px;min-height:0;padding:8px 16px 92px;display:flex;overflow:auto hidden}.column{border-radius:var(--r-col);scroll-snap-align:start;flex-direction:column;flex:0 0 288px;width:288px;max-height:100%;padding:6px;display:flex}.column.ghost{opacity:.35}.column.overlay{transform:rotate(1.5deg)scale(1.02);box-shadow:0 30px 60px -20px #00000073}.column-header{cursor:grab;touch-action:manipulation;align-items:center;gap:6px;padding:6px 6px 8px 10px;display:flex}.column-title{overflow-wrap:anywhere;border-radius:8px;flex:1;min-width:0;padding:3px 6px;font-size:14.5px;font-weight:650}.column-title:hover:not(textarea){background:var(--fill)}textarea.column-title{resize:none;background:var(--card-hover);border:none;overflow:hidden}.column-body{flex-direction:column;gap:8px;min-height:8px;padding:2px 2px 4px;display:flex;overflow-y:auto}.hidden-note{color:var(--text-2);text-align:center;padding:2px;font-size:11px}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--card-shadow), inset 0 1px 0 var(--glass-hi);border:.5px solid var(--glass-edge);cursor:pointer;-webkit-user-select:none;user-select:none;padding:11px 12px;transition:background .15s,transform .15s,box-shadow .15s}.card:hover{background:var(--card-hover);transform:translateY(-1px)}.ghost>.card{opacity:.3}.card.overlay{cursor:grabbing;background:var(--card-hover);transform:rotate(2.5deg)scale(1.03);box-shadow:0 24px 48px -12px #0006}.card-tags{flex-wrap:wrap;gap:4px;margin-bottom:7px;display:flex}.card-title-row{align-items:flex-start;gap:8px;display:flex}.card-title{overflow-wrap:anywhere;flex:1;font-weight:500}.card.done .card-title{color:var(--text-3);text-decoration:line-through}.card-check{border:1.5px solid var(--text-3);color:#fff;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:.5px;padding:0;transition:background .15s,border-color .15s,transform .1s;display:none}.card:hover .card-check,.card-check.on{display:grid}@media (hover:none){.card-check{display:grid}}.card-check.on{background:var(--ok);border-color:var(--ok)}.card-check:active{transform:scale(.88)}.card-check.big{width:26px;height:26px;margin-top:4px;display:grid}.card-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.badge{color:var(--text-2);border-radius:var(--r-capsule);background:var(--fill);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:3px;padding:1px 7px;font-size:12px;display:inline-flex}.badge.ok{background:color-mix(in srgb, var(--ok) 18%, transparent);color:color-mix(in srgb, var(--ok) 75%, var(--text))}.badge.due-overdue{background:var(--pastel-red);color:var(--pastel-red-text);font-weight:600}.badge.due-today{background:var(--pastel-orange);color:var(--pastel-orange-text);font-weight:600}.badge.due-tomorrow{background:color-mix(in srgb, var(--warn) 22%, transparent);color:color-mix(in srgb, var(--warn) 70%, var(--text))}.badge.due-done{background:color-mix(in srgb, var(--ok) 18%, transparent);color:color-mix(in srgb, var(--ok) 75%, var(--text))}.tag{border-radius:var(--r-capsule);text-overflow:ellipsis;white-space:nowrap;background:color-mix(in oklch, var(--tag,var(--accent)) 30%, white);max-width:100%;min-height:19px;color:color-mix(in oklch, var(--tag,var(--accent)) 62%, black);box-shadow:inset 0 1px 0 #fff9, inset 0 0 0 .5px color-mix(in oklch, var(--tag,var(--accent)) 30%, transparent);align-items:center;gap:2px;padding:1px 8px;font-size:11.5px;font-weight:600;display:inline-flex;overflow:hidden}.tag-x{color:inherit;opacity:.75;background:0 0;border:none;place-items:center;padding:0 0 0 2px;display:inline-grid}.tag-x:hover{opacity:1}.add-card{text-align:left;color:var(--text-2);background:0 0;border:none;border-radius:14px;align-items:center;gap:6px;margin:4px 2px 2px;padding:9px 10px;font-weight:500;transition:background .15s,color .15s;display:flex}.add-card:hover{background:var(--fill);color:var(--text)}.composer{padding:4px 2px 2px}.composer textarea{resize:none;border-radius:var(--r-card);background:var(--card-hover);width:100%;min-height:60px;box-shadow:var(--card-shadow);overflow:hidden}.add-list{border-radius:var(--r-col);text-align:left;color:var(--text);flex:0 0 288px;align-items:center;gap:6px;padding:14px 16px;font-weight:600;display:flex}.composer-list{padding:10px}.composer-list input{width:100%}.inline-edit{cursor:text;white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.4em}.inline-edit.placeholder{color:var(--text-3)}textarea.inline-edit{width:100%;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);border:none;border-radius:8px;outline:none;display:block}.description:not(textarea){background:var(--fill);border-radius:14px;min-height:64px;padding:10px 12px}textarea.description{background:var(--card-hover);border-radius:14px;min-height:110px;padding:10px 12px}.modal-backdrop{z-index:50;background:#00000047;justify-content:center;align-items:flex-start;padding:56px 16px;animation:.18s fade;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{border-radius:var(--r-lg);width:100%;max-width:860px;padding:22px 24px 24px;animation:.24s cubic-bezier(.2,.9,.3,1.15) rise}.modal.narrow{max-width:460px}.modal h2{margin-bottom:8px;font-size:20px;font-weight:700}.modal-close{background:var(--fill);z-index:1;position:absolute;top:14px;right:14px}.sheet-grabber{display:none}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}@media (max-width:640px){.modal-backdrop{align-items:flex-start;padding:40px 0 0}.modal{border-radius:var(--r-lg) var(--r-lg) 0 0;min-height:calc(100dvh - 40px);margin-top:auto;padding:10px 16px 32px;animation:.3s cubic-bezier(.2,.9,.3,1) sheet}.sheet-grabber{background:var(--fill-2);border-radius:3px;width:38px;height:5px;margin:0 auto 12px;display:block}@keyframes sheet{0%{opacity:.4;transform:translateY(40%)}}}.pop-anchor{display:inline-flex;position:relative}.popover{z-index:60;border-radius:20px;min-width:230px;max-height:60vh;padding:6px;animation:.16s cubic-bezier(.2,.9,.3,1.2) pop;position:fixed;overflow-y:auto}.popover-left{transform-origin:0 0}.popover-right{transform-origin:100% 0}.popover-center{transform-origin:top;translate:-50%}.popover-up{transform-origin:bottom}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.menu{flex-direction:column;gap:1px;display:flex}.menu-label{color:var(--text-2);padding:6px 10px 2px;font-size:12px}.menu-sep{background:var(--separator);height:.5px;margin:5px 8px}.menu-item{text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background .12s;display:flex}.menu-item:hover{background:var(--fill)}.menu-item.danger{color:var(--danger)}.menu-check{width:16px;color:var(--accent);flex-shrink:0;place-items:center;display:inline-grid}.swatches{flex-wrap:wrap;gap:7px;padding:6px 10px 4px;display:flex}.swatch{background:color-mix(in oklch, var(--sw) 45%, white);width:26px;height:26px;box-shadow:inset 0 1px 0 #fff9, inset 0 0 0 .5px color-mix(in oklch, var(--sw) 50%, transparent), 0 1px 3px #0000001f;border:none;border-radius:50%;padding:0;transition:transform .12s}.swatch:hover{transform:scale(1.1)}.swatch.active{box-shadow:0 0 0 2px var(--glass-strong), 0 0 0 4px var(--text)}.tag-picker .field-input{margin:2px 2px 6px}.toasts{z-index:100;gap:8px;display:grid;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-capsule);align-items:center;gap:10px;max-width:min(560px,92vw);padding:11px 16px;font-weight:500;animation:.22s rise;display:flex}.toast-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 8px var(--danger);border-radius:50%;flex-shrink:0}.task-head{align-items:flex-start;gap:12px;padding-right:40px;display:flex}.task-head-text{flex:1;min-width:0}.task-title{letter-spacing:-.015em;border-radius:10px;margin-left:-6px;padding:2px 6px;font-size:22px;font-weight:700}.task-title:hover:not(textarea){background:var(--fill)}textarea.task-title{resize:none;background:var(--card-hover);overflow:hidden}.task-title.done{color:var(--text-3);text-decoration:line-through}.task-sub{color:var(--text-2);align-items:center;gap:8px;margin-top:2px;font-size:13px;display:flex}.done-pill{border-radius:var(--r-capsule);background:color-mix(in srgb, var(--ok) 18%, transparent);color:color-mix(in srgb, var(--ok) 75%, var(--text));padding:1px 8px;font-size:12px}.task-grid{grid-template-columns:minmax(0,1fr) 280px;gap:24px;margin-top:18px;display:grid}.task-main{grid-area:1/1}.task-props{flex-direction:column;grid-area:1/2;display:flex}@media (max-width:760px){.task-grid{flex-direction:column;gap:0;display:flex}.task-props{display:contents}.task-props>.prop-row{order:1}.task-main{order:2;margin-top:20px}.task-props>.history{order:3;margin-top:0}.task-props>.task-foot{order:4}}.task-props>.prop-row:first-child{border-radius:var(--r-card) var(--r-card) 0 0}.task-props>.prop-row:nth-child(3){border-radius:0 0 var(--r-card) var(--r-card);border-bottom:none}.prop-row{background:var(--card);border-bottom:.5px solid var(--separator);padding:10px 12px}.prop-label{color:var(--text-2);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.prop-value{min-width:0}.prop-select{cursor:pointer;width:100%;font-weight:500}.tags-editor,.due-editor{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.due-editor .field-input{flex:100px;min-width:0;padding:6px 8px}.field{margin-bottom:22px}.field h3{color:var(--text-2);align-items:center;gap:7px;margin-bottom:8px;font-size:13px;font-weight:650;display:flex}.field h3 .count-capsule{margin-left:2px}.progress{margin-bottom:6px}.bar{background:var(--fill);border-radius:3px;height:6px;overflow:hidden}.fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s cubic-bezier(.2,.9,.3,1)}.fill.ok{background:var(--ok)}.activities{margin:0 0 8px;padding:0;list-style:none}.activities li{border-radius:10px;align-items:flex-start;gap:10px;padding:6px 4px;display:flex}.activities li:hover{background:var(--fill)}.activities li.done .inline-edit{color:var(--text-3);text-decoration:line-through}.row-action{opacity:0;width:24px;height:24px}.activities li:hover .row-action,.row-action:focus-visible{opacity:1}@media (hover:none){.row-action{opacity:1}}.notes{gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.note-meta{color:var(--text-2);align-items:center;gap:6px;margin:0 4px 4px;font-size:12px;display:flex}.note-body:not(textarea){background:var(--card);box-shadow:var(--card-shadow);border-radius:4px 16px 16px;padding:10px 12px}.author{color:var(--text);font-weight:650}.author.agent{color:var(--agent)}.history{margin-top:18px}.history ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.history li{gap:8px;font-size:13px;display:flex}.history .dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.history .dot.agent{background:var(--agent);box-shadow:0 0 6px var(--agent)}.task-foot{color:var(--text-3);justify-content:space-between;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.tag-admin{background:var(--card);border-radius:var(--r-card);margin:4px 0 12px;padding:0;list-style:none;overflow:hidden}.tag-admin li{align-items:center;gap:10px;padding:8px 10px;display:flex}.tag-admin li+li{border-top:.5px solid var(--separator)}.env-band{color:#533f04;text-align:center;background:#f5cd47;padding:2px;font-size:12px;font-weight:600}@media (prefers-color-scheme:dark){.tag{background:color-mix(in oklch, var(--tag,var(--accent)) 32%, #1c1c1e);color:color-mix(in oklch, var(--tag,var(--accent)) 45%, white);box-shadow:inset 0 1px #ffffff14}.project-tile{--tile-a:color-mix(in oklch, var(--tile) 30%, #1c1c1e);--tile-b:color-mix(in oklch, var(--tile) 20%, #121214);--tile-text:color-mix(in oklch, var(--tile) 35%, white);background:radial-gradient(120% 90% at 0% 0%, #ffffff14, transparent 55%), linear-gradient(160deg, var(--tile-a), var(--tile-b));box-shadow:inset 0 1px #ffffff1f,0 12px 28px -14px #0009}.meta-pill{background:#ffffff1a;box-shadow:inset 0 1px #ffffff1a}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}