:root{color:oklch(23% .02 255);font-synthesis:none;text-rendering:optimizelegibility;background:oklch(96.5% .012 85);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:20rem;min-height:100vh;margin:0}button,input{font:inherit}main{width:min(72rem,100% - 3rem);margin:0 auto;padding:5rem 0 7rem}.page-header{margin-bottom:4.5rem}.eyebrow,.section-number{color:oklch(48% .15 35);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:750}h1,h2,p{margin-top:0}h1{letter-spacing:-.055em;margin:.65rem 0 0;font-size:3.5rem;line-height:1}.intro{color:oklch(47% .025 255);margin:1rem 0 0;font-size:1.05rem;line-height:1.55}.workspace{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);align-items:start;gap:clamp(3rem,8vw,7rem);display:grid}.composer{background:oklch(93.5% .018 78);border:1px solid oklch(86% .025 75);border-radius:.9rem;gap:2rem;padding:1.5rem;display:grid}h2{letter-spacing:-.025em;margin:.45rem 0 0;font-size:1.35rem;line-height:1.2}form{gap:.7rem;display:grid}label{font-size:.84rem;font-weight:650}input{width:100%;min-height:2.9rem;color:inherit;background:oklch(98% .007 85);border:1px solid oklch(79% .025 75);border-radius:.55rem;outline:none;padding:.75rem .85rem;transition:border-color .16s ease-out,box-shadow .16s ease-out}input::placeholder{color:oklch(60% .02 255)}input:focus-visible{border-color:oklch(48% .15 35);box-shadow:0 0 0 3px oklch(48% .15 35/.18)}button{color:oklch(97% .01 80);cursor:pointer;background:oklch(42% .13 35);border:0;border-radius:.55rem;min-height:2.8rem;margin-top:.25rem;padding:.7rem 1rem;font-weight:700;transition:background-color .16s ease-out,transform .16s ease-out}button:hover:not(:disabled){background:oklch(37% .13 35)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline-offset:2px;outline:3px solid oklch(48% .15 35/.28)}button:disabled{cursor:not-allowed;opacity:.5}.form-error{color:oklch(43% .17 25);min-height:1.2rem;margin:0;font-size:.8rem;line-height:1.4}.section-heading{border-bottom:1px solid oklch(80% .018 80);justify-content:space-between;align-items:end;gap:1rem;padding-bottom:1.1rem;display:flex}.section-heading>span{color:oklch(48% .025 255);font-variant-numeric:tabular-nums;font-size:.82rem}ul{margin:0;padding:0;list-style:none}li{border-bottom:1px solid oklch(86% .014 80);grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.4rem;display:grid}.task-id{color:oklch(59% .025 255);font-variant-numeric:tabular-nums;font-size:.75rem}.task-title{overflow-wrap:anywhere;min-width:0;font-weight:620;line-height:1.4}.status{color:oklch(43% .035 255);white-space:nowrap;background:oklch(91% .018 255);border-radius:999px;padding:.32rem .52rem;font-size:.72rem;font-weight:650}.status-in_progress{color:oklch(40% .095 55);background:oklch(91% .065 75)}.status-complete{color:oklch(37% .09 155);background:oklch(91% .055 150)}.status-archived{opacity:.65}.state-message{color:oklch(48% .025 255);max-width:36rem;margin:0;padding:2.5rem 0;line-height:1.6}.skeletons{display:grid}.skeletons span{background:linear-gradient(90deg,#0000 0%,oklch(91% .014 80) 45%,#0000 90%) 0 0/220% 100%;border-bottom:1px solid oklch(86% .014 80);height:4.4rem;animation:1.4s infinite loading}@keyframes loading{to{background-position:-220% 0}}@media (width<=44rem){main{width:min(100% - 2rem,36rem);padding:3rem 0 5rem}.page-header{margin-bottom:3rem}h1{font-size:2.8rem}.workspace{grid-template-columns:1fr;gap:3.5rem}li{grid-template-columns:1.7rem minmax(0,1fr);gap:.75rem;padding:.85rem 0}.status{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}