:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-soft:#f6f6f6;--panel:#fff;--panel-strong:#0a0a0a;--text:#080808;--muted:#767676;--muted-strong:#4b4b4b;--line:#e7e7e7;--line-strong:#cfcfcf;--black:#000;--white:#fff;--shadow-soft:0 20px 60px #00000014;--shadow-card:0 12px 36px #00000012;--radius-xl:34px;--radius-lg:24px;--radius-md:18px;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% 0,#0000000e,#0000 24rem),radial-gradient(circle at 88% 10%,#0000000a,#0000 20rem),linear-gradient(#fff 0%,#fafafa 48%,#f2f2f2 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline:3px solid var(--black);outline-offset:3px}.shell{width:min(1040px,100% - 32px);animation:pageIn .52s var(--ease) both;margin:0 auto;padding:clamp(20px,5vw,56px) 0}.topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(14px,3vw,24px);margin-bottom:18px;display:grid}.brand-mark,.metric,.icon-button,.submit-button,.status-control,.delete-control,.priority-dot{place-items:center;display:inline-grid}.brand-mark{border:1px solid var(--black);background:var(--black);width:clamp(62px,9vw,78px);height:clamp(62px,9vw,78px);color:var(--white);box-shadow:var(--shadow-card);animation:floatIn .58s var(--ease) both;border-radius:28px}.headline{min-width:0}.headline p{color:var(--muted-strong);letter-spacing:.2em;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:900}.headline h1{letter-spacing:-.085em;text-wrap:balance;margin:0;font-size:clamp(2.55rem,8vw,6.35rem);line-height:.88}.metrics{border:1px solid var(--line);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:riseIn .64s var(--ease) 80ms both;background:#ffffffd1;border-radius:26px;gap:8px;padding:8px;display:flex}.metric{background:var(--bg-soft);min-width:66px;height:54px;color:var(--black);transition:transform .18s var(--ease), background .18s var(--ease);border-radius:18px;grid-template-columns:auto auto;gap:8px}.metric:hover{background:#eee;transform:translateY(-2px)}.metric svg{color:var(--muted-strong)}.metric strong{font-size:1.08rem}.board{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:riseIn .62s var(--ease) .14s both;background:#ffffffdb;padding:clamp(14px,3vw,22px);position:relative;overflow:hidden}.board:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#0000000a 1px,#0000 1px),linear-gradient(#0000000a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000059,#0000 52%);mask-image:linear-gradient(#00000059,#0000 52%)}.composer,.tool-row,.task-stack,.empty-state,.clear-button{z-index:1;position:relative}.composer,.tool-row{gap:10px;display:grid}.composer{grid-template-columns:1fr auto auto}.command-input,.search-box{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);min-height:60px;color:var(--muted);transition:border-color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);align-items:center;gap:10px;padding:0 16px;display:flex;box-shadow:0 1px #0000000a}.command-input:focus-within,.search-box:focus-within{border-color:var(--black);transform:translateY(-1px);box-shadow:0 12px 34px #00000017}.command-input input,.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.command-input input::placeholder,.search-box input::placeholder{color:#9a9a9a}.priority-picker,.filter-dock{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);gap:8px;padding:7px;display:flex}.icon-button,.submit-button{width:46px;height:46px;color:var(--muted-strong);transition:transform .18s var(--ease), background .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease);background:0 0;border-radius:17px}.icon-button:hover,.submit-button:hover,.status-control:hover,.delete-control:hover{transform:translateY(-2px)scale(1.02)}.icon-button.selected,.submit-button{background:var(--black);color:var(--white);box-shadow:0 10px 24px #00000029}.submit-button:active,.icon-button:active,.status-control:active,.delete-control:active{transform:translateY(0)scale(.96)}.tool-row{grid-template-columns:1fr auto;align-items:center;margin:12px 0 16px}.search-box{min-height:54px}.task-stack{gap:10px;margin:0;padding:0;list-style:none;display:grid}.task-card{border:1px solid var(--line);min-height:78px;animation:taskIn .36s var(--ease) both;transition:border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease), opacity .18s var(--ease);background:#fffffff5;border-radius:26px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid;box-shadow:0 10px 24px #0000000a}.task-card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 18px 42px #00000017}.task-card.done{opacity:.62;background:#f6f6f6}.status-control,.delete-control,.priority-dot{width:50px;height:50px;color:var(--black);background:var(--bg-soft);border-radius:19px}.status-control{border:1px solid var(--line-strong);background:var(--white)}.task-card.done .status-control{background:var(--black);color:var(--white)}.task-copy{gap:4px;min-width:0;display:grid}.task-copy span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.025em;font-size:clamp(.98rem,2vw,1.06rem);font-weight:800;overflow:hidden}.task-copy small{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:850}.task-card.done .task-copy span{text-decoration:line-through}.task-actions{gap:8px;display:flex}.priority-dot,.delete-control{color:var(--muted-strong)}.delete-control:hover{color:var(--white);background:var(--black)}.empty-state{min-height:190px;color:var(--muted);animation:fadeIn .32s var(--ease) both;place-items:center;gap:10px;display:grid}.empty-state p{letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:900}.clear-button{border:1px solid var(--line);background:var(--white);color:var(--muted-strong);transition:transform .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), background .18s var(--ease);border-radius:18px;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;display:inline-flex}.clear-button:hover{border-color:var(--black);color:var(--white);background:var(--black);transform:translateY(-2px)}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatIn{0%{opacity:0;transform:translateY(14px)rotate(-4deg)scale(.92)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes taskIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=820px){.topbar{grid-template-columns:auto 1fr}.metrics{grid-column:1/-1;justify-content:space-between;width:100%}.metric{flex:1}.composer,.tool-row{grid-template-columns:1fr}.priority-picker,.filter-dock{justify-content:space-between}.icon-button,.submit-button{flex:1;width:auto}}@media (width<=560px){.shell{width:min(100% - 20px,1040px)}.topbar{gap:12px;margin-bottom:12px}.brand-mark{border-radius:22px}.headline h1{font-size:clamp(2.35rem,15vw,4rem)}.board{border-radius:26px;padding:12px}.metrics{scrollbar-width:none;overflow-x:auto}.metrics::-webkit-scrollbar{display:none}.metric{min-width:0;height:50px}.command-input,.search-box{border-radius:20px;min-height:56px}.priority-picker,.filter-dock{border-radius:20px}.task-card{border-radius:22px;grid-template-columns:auto minmax(0,1fr);gap:12px;min-height:auto;padding:11px}.task-actions{grid-column:2;justify-content:flex-start}.status-control,.delete-control,.priority-dot{border-radius:16px;width:44px;height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}