/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.todo{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:var(--spacing-4,var(--space-4));border-radius:var(--radius-xl,var(--border-radius-xl));border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--color-background-accent,var(--surface));padding:var(--spacing-4,var(--space-4));color:var(--on-background);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color, rgba(0,0,0,.05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@supports(color:color-mix(in lab,red,red)){.todo{border-color:color-mix(in oklab,var(--border) 70%,transparent);background-color:color-mix(in oklab,var(--color-background-accent,var(--surface)) 50%,transparent)}}.todo__board{display:flex;width:100%;flex-direction:column;gap:var(--spacing-4,var(--space-4))}@media(width>=64rem){.todo__board{flex-direction:row}}.todo__panel{display:flex;width:100%;flex-direction:column;gap:var(--spacing-4,var(--space-4));border-radius:var(--radius-lg,var(--border-radius-lg));border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);padding:var(--spacing-3,var(--space-3))}@supports(color:color-mix(in lab,red,red)){.todo__panel{border-color:color-mix(in oklab,var(--border) 60%,transparent);background-color:color-mix(in oklab,var(--background) 70%,transparent)}}.todo__panel h2{margin:0;font-family:var(--font-heading,"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif);font-size:var(--text-lg,var(--text-lg));line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));color:var(--color-on-background-accent,var(--on-surface))}.todo__list{display:flex;min-height:calc(var(--spacing,.25rem) * 28);width:100%;flex-direction:column;gap:var(--spacing-2,var(--space-2));border-radius:var(--radius-md,var(--border-radius-md));border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);padding:var(--spacing-2,var(--space-2))}@supports(color:color-mix(in lab,red,red)){.todo__list{border-color:color-mix(in oklab,var(--border) 70%,transparent)}}.todo [data-ref=list-complete]{border-color:var(--primary)}@supports(color:color-mix(in lab,red,red)){.todo [data-ref=list-complete]{border-color:color-mix(in oklab,var(--primary) 50%,transparent)}}.todo [data-ref=list-incomplete]{border-color:var(--secondary)}@supports(color:color-mix(in lab,red,red)){.todo [data-ref=list-incomplete]{border-color:color-mix(in oklab,var(--secondary) 50%,transparent)}}.todo form{display:flex;width:100%;flex-direction:column;gap:var(--spacing-3,var(--space-3));border-radius:var(--radius-lg,var(--border-radius-lg));border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);padding:var(--spacing-3,var(--space-3))}@media(width>=48rem){.todo form{flex-direction:row;align-items:flex-end;justify-content:space-between}}.todo form .form-group{display:flex;width:100%;flex-direction:column;gap:var(--spacing-1,var(--space-1))}.todo form label{font-size:var(--text-xs,var(--text-xs));line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold, var(--weight-semibold));font-weight:var(--font-weight-semibold,var(--weight-semibold));--tw-tracking:var(--tracking-wide, 0.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--on-background);text-transform:uppercase}@supports(color:color-mix(in lab,red,red)){.todo form{border-color:color-mix(in oklab,var(--border) 60%,transparent)}.todo form label{color:color-mix(in oklab,var(--on-background) 80%,transparent)}}.todo form input{width:100%;border-radius:var(--radius-md,var(--border-radius-md));border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);padding-inline:var(--spacing-3,var(--space-3));padding-block:var(--spacing-2,var(--space-2));font-size:var(--text-sm,var(--text-sm));line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--on-background);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;outline-style:none}.todo form input:focus{border-color:var(--primary)}.todo form button{min-width:calc(var(--spacing,.25rem) * 20);align-self:flex-end;border-radius:var(--radius-md,var(--border-radius-md));background-color:var(--primary);padding-inline:var(--spacing-3,var(--space-3));padding-block:var(--spacing-2,var(--space-2));font-size:var(--text-sm,var(--text-sm));line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold, var(--weight-semibold));font-weight:var(--font-weight-semibold,var(--weight-semibold));color:var(--on-primary);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){.todo form button:hover{background-color:var(--primary)}@supports(color:color-mix(in lab,red,red)){.todo form button:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}.todo p,.todo__count{margin:0;display:flex;width:100%;gap:var(--spacing-1,var(--space-1));font-size:var(--text-sm,var(--text-sm));line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--on-background)}@supports(color:color-mix(in lab,red,red)){.todo p,.todo__count{color:color-mix(in oklab,var(--on-background) 80%,transparent)}}.todo p span,.todo__count span{--tw-font-weight:var(--font-weight-semibold, var(--weight-semibold));font-weight:var(--font-weight-semibold,var(--weight-semibold));color:var(--on-background)}.todo__item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2,var(--space-2));border-radius:var(--radius-md,var(--border-radius-md));border-style:var(--tw-border-style);border-width:1px;border-color:var(--secondary);background-color:var(--secondary);padding:var(--spacing-2,var(--space-2));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@supports(color:color-mix(in lab,red,red)){.todo__item{border-color:color-mix(in oklab,var(--secondary) 30%,transparent);background-color:color-mix(in oklab,var(--secondary) 8%,transparent)}}.todo__item[complete=true]{border-color:var(--primary);background-color:var(--primary)}@supports(color:color-mix(in lab,red,red)){.todo__item[complete=true]{border-color:color-mix(in oklab,var(--primary) 40%,transparent);background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.todo__item label{display:flex;cursor:pointer;align-items:center;gap:var(--spacing-2,var(--space-2));font-size:var(--text-sm,var(--text-sm));line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--on-background)}.todo__item input[type=checkbox]{height:var(--spacing-4,var(--space-4));width:var(--spacing-4,var(--space-4));cursor:pointer;border-radius:var(--radius-sm,var(--border-radius-sm));accent-color:var(--primary)}.todo__item-remove{border-radius:var(--radius-full,var(--border-radius-full));border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);padding:var(--spacing-1,var(--space-1));color:var(--on-background);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@supports(color:color-mix(in lab,red,red)){.todo__item-remove{border-color:color-mix(in oklab,var(--border) 70%,transparent);color:color-mix(in oklab,var(--on-background) 80%,transparent)}}@media(hover:hover){.todo__item-remove:hover{background-color:var(--color-background-accent,var(--surface));color:var(--on-background)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@layer properties{@supports((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-tracking:initial}}}