:root{--accent:#e0a43a;--accent-soft:#f2cf7c;--danger:#f87171;--radius-lg:26px;--radius-md:18px;--radius-sm:12px;--shadow-soft:0 30px 70px -40px #000000d9;--ring-blur:90px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark]{--bg:#07070b;--bg-2:#0d0d14;--surface:#16161eb8;--surface-2:#ffffff09;--surface-hover:#ffffff0f;--border:#ffffff17;--border-strong:#ffffff29;--text:#f4f2ef;--text-dim:#f4f2ef9e;--text-faint:#f4f2ef66;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f6f4ef;--bg-2:#efeae1;--surface:#ffffffd1;--surface-2:#14100a09;--surface-hover:#14100a0f;--border:#18140e1a;--border-strong:#18140e33;--text:#1b1712;--text-dim:#1b1712a8;--text-faint:#1b171273;--accent:#b57a12;--accent-soft:#e0a43a;--shadow-soft:0 30px 70px -45px #3c2d148c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55;transition:background .4s,color .4s;overflow-x:hidden}h1,h2,h3{letter-spacing:-.01em;margin:0;font-family:Instrument Serif,Georgia,serif;font-weight:400;line-height:1.12}p{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page{flex-direction:column;gap:clamp(18px,2.4vw,26px);width:min(1080px,100%);margin:0 auto;padding:clamp(24px,5vw,64px) clamp(16px,4vw,40px) 120px;display:flex;position:relative}.aurora{z-index:-1;background:radial-gradient(120% 90% at 50% -10%, var(--bg-2), var(--bg) 60%);position:fixed;inset:0;overflow:hidden}.orb{filter:blur(var(--ring-blur));opacity:.5;border-radius:50%;animation:22s ease-in-out infinite alternate drift;position:absolute}.orb-a{background:#d98c1f;width:44vw;height:44vw;top:-14vw;left:-8vw}.orb-b{background:#7c3aed;width:38vw;height:38vw;animation-delay:-7s;top:24vh;right:-12vw}.orb-c{background:#0f766e;width:34vw;height:34vw;animation-delay:-14s;bottom:-14vw;left:26vw}[data-theme=light] .orb{opacity:.25}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(3vw,5vh)scale(1.12)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(26px)saturate(140%);position:relative}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:16px;display:flex}.brand-mark{color:#1a1206;background:linear-gradient(140deg, var(--accent-soft), var(--accent));border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:24px;display:grid;box-shadow:0 14px 30px -14px #e0a43ae6}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px;font-size:11px;font-weight:700}.masthead h1{font-size:clamp(26px,3.6vw,40px)}.masthead h1 em{color:var(--accent-soft);font-style:italic}.hint{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);align-items:center;gap:14px;padding:16px 18px;animation:.5s cubic-bezier(.22,1,.36,1) both hint-in;display:flex}@keyframes hint-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.hint-icon{color:#1a1206;background:linear-gradient(140deg, var(--accent-soft), var(--accent));border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:19px;animation:2.4s ease-in-out infinite pulse;display:grid}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}60%{box-shadow:0 0 0 10px #0000}}.hint-copy{flex:1;min-width:0}.hint-copy strong{font-size:15px;font-weight:700;display:block}.hint-copy p{color:var(--text-dim);font-size:13.5px}.hint-copy b{color:var(--text);font-weight:700}.hint-actions{flex:none;align-items:center;gap:6px;display:flex}.hint-close{width:32px;height:32px;color:var(--text-faint);background:0 0;border:0;border-radius:10px;font-size:20px;line-height:1}.hint-close:hover{color:var(--text);background:var(--surface-hover)}.hero{justify-content:space-between;align-items:center;gap:clamp(20px,4vw,48px);padding:clamp(22px,3.4vw,38px);display:flex}.hero-copy{flex-direction:column;gap:14px;min-width:0;display:flex}.hero-copy h2{font-size:clamp(22px,2.8vw,32px)}.hero-copy>p{max-width:52ch;color:var(--text-dim);font-size:14.5px}.stat-row{flex-wrap:wrap;gap:10px;margin-top:2px;display:flex}.stat{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);flex-direction:column;gap:2px;min-width:84px;padding:10px 16px;display:flex}.stat strong{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.stat span{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:11px}.stat-high strong{color:#f87171}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.ghost-button,.primary-button{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:transform .16s,background .2s,border-color .2s,opacity .2s}.ghost-button:hover,.primary-button:hover:not(:disabled){background:var(--surface-hover);transform:translateY(-1px)}.ghost-button.danger{color:var(--danger);border-color:#f8717159}.primary-button{color:#1a1206;background:linear-gradient(140deg, var(--accent-soft), var(--accent));border-color:#0000;box-shadow:0 16px 34px -20px #e0a43a}.primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.theme-toggle{flex:none}.link-button{color:var(--accent-soft);text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.link-button:disabled{color:var(--text-faint);cursor:not-allowed;text-decoration:none}.ring{flex:none;place-items:center;display:grid;position:relative}.ring svg{display:block}.ring-track{stroke:var(--surface-2)}[data-theme=dark] .ring-track{stroke:#ffffff14}.ring-value{filter:drop-shadow(0 0 12px #e0a43a73);transition:stroke-dashoffset .7s cubic-bezier(.22,1,.36,1)}.ring-label{justify-items:center;gap:2px;display:grid;position:absolute}.ring-label strong{font-variant-numeric:tabular-nums;font-family:Instrument Serif,Georgia,serif;font-size:32px;font-weight:400}.ring-label span{letter-spacing:.1em;color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11px}.composer-card{padding:14px}.composer{flex-wrap:wrap;gap:10px;display:flex}.composer-row{flex:0 auto;gap:10px;display:flex}.composer-input{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;flex:300px;min-width:0;padding:13px 18px;transition:border-color .2s,background .2s}.composer-input::placeholder{color:var(--text-faint)}.composer-input:focus{border-color:var(--accent);background:var(--surface-hover);outline:none}.composer-select,.menu-select select{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:12px 14px;font-size:13.5px;font-weight:600}.composer-select option,.menu-select option{background:var(--bg-2);color:var(--text)}.board{flex-direction:column;gap:16px;padding:clamp(16px,2.4vw,26px);display:flex}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.search{flex:260px;align-items:center;display:flex;position:relative}.search svg{fill:none;width:17px;height:17px;stroke:var(--text-faint);stroke-width:1.8px;stroke-linecap:round;pointer-events:none;position:absolute;left:16px}.search input{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;width:100%;padding:12px 16px 12px 42px}.search input:focus{border-color:var(--accent);outline:none}.search input::placeholder{color:var(--text-faint)}.head-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sort-select{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;align-items:center;gap:8px;padding:4px 6px 4px 14px;display:flex}.sort-select>span{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.sort-select select{background:0 0;border:0;border-radius:999px;padding:7px 8px;font-size:13px;font-weight:600}.sort-select select:focus{outline:none}.sort-select option{background:var(--bg-2);color:var(--text)}.segmented{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;gap:4px;padding:4px;display:flex}.segmented button{color:var(--text-dim);background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.segmented button.is-active{color:var(--text);background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--border)}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{--chip-accent:var(--accent);border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.chip span{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11px}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.is-active{color:var(--text);border-color:color-mix(in srgb, var(--chip-accent) 55%, transparent);background:color-mix(in srgb, var(--chip-accent) 14%, transparent)}.task-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.task{--task-accent:var(--accent);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);align-items:flex-start;gap:12px;padding:14px 14px 14px 18px;transition:transform .18s,border-color .2s,background .2s,opacity .2s;animation:.35s cubic-bezier(.22,1,.36,1) both rise;display:flex;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.task:before{content:"";background:var(--task-accent);opacity:.55;border-radius:0 3px 3px 0;width:3px;transition:opacity .2s;position:absolute;top:12px;bottom:12px;left:0}.task:hover{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-1px)}.task.is-dragging{opacity:.4}.task.is-drop-target{border-color:var(--accent)}.task.is-priority{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--priority-accent) 32%, transparent)}.task.is-priority:before{background:var(--priority-accent);opacity:1;width:4px}.task.p-high:not(.is-done){background:color-mix(in srgb, var(--priority-accent) 7%, var(--surface-2))}.task.is-done{opacity:.55}.task.is-done:before{opacity:.18}.task-grip{cursor:grab;opacity:0;gap:3px;padding-top:9px;transition:opacity .2s;display:grid}.task-grip span{background:var(--text-faint);border-radius:2px;width:12px;height:2px}.task:hover .task-grip{opacity:1}.task-check{border:1.6px solid var(--border-strong);background:0 0;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;margin-top:1px;padding:0;transition:background .2s,border-color .2s,transform .16s;display:grid}.task-check:hover{border-color:var(--accent);transform:scale(1.06)}.task-check svg{fill:none;stroke:#1a1206;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px;width:15px;height:15px;transition:stroke-dashoffset .28s 50ms}.task.is-done .task-check{background:linear-gradient(140deg, var(--accent-soft), var(--accent));border-color:#0000}.task.is-done .task-check svg{stroke-dashoffset:0}.task-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.task-title{overflow-wrap:anywhere;cursor:text;gap:10px;font-size:15px;font-weight:500;display:flex}.task-index{letter-spacing:.06em;color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none;padding-top:1px;font-size:11.5px;font-weight:700}.task.is-done .task-title{color:var(--text-dim);text-decoration:line-through;text-decoration-thickness:1px}.task-edit{border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--surface-hover);width:100%;padding:8px 12px}.task-edit:focus{outline:none}.task-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-tag{letter-spacing:.09em;text-transform:uppercase;color:var(--task-accent);background:color-mix(in srgb, var(--task-accent) 14%, transparent);border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:700}.task-tag-priority{color:var(--priority-accent);background:color-mix(in srgb, var(--priority-accent) 16%, transparent)}.task-note{color:var(--text-faint);font-size:12.5px}.task-actions{flex:none;align-items:center;gap:2px;display:flex}.icon-button{width:32px;height:32px;color:var(--text-faint);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;transition:color .2s,background .2s;display:grid}.icon-button:hover{color:var(--text);background:var(--surface-hover)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.icon-button svg circle{fill:currentColor;stroke:none}.flag-button.is-active{color:var(--priority-accent);background:color-mix(in srgb, var(--priority-accent) 12%, transparent)}.flag-button.is-active .flag-cloth{fill:currentColor}.task-menu{position:relative}.menu-pop{z-index:20;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-2);flex-direction:column;gap:2px;width:194px;padding:6px;animation:.16s both rise;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 24px 48px -24px #000000d9}.menu-pop button{text-align:left;background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:13.5px;font-weight:600}.menu-pop button:hover:not(:disabled){background:var(--surface-hover)}.menu-pop button:disabled{color:var(--text-faint);cursor:not-allowed}.menu-danger{color:var(--danger)}.menu-select{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);flex-direction:column;gap:6px;padding:8px 10px 10px;font-size:11px;font-weight:700;display:flex}.menu-select select{letter-spacing:0;text-transform:none;color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-dim);text-align:center;justify-items:center;gap:12px;padding:48px 20px;display:grid}.board-foot{color:var(--text-faint);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:4px;font-size:12.5px;display:flex}.page-foot{text-align:center;color:var(--text-faint);font-size:12.5px}.toast{z-index:60;border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text);border-radius:999px;align-items:center;gap:14px;padding:12px 18px;font-size:13.5px;font-weight:500;animation:.3s cubic-bezier(.22,1,.36,1) both toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 24px 48px -24px #000000e6}.toast-undo{bottom:84px}.toast button{color:var(--accent-soft);background:0 0;border:0;padding:0;font-weight:700}.toast-close{color:var(--text-faint);font-size:18px;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@media (width<=860px){.hero{flex-direction:column-reverse;align-items:stretch}.ring{align-self:center}.board-head{flex-direction:column;align-items:stretch}.head-controls{justify-content:space-between}.segmented{flex:auto}.segmented button{flex:1}}@media (width<=640px){.page{padding-bottom:calc(150px + env(safe-area-inset-bottom));gap:14px}.masthead h1{font-size:23px}.brand{gap:12px}.brand-mark{width:44px;height:44px;font-size:20px}.theme-toggle{padding:8px 14px}.card,.hint{-webkit-backdrop-filter:none;background:color-mix(in srgb, var(--bg-2) 92%, var(--surface))}.orb{filter:blur(60px);opacity:.34;animation:none}.hint{flex-wrap:wrap;gap:12px;padding:14px}.hint-copy{flex:100%;order:2}.hint-actions{flex:100%;order:3}.hint-actions .primary-button{flex:1}.stat{flex:calc(50% - 5px);min-width:0;padding:10px 14px}.hero-actions{gap:6px}.hero-actions .ghost-button{text-align:center;flex:calc(50% - 3px)}.composer-row{flex-wrap:wrap;flex:100%}.composer-select{text-overflow:ellipsis;flex:calc(50% - 5px);min-width:0}.composer .primary-button{flex:100%;padding:12px 18px}.head-controls{flex-direction:column;align-items:stretch}.sort-select{justify-content:space-between;padding:6px 8px 6px 14px}.sort-select select{text-align:right;text-align-last:right;flex:1}.chip-row{scrollbar-width:none;padding-bottom:2px;scroll-snap-type:x proximity;flex-wrap:nowrap;margin-inline:-4px;padding-inline:4px;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{scroll-snap-align:start;flex:none;padding:9px 14px}.task{gap:10px;padding:12px 8px 12px 14px}.task-grip{display:none}.task-check{width:26px;height:26px}.task-title{gap:8px;font-size:14.5px}.task-actions{gap:0}.icon-button{width:40px;height:40px}.menu-pop{inset:auto 10px calc(10px + env(safe-area-inset-bottom)) 10px;border-radius:20px;width:auto;padding:8px;position:fixed}.menu-pop button{padding:13px 12px;font-size:15px}.menu-select select,.composer-select,.sort-select select{padding:11px 10px;font-size:16px}.board-foot{justify-content:space-between}.toast{left:10px;right:10px;bottom:calc(14px + env(safe-area-inset-bottom));border-radius:18px;justify-content:space-between;animation-name:toast-in-flat;transform:none}.toast-undo{bottom:calc(72px + env(safe-area-inset-bottom))}}@keyframes toast-in-flat{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (hover:none){.task-actions{opacity:1}.task:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}