:root{--carrier-navy:#1e3a5f;--validation-red:#d32f2f;--coupon-white:#fff;--carbon-purple:#6b4c9a;--ink-black:#0a0a0a;--ruled-line:#d4d8dd;--course-purple:#7b2cbf;--ink:var(--ink-black);--ink-muted:#5a5f66;--bg:var(--coupon-white);--surface:#fafbfc;--rule:var(--ruled-line);--accent:var(--carrier-navy);--accent-ink:var(--coupon-white);--measure:60ch;scrollbar-color:var(--rule) transparent;caret-color:var(--carrier-navy);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#e8ebf0;--ink-muted:#9ba3ad;--bg:#121820;--surface:#1a2028;--rule:#2a3240;--accent:#5a8ac9;--accent-ink:#0a0e14}}*,:before,:after{box-sizing:border-box}html{overflow-x:clip}body{-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6}.screen{min-height:100vh}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--carrier-navy);outline-offset:2px}a{color:var(--accent);text-underline-offset:.18em}.num{font-variant-numeric:tabular-nums}button,[role=button],summary,select,input[type=checkbox],input[type=radio]{min-height:44px}button{min-width:44px}input,select,textarea{font:inherit;font-size:max(1rem,16px)}img,video,canvas,svg{max-width:100%;height:auto}pre{overflow-x:auto}.header{background:var(--carrier-navy);color:var(--coupon-white);border-bottom:1px solid var(--ink-black);padding:1rem 1.5rem}.header-title{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1.125rem;font-weight:600}.header-progress{letter-spacing:.05em;text-transform:uppercase;opacity:.9;font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:.875rem}.category-tabs{background:var(--surface);border-bottom:1px solid var(--rule);gap:0;display:flex;overflow-x:auto}.category-tab{border:none;border-right:1px solid var(--rule);letter-spacing:.06em;text-transform:uppercase;min-width:max-content;color:var(--ink-muted);cursor:pointer;background:0 0;flex:1;padding:.75rem 1rem;font-size:.75rem;font-weight:500;transition:background-color .15s ease-out,color .15s ease-out}.category-tab:last-child{border-right:none}.category-tab:hover{background:var(--coupon-white);color:var(--ink)}.category-tab[data-active=true]{background:var(--coupon-white);color:var(--carrier-navy);border-bottom:2px solid var(--carrier-navy);font-weight:600}.task-list{max-width:52rem;margin:0 auto;padding:1.5rem}.empty-state{text-align:center;color:var(--ink-muted);padding:4rem 1.5rem}.empty-state-title{letter-spacing:.05em;text-transform:uppercase;margin:0 0 1rem;font-size:.875rem;font-weight:500}.empty-state-action{margin-top:1.5rem}.task-coupon{background:var(--coupon-white);border:1px solid var(--rule);margin-bottom:1rem;transition:border-color .15s ease-out;position:relative}.task-coupon:hover{border-color:var(--carrier-navy)}.task-coupon[data-completed=true]{background:linear-gradient(135deg, transparent 0%, transparent 92%, var(--carbon-purple) 92%, var(--carbon-purple) 100%)}.task-coupon[data-completed=true]:after{content:"VALIDATED";letter-spacing:.1em;color:var(--carbon-purple);opacity:.4;pointer-events:none;font-size:.625rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.task-coupon[data-completed=false][data-priority=high]:before{content:"";background:var(--course-purple);width:3px;position:absolute;top:0;bottom:0;left:0}.task-header{border-bottom:1px solid var(--rule);align-items:flex-start;gap:1rem;padding:1rem 1rem .75rem;display:flex}.task-checkbox-wrapper{flex-shrink:0;padding-top:.125rem}.task-checkbox{border:2px solid var(--carrier-navy);background:var(--coupon-white);cursor:pointer;width:20px;height:20px;accent-color:var(--carrier-navy)}.task-checkbox:checked{accent-color:var(--carbon-purple)}.task-header-content{flex:1;min-width:0}.task-category-label{letter-spacing:.08em;text-transform:uppercase;color:var(--carrier-navy);margin:0 0 .25rem;font-size:.625rem;font-weight:600}.task-title{color:var(--ink);margin:0;font-size:1rem;font-weight:500;line-height:1.4}.task-coupon[data-completed=true] .task-title{color:var(--ink-muted)}.task-body{padding:.75rem 1rem 1rem}.task-description{color:var(--ink-muted);margin:0;font-size:.875rem;line-height:1.5}.task-footer{border-top:1px solid var(--rule);background:var(--surface);gap:.5rem;padding:.75rem 1rem;display:flex}.task-priority-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--rule);color:var(--ink);border-radius:2px;padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.task-priority-badge[data-priority=high]{background:var(--validation-red);color:var(--coupon-white)}.task-actions{gap:.5rem;margin-left:auto;display:flex}.btn{letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--carrier-navy);background:var(--coupon-white);color:var(--carrier-navy);cursor:pointer;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out;display:inline-flex}.btn:hover,.btn-primary{background:var(--carrier-navy);color:var(--coupon-white)}.btn-primary:hover{background:var(--ink-black);border-color:var(--ink-black)}.btn-small{min-height:auto;padding:.375rem .75rem;font-size:.6875rem}.btn-delete{border-color:var(--validation-red);color:var(--validation-red)}.btn-delete:hover{background:var(--validation-red);color:var(--coupon-white)}.floating-action{z-index:10;position:fixed;bottom:1.5rem;right:1.5rem}.form-coupon{max-width:42rem;margin:0 auto;padding:1.5rem}.form-header{background:var(--carrier-navy);color:var(--coupon-white);margin:0 -1.5rem 1.5rem;padding:1rem 1.5rem}.form-title{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1.125rem;font-weight:600}.form-field{margin-bottom:1.5rem}.form-label{letter-spacing:.06em;text-transform:uppercase;color:var(--carrier-navy);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--rule);background:var(--coupon-white);width:100%;color:var(--ink);padding:.75rem;font-family:inherit;transition:border-color .15s ease-out}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--carrier-navy);outline:none}.form-textarea{resize:vertical;min-height:6rem;line-height:1.5}.form-actions{border-top:1px solid var(--rule);gap:1rem;padding-top:1.5rem;display:flex}.back-nav{border-bottom:1px solid var(--rule);padding:1rem 1.5rem}.back-link{letter-spacing:.06em;text-transform:uppercase;color:var(--carrier-navy);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .15s ease-out;display:inline-flex}.back-link:hover{color:var(--ink)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.task-coupon{animation:.15s ease-out coupon-appear}@keyframes coupon-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}@media (width<=640px){.task-list{padding:1rem}.task-coupon{margin-bottom:.75rem}.task-header{padding:.75rem .75rem .5rem}.task-body{padding:.5rem .75rem .75rem}.task-footer{flex-direction:column;align-items:flex-start}.task-actions{width:100%;margin-left:0}.task-actions button{flex:1}.floating-action{bottom:1rem;right:1rem}.form-coupon{padding:1rem}.form-header{margin:0 -1rem 1rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (width<=480px){body,.container,[class*=container],section,header,footer,nav,main,article{padding-inline:max(1rem,16px)}}p,li,dt,dd,blockquote,figcaption,td,th{max-width:min(75ch,100%)}