@import"https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--ref-neutral-0: hsl(0 0% 100%);--ref-neutral-50: hsl(0 0% 98%);--ref-neutral-100: hsl(0 0% 96%);--ref-neutral-200: hsl(0 0% 90%);--ref-neutral-300: hsl(0 0% 85%);--ref-neutral-400: hsl(0 0% 80%);--ref-neutral-500: hsl(0 0% 70%);--ref-neutral-600: hsl(220 9% 46%);--ref-neutral-700: hsl(220 13% 28%);--ref-neutral-800: hsl(220 16% 17%);--ref-neutral-900: hsl(220 26% 14%);--ref-primary-50: hsl(220 20% 96%);--ref-primary-100: hsl(220 18% 90%);--ref-primary-200: hsl(220 16% 80%);--ref-primary-300: hsl(220 14% 70%);--ref-primary-400: hsl(220 12% 60%);--ref-primary-500: hsl(220 22% 24%);--ref-primary-600: hsl(220 24% 20%);--ref-primary-700: hsl(220 26% 16%);--ref-primary-800: hsl(220 28% 12%);--ref-primary-900: hsl(220 30% 10%);--ref-success-400: hsl(142 45% 62%);--ref-success-500: hsl(142 50% 45%);--ref-danger-200: hsl(0 90% 86%);--ref-danger-300: hsl(0 85% 75%);--ref-danger-400: hsl(0 80% 66%);--ref-danger-700: hsl(0 75% 27%)}[data-theme=dark]{--ref-neutral-0: hsl(0 0% 98%);--ref-neutral-50: hsl(0 0% 98%);--ref-neutral-100: hsl(0 0% 96%);--ref-neutral-200: hsl(0 0% 90%);--ref-neutral-300: hsl(0 0% 85%);--ref-neutral-400: hsl(0 0% 80%);--ref-neutral-500: hsl(0 0% 70%);--ref-neutral-600: hsl(220 9% 46%);--ref-neutral-700: hsl(220 13% 28%);--ref-neutral-800: hsl(220 16% 17%);--ref-neutral-900: hsl(220 26% 14%);--ref-primary-50: hsl(220 20% 96%);--ref-primary-100: hsl(220 18% 90%);--ref-primary-200: hsl(220 16% 80%);--ref-primary-300: hsl(220 14% 70%);--ref-primary-400: hsl(220 12% 60%);--ref-primary-500: hsl(220 22% 24%);--ref-primary-600: hsl(220 24% 20%);--ref-primary-700: hsl(220 26% 16%);--ref-primary-800: hsl(220 28% 12%);--ref-primary-900: hsl(220 30% 10%);--ref-success-400: hsl(142 45% 62%);--ref-success-500: hsl(142 50% 45%);--ref-danger-200: hsl(0 90% 86%);--ref-danger-300: hsl(0 85% 75%);--ref-danger-400: hsl(0 80% 66%);--ref-danger-700: hsl(0 75% 27%)}[data-theme=light]{--ref-neutral-0: hsl(36 100% 98%);--ref-neutral-50: hsl(32 67% 95%);--ref-neutral-100: hsl(30 50% 92%);--ref-neutral-200: hsl(29, 41%, 89%);--ref-neutral-300: hsl(26 30% 80%);--ref-neutral-400: hsl(24 20% 70%);--ref-neutral-500: hsl(255 9% 61%);--ref-neutral-600: hsl(250 12% 52%);--ref-neutral-700: hsl(248 16% 44%);--ref-neutral-800: hsl(248 18% 40%);--ref-neutral-900: hsl(248 22% 32%);--ref-primary-50: hsl(198 62% 94%);--ref-primary-100: hsl(198 64% 88%);--ref-primary-200: hsl(198 66% 78%);--ref-primary-300: hsl(198 68% 66%);--ref-primary-400: hsl(198 70% 54%);--ref-primary-500: hsl(198 70% 42%);--ref-primary-600: hsl(198 71% 37%);--ref-primary-700: hsl(198 72% 32%);--ref-primary-800: hsl(198 74% 26%);--ref-primary-900: hsl(198 76% 20%);--ref-success-400: hsl(190 31% 62%);--ref-success-500: hsl(190 31% 48%);--ref-danger-200: hsl(0 60% 84%);--ref-danger-300: hsl(0 60% 74%);--ref-danger-400: hsl(0 60% 64%);--ref-danger-700: hsl(0 62% 38%)}:root{--color-bg: var(--ref-neutral-100);--color-surface: var(--ref-neutral-0);--color-panel: var(--ref-neutral-200);--color-panel-hover: var(--ref-neutral-300);--color-muted-bg: var(--ref-neutral-50);--color-card: var(--ref-neutral-50);--color-card-hover: var(--ref-neutral-100);--color-ink: var(--ref-neutral-900);--color-ink-muted: var(--ref-neutral-600);--color-border: var(--ref-neutral-300);--color-border-subtle: var(--ref-neutral-200);--color-border-muted: var(--ref-neutral-400);--color-accent: var(--ref-primary-600);--color-accent-contrast: var(--ref-neutral-0);--color-danger-bg: var(--ref-danger-200);--color-danger-bg-hover: var(--ref-danger-300);--color-danger-text: var(--ref-danger-700);--color-ghost-btn: color-mix(in hsl, var(--color-ink) 16%, transparent);--color-ghost-btn-hover: color-mix(in hsl, var(--color-ink) 22%, transparent);--color-fab-bg: var(--color-panel);--color-fab-text: var(--color-ink);--color-scrollbar-track: var(--color-border-subtle);--color-scrollbar-thumb: hsl(0 0% 53%);--color-scrollbar-thumb-hover: hsl(0 0% 33%);--color-tag-text-on-colored: #000}[data-theme=light]{--color-bg: var(--ref-neutral-50);--color-surface: hsl(34 82% 95.9%);--color-panel: var(--ref-neutral-200);--color-panel-hover: var(--ref-neutral-100);--color-muted-bg: var(--ref-neutral-100);--color-card: hsl(34 82% 95.9%);--color-card-hover: hsl(33 75% 94%);--color-ink: var(--ref-neutral-900);--color-ink-muted: var(--ref-neutral-600);--color-border: var(--ref-neutral-400);--color-border-subtle: var(--ref-neutral-300);--color-border-muted: var(--ref-neutral-500);--color-accent: var(--ref-primary-700);--color-accent-contrast: var(--ref-neutral-0);--color-danger-bg: var(--ref-danger-200);--color-danger-bg-hover: var(--ref-danger-300);--color-danger-text: var(--ref-danger-700);--color-ghost-btn: color-mix(in hsl, var(--color-ink) 16%, transparent);--color-ghost-btn-hover: color-mix(in hsl, var(--color-ink) 22%, transparent);--color-fab-bg: var(--color-panel);--color-fab-text: var(--color-ink);--color-scrollbar-track: var(--color-border-subtle);--color-scrollbar-thumb: var(--ref-neutral-500);--color-scrollbar-thumb-hover: var(--ref-neutral-700);--color-tag-text-on-colored: #000}[data-theme=dark]{--color-bg: var(--ref-neutral-900);--color-surface: var(--ref-neutral-800);--color-panel: var(--ref-neutral-800);--color-panel-hover: var(--ref-neutral-700);--color-muted-bg: hsl(0 0% 10% / .4);--color-card: hsl(220 16% 23%);--color-card-hover: hsl(220 16% 26%);--color-ink: var(--ref-neutral-0);--color-ink-muted: hsl(0 0% 70%);--color-border: hsl(0 0% 26%);--color-border-subtle: hsl(0 0% 18%);--color-border-muted: hsl(0 0% 32%);--color-accent: var(--ref-primary-300);--color-accent-contrast: var(--ref-neutral-900);--color-danger-bg: var(--ref-danger-400);--color-danger-bg-hover: var(--ref-danger-500);--color-danger-text: var(--ref-neutral-0);--color-ghost-btn: color-mix(in hsl, var(--color-ink) 16%, transparent);--color-ghost-btn-hover: color-mix(in hsl, var(--color-ink) 22%, transparent);--color-fab-bg: hsl(220 16% 30%);--color-fab-text: var(--color-ink);--color-scrollbar-track: var(--color-border-subtle);--color-scrollbar-thumb: hsl(0 0% 46%);--color-scrollbar-thumb-hover: hsl(0 0% 66%);--color-tag-text-on-colored: #000}:root{--shadow-xs: 0 .0625rem .125rem rgba(0,0,0,.04);--shadow-sm: 0 .125rem .25rem rgba(0,0,0,.08);--shadow-md: 0 .25rem .5rem rgba(0,0,0,.12);--shadow-inset-subtle: 0 0 0 .0625rem rgba(0,0,0,.03) inset;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-pill: 999rem;--focus-ring-width: .125rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Funnel Sans,sans-serif;background-color:var(--color-bg);color:var(--color-ink);line-height:1.4;overflow-x:hidden}[data-theme=light] body,[data-theme=light] input,[data-theme=light] textarea{caret-color:var(--ref-success-500)}html{font-size:100%}html{--ui-scale: 1;--ui-scale-space: 1;--ui-scale-icon: 1;--ui-scale-radius: 1}body.size-small{--ui-scale: .95;--ui-scale-space: .94;--ui-scale-icon: .95;--ui-scale-radius: .98}body.size-medium{--ui-scale: 1.0625;--ui-scale-space: 1.05;--ui-scale-icon: 1.05;--ui-scale-radius: 1}body.size-large{--ui-scale: 1.1875;--ui-scale-space: 1.12;--ui-scale-icon: 1.12;--ui-scale-radius: 1.02}body.mode-mobile{--ui-scale: .85;--ui-scale-space: .85;--ui-scale-icon: .85;--ui-scale-radius: .95}#root{height:100vh;height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:.5rem}p{margin-bottom:1rem}button{font-family:inherit;cursor:pointer;border:.0625rem solid var(--color-ink);background:var(--color-surface);color:var(--color-ink);padding:calc(.5rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));font-size:calc(.875rem * var(--ui-scale));border-radius:calc(var(--radius-sm) * var(--ui-scale-radius));min-block-size:calc(1rem * var(--ui-scale) + .75rem * var(--ui-scale-space));transition:all .2s ease}button:hover{background:var(--color-ink);color:var(--color-surface)}.share-btn,.cancel-btn,.signup-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(.35rem * var(--ui-scale-space));padding:calc(.55rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));border-radius:var(--radius-md);font-size:calc(.875rem * var(--ui-scale));line-height:1;text-decoration:none;min-block-size:calc(1rem * var(--ui-scale) + .5rem * var(--ui-scale-space));transition:background .2s ease,color .2s ease,box-shadow .2s ease}.share-btn{background:color-mix(in hsl,var(--color-ink) 28%,transparent);border:none;color:var(--color-ink);font-weight:500}.share-btn:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent);color:var(--color-ink)}.share-btn:active{background:color-mix(in hsl,var(--color-ink) 28%,transparent);color:var(--color-ink)}.share-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}button.share-btn:disabled{background:color-mix(in hsl,var(--color-ink) 28%,transparent);color:color-mix(in hsl,var(--color-ink) 45%,transparent);opacity:1;cursor:not-allowed}.cancel-btn{background:color-mix(in hsl,var(--color-ink) 6%,transparent);border:none;color:color-mix(in hsl,var(--color-ink) 70%,transparent);font-weight:400}.cancel-btn:hover{background:color-mix(in hsl,var(--color-ink) 10%,transparent);color:var(--color-ink)}.cancel-btn:active{background:color-mix(in hsl,var(--color-ink) 14%,transparent);color:var(--color-ink)}.cancel-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}button.cancel-btn:disabled{background:color-mix(in hsl,var(--color-ink) 4%,transparent);color:color-mix(in hsl,var(--color-ink) 45%,transparent);opacity:1;cursor:not-allowed}.form-actions button[type=button]{background:color-mix(in hsl,var(--color-ink) 28%,transparent);border:none;color:var(--color-ink);font-weight:500;box-shadow:none}.form-actions button[type=button]:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent);color:var(--color-ink)}.form-actions button[type=button]:active{background:color-mix(in hsl,var(--color-ink) 28%,transparent);color:var(--color-ink)}.form-actions button[type=button]:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.signup-btn{background:var(--color-ink);border:none;color:var(--color-surface);font-weight:600}.signup-btn:hover,.signup-btn:active{background:var(--color-ink);color:var(--color-surface);opacity:.95}.signup-btn:focus-visible{outline:var(--focus-ring-width) solid color-mix(in hsl,var(--color-ink) 60%,var(--color-surface));outline-offset:.125rem}.signup-btn:disabled{opacity:.75;cursor:not-allowed}button,[role=button],a,input,textarea,label{touch-action:manipulation}.btn-black{background:var(--color-ink)!important;color:var(--color-surface)!important;border-color:var(--color-ink)!important}.btn-black:hover{background:var(--color-ink)!important;border-color:var(--color-ink)!important}.btn-black:active{background:var(--color-ink)!important;border-color:var(--color-ink)!important;opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit;border:.0625rem solid var(--color-ink);padding:calc(.5rem * var(--ui-scale-space));font-size:calc(.875rem * var(--ui-scale));background:var(--color-surface);color:var(--color-ink);border-radius:calc(var(--radius-sm) * var(--ui-scale-radius));min-block-size:calc(1rem * var(--ui-scale) + .75rem * var(--ui-scale-space))}input::placeholder,textarea::placeholder{font-family:inherit;color:var(--color-ink-muted)}input:focus,textarea:focus{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}input[type=checkbox]{appearance:none;touch-action:manipulation;width:1rem;height:1rem;min-block-size:1rem;aspect-ratio:1 / 1;border:.0625rem solid var(--color-ink);background:var(--color-surface);display:inline-block;position:relative;border-radius:.25rem;margin:0;vertical-align:middle}input[type=checkbox]:focus{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;background:var(--color-ink)}.tag-display{display:inline-flex;align-items:center;justify-content:center;line-height:1;min-block-size:calc(1rem * var(--ui-scale) + .5rem * var(--ui-scale-space));padding-block:0;padding-inline:calc(.75rem * var(--ui-scale-space));border-radius:var(--radius-pill);font-size:calc(.75rem * var(--ui-scale));font-weight:400;color:var(--color-tag-text-on-colored)}::-webkit-scrollbar{width:.375rem;height:.375rem}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}[data-theme=light] ::selection{background:color-mix(in srgb,var(--ref-success-400) 28%,transparent);color:var(--color-ink)}.app{display:flex;inline-size:100%;height:100vh;height:100dvh;background-color:var(--color-bg);overflow:hidden}.main-content{--page-pad-inline: 1.7rem;flex:1;padding:var(--page-pad-inline);overflow:auto}@media(max-width:80em){.main-content{--page-pad-inline: 1.25rem}}@media(max-width:64em){.main-content{--page-pad-inline: 1rem}}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.welcome h1{font-size:calc(3rem * var(--ui-scale));margin-bottom:1rem;letter-spacing:-.125rem}.welcome p{font-size:calc(1.125rem * var(--ui-scale));color:var(--color-ink-muted);margin:0}@media(max-width:48em){.app{flex-direction:column}.welcome h1{font-size:calc(2rem * var(--ui-scale))}}.state-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--color-bg);z-index:10}.state-screen h2{font-size:calc(1.25rem * var(--ui-scale));font-weight:500;color:var(--color-ink);margin:0 0 calc(.5rem * var(--ui-scale-space)) 0}.state-screen p{font-size:calc(.9375rem * var(--ui-scale));color:var(--color-ink-muted);margin:0 0 calc(1.25rem * var(--ui-scale-space)) 0;max-width:20em}.state-screen a{font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink);text-decoration:none;padding:calc(.5rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));border:.0625rem solid var(--color-ink);border-radius:var(--radius-md);transition:background .2s ease,color .2s ease}.state-screen a:hover{background:var(--color-ink);color:var(--color-surface)}.corner-logo{position:fixed;right:calc(1rem * var(--ui-scale-space));bottom:calc(1rem * var(--ui-scale-space));font-size:calc(.875rem * var(--ui-scale));text-transform:lowercase;color:var(--color-ink-muted);opacity:.9;pointer-events:none}.mode-mobile .corner-logo{display:none}.confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.confirm-dialog{background:var(--color-surface);border:none;width:90%;max-width:37.5rem;max-height:80vh;display:flex;flex-direction:column;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.confirm-header{display:flex;justify-content:space-between;align-items:center;padding:calc(1rem * var(--ui-scale-space));border-bottom:none;background:var(--color-panel)}.confirm-header h3{margin:0;font-size:calc(1.25rem * var(--ui-scale))}.confirm-close-btn{width:2rem;height:2rem;aspect-ratio:1 / 1;padding:0;border-radius:50%;background:color-mix(in hsl,var(--color-ink) 16%,transparent);border:none;font-size:calc(1.25rem * var(--ui-scale-icon));display:flex;align-items:center;justify-content:center;transition:background .2s ease}.confirm-close-btn:hover{background:var(--color-danger-bg);color:var(--color-danger-text)}.confirm-close-btn:active{background:var(--color-danger-bg-hover);color:var(--color-danger-text)}.confirm-content{padding:calc(1.5rem * var(--ui-scale-space))}.confirm-content p{margin:0;font-size:calc(1rem * var(--ui-scale));font-weight:400}.confirm-footer{display:flex;justify-content:flex-end;gap:calc(1rem * var(--ui-scale-space));padding:calc(1rem * var(--ui-scale-space));border-top:none;background:var(--color-panel)}.save-btn:hover{background:var(--color-ink);border-color:var(--color-ink);opacity:.95}.auth-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000}.auth-overlay:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--color-ink) 40%,transparent)}.auth-modal{position:relative;background:var(--color-surface);color:var(--color-ink);border:.0625rem solid var(--color-border);width:min(90vw,28rem);max-height:92vh;overflow:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:2rem}.auth-modal>.close-btn{position:absolute;top:.75rem;right:.75rem}.auth-modal form{display:grid;gap:1rem}.auth-modal h2{margin:0 0 1rem;text-align:center;font-size:calc(1.25rem * var(--ui-scale))}.auth-modal .form-actions{display:grid;gap:.75rem}.auth-modal input,.auth-modal .auth-actions button,.auth-modal .btn-black{width:100%}.auth-modal .btn-black{font-weight:600}.auth-modal .auth-actions button{font-weight:500}.auth-form{display:grid;gap:1rem}.auth-form h2{margin:0 0 1rem;text-align:center;font-size:calc(1.25rem * var(--ui-scale))}.auth-brand{text-align:center;font-weight:700;letter-spacing:-.02em;font-size:calc(1.375rem * var(--ui-scale));margin-bottom:.25rem}.auth-error{background:var(--color-danger-bg);color:var(--color-danger-text);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:calc(.875rem * var(--ui-scale))}.auth-success{background:color-mix(in srgb,var(--ref-success-300) 40%,transparent);color:var(--ref-success-900);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:calc(.875rem * var(--ui-scale))}.auth-form label span{display:block;font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink-muted);margin-bottom:.25rem}.auth-actions{display:grid;gap:.75rem}.auth-form input,.auth-actions button{width:100%}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;color:var(--color-ink-muted);font-size:calc(.875rem * var(--ui-scale))}.auth-divider .line{height:.0625rem;background:var(--color-border-subtle)}.auth-google-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.auth-google-btn .g-icon{width:1.25rem;height:1.25rem;display:inline-block}.auth-links-row{display:flex;justify-content:space-between;gap:.5rem;font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink-muted)}.auth-links-row.center{justify-content:center}.auth-alt{margin-top:.5rem;display:flex;justify-content:center;gap:.5rem;font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink-muted)}.auth-link{color:var(--color-ink);text-decoration:underline}.project-sidebar{--sidebar-card-height: calc(2.625rem * var(--ui-scale-space));position:relative;width:clamp(calc(17rem * var(--ui-scale-space)),26vw,calc(22rem * var(--ui-scale-space)));background:var(--color-panel);box-shadow:var(--shadow-xs);padding:calc(1rem * var(--ui-scale-space));overflow-y:auto;display:flex;flex-direction:column}.project-sidebar.empty{overflow-y:hidden}.project-sidebar.empty .sidebar-footer{position:sticky;bottom:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(1rem * var(--ui-scale-space));padding-bottom:calc(1rem * var(--ui-scale-space))}.sidebar-header h2{margin:0;font-size:calc(1rem * var(--ui-scale));font-weight:500}.new-project-ghost{background:var(--color-ghost-btn);border:none;color:var(--color-ink);font-weight:600;padding:calc(.375rem * var(--ui-scale-space)) calc(.75rem * var(--ui-scale-space));border-radius:var(--radius-sm);transition:background .2s ease}@media(hover:hover)and (pointer:fine){.new-project-ghost:hover{background:var(--color-ghost-btn-hover)}}.create-project-form{position:relative;z-index:1;margin-top:1rem;padding:calc(1rem * var(--ui-scale-space));border:none;background:var(--color-muted-bg)}.create-project-form input{width:100%;margin-bottom:.75rem}.form-actions{display:flex;gap:calc(.5rem * var(--ui-scale-space));padding-top:calc(.5rem * var(--ui-scale-space))}.form-actions button{flex:1;font-size:calc(.75rem * var(--ui-scale));padding:.375rem .75rem}.create-project-form .form-actions button[type=submit]{background:var(--color-ink);color:var(--color-surface);border-color:var(--color-ink)}@media(hover:hover)and (pointer:fine){.create-project-form .form-actions button[type=submit]:hover{background:var(--color-ink);border-color:var(--color-ink)}}.projects-list{display:flex;flex-direction:column}.sidebar-actions{display:flex;gap:calc(.5rem * var(--ui-scale-space));align-items:stretch;margin-top:calc(.65rem * var(--ui-scale-space))}.new-project-tile{height:var(--sidebar-card-height);flex:1;display:flex;align-items:center;justify-content:center;padding:calc(.55rem * var(--ui-scale-space));color:var(--color-ink);background:var(--color-ghost-btn);font-size:calc(.875rem * var(--ui-scale));font-weight:400;border-radius:var(--radius-md);border:none}@media(hover:hover)and (pointer:fine){.new-project-tile:hover{background:var(--color-ghost-btn-hover);color:var(--color-ink)}}.new-project-tile:focus{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.project-sidebar.collapsed{width:3.5rem;padding:.5rem}.project-sidebar.collapsed .sidebar-header{justify-content:center;gap:.5rem}.project-sidebar.collapsed .sidebar-header h2,.project-sidebar.collapsed .create-btn,.project-sidebar.collapsed .new-project-ghost,.project-sidebar.collapsed .new-project-tile,.project-sidebar.collapsed .create-project-form,.project-sidebar.collapsed .projects-list,.project-sidebar.collapsed .empty-state{display:none}.project-sidebar.collapsed .sidebar-toggle-handle{right:-.75rem}.project-item{height:var(--sidebar-card-height);display:flex;justify-content:space-between;align-items:center;padding:calc(.55rem * var(--ui-scale-space));border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease;touch-action:none;user-select:none;-webkit-user-select:none}.project-item-inner{flex:1;display:flex;justify-content:space-between;align-items:center;transition:padding-left .2s ease}@media(hover:hover)and (pointer:fine){.project-item:hover{background:var(--color-panel-hover)}}.project-item.active{background:var(--color-card);color:inherit}[data-theme=light] .project-item.active,[data-theme=dark] .project-item.active{background:var(--color-card)}.project-name{flex:1;font-size:calc(.875rem * var(--ui-scale));font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-repeat:no-repeat;background-position:left center;background-size:1.1em 1.1em;padding-left:1.6em}[data-theme=light] .project-name{background-image:url(/list_icon_black.svg)}[data-theme=dark] .project-name{background-image:url(/list_icon_white.svg)}.project-name-input{flex:1;font-size:calc(.875rem * var(--ui-scale));font-weight:400;color:inherit;background:transparent;border:.0625rem solid var(--color-border);border-radius:.25rem;padding:calc(.125rem * var(--ui-scale-space)) calc(.25rem * var(--ui-scale-space));outline:none}.project-name-input:focus{border-color:var(--color-ink)}.project-item.editing{cursor:text}.project-item.active .project-name-input{border-color:var(--color-border)}.project-item.active .project-name-input:focus{border-color:var(--color-border)}.delete-btn{width:1.5rem;height:1.5rem;aspect-ratio:1 / 1;border-radius:50%;background:transparent;border:.0625rem solid var(--color-border-muted);color:var(--color-ink-muted);font-size:calc(.875rem * var(--ui-scale-icon));line-height:1;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;flex:0 0 auto;overflow:hidden;opacity:.7;transition:all .2s ease}@media(hover:hover)and (pointer:fine){.delete-btn:hover{background:var(--color-danger-bg-hover);color:var(--color-surface);border-color:var(--color-danger-bg-hover);opacity:1}}.project-item.active .delete-btn{border-color:var(--color-border);color:var(--color-ink)}@media(hover:hover)and (pointer:fine){.project-item.active .delete-btn:hover{background:var(--color-danger-bg-hover);border-color:var(--color-danger-bg-hover)}}.board-options-wrap{position:relative;display:inline-flex;margin-left:calc(.5rem * var(--ui-scale-space))}.folder-options-wrap{position:relative;display:inline-flex;margin-left:0}.board-options-btn,.folder-options-btn{background:transparent;border:none;padding:.25rem;cursor:pointer;font-size:calc(1rem * var(--ui-scale));line-height:1;color:var(--color-ink);opacity:.4;transition:opacity .2s;display:inline-flex;align-items:center;justify-content:center}.board-options-icon,.folder-options-icon{display:flex;align-items:center;justify-content:center;line-height:1;font-size:calc(1.2rem * var(--ui-scale))}@media(hover:hover)and (pointer:fine){.board-options-btn:hover,.folder-options-btn:hover{opacity:.8}}.board-options-btn:active,.folder-options-btn:active{opacity:1}.board-options-btn:focus-visible,.folder-options-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.board-options-panel,.folder-options-panel{position:absolute;top:100%;right:0;margin-top:calc(.5rem * var(--ui-scale-space));inline-size:clamp(10rem,50vw,14rem);background:var(--color-surface);border:.125rem solid var(--color-ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:calc(.5rem * var(--ui-scale-space));z-index:10;font-size:calc(.875rem * var(--ui-scale))}.board-options-panel button,.folder-options-panel button{block-size:auto;justify-content:flex-start;text-align:left;color:var(--color-ink)}@media(hover:hover)and (pointer:fine){.board-options-panel button:hover,.folder-options-panel button:hover{color:var(--color-ink)}}.board-options-panel button:focus-visible,.folder-options-panel button:focus-visible{color:var(--color-ink)}.board-options-panel .settings-menu,.folder-options-panel .settings-menu{list-style:none;margin:0;padding:calc(.25rem * var(--ui-scale-space)) calc(.25rem * var(--ui-scale-space));display:flex;flex-direction:column;gap:calc(.125rem * var(--ui-scale-space))}.board-options-panel .settings-item,.folder-options-panel .settings-item{position:relative;display:block;width:100%}.board-options-panel .settings-item-label,.folder-options-panel .settings-item-label{width:100%;text-align:left;background:transparent;border:0;padding:calc(.375rem * var(--ui-scale-space)) calc(.75rem * var(--ui-scale-space));border-radius:var(--radius-sm);font-weight:600;display:block;position:relative}@media(hover:hover)and (pointer:fine){.board-options-panel .settings-item-label:hover,.folder-options-panel .settings-item-label:hover{background:var(--color-panel-hover)}}.board-options-panel .settings-item-label:focus-visible,.folder-options-panel .settings-item-label:focus-visible{background:var(--color-panel-hover)}.board-options-panel .settings-item.danger .settings-item-label,.folder-options-panel .settings-item.danger .settings-item-label{color:var(--color-danger-text)}@media(hover:hover)and (pointer:fine){.board-options-panel .settings-item.danger .settings-item-label:hover,.folder-options-panel .settings-item.danger .settings-item-label:hover{background:var(--color-danger-bg);color:var(--color-danger-text)}}.board-options-panel .settings-item.danger .settings-item-label:focus-visible,.folder-options-panel .settings-item.danger .settings-item-label:focus-visible{background:var(--color-danger-bg);color:var(--color-danger-text)}.empty-state{color:var(--color-ink-muted);font-size:calc(.75rem * var(--ui-scale));text-align:center;margin-top:calc(2rem * var(--ui-scale-space));line-height:1.5}.sidebar-footer{position:sticky;bottom:0;left:0;z-index:10;background:var(--color-panel);padding-top:calc(1.5rem * var(--ui-scale-space));padding-bottom:calc(1rem * var(--ui-scale-space));margin-top:auto}.logout-btn{width:100%;text-align:left;background:transparent;border:.0625rem solid var(--color-border-muted);color:var(--color-ink);font-size:calc(.875rem * var(--ui-scale));padding:calc(.55rem * var(--ui-scale-space));border-radius:var(--radius-md)}.auth-buttons{display:grid;gap:calc(.5rem * var(--ui-scale-space))}.sidebar-actions+.auth-buttons{margin-top:calc(.5rem * var(--ui-scale-space))}.auth-buttons .login-btn,.auth-buttons .signup-btn{width:100%;font-size:calc(.875rem * var(--ui-scale));text-decoration:none;padding:calc(.75rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space))}.auth-buttons .login-btn{font-weight:500}.auth-buttons .signup-btn{font-weight:600}@media(hover:hover)and (pointer:fine){.logout-btn:hover{background:var(--color-panel-hover);border-color:var(--color-border)}}.collapse-btn{width:2.5rem;height:2.5rem;aspect-ratio:1 / 1;display:inline-flex;align-items:center;justify-content:center;font-size:calc(1rem * var(--ui-scale-icon));line-height:1;background:transparent;border:none;padding:calc(.2rem * var(--ui-scale-space));color:var(--color-ink)}.collapse-btn .collapse-icon{display:flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:calc(1.25rem * var(--ui-scale-icon));font-weight:300;line-height:1}@media(hover:hover)and (pointer:fine){.collapse-btn:hover{background:transparent}}.collapse-btn:active{background:transparent;opacity:.7}.collapse-btn:focus{outline:none}.collapse-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.sidebar-resize-handle{position:absolute;top:0;right:0;width:.375rem;height:100%;cursor:col-resize;z-index:100}@media(hover:hover)and (pointer:fine){.sidebar-resize-handle:hover{background:var(--color-border-muted)}}@media(max-width:48em){.project-sidebar{width:100%!important;max-height:12.5rem;border-right:none;border-bottom:.0625rem solid var(--color-border);overflow-x:hidden}.projects-list{flex-direction:column;align-items:stretch;overflow-x:hidden;gap:calc(.25rem * var(--ui-scale-space));padding-bottom:0}.project-item{min-width:0;inline-size:100%;width:100%;flex-shrink:1;margin-left:0!important;touch-action:pan-y;position:relative}.drag-handle-mobile-sidebar{position:absolute;top:50%;transform:translateY(-50%);right:calc(.3rem * var(--ui-scale-space));display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:calc(.2rem * var(--ui-scale-space));cursor:grab;color:var(--color-ink-muted);opacity:.4;font-size:calc(1.25rem * var(--ui-scale));line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1}.drag-handle-mobile-sidebar:active{cursor:grabbing;opacity:.7}.project-item .board-options-wrap{margin-right:2rem}.sidebar-resize-handle{display:none}.folder-header .delete-column-btn{border:none;background:transparent;box-shadow:none;outline:none;font-size:calc(1rem * var(--ui-scale-icon));padding:0;inline-size:auto;width:auto;height:auto}.folder-header .delete-column-btn:active,.folder-header .delete-column-btn:focus{background:transparent;border:none;box-shadow:none;outline:none;color:var(--color-ink)}.folder-chevron,.folder-chevron:active,.folder-chevron:focus{background:transparent;box-shadow:none;-webkit-tap-highlight-color:transparent}.folder-header{inline-size:100%;width:100%;touch-action:pan-y;position:relative}.folder-header .drag-handle-mobile-sidebar{position:absolute;top:50%;transform:translateY(-50%);right:calc(.3rem * var(--ui-scale-space));display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:calc(.2rem * var(--ui-scale-space));cursor:grab;color:var(--color-ink-muted);opacity:.4;font-size:calc(1.25rem * var(--ui-scale));line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1}.folder-header .drag-handle-mobile-sidebar:active{cursor:grabbing;opacity:.7}.folder-header .folder-options-wrap{margin-right:2rem}.project-item .project-item-inner{padding-left:calc(var(--depth, 0) * 1.5rem)}}@media(max-width:48em){.mobile-drawer .project-sidebar{width:100%!important;max-width:100%;max-height:none;height:100vh;height:100dvh;border-bottom:none}.mobile-drawer .collapse-btn{display:none}.mobile-drawer .projects-list{flex-direction:column;overflow-x:visible;gap:.25rem;padding-bottom:0;width:100%}.mobile-drawer .project-item{min-width:auto;width:100%}.mobile-drawer .auth-buttons{width:100%}}.folder-header{height:var(--sidebar-card-height);display:flex;align-items:center;padding:calc(.55rem * var(--ui-scale-space));cursor:pointer;transition:background .2s ease,border-color .2s ease;background:var(--color-panel);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.folder-header-inner{flex:1;display:flex;align-items:center;gap:calc(.5rem * var(--ui-scale-space));transition:padding-left .2s ease}@media(hover:hover)and (pointer:fine){.folder-header:hover{background:var(--color-panel-hover);border-color:var(--color-border)}}.folder-header.drag-over{background:var(--color-muted-bg);border:.125rem solid var(--color-accent);border-radius:var(--radius-md);box-shadow:0 0 0 .1875rem var(--color-muted-bg);transition:all .15s ease-out}.folder-chevron{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-ink-muted);font-size:calc(.625rem * var(--ui-scale));width:calc(1.25rem * var(--ui-scale-space));height:calc(1.25rem * var(--ui-scale-space))}@media(hover:hover)and (pointer:fine){.folder-chevron:hover{color:var(--color-ink)}}.chevron-icon{display:block;line-height:1}.folder-name{flex:1;font-size:calc(.875rem * var(--ui-scale));font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.folder-name-input{flex:1;font-size:calc(.875rem * var(--ui-scale));font-weight:400;color:inherit;background:transparent;border:.0625rem solid var(--color-border);border-radius:.25rem;padding:calc(.125rem * var(--ui-scale-space)) calc(.25rem * var(--ui-scale-space));outline:none}.folder-name-input:focus{border-color:var(--color-ink)}.folder-header.editing{cursor:text}.board-count{font-size:calc(.625rem * var(--ui-scale));color:var(--color-ink);background:var(--color-ghost-btn);padding:calc(.125rem * var(--ui-scale-space)) calc(.5rem * var(--ui-scale-space));border-radius:calc(1rem * var(--ui-scale-space));font-weight:500;min-width:calc(1.5rem * var(--ui-scale-space));text-align:center}.new-folder-tile{height:var(--sidebar-card-height);flex:1;display:flex;align-items:center;justify-content:center;padding:calc(.55rem * var(--ui-scale-space));color:var(--color-ink);background:var(--color-ghost-btn);font-size:calc(.875rem * var(--ui-scale));font-weight:400;border-radius:var(--radius-md);border:none}@media(hover:hover)and (pointer:fine){.new-folder-tile:hover{background:var(--color-ghost-btn-hover);color:var(--color-ink)}}.new-folder-tile:focus{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.create-folder-form{position:relative;z-index:1;margin-bottom:1rem;padding:calc(1rem * var(--ui-scale-space));border:.0625rem solid var(--color-border);background:var(--color-muted-bg);border-radius:var(--radius-md)}.create-folder-form input{width:100%;margin-bottom:.75rem}.project-sidebar.collapsed .folder-wrapper,.project-sidebar.collapsed .new-folder-tile,.project-sidebar.collapsed .create-folder-form{display:none}.projects-list .drop-placeholder{height:.01rem;pointer-events:auto;transition:height .15s ease}.projects-list .drop-placeholder-active{height:calc(2.5rem * var(--ui-scale-space));min-height:calc(2.5rem * var(--ui-scale-space))}.folder-header.clone,.project-item.clone{opacity:.8;transform:scale(1.05);box-shadow:0 8px 16px #0003;cursor:grabbing}.role-badge{font-size:calc(.625rem * var(--ui-scale));padding:calc(.125rem * var(--ui-scale-space)) calc(.375rem * var(--ui-scale-space));border-radius:calc(var(--radius-sm) * var(--ui-scale-radius));text-transform:capitalize;font-weight:600;letter-spacing:.03125rem;margin-left:calc(.5rem * var(--ui-scale-space));background:var(--color-panel);color:var(--color-ink);border:.0625rem solid var(--color-border-subtle);flex-shrink:0}.desktop-shell{display:flex;inline-size:100%;min-height:100vh}.desktop-shell>.project-sidebar{flex:0 0 auto}.desktop-shell>.main-content{flex:1;overflow:auto;display:flex;flex-direction:column}.empty-state{display:flex;flex-direction:column;flex:1;position:relative}.empty-state .welcome{flex:1 1 auto;height:auto}.empty-state .kanban-board .board-header{position:absolute;inset-inline:0;inset-block-start:0;z-index:1}.empty-state .welcome-arrow{position:absolute;inset-block-start:10%;inset-inline-end:40%;transform:rotate(270deg);z-index:2;pointer-events:none}.empty-state .welcome-arrow img{display:block;inline-size:5rem;block-size:auto}[data-theme=dark] .empty-state .welcome-arrow .arrow-dark{display:block}[data-theme=dark] .empty-state .welcome-arrow .arrow-light,[data-theme=light] .empty-state .welcome-arrow .arrow-dark{display:none}[data-theme=light] .empty-state .welcome-arrow .arrow-light{display:block}.empty-state .welcome-arrow.bottom-left{inset-block-end:13%;inset-inline-start:5%;inset-block-start:auto;inset-inline-end:auto;transform:rotate(130deg)}.mobile-shell{display:flex;flex-direction:column;height:100vh;height:100dvh}.mobile-topbar{position:sticky;top:0;z-index:16400;padding-top:env(safe-area-inset-top);background:var(--color-bg);border-bottom:.0625rem solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.hamburger-btn{background:color-mix(in hsl,var(--color-ink) 28%,transparent);border:none;color:var(--color-ink);inline-size:calc(2.75rem * var(--ui-scale-space));block-size:calc(2.75rem * var(--ui-scale-space));padding:0;font-size:calc(1.5rem * var(--ui-scale-icon));line-height:1;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;transition:background .2s ease,color .2s ease}.hamburger-btn:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent)}.hamburger-btn:active{background:color-mix(in hsl,var(--color-ink) 28%,transparent)}.hamburger-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.topbar-title{font-weight:600}.mobile-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:calc(1rem * var(--ui-scale-space));padding-top:calc(1.2rem * var(--ui-scale-space) + env(safe-area-inset-top));padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))}.mobile-content>*{flex:1;min-height:0}.mobile-drawer{position:fixed;inset:0 auto 0 0;width:min(80vw,22rem);transform:translate(-100%);transition:transform .2s ease-out;background:var(--color-surface);border-right:.0625rem solid var(--color-border);z-index:-1;pointer-events:none}.mobile-drawer.open{transform:translate(0);z-index:20000;pointer-events:auto}.mobile-drawer .collapse-btn{display:none}.mobile-drawer-content{height:100%;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}.mobile-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--color-ink) 35%,transparent);z-index:6500}.mobile-tabs{position:sticky;bottom:0;z-index:6300;background:var(--color-surface);border-top:none;display:grid;grid-template-columns:1fr 1fr;padding-bottom:env(safe-area-inset-bottom)}.mobile-tabs>button{padding:.875rem 1rem;border:none;background:transparent;color:var(--color-ink);font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;border-radius:0}.mobile-tabs>button.active{background:var(--color-panel-hover);color:var(--color-ink);font-weight:700}.mobile-tabs>button:hover{background:var(--color-panel-hover);box-shadow:0 0 0 .0625rem var(--color-border) inset}.mobile-tabs>button:active{background:var(--color-panel-hover)}.mobile-tabs>button:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.mobile-ai-sheet{position:fixed;left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);border-top:.0625rem solid var(--color-border);z-index:6700;padding:1rem}.mobile-ai-input{width:100%;min-height:calc((1.4em + 1rem)*2)}.mobile-ai-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.mobile-ai-actions button{background:color-mix(in hsl,var(--color-ink) 28%,transparent);border:none;color:var(--color-ink);font-weight:400;padding:calc(.55rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));border-radius:var(--radius-md);transition:background .2s ease,color .2s ease}.mobile-ai-actions button:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent);color:var(--color-ink)}.mobile-ai-actions button:active{background:color-mix(in hsl,var(--color-ink) 28%,transparent);color:var(--color-ink)}.mobile-ai-actions button:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.mobile-ai-actions button:disabled{color:color-mix(in hsl,var(--color-ink) 45%,transparent);opacity:1}.mobile-ai-actions .btn-black{background:var(--color-ink);color:var(--color-surface);border:none;font-weight:600}.mobile-ai-actions .btn-black:hover,.mobile-ai-actions .btn-black:active{background:var(--color-ink);color:var(--color-surface)}.mobile-ai-actions .btn-black:disabled{background:var(--color-ink);color:color-mix(in hsl,var(--color-surface) 80%,transparent);opacity:.65}.mobile-ai-actions .btn-black.thinking{opacity:1!important;min-width:7rem}.settings-panel-mobile{padding:1rem}.settings-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;padding-top:1.5rem}.settings-grid .row{display:flex;gap:.5rem;flex-wrap:wrap}.settings-panel-mobile .label{margin-bottom:.5rem}.settings-panel-mobile button{background:color-mix(in hsl,var(--color-ink) 28%,transparent);border:none;color:var(--color-ink);font-weight:400;padding:calc(.55rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));border-radius:var(--radius-md);transition:background .2s ease,color .2s ease}.settings-panel-mobile button:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent);color:var(--color-ink)}.settings-panel-mobile button:active{background:color-mix(in hsl,var(--color-ink) 28%,transparent);color:var(--color-ink)}.settings-panel-mobile button:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.filter-tags-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem}.filter-tags-list .tag-checkbox{display:inline-flex!important;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer}.filter-tags-list+.row{margin-top:1rem}@media(min-width:48.01em){.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);z-index:1000;display:grid;place-items:center;opacity:0;transition:opacity .2s ease}.modal-overlay.modal--visible{opacity:1}.modal-content{background:var(--color-bg);border-radius:var(--radius-md, .5rem);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .15));max-width:840px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:scale(.95);transition:opacity .2s ease,transform .2s ease}[data-theme=light] .modal-content{background:var(--color-panel)}.modal-content.modal--visible{opacity:1;transform:scale(1)}.modal-content.modal-size-md{max-width:720px}.modal-content.modal-size-lg{max-width:840px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:calc(1.5rem * var(--ui-scale-space, 1));flex-shrink:0}.modal-title{margin:0;font-size:calc(1.25rem * var(--ui-scale, 1));font-weight:600;color:var(--color-ink, #000000)}.modal-close-btn{background:transparent;border:none;font-size:calc(1.5rem * var(--ui-scale, 1));color:var(--color-ink-muted, #666666);cursor:pointer;padding:.25rem;line-height:1;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, .25rem);transition:background-color .15s ease,color .15s ease}.modal-close-btn:hover{background:var(--color-panel-hover, rgba(0, 0, 0, .05));color:var(--color-ink, #000000)}.modal-close-btn:focus{outline:2px solid var(--color-primary, #0066cc);outline-offset:2px}.modal-body{flex:1;overflow-y:auto;padding:calc(.5rem * var(--ui-scale-space, 1)) calc(1.5rem * var(--ui-scale-space, 1)) 0;overscroll-behavior:contain;display:flex;flex-direction:column;gap:calc(1rem * var(--ui-scale-space, 1))}.modal-body input,.modal-body textarea{border:none}.modal-footer{display:flex;gap:calc(.75rem * var(--ui-scale-space, 1));padding:calc(1.5rem * var(--ui-scale-space, 1));justify-content:flex-end;flex-shrink:0}.modal-actions{display:flex;gap:calc(.75rem * var(--ui-scale-space, 1));width:100%}.modal-actions button{padding:calc(.625rem * var(--ui-scale-space, 1)) calc(1.25rem * var(--ui-scale-space, 1));font-size:calc(.875rem * var(--ui-scale, 1));min-width:7rem}.modal-actions button:not(.btn-black):not(.delete-card-btn){background:var(--color-ghost-btn);color:var(--color-ink);border:none}@media(hover:hover)and (pointer:fine){.modal-actions button:not(.btn-black):not(.delete-card-btn):hover{background:var(--color-ghost-btn-hover);color:var(--color-ink)}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-content{transition:none}}}body.modal-open{overflow:hidden}.card{background:var(--color-card);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);box-shadow:var(--shadow-xs),var(--shadow-inset-subtle)}.column-over .cards-list>.card{outline:.0625rem dashed var(--color-border);outline-offset:-.25rem}.card:hover{border-color:var(--color-border-muted);background:var(--color-card-hover);box-shadow:var(--shadow-sm),var(--shadow-inset-subtle)}.card.dragging{opacity:0;pointer-events:none}.ghost-placeholder{opacity:.25;border:.0625rem dashed var(--color-border);background:transparent}.card-content{padding:calc(.75rem * var(--ui-scale-space));min-height:calc(3.5rem * var(--ui-scale-space))}.card-content>*+*{margin-top:calc(.5rem * var(--ui-scale-space))}.card-title+.card-notes{margin-top:.01em}.card.title-only .card-content{display:flex;align-items:center}.drop-slot{height:.01rem}.drop-slot.active{background:var(--color-ink);opacity:.06}.card-title{margin:0;font-size:calc(.875rem * var(--ui-scale));font-weight:500;display:flex;align-items:center;line-height:1;min-block-size:calc(1rem * var(--ui-scale) + .5rem * var(--ui-scale-space));color:var(--color-ink)}.card.title-only .card-title{margin:0}.card-description{margin:0;font-size:calc(.75rem * var(--ui-scale));color:var(--color-ink-muted);line-height:1.5;word-wrap:break-word}.card-notes{margin-bottom:0;font-size:calc(.75rem * var(--ui-scale));color:var(--color-ink-muted);line-height:1.5;word-wrap:break-word}.card-tags{display:flex;padding-bottom:.35rem;flex-wrap:wrap;gap:calc(.375rem * var(--ui-scale-space))}.card-editing{cursor:default;position:relative;z-index:100}.card-editing:hover{border-color:var(--color-ink);box-shadow:var(--shadow-md)}.card-edit-form{padding:calc(1rem * var(--ui-scale-space));background:var(--color-card);border-radius:var(--radius-sm);position:relative;display:flex;flex-direction:column;gap:calc(.8rem * var(--ui-scale-space));font-size:calc(.875rem * var(--ui-scale))}.card-edit-toolbar{display:flex;justify-content:flex-end}.edit-menu-btn{background:transparent;border:none;font-size:1.25rem;line-height:1;font-weight:600;padding:0rem .5rem .8rem;cursor:pointer;color:var(--color-ink)}.edit-menu{position:absolute;top:0;right:0;margin-top:calc(2.5rem * var(--ui-scale-space));background:var(--color-surface);border:.09375rem solid var(--color-border-muted);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);min-width:12rem;padding:calc(.5rem * var(--ui-scale-space))}.edit-menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:calc(.5rem * var(--ui-scale-space)) calc(.75rem * var(--ui-scale-space));font-size:calc(.875rem * var(--ui-scale));cursor:pointer;color:var(--color-ink)}.edit-menu-item:hover{background:var(--color-muted-bg)}.edit-menu-item.delete{color:var(--color-danger-text)}.edit-title{width:100%;font-size:calc(.875rem * var(--ui-scale));font-weight:600;margin-bottom:0;font-family:inherit;color:var(--color-ink)}.edit-description{width:100%;font-size:calc(.875rem * var(--ui-scale));font-family:inherit;margin-bottom:0;resize:vertical;min-height:14.25rem;color:var(--color-ink)}.edit-notes{width:100%;font-size:calc(.875rem * var(--ui-scale));font-family:inherit;margin-bottom:0;resize:vertical;min-height:2.5rem;color:var(--color-ink)}.tag-selector{background:var(--color-surface);border:none;border-radius:var(--radius-sm);padding:calc(.5rem * var(--ui-scale-space)) calc(.75rem * var(--ui-scale-space));margin-bottom:0}.tag-selector input[type=checkbox]{background:var(--color-panel);border:.0625rem solid var(--color-ink)}.tag-selector-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;padding:0;font-size:calc(.85rem * var(--ui-scale));font-weight:700;cursor:pointer;color:var(--color-ink);text-align:left;font-family:inherit}.tag-selector-header:hover{background:color-mix(in srgb,var(--color-ink) 8%,transparent);color:var(--color-ink)}.tag-selector-header:active{background:color-mix(in srgb,var(--color-ink) 12%,transparent);color:var(--color-ink)}.tag-selector-arrow{font-size:calc(.85rem * var(--ui-scale));color:var(--color-ink-muted)}.tag-options{display:flex;flex-wrap:wrap;gap:calc(.5rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));align-items:center;margin-top:calc(.5rem * var(--ui-scale-space))}.tag-option{display:inline-flex!important;flex-direction:row;align-items:center;gap:calc(.5rem * var(--ui-scale-space));cursor:pointer;font-weight:400!important;margin-bottom:0!important;padding:calc(.125rem * var(--ui-scale-space)) calc(.25rem * var(--ui-scale-space));line-height:1;font-size:calc(.75rem * var(--ui-scale))}.card-edit-actions{display:flex;gap:calc(.5rem * var(--ui-scale-space))}.card-edit-actions button{flex:1;font-size:calc(.75rem * var(--ui-scale));padding:calc(.5rem * var(--ui-scale-space))}.card-edit-actions .cancel-btn{background:color-mix(in hsl,var(--color-ink) 12%,transparent);color:var(--color-ink);border:.0625rem solid color-mix(in hsl,var(--color-ink) 18%,transparent);font-weight:500;box-shadow:var(--shadow-xs)}.card-edit-actions .cancel-btn:hover,.card-edit-actions .cancel-btn:focus-visible{background:color-mix(in hsl,var(--color-ink) 18%,transparent);color:var(--color-ink)}.card-edit-actions .cancel-btn:active{background:color-mix(in hsl,var(--color-ink) 24%,transparent);color:var(--color-ink)}.delete-card-btn{background:var(--color-danger-bg)!important;color:var(--color-danger-text)!important;border-color:var(--color-danger-bg)!important}.delete-card-btn:hover{background:var(--color-danger-bg-hover)!important;border-color:var(--color-danger-bg-hover)!important}@media(max-width:48em){.card-content{padding:.5rem}.card{border:none}.card-title{font-size:calc(.8rem * var(--ui-scale))}.card-description,.card-notes{font-size:calc(.7rem * var(--ui-scale))}.card-edit-form{padding:.75rem}.card-edit-form input.edit-title,.card-edit-form textarea.edit-notes,.card-edit-form textarea.edit-description{font-size:calc(.875rem * var(--ui-scale))}.tag-options{gap:.375rem}}.column{min-width:12em;width:clamp(calc(12em * var(--ui-scale-space)),20vw,calc(27.5em * var(--ui-scale-space)));flex-shrink:0;background:var(--color-panel);display:flex;flex-direction:column;max-height:100%;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-xs)}.column.collapsed{align-self:flex-start;padding-bottom:calc(1rem * var(--ui-scale-space))}.column-header{padding:calc(1rem * var(--ui-scale-space));border-bottom:none;display:flex;justify-content:space-between;align-items:center;background:var(--color-panel)}.column.collapsed .column-header{padding-top:calc(1rem * var(--ui-scale-space));padding-bottom:calc(.5rem * var(--ui-scale-space));padding-left:calc(1rem * var(--ui-scale-space));padding-right:calc(1rem * var(--ui-scale-space))}.column-title{margin:0;font-size:calc(1rem * var(--ui-scale));cursor:pointer;flex:1;padding:.25rem;border-radius:.125rem;transition:background-color .2s ease}.column-title:hover{background:var(--color-panel-hover)}.column-edit input{width:100%;font-size:calc(1rem * var(--ui-scale));font-weight:700;font-family:inherit;margin:0;padding:.25rem}.column-actions{display:flex;align-items:center;gap:calc(.75rem * var(--ui-scale-space));margin-left:calc(1rem * var(--ui-scale-space))}.column-collapse{background:transparent;border:none;padding:.25rem;line-height:1;color:var(--color-ink);opacity:.6;transition:opacity .2s;display:inline-flex;align-items:center;justify-content:center;font-size:calc(1rem * var(--ui-scale));inline-size:calc(1.75rem * var(--ui-scale-space));block-size:calc(1.75rem * var(--ui-scale-space));flex:0 0 auto}.column-collapse:hover{opacity:.9}.column-collapse:active{opacity:1}.card-count{font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink-muted);font-weight:700;min-width:1.5rem;text-align:center}.column.collapsed .card-count{opacity:.6}.column.collapsed .column-grip,.column.collapsed .delete-column-btn{opacity:.3}.delete-column-btn{width:1.5rem;height:1.5rem;aspect-ratio:1 / 1;border-radius:50%;background:transparent;border:.0625rem solid var(--color-border-muted);color:var(--color-ink-muted);font-size:calc(1rem * var(--ui-scale-icon));display:flex;align-items:center;justify-content:center;padding:0;min-block-size:0;line-height:1;flex-shrink:0;flex:0 0 auto;overflow:hidden;transition:all .2s ease}.delete-column-btn:hover,.delete-column-btn:active{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-bg)}.cards-list{flex:1;overflow-y:auto;padding:calc(.5rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));display:flex;flex-direction:column;gap:calc(.75rem * var(--ui-scale-space));min-height:0}.column.collapsed .add-card-btn,.column.collapsed .add-card-form{display:none}.drop-placeholder{height:.01rem;pointer-events:auto}.collapsed-drop-zone{padding:0 1rem 1rem}.cards-list::-webkit-scrollbar{width:.375rem}.add-card-btn{margin:.5rem 1rem 1rem;padding:calc(.55rem * var(--ui-scale-space)) 0;background:var(--color-ghost-btn);border:none;color:var(--color-ink);font-size:calc(.875rem * var(--ui-scale));font-weight:400;display:flex;align-items:center;justify-content:center;min-block-size:calc(1rem * var(--ui-scale) + .5rem * var(--ui-scale-space));transition:all .2s ease;border-radius:var(--radius-md)}.add-card-btn:hover{background:var(--color-ghost-btn-hover);color:var(--color-ink)}.add-card-btn:active{background:color-mix(in hsl,var(--color-ink) 28%,transparent);color:var(--color-ink)}.add-card-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.add-card-form{margin:0 1rem 1rem;padding:calc(1rem * var(--ui-scale-space));border:.0625rem solid var(--color-border);background:var(--color-muted-bg);font-size:calc(.875rem * var(--ui-scale))}.add-card-form input[type=text],.add-card-form textarea{width:100%;margin-bottom:.75rem;font-size:calc(.875rem * var(--ui-scale))}.add-card-form .form-actions{display:flex;gap:calc(.5rem * var(--ui-scale-space));padding-top:calc(.5rem * var(--ui-scale-space))}.add-card-form .form-actions button{flex:1;font-size:calc(.75rem * var(--ui-scale));padding:calc(.375rem * var(--ui-scale-space)) calc(.75rem * var(--ui-scale-space))}@media(max-width:80em)and (min-width:48em){.column{min-width:18em;width:clamp(18em,24vw,27.5em)}}@media(max-width:48em){.column{min-width:88vw;width:88vw}.column-header{padding:.75rem}.column-title{font-size:calc(.9rem * var(--ui-scale))}.cards-list{padding:.5rem .75rem .75rem;gap:.5rem}.add-card-btn{margin:.5rem .75rem .75rem;padding:calc(.55rem * var(--ui-scale-space)) 0}.add-card-form{margin:0 .75rem .75rem;padding:.75rem}}.column-grip{background:transparent;border:none;padding:.25rem;cursor:grab;font-size:calc(1rem * var(--ui-scale));line-height:1;color:var(--color-ink);opacity:.4;transition:opacity .2s}.column-grip:hover{opacity:.8}.column-grip:active{cursor:grabbing}.column-dragging{opacity:.5;cursor:grabbing}.add-card-form .tag-option{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;line-height:1}.add-card-form .tag-options{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;margin-top:.5rem}.add-card-form .tag-option input{vertical-align:middle}.share-dialog-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--color-ink) 40%,transparent);display:flex;align-items:center;justify-content:center;z-index:10000}.share-dialog{background:var(--color-surface);border:none;width:90%;max-width:37.5rem;max-height:80vh;display:flex;flex-direction:column;border-radius:calc(var(--radius-md) * var(--ui-scale-radius));box-shadow:var(--shadow-md)}.share-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:calc(1rem * var(--ui-scale-space));border-bottom:none;background:var(--color-panel)}.share-dialog-header h2{margin:0;font-size:calc(1.25rem * var(--ui-scale));color:var(--color-ink)}.close-button{width:calc(2rem * var(--ui-scale-icon));height:calc(2rem * var(--ui-scale-icon));aspect-ratio:1 / 1;padding:0;border-radius:50%;background:color-mix(in hsl,var(--color-ink) 16%,transparent);border:none;font-size:calc(1.25rem * var(--ui-scale-icon));line-height:1;display:flex;align-items:center;justify-content:center;color:var(--color-ink);transition:background .2s ease}.close-button:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent)}.share-dialog-content{padding:calc(1.5rem * var(--ui-scale-space));overflow-y:auto}.add-member-form{margin-bottom:calc(1.5rem * var(--ui-scale-space));display:flex;flex-direction:column;gap:calc(.5rem * var(--ui-scale-space))}.invite-label{font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink-muted);font-weight:500}.form-row{display:flex;gap:calc(.5rem * var(--ui-scale-space))}.add-member-form input{flex:1;padding:calc(.5rem * var(--ui-scale-space));border:.0625rem solid var(--color-border);border-radius:calc(var(--radius-sm) * var(--ui-scale-radius));font-size:calc(.875rem * var(--ui-scale));background:var(--color-surface);color:var(--color-ink);min-block-size:calc(1rem * var(--ui-scale) + .75rem * var(--ui-scale-space))}.add-member-form input::placeholder{color:var(--color-ink-muted)}.add-member-form input:focus{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem;border-color:var(--color-ink)}.add-member-form button{padding:calc(.5rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));background:var(--color-surface);color:var(--color-ink);border:.0625rem solid var(--color-ink);border-radius:calc(var(--radius-sm) * var(--ui-scale-radius));cursor:pointer;font-size:calc(.875rem * var(--ui-scale));font-weight:600;min-block-size:calc(1rem * var(--ui-scale) + .75rem * var(--ui-scale-space));transition:all .2s ease}.add-member-form button:hover:not(:disabled){background:var(--color-ink);color:var(--color-surface)}.add-member-form button:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:calc(.75rem * var(--ui-scale-space));background:var(--color-danger-bg);color:var(--color-danger-text);border-radius:calc(var(--radius-sm) * var(--ui-scale-radius));margin-bottom:calc(1rem * var(--ui-scale-space));font-size:calc(.875rem * var(--ui-scale));border:none}.members-list h3{font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink);margin-bottom:calc(.75rem * var(--ui-scale-space));font-weight:600;text-transform:uppercase;letter-spacing:.025em}.member-item{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(1rem * var(--ui-scale-space));padding:calc(.75rem * var(--ui-scale-space));border:none;border-radius:calc(var(--radius-sm) * var(--ui-scale-radius));margin-bottom:calc(.5rem * var(--ui-scale-space));background:var(--color-panel)}.member-item:last-child{margin-bottom:0}.member-info{display:flex;flex-direction:column;gap:calc(.25rem * var(--ui-scale-space));min-width:0;flex:1}.member-name-row{display:flex;align-items:center;gap:calc(.5rem * var(--ui-scale-space));justify-content:space-between}.member-name{font-size:calc(.875rem * var(--ui-scale));font-weight:500;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis}.member-email{font-size:calc(.75rem * var(--ui-scale));color:var(--color-ink-muted);overflow:hidden;text-overflow:ellipsis}.member-role{font-size:calc(.75rem * var(--ui-scale));color:var(--color-ink);background:var(--color-surface);border:none;padding:calc(.125rem * var(--ui-scale-space)) calc(.5rem * var(--ui-scale-space));border-radius:calc(var(--radius-sm) * var(--ui-scale-radius));display:inline-block;width:fit-content;text-transform:capitalize;flex-shrink:0}.remove-button{padding:calc(.375rem * var(--ui-scale-space)) calc(.75rem * var(--ui-scale-space));background:var(--color-danger-bg);color:var(--color-danger-text);border:.0625rem solid transparent;border-radius:calc(var(--radius-sm) * var(--ui-scale-radius));cursor:pointer;font-size:calc(.75rem * var(--ui-scale));min-block-size:calc(1rem * var(--ui-scale) + .5rem * var(--ui-scale-space));transition:all .2s ease}.remove-button:hover{background:var(--color-danger-bg-hover)}.tag-manager-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.tag-manager{background:var(--color-surface);width:90%;max-width:37.5rem;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-md);background-clip:padding-box}.tag-manager-header{display:flex;justify-content:space-between;align-items:center;padding:calc(1rem * var(--ui-scale-space));border-bottom:.0625rem solid var(--color-border-subtle);background:var(--color-panel)}.tag-manager-header h2{margin:0;font-size:calc(1.25rem * var(--ui-scale))}.close-btn{width:2rem;height:2rem;aspect-ratio:1 / 1;padding:0;border-radius:50%;background:transparent;border:.0625rem solid var(--color-border-muted);font-size:calc(1.25rem * var(--ui-scale-icon));display:flex;align-items:center;justify-content:center}.close-btn:hover,.close-btn:active{background:var(--color-danger-bg-hover);color:var(--color-surface);border-color:var(--color-danger-bg-hover)}.tag-manager-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:calc(1.5rem * var(--ui-scale-space))}.add-tag-form{margin-bottom:calc(2rem * var(--ui-scale-space));padding:calc(1rem * var(--ui-scale-space));border:none;background:var(--color-muted-bg)}.form-row{display:flex;gap:calc(.75rem * var(--ui-scale-space));align-items:stretch}.tag-name-input{flex:1;min-width:0;height:calc(2.5rem * var(--ui-scale-space))}.color-select-wrapper{position:relative;width:calc(7.5rem * var(--ui-scale-space))}.color-select-button{width:100%;height:calc(2.5rem * var(--ui-scale-space));border:.0625rem solid var(--color-ink);background:var(--color-surface);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;padding:0 calc(.5rem * var(--ui-scale-space));font-family:inherit;font-size:calc(.875rem * var(--ui-scale))}.color-select-button:hover{background:var(--color-muted-bg)}.color-select-button:focus{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.color-name{color:var(--color-tag-text-on-colored);font-weight:600}.dropdown-arrow{color:var(--color-tag-text-on-colored);font-size:calc(.75rem * var(--ui-scale-icon))}.color-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:.0625rem solid var(--color-ink);border-top:none;z-index:9999;max-height:calc(12.5rem * var(--ui-scale-space));overflow-y:auto;box-shadow:var(--shadow-sm)}.color-option{width:100%;padding:calc(.5rem * var(--ui-scale-space));border:none;background:none;cursor:pointer;text-align:left;font-family:inherit;font-size:calc(.875rem * var(--ui-scale));color:var(--color-tag-text-on-colored);font-weight:600;transition:all .2s ease}.color-option:hover{opacity:.8}.add-btn{white-space:nowrap;height:2.5rem;background:var(--color-ink);color:var(--color-surface);border-color:var(--color-ink)}.add-btn:hover{background:var(--color-ink);border-color:var(--color-ink)}.add-btn:active{background:var(--color-ink);border-color:var(--color-ink);opacity:.9}.existing-tags h3{margin-bottom:1rem;font-size:calc(1.125rem * var(--ui-scale))}.no-tags{color:var(--color-ink-muted);text-align:center;font-style:italic;margin:2rem 0}.tags-list{display:flex;flex-direction:column;gap:calc(.45rem * var(--ui-scale-space))}.tag-item{display:flex;justify-content:space-between;align-items:center;padding:calc(.4rem * var(--ui-scale-space));border:none;background:var(--color-muted-bg);overflow:visible;position:relative}.tag-actions{display:flex;gap:calc(.5rem * var(--ui-scale-space))}.edit-tag-btn{font-size:calc(.75rem * var(--ui-scale));padding:calc(.25rem * var(--ui-scale-space)) calc(.5rem * var(--ui-scale-space));background:color-mix(in hsl,var(--color-ink) 28%,transparent);border:none;color:var(--color-ink);border-radius:var(--radius-md);transition:background .2s ease,color .2s ease}.edit-tag-btn:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent)}.edit-tag-btn:active{background:color-mix(in hsl,var(--color-ink) 28%,transparent);color:var(--color-ink)}.edit-tag-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.delete-tag-btn{width:1.75rem;height:1.75rem;aspect-ratio:1 / 1;border-radius:50%;background:transparent;border:.0625rem solid var(--color-border-muted);color:var(--color-ink-muted);font-size:calc(1rem * var(--ui-scale-icon));display:flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0}.delete-tag-btn:hover,.delete-tag-btn:active{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-bg)}.edit-tag-form{display:flex;flex-wrap:wrap;gap:calc(.5rem * var(--ui-scale-space));align-items:center;width:100%;overflow:visible}.edit-tag-name{flex:1;min-width:7.5rem;font-size:calc(.875rem * var(--ui-scale));height:calc(2rem * var(--ui-scale-space))}.edit-tag-color{width:calc(6.25rem * var(--ui-scale-space))}.edit-tag-color .color-select-button{height:calc(2rem * var(--ui-scale-space));font-size:calc(.75rem * var(--ui-scale));padding:0 calc(.375rem * var(--ui-scale-space))}.edit-tag-color .color-name{font-size:calc(.75rem * var(--ui-scale))}.edit-tag-color .dropdown-arrow{font-size:calc(.625rem * var(--ui-scale-icon))}.edit-tag-actions{display:flex;gap:calc(.25rem * var(--ui-scale-space));min-width:8rem}.edit-tag-actions button{font-size:calc(.625rem * var(--ui-scale));padding:calc(.25rem * var(--ui-scale-space)) calc(.5rem * var(--ui-scale-space));height:calc(2rem * var(--ui-scale-space));flex:1;background:color-mix(in hsl,var(--color-ink) 28%,transparent);border:none;color:var(--color-ink);border-radius:var(--radius-md);transition:background .2s ease,color .2s ease}.edit-tag-actions button:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent)}.edit-tag-actions button:active{background:color-mix(in hsl,var(--color-ink) 28%,transparent)}.edit-tag-actions button:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.tag-manager-footer{display:flex;justify-content:flex-end;gap:calc(1rem * var(--ui-scale-space));padding:calc(1rem * var(--ui-scale-space));border-top:.0625rem solid var(--color-border-subtle);background:var(--color-panel)}.save-btn{background:var(--color-ink);color:var(--color-surface);border-color:var(--color-ink)}.save-btn:hover{background:var(--color-ink);border-color:var(--color-ink)}.save-btn:active{background:var(--color-ink);border-color:var(--color-ink);opacity:.9}@media(max-width:48em){.tag-manager{width:95%;max-height:90vh}.tag-manager-content{padding:1rem}.form-row{flex-direction:column;align-items:stretch;gap:.5rem}.color-select-wrapper{width:100%}.tag-actions{align-self:flex-end}.edit-tag-form{flex-direction:column;align-items:stretch}.edit-tag-color{width:100%}.tag-manager-footer{flex-direction:column-reverse;gap:.5rem}.tag-manager-footer button{width:100%}}.list-view{display:flex;flex-direction:column;gap:calc(1rem * var(--ui-scale-space));flex:1;min-height:0;overflow-y:auto}.list-section{background:var(--color-panel);border-radius:var(--radius-sm)}.list-section-header{display:flex;align-items:center;justify-content:space-between;padding:calc(.75rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));background:var(--color-panel)}.list-section-title{margin:0;font-size:calc(1rem * var(--ui-scale))}.list-add-btn{background:color-mix(in hsl,var(--color-ink) 28%,transparent);border:none;color:var(--color-ink);font-size:calc(.875rem * var(--ui-scale));font-weight:400;padding:calc(.55rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));border-radius:var(--radius-md);transition:background .2s ease,color .2s ease}.list-add-btn:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent);color:var(--color-ink)}.list-add-btn:active{background:color-mix(in hsl,var(--color-ink) 28%,transparent);color:var(--color-ink)}.list-add-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.list-add-form{margin:0 1rem 1rem;padding:calc(1rem * var(--ui-scale-space));border:.0625rem solid var(--color-border);background:var(--color-muted-bg)}.list-add-form>input,.list-add-form>textarea{width:100%;margin-bottom:.75rem}.list-add-form .form-actions{padding-top:calc(.5rem * var(--ui-scale-space))}.list-cards{display:flex;flex-direction:column;gap:calc(.5rem * var(--ui-scale-space));padding:0 calc(1rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space))}@media(max-width:80em){.list-section-header{padding:.625rem .875rem}.list-cards{padding:0 .875rem .875rem}}@media(max-width:64em){.list-section-header{padding:.5rem .75rem}.list-cards{padding:0 .75rem .75rem}}.list-card{background:var(--color-card);border:.0625rem solid var(--color-border);border-radius:var(--radius-sm);padding:calc(.75rem * var(--ui-scale-space));cursor:pointer;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.list-card.title-only{display:flex;align-items:center}.list-card-header{display:flex;align-items:center;gap:calc(.5rem * var(--ui-scale-space))}.checkbox-wrap{display:inline-flex;align-items:center;justify-content:center;height:100%}.list-card.title-only .card-title{margin:0}.list-card.title-only .list-card-header{margin-block:auto}.list-card>*+*{margin-top:calc(.5rem * var(--ui-scale-space))}.list-card-header+.card-notes{margin-top:.12rem}.list-card-checkbox{width:1rem;height:1rem;appearance:none;border:.0625rem solid var(--color-ink);background:var(--color-surface);display:block;position:relative;border-radius:.25rem}.list-card-checkbox:focus{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.list-card-checkbox:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;background:var(--color-ink)}.mobile-fab{display:none}@media(max-width:48em){.list-section-header{padding:.5rem .75rem}.list-section-title{font-size:calc(.9rem * var(--ui-scale))}.list-cards{padding:0 .75rem .75rem}.list-card{border:none;touch-action:pan-y;position:relative}.drag-handle-mobile{position:absolute;top:calc(.75rem * var(--ui-scale-space));right:calc(.75rem * var(--ui-scale-space));display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:calc(.2rem * var(--ui-scale-space));cursor:grab;color:var(--color-ink-muted);opacity:.4;font-size:calc(1.25rem * var(--ui-scale));line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1}.list-card.title-only .drag-handle-mobile{top:50%;transform:translateY(-50%)}.drag-handle-mobile:active{cursor:grabbing;opacity:.7}.mobile-fab{display:inline-flex;position:fixed;right:1rem;bottom:calc(3.8rem + env(safe-area-inset-bottom));width:3rem;height:3rem;border-radius:50%;align-items:center;justify-content:center;background:var(--color-fab-bg);color:var(--color-fab-text);border:none;box-shadow:var(--shadow-md);font-size:1.25rem}.mobile-fab .fab-icon{width:1.5rem;height:1.5rem;pointer-events:none}.mobile-fab .fab-icon-light{display:block}.mobile-fab .fab-icon-dark{display:none}}[data-theme=dark] .mobile-fab .fab-icon-light{display:none}[data-theme=dark] .mobile-fab .fab-icon-dark{display:block}.list-section-actions{display:inline-flex;align-items:center;gap:calc(.75rem * var(--ui-scale-space))}.list-card-count{font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink-muted);font-weight:700;min-inline-size:1.5rem;text-align:center}.list-collapse{background:transparent;border:none;color:var(--color-ink);opacity:.6;transition:opacity .2s;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:calc(1rem * var(--ui-scale));inline-size:calc(1.75rem * var(--ui-scale-space));block-size:calc(1.75rem * var(--ui-scale-space))}.list-collapse:hover{opacity:.9}.list-collapse:active{opacity:1}.list-collapsed-drop-zone{padding:0 calc(1rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space))}.column-drop-zone{height:.01rem;pointer-events:auto}@media(max-width:48em){.list-collapsed-drop-zone{padding:0 .75rem .75rem}}.notes-view{display:flex;flex-direction:column;flex:1;min-height:0}.notes-view.list-view{gap:0;padding:0}.notes-view .list-section{display:flex;flex-direction:column;flex:1;min-height:0}.notes-body{padding:0 calc(1rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));background:transparent;border-top:0;display:flex;flex-direction:column;flex:1;min-height:0}@media(max-width:80em){.notes-body{padding:0 .875rem .875rem}}@media(max-width:64em){.notes-body{padding:0 .75rem .75rem}}.notes-textarea{width:100%;flex:1;min-height:0;resize:vertical;line-height:1.4;background:transparent;border:0;box-shadow:none;padding:0}@media(max-width:48em){.notes-view{flex:1;min-height:0;padding:0}.notes-view .list-section{flex:1;min-height:0;border-radius:0}.notes-body{padding:.75rem;flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:0}.notes-textarea{min-height:0;height:100%;overflow-y:auto;resize:none}}.notes-textarea:focus{outline:none;box-shadow:none}.notes-textarea:focus-visible{outline:none;box-shadow:none}.kanban-board{flex:1;display:flex;flex-direction:column;height:100%}.kanban-board[data-header-only=true]{flex:0 0 auto;height:auto}.ai-toast{position:fixed;right:calc(1.25rem * var(--ui-scale-space));bottom:calc(1.25rem * var(--ui-scale-space));background:var(--color-muted-bg);color:var(--color-ink);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);display:flex;align-items:flex-start;gap:.75rem;padding:calc(1rem * var(--ui-scale-space)) calc(1.25rem * var(--ui-scale-space));z-index:2000;max-width:60vw;min-width:24rem;min-height:10rem}.ai-toast-content{font-size:calc(1rem * var(--ui-scale));line-height:1.5}.ai-toast-title{font-weight:700;margin-bottom:.25rem}.ai-toast-content ul{margin:0;padding-left:1.25rem}.ai-toast-content li{margin:.125rem 0}[data-theme=light] .ai-toast{background:var(--color-muted-bg)}[data-theme=dark] .ai-toast{background:var(--color-card)}.ai-toast.error{border:.0625rem solid var(--color-danger-bg);color:var(--color-danger-text)}.ai-toast.error .ai-toast-title{color:var(--color-danger-text)}.ai-toast-close{width:2rem;height:2rem;aspect-ratio:1 / 1;border-radius:50%;background:color-mix(in hsl,var(--color-ink) 16%,transparent);border:none;color:var(--color-ink);font-size:calc(1rem * var(--ui-scale));line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;position:absolute;top:calc(.5rem * var(--ui-scale-space));right:calc(.5rem * var(--ui-scale-space));transition:background .2s ease}.ai-toast-close:hover{background:var(--color-ink);color:var(--color-surface)}@media(max-width:48em){.ai-toast{right:.75rem;bottom:.75rem;padding:.75rem 1rem;min-width:90vw;min-height:40vh}.ai-toast-content{font-size:calc(.9rem * var(--ui-scale))}}.board-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;column-gap:calc(.75rem * var(--ui-scale-space));row-gap:calc(.75rem * var(--ui-scale-space));padding-bottom:var(--page-pad-inline);border-bottom:none;--header-row-height: 2.5rem;inline-size:100%}.board-header h1{margin:0;font-size:calc(2rem * var(--ui-scale));text-decoration:underline;letter-spacing:-.0625rem;font-weight:600;align-self:flex-start;line-height:1}.header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap;min-width:0;flex:1 1 auto;justify-content:flex-end}.header-actions>:not(.ai-input-wrap){flex:0 0 auto}.board-header button{display:inline-flex;align-items:center;justify-content:center;block-size:var(--header-row-height)}.view-toggle{position:relative;display:inline-grid;grid-template-columns:repeat(3,1fr);align-self:stretch;background:var(--color-panel);border-radius:var(--radius-md);overflow:hidden;block-size:var(--header-row-height)}.view-toggle:before{content:"";position:absolute;top:0;bottom:0;width:calc(100% / 3);background:var(--color-surface);transition:transform .18s ease;transform:translate(0);border-radius:0}[data-theme=light] .view-toggle:before{background:color-mix(in hsl,var(--color-ink) 28%,transparent)}[data-theme=dark] .view-toggle:before{background:var(--color-card)}[data-theme=light] .view-toggle,[data-theme=dark] .view-toggle{border-color:var(--color-border)}.view-toggle[data-active=list]:before{transform:translate(100%)}.view-toggle[data-active=notes]:before{transform:translate(200%)}.view-toggle button{position:relative;z-index:1;appearance:none;background:transparent;border:none;border-radius:0;padding:0 calc(1rem * var(--ui-scale-space));font-size:calc(.875rem * var(--ui-scale));line-height:1;min-width:9em;display:flex;align-items:center;justify-content:center;block-size:100%;color:var(--color-ink-muted);transition:color .18s ease}.view-toggle button:not(.active):hover{background:color-mix(in hsl,var(--color-ink) 10%,transparent);color:var(--color-ink)}.view-toggle button:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:-.125rem}.view-toggle button.active{font-weight:550;color:var(--color-ink)}.ai-input-wrap{position:relative;display:flex;align-items:stretch;font-size:calc(.875rem * var(--ui-scale));height:auto;flex:1 1 clamp(14em,50vw,36em);min-width:0;block-size:var(--header-row-height);max-inline-size:48em;z-index:1500}body.modal-open .ai-input-wrap{z-index:auto}.ai-input{width:100%;font-size:calc(.875rem * var(--ui-scale));padding:calc(.5rem * var(--ui-scale-space)) calc(.75rem * var(--ui-scale-space));border:.0625rem solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);resize:none;line-height:1.4;max-height:50vh;overflow:hidden;block-size:100%!important;transition:height .2s ease,box-shadow .2s ease}.ai-input:not(:focus){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}.ai-input:focus{position:absolute;top:0;left:0;width:100%;height:calc(var(--header-row-height) * 4)!important;z-index:1000;overflow:auto;white-space:normal;box-shadow:var(--shadow-lg)}.ai-input::placeholder{font-style:italic}.ai-input-wrap.loading .ai-input{opacity:0}.ai-loading-state{position:absolute;inset:0;border-radius:var(--radius-md);background:var(--color-surface);border:.0625rem solid var(--color-border);display:flex;align-items:center;padding:0 calc(.75rem * var(--ui-scale-space));overflow:hidden;pointer-events:none}.ai-loading-content{display:flex;align-items:center;gap:.5rem;z-index:2;color:var(--color-ink-muted);font-style:italic}.ai-loading-icon{animation:ai-pulse 1.5s ease-in-out infinite}.ai-loading-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,color-mix(in hsl,var(--color-ink) 5%,transparent) 50%,transparent 100%);transform:translate(-100%);animation:ai-shimmer 2s infinite;z-index:1}@keyframes ai-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes ai-pulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.ai-run-btn{padding:calc(.55rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));background:color-mix(in hsl,var(--color-ink) 16%,transparent);border:none;color:var(--color-ink);font-weight:400;border-radius:var(--radius-md);transition:background .2s ease,color .2s ease}.ai-run-btn:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent);color:var(--color-ink)}.ai-run-btn:active{background:color-mix(in hsl,var(--color-ink) 28%,transparent);color:var(--color-ink)}.ai-run-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.ai-run-btn:disabled{background:color-mix(in hsl,var(--color-ink) 10%,transparent);color:color-mix(in hsl,var(--color-ink) 45%,transparent);opacity:1;cursor:not-allowed}.ai-run-btn.loading{animation:ai-button-pulse 1.7s ease-in-out infinite}.header-actions .filter-wrap>button,.header-actions .share-btn{background:color-mix(in hsl,var(--color-ink) 16%,transparent);border:none;color:var(--color-ink);font-weight:400;border-radius:var(--radius-md);padding:calc(.55rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));transition:background .2s ease,color .2s ease}.header-actions .filter-wrap>button:hover,.header-actions .share-btn:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent);color:var(--color-ink)}.header-actions .filter-wrap>button:active,.header-actions .share-btn:active{background:color-mix(in hsl,var(--color-ink) 28%,transparent);color:var(--color-ink)}.header-actions .filter-wrap>button:focus-visible,.header-actions .share-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.header-actions .filter-wrap>button[aria-expanded=true]{background:color-mix(in hsl,var(--color-ink) 28%,transparent)}@keyframes ai-button-pulse{0%,to{border-color:var(--color-border);box-shadow:none}50%{border-color:var(--color-ink);box-shadow:0 0 0 .0625rem var(--color-ink)}}.ai-last-calls{font-size:calc(.875rem * var(--ui-scale));opacity:.8}.ai-help-wrap{position:relative;display:inline-flex}.ai-help-btn{inline-size:var(--header-row-height);block-size:var(--header-row-height);aspect-ratio:1 / 1;border-radius:var(--radius-pill);border:none;background:color-mix(in hsl,var(--color-ink) 10%,transparent);color:var(--color-ink);font-weight:300;font-size:calc(1.05rem * var(--ui-scale));display:inline-flex;align-items:center;justify-content:center;line-height:1}.ai-help-btn:hover{background:var(--color-ink);color:var(--color-surface)}.ai-help-btn:active{background:var(--color-ink);color:var(--color-surface);opacity:.9}.ai-help-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.ai-help-tooltip{position:absolute;top:100%;left:0;margin-top:calc(.5rem * var(--ui-scale-space));min-inline-size:unset;inline-size:clamp(16rem,70vw,26rem);background:var(--color-surface);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:calc(.75rem * var(--ui-scale-space));z-index:25;font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink);line-height:1.4}.ai-help-tooltip ul{list-style:disc;padding-left:calc(1.5rem * var(--ui-scale-space));margin:0;margin-top:calc(.75rem * var(--ui-scale-space))}.ai-help-tooltip li{font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink);margin-bottom:calc(.5rem * var(--ui-scale-space));line-height:1.4}.ai-help-tooltip li:last-child{margin-bottom:0}.board-header .cancel-btn{background:color-mix(in hsl,var(--color-ink) 16%,transparent);border:none;color:var(--color-ink);font-weight:400;border-radius:var(--radius-md);padding:calc(.55rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));transition:background .2s ease,color .2s ease}.board-header .cancel-btn:not(:disabled):hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent);color:var(--color-ink)}.board-header .cancel-btn:not(:disabled):active{background:color-mix(in hsl,var(--color-ink) 28%,transparent);color:var(--color-ink)}.board-header .cancel-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.board-header .cancel-btn:disabled{background:color-mix(in hsl,var(--color-ink) 10%,transparent);color:color-mix(in hsl,var(--color-ink) 45%,transparent);opacity:1;cursor:not-allowed}.filter-wrap{position:relative;display:inline-flex}.filter-panel{position:absolute;top:100%;right:0;margin-top:calc(.5rem * var(--ui-scale-space));inline-size:clamp(16rem,80vw,40rem);max-width:56rem;max-height:60vh;overflow:auto;background:var(--color-surface);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:calc(.75rem * var(--ui-scale-space));z-index:12}.settings-wrap{position:relative;display:inline-flex}.settings-btn{background:color-mix(in hsl,var(--color-ink) 16%,transparent);border:none;padding:calc(.35rem * var(--ui-scale-space));font-size:calc(1.25rem * var(--ui-scale));line-height:1;border-radius:var(--radius-md);aspect-ratio:1 / 1;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--header-row-height);block-size:var(--header-row-height);color:var(--color-ink);transition:background .2s ease,color .2s ease}.settings-icon{display:flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:calc(1.6rem * var(--ui-scale));line-height:1;color:var(--color-ink);transform:translateY(-.05em)}.settings-btn:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent);color:var(--color-ink)}.settings-btn:active{background:color-mix(in hsl,var(--color-ink) 28%,transparent);color:var(--color-ink)}.settings-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.settings-btn[aria-expanded=true]{background:color-mix(in hsl,var(--color-ink) 28%,transparent)}.settings-panel{position:absolute;top:100%;right:0;margin-top:calc(.5rem * var(--ui-scale-space));inline-size:clamp(10rem,50vw,14rem);background:var(--color-surface);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:calc(.5rem * var(--ui-scale-space));z-index:10;font-size:calc(.875rem * var(--ui-scale))}.settings-panel button{block-size:auto;justify-content:flex-start;text-align:left;color:var(--color-ink)}.settings-panel button:hover,.settings-panel button:focus-visible{color:var(--color-ink)}.settings-panel .cancel-btn{block-size:auto;inline-size:auto;padding:.375rem .75rem;font-size:calc(.875rem * var(--ui-scale));line-height:1.2;align-self:flex-start}.settings-menu{list-style:none;margin:0;padding:calc(.25rem * var(--ui-scale-space)) calc(.25rem * var(--ui-scale-space));display:flex;flex-direction:column;gap:calc(.125rem * var(--ui-scale-space))}.settings-item{position:relative;display:block;width:100%}.settings-item-label{width:100%;text-align:left;background:transparent;border:0;padding:calc(.375rem * var(--ui-scale-space)) calc(.75rem * var(--ui-scale-space));border-radius:var(--radius-sm);font-weight:600;display:block;position:relative;padding-right:calc(1.75rem * var(--ui-scale-space));transition:background .2s ease}.settings-item-label:hover,.settings-item-label:focus-visible{background:color-mix(in hsl,var(--color-ink) 16%,transparent)}.settings-item.danger .settings-item-label{color:var(--color-danger-text)}.settings-item.danger .settings-item-label:hover,.settings-item.danger .settings-item-label:focus-visible{background:var(--color-danger-bg);color:var(--color-danger-text)}.settings-item.has-submenu>.settings-item-label:after{content:"›";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--color-ink-muted);font-size:calc(1.15rem * var(--ui-scale))}.settings-item.has-submenu:hover>.settings-item-label:after{color:var(--color-ink)}.settings-divider{block-size:.0625rem;background:var(--color-border);margin:.375rem .25rem}.settings-subpanel{position:absolute;top:0;right:calc(100% - .5rem);margin-right:0;min-inline-size:10rem;background:var(--color-surface);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:calc(.5rem * var(--ui-scale-space));display:none;flex-direction:column;gap:calc(.25rem * var(--ui-scale-space));z-index:11}.settings-item:hover>.settings-subpanel{display:flex}.option-btn{text-align:left;background:color-mix(in hsl,var(--color-ink) 16%,transparent);border:none;color:var(--color-ink);padding:calc(.375rem * var(--ui-scale-space)) calc(.75rem * var(--ui-scale-space));border-radius:var(--radius-sm);display:block;width:100%;transition:background .2s ease}.option-btn:hover,.option-btn:focus-visible{background:color-mix(in hsl,var(--color-ink) 22%,transparent)}.option-btn.active{background:color-mix(in hsl,var(--color-ink) 28%,transparent);font-weight:700}.tag-checkboxes{display:flex;flex-wrap:wrap;gap:calc(.75rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));margin-bottom:calc(1rem * var(--ui-scale-space));margin-top:calc(1rem * var(--ui-scale-space));align-items:center}.tag-checkbox{display:inline-flex!important;flex-direction:row;align-items:center;gap:calc(.5rem * var(--ui-scale-space));cursor:pointer;font-weight:400!important;margin-bottom:0!important;padding:calc(.125rem * var(--ui-scale-space)) calc(.25rem * var(--ui-scale-space));line-height:1}.tag-checkbox input[type=checkbox]{width:1rem;height:1rem;appearance:none;border:.0625rem solid var(--color-ink);background:var(--color-surface);display:block;position:relative;border-radius:.25rem}.tag-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;background:var(--color-ink)}.tag-checkbox input[type=checkbox]:focus{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.tag-checkbox input{margin:0}.clear-filter{font-size:calc(.875rem * var(--ui-scale));padding:.375rem .75rem}.columns-container{display:flex;gap:calc(1.5rem * var(--ui-scale-space));flex:1;overflow-x:auto;align-items:stretch}.columns-container::-webkit-scrollbar{height:.5rem}.columns-container::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:.25rem}.columns-container::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:.25rem}.columns-container::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.add-column-btn{min-width:12em;width:12em;flex-shrink:0;background:color-mix(in hsl,var(--color-ink) 16%,transparent);border:none;color:var(--color-ink);font-weight:500;display:flex;align-items:center;justify-content:center;padding:calc(.7rem * var(--ui-scale-space));align-self:flex-start;border-radius:var(--radius-md)}.add-column-btn:hover{background:color-mix(in hsl,var(--color-ink) 22%,transparent);color:var(--color-ink)}.add-column-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.ai-backdrop{position:fixed;inset:0;background:#0000001a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1400;pointer-events:none;opacity:0;transition:opacity .2s ease}.ai-backdrop.active{opacity:1}@media(max-width:48em){.board-header{flex-direction:column;align-items:flex-start;gap:1rem}.view-toggle{order:-1;width:100%;block-size:2.25rem}.board-header h1{font-size:calc(1.5rem * var(--ui-scale))}.header-actions{width:100%;justify-content:stretch}.header-actions button{flex:1}.header-actions .ai-help-btn{flex:0 0 auto}.ai-help-wrap,.ai-help-btn{display:none}.ai-input-wrap{flex:1 1 100%;max-inline-size:none}.ai-input{min-inline-size:0}.columns-container{gap:1rem}.tag-checkboxes{gap:.5rem}}@media(max-width:64em){.columns-container{gap:1.25rem}.filter-panel{position:fixed;top:6rem;left:1rem;right:1rem;margin-top:0;inline-size:auto;max-inline-size:none;max-height:60vh;z-index:1500}}@media(max-width:80em)and (min-width:48em){.ai-input-wrap{flex:1 1 clamp(8em,35vw,28em);max-inline-size:32em}}