: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-300: hsl(142 42% 72%);--ref-success-400: hsl(142 45% 62%);--ref-success-500: hsl(142 50% 45%);--ref-success-600: hsl(142 52% 38%);--ref-success-700: hsl(142 54% 30%);--ref-success-900: hsl(142 56% 20%);--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%);--ref-warning-400: hsl(40 80% 60%);--ref-warning-600: hsl(40 70% 45%);--ref-warning-700: hsl(40 65% 35%);--ref-info-400: hsl(210 60% 65%);--ref-info-600: hsl(210 55% 50%);--ref-info-700: hsl(210 50% 40%)}[data-theme=dark]{--ref-neutral-0: hsl(220 4% 98%);--ref-neutral-50: hsl(220 4% 98%);--ref-neutral-100: hsl(220 4% 96%);--ref-neutral-200: hsl(220 6% 90%);--ref-neutral-300: hsl(220 8% 85%);--ref-neutral-400: hsl(220 8% 80%);--ref-neutral-500: hsl(220 10% 70%);--ref-neutral-600: hsl(220 14% 46%);--ref-neutral-700: hsl(220 18% 28%);--ref-neutral-800: hsl(220 24% 14%);--ref-neutral-900: hsl(220 30% 9%);--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(198 40% 55%);--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-300: hsl(142 42% 72%);--ref-success-400: hsl(142 45% 62%);--ref-success-500: hsl(142 50% 45%);--ref-success-600: hsl(142 52% 38%);--ref-success-700: hsl(142 54% 30%);--ref-success-900: hsl(142 56% 20%);--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%);--ref-warning-400: hsl(40 80% 60%);--ref-warning-600: hsl(40 70% 45%);--ref-warning-700: hsl(40 65% 35%);--ref-info-400: hsl(210 60% 65%);--ref-info-600: hsl(210 55% 50%);--ref-info-700: hsl(210 50% 40%)}[data-theme=light]{--ref-neutral-0: #fefdfc;--ref-neutral-50: #f6f4f1;--ref-neutral-100:#faf9f7;--ref-neutral-200:#efece9;--ref-neutral-300:#e2dfdb;--ref-neutral-400:#d4d0cb;--ref-neutral-500:#afaaa4;--ref-neutral-600:#6d6861;--ref-neutral-700:#514c46;--ref-neutral-800:#37322c;--ref-neutral-900:#201c17;--ref-primary-50: #ebf7fd;--ref-primary-100: #d4ecf8;--ref-primary-200: #b3dbee;--ref-primary-300: #83c1dd;--ref-primary-400: #4ea4ca;--ref-primary-500: #2084b1;--ref-primary-600: #12719c;--ref-primary-700: #00638a;--ref-primary-800: #004e72;--ref-primary-900: #003a57;--ref-success-300: hsl(150 35% 70%);--ref-success-400: hsl(150 36% 58%);--ref-success-500: hsl(150 42% 42%);--ref-success-600: hsl(150 45% 35%);--ref-success-700: hsl(150 48% 27%);--ref-success-900: hsl(150 50% 18%);--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% 28%);--ref-warning-400: hsl(40 70% 55%);--ref-warning-600: hsl(40 60% 40%);--ref-warning-700: hsl(40 55% 32%);--ref-info-400: hsl(210 50% 60%);--ref-info-600: hsl(210 45% 45%);--ref-info-700: hsl(210 40% 35%)}:root{--z-content: 1;--z-topbar: 6300;--z-tabs: 6300;--z-edge-zone: 6400;--z-drawer-overlay: 6500;--z-drawer: 6600;--z-modal-overlay: 7000;--z-modal: 7000;--z-sheet: 7000;--z-toast: 7500;--z-confirm: 8000}:root{color-scheme:light;--color-bg: var(--ref-neutral-100);--color-surface: var(--ref-neutral-0);--color-input-bg: var(--ref-neutral-100);--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-primary: var(--color-accent);--color-bg-secondary: var(--color-panel);--color-danger-bg: var(--ref-danger-200);--color-danger-bg-hover: var(--ref-danger-300);--color-danger-text: var(--ref-danger-700);--color-danger-fg: var(--ref-danger-700);--color-danger-muted: hsl(0 50% 42%);--color-success-bg: color-mix(in srgb, var(--ref-success-400) 18%, transparent);--color-success-text: var(--ref-success-700);--color-warning-bg: color-mix(in srgb, var(--ref-warning-400) 18%, transparent);--color-warning-text: var(--ref-warning-700);--color-info-bg: color-mix(in srgb, var(--ref-info-400) 18%, transparent);--color-info-text: var(--ref-info-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-ghost-btn-active: color-mix(in hsl, var(--color-ink) 28%, transparent);--color-fab-bg: var(--color-panel);--color-fab-text: var(--color-ink);--color-overlay: rgba(0, 0, 0, .5);--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-lg: 0 .75rem 1.5rem rgba(0, 0, 0, .16);--shadow-inset-subtle: 0 0 0 .0625rem rgba(0, 0, 0, .03) inset;--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-scheme:light;--color-bg: var(--ref-neutral-50);--color-surface: var(--ref-neutral-0);--color-input-bg: var(--ref-neutral-0);--color-panel: var(--ref-neutral-200);--color-panel-hover: var(--ref-neutral-100);--color-muted-bg: var(--ref-neutral-100);--color-card: var(--ref-neutral-0);--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-400);--color-border-subtle: var(--ref-neutral-300);--color-border-muted: var(--ref-neutral-500);--color-overlay: hsl(30 15% 12% / .36);--color-accent: var(--ref-primary-700);--color-accent-contrast: var(--ref-neutral-0);--color-primary: var(--color-accent);--color-bg-secondary: var(--color-panel);--color-danger-bg: var(--ref-danger-200);--color-danger-bg-hover: var(--ref-danger-300);--color-danger-text: var(--ref-danger-700);--color-danger-fg: var(--ref-danger-700);--color-danger-muted: hsl(0 50% 42%);--color-success-bg: color-mix(in srgb, var(--ref-success-400) 18%, transparent);--color-success-text: var(--ref-success-700);--color-warning-bg: color-mix(in srgb, var(--ref-warning-400) 18%, transparent);--color-warning-text: var(--ref-warning-700);--color-info-bg: color-mix(in srgb, var(--ref-info-400) 18%, transparent);--color-info-text: var(--ref-info-700);--color-ghost-btn: color-mix(in hsl, var(--color-ink) 8%, transparent);--color-ghost-btn-hover: color-mix(in hsl, var(--color-ink) 12%, transparent);--color-ghost-btn-active: color-mix(in hsl, var(--color-ink) 16%, transparent);--color-fab-bg: var(--color-surface);--color-fab-text: var(--color-ink);--shadow-xs: 0 .0625rem .125rem hsl(30 15% 20% / .07), 0 .0625rem .1875rem hsl(30 15% 20% / .05);--shadow-sm: 0 0 0 .0625rem color-mix(in srgb, var(--color-ink) 10%, transparent), 0 .125rem .3125rem hsl(30 15% 20% / .1), 0 .0625rem .125rem hsl(30 15% 20% / .07);--shadow-md: 0 0 0 .0625rem color-mix(in srgb, var(--color-ink) 10%, transparent), 0 .5rem 1rem hsl(30 15% 18% / .13), 0 .125rem .375rem hsl(30 15% 18% / .09);--shadow-lg: 0 0 0 .0625rem color-mix(in srgb, var(--color-ink) 11%, transparent), 0 1.125rem 2.25rem hsl(30 15% 16% / .17), 0 .375rem .75rem hsl(30 15% 16% / .11);--shadow-inset-subtle: 0 0 0 .0625rem hsl(30 15% 28% / .05) inset;--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-scheme:dark;--color-bg: var(--ref-neutral-900);--color-surface: var(--ref-neutral-800);--color-input-bg: hsl(220 22% 17%);--color-panel: var(--ref-neutral-800);--color-panel-hover: var(--ref-neutral-700);--color-muted-bg: hsl(220 30% 10% / .4);--color-card: hsl(220 22% 19%);--color-card-hover: hsl(220 22% 22%);--color-ink: var(--ref-neutral-0);--color-ink-muted: hsl(220 16% 62%);--color-border: hsl(220 20% 24%);--color-border-subtle: hsl(220 20% 16%);--color-border-muted: hsl(220 20% 30%);--color-accent: var(--ref-primary-300);--color-accent-contrast: var(--ref-neutral-900);--color-primary: var(--color-accent);--color-bg-secondary: var(--color-panel);--color-danger-bg: hsl(0 32% 24%);--color-danger-bg-hover: hsl(0 34% 28%);--color-danger-text: hsl(4 70% 80%);--color-danger-fg: hsl(4 70% 80%);--color-danger-muted: hsl(0 60% 74%);--color-success-bg: color-mix(in srgb, var(--ref-success-400) 22%, transparent);--color-success-text: var(--ref-success-400);--color-warning-bg: color-mix(in srgb, var(--ref-warning-400) 22%, transparent);--color-warning-text: var(--ref-warning-400);--color-info-bg: color-mix(in srgb, var(--ref-info-400) 22%, transparent);--color-info-text: var(--ref-info-400);--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-ghost-btn-active: color-mix(in hsl, var(--color-ink) 28%, transparent);--color-fab-bg: hsl(220 22% 26%);--color-fab-text: var(--color-ink);--color-overlay: hsl(220 40% 2% / .6);--shadow-xs: 0 .0625rem .125rem hsl(220 40% 3% / .3);--shadow-sm: 0 .125rem .25rem hsl(220 40% 3% / .35), 0 .0625rem .125rem hsl(220 40% 3% / .3);--shadow-md: 0 .25rem .625rem hsl(220 40% 3% / .4), 0 .125rem .25rem hsl(220 40% 3% / .3);--shadow-lg: 0 .875rem 1.875rem hsl(220 40% 2% / .5), 0 .375rem .75rem hsl(220 40% 2% / .35);--shadow-inset-subtle: 0 0 0 .0625rem hsl(0 0% 100% / .03) inset;--color-scrollbar-track: var(--color-border-subtle);--color-scrollbar-thumb: hsl(220 14% 46%);--color-scrollbar-thumb-hover: hsl(220 16% 66%);--color-tag-text-on-colored: #000}[data-theme=light]{--tag-lime-bg: hsl(90 50% 90%);--tag-lime-text: hsl(95 42% 28%);--tag-green-bg: hsl(150 45% 90%);--tag-green-text: hsl(152 40% 27%);--tag-cyan-bg: hsl(192 50% 91%);--tag-cyan-text: hsl(194 44% 29%);--tag-blue-bg: hsl(215 58% 92%);--tag-blue-text: hsl(217 50% 42%);--tag-indigo-bg: hsl(230 55% 93%);--tag-indigo-text: hsl(231 48% 50%);--tag-purple-bg: hsl(270 48% 93%);--tag-purple-text: hsl(272 42% 48%);--tag-pink-bg: hsl(330 58% 94%);--tag-pink-text: hsl(332 46% 45%);--tag-red-bg: hsl(2 62% 93%);--tag-red-text: hsl(4 55% 45%);--tag-orange-bg: hsl(28 66% 90%);--tag-orange-text: hsl(26 60% 37%);--tag-amber-bg: hsl(42 68% 88%);--tag-amber-text: hsl(38 68% 28%);--tag-yellow-bg: hsl(52 66% 87%);--tag-yellow-text: hsl(47 64% 26%)}[data-theme=dark]{--tag-lime-bg: hsl(90 26% 24%);--tag-lime-text: hsl(95 52% 80%);--tag-green-bg: hsl(150 26% 22%);--tag-green-text: hsl(150 48% 78%);--tag-cyan-bg: hsl(192 30% 24%);--tag-cyan-text: hsl(192 55% 80%);--tag-blue-bg: hsl(215 34% 27%);--tag-blue-text: hsl(213 70% 82%);--tag-indigo-bg: hsl(230 32% 31%);--tag-indigo-text: hsl(230 62% 84%);--tag-purple-bg: hsl(270 28% 31%);--tag-purple-text: hsl(270 55% 84%);--tag-pink-bg: hsl(330 30% 31%);--tag-pink-text: hsl(330 62% 82%);--tag-red-bg: hsl(2 32% 31%);--tag-red-text: hsl(4 70% 80%);--tag-orange-bg: hsl(28 36% 27%);--tag-orange-text: hsl(30 72% 78%);--tag-amber-bg: hsl(42 36% 25%);--tag-amber-text: hsl(44 68% 78%);--tag-yellow-bg: hsl(52 34% 24%);--tag-yellow-text: hsl(52 62% 78%)}.tag-color-lime{--tag-bg: var(--tag-lime-bg);background-color:var(--tag-bg);--tag-text: var(--tag-lime-text)}.tag-color-green{--tag-bg: var(--tag-green-bg);background-color:var(--tag-bg);--tag-text: var(--tag-green-text)}.tag-color-cyan{--tag-bg: var(--tag-cyan-bg);background-color:var(--tag-bg);--tag-text: var(--tag-cyan-text)}.tag-color-blue{--tag-bg: var(--tag-blue-bg);background-color:var(--tag-bg);--tag-text: var(--tag-blue-text)}.tag-color-indigo{--tag-bg: var(--tag-indigo-bg);background-color:var(--tag-bg);--tag-text: var(--tag-indigo-text)}.tag-color-purple{--tag-bg: var(--tag-purple-bg);background-color:var(--tag-bg);--tag-text: var(--tag-purple-text)}.tag-color-pink{--tag-bg: var(--tag-pink-bg);background-color:var(--tag-bg);--tag-text: var(--tag-pink-text)}.tag-color-red{--tag-bg: var(--tag-red-bg);background-color:var(--tag-bg);--tag-text: var(--tag-red-text)}.tag-color-orange{--tag-bg: var(--tag-orange-bg);background-color:var(--tag-bg);--tag-text: var(--tag-orange-text)}.tag-color-amber{--tag-bg: var(--tag-amber-bg);background-color:var(--tag-bg);--tag-text: var(--tag-amber-text)}.tag-color-yellow{--tag-bg: var(--tag-yellow-bg);background-color:var(--tag-bg);--tag-text: var(--tag-yellow-text)}@font-face{font-family:Funnel Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/funnel-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Funnel Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/funnel-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Funnel Sans;font-style:italic;font-weight:300 800;font-display:swap;src:url(/fonts/funnel-sans-latin-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Funnel Sans;font-style:italic;font-weight:300 800;font-display:swap;src:url(/fonts/funnel-sans-latin-ext-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}: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-lg: 0 .75rem 1.5rem rgba(0,0,0,.16);--shadow-inset-subtle: 0 0 0 .0625rem rgba(0,0,0,.03) inset;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-pill: 999rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--focus-ring-width: .125rem;--color-focus: var(--color-accent);--blur-backdrop: .5rem}*{margin:0;padding:0;box-sizing:border-box}html,body{overscroll-behavior:none}.drag-handle-mobile,.drag-handle-mobile-sidebar{-webkit-touch-callout:none}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(--color-accent)}html{font-size:100%}html{--ui-scale: 1;--ui-scale-space: 1;--ui-scale-icon: 1;--ui-scale-radius: 1}body{--screen-factor: 1}@media(max-width:90em){body:not(.mode-mobile){--screen-factor: .88}}@media(max-width:75em){body:not(.mode-mobile){--screen-factor: .8}}body.size-small{--ui-scale: max(.75, calc(.85 * var(--screen-factor, 1)));--ui-scale-space: max(.75, calc(.85 * var(--screen-factor, 1)));--ui-scale-icon: max(.75, calc(.85 * var(--screen-factor, 1)));--ui-scale-radius: max(.85, calc(.95 * var(--screen-factor, 1)))}body.size-medium{--ui-scale: max(.75, calc(1 * var(--screen-factor, 1)));--ui-scale-space: max(.75, calc(1 * var(--screen-factor, 1)));--ui-scale-icon: max(.75, calc(1 * var(--screen-factor, 1)));--ui-scale-radius: max(.85, calc(1 * var(--screen-factor, 1)))}body.size-large{--ui-scale: max(.75, calc(1.25 * var(--screen-factor, 1)));--ui-scale-space: max(.75, calc(1.2 * var(--screen-factor, 1)));--ui-scale-icon: max(.75, calc(1.2 * var(--screen-factor, 1)));--ui-scale-radius: max(.85, calc(1.05 * var(--screen-factor, 1)))}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:600;line-height:var(--leading-tight);letter-spacing:-.01em;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:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .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:var(--color-ghost-btn-active);border:none;color:var(--color-ink);font-weight:500}.share-btn:hover{background:var(--color-ghost-btn-hover);color:var(--color-ink)}.share-btn:active{background:var(--color-ghost-btn-active);color:var(--color-ink)}.share-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:.125rem}button.share-btn:disabled{background:var(--color-ghost-btn-active);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-focus);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:var(--color-ghost-btn-active);border:none;color:var(--color-ink);font-weight:500;box-shadow:none}.form-actions button[type=button]:hover{background:var(--color-ghost-btn-hover);color:var(--color-ink)}.form-actions button[type=button]:active{background:var(--color-ghost-btn-active);color:var(--color-ink)}.form-actions button[type=button]:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);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 var(--color-focus);outline-offset:.125rem}.signup-btn:disabled{opacity:.75;cursor:not-allowed}button,[role=button],a,input,textarea,label{touch-action:manipulation}.tag-selector-header:hover,.date-selector-header:hover{background:color-mix(in srgb,var(--color-ink) 8%,transparent);color:var(--color-ink)}.tag-selector-header:active,.date-selector-header:active{background:color-mix(in srgb,var(--color-ink) 12%,transparent);color:var(--color-ink)}button.btn-black{background:var(--color-ink);color:var(--color-surface);border-color:var(--color-ink)}button.btn-black:hover{background:var(--color-ink);border-color:var(--color-ink);opacity:.92}button.btn-black:active{background:var(--color-ink);border-color:var(--color-ink);opacity:.85}button.btn-black:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:.125rem}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit;border:.0625rem solid var(--color-border);padding:calc(.5rem * var(--ui-scale-space));font-size:calc(.875rem * var(--ui-scale));background:var(--color-input-bg);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-focus);outline-offset:.125rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-input-bg) inset;-webkit-text-fill-color:var(--color-ink);caret-color:var(--color-ink)}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-visible{outline:var(--focus-ring-width) solid var(--color-focus);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-block;vertical-align:middle;text-align:center;line-height:calc(1rem * var(--ui-scale) + .5rem * var(--ui-scale-space) - .125rem);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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:500;color:var(--tag-text, var(--color-tag-text-on-colored));border:.0625rem solid color-mix(in srgb,var(--tag-text, var(--color-tag-text-on-colored)) 24%,transparent)}::-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(--color-accent) 24%,transparent);color:var(--color-ink)}@media(prefers-reduced-motion:reduce){*:not(.flash-highlight),*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.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),(pointer:coarse)and (max-height:31.25em){.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.in-shell{position:static;height:100%;background:none}.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)}.confirm-overlay{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(var(--blur-backdrop)) saturate(120%);-webkit-backdrop-filter:blur(var(--blur-backdrop)) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:var(--z-confirm)}.confirm-dialog{background:var(--color-surface);border:.0625rem solid var(--color-border-subtle);width:90%;max-width:37.5rem;max-height:80vh;display:flex;flex-direction:column;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.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:var(--color-ghost-btn);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;overflow-wrap:anywhere;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{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);opacity:.95}.save-btn:active{background:var(--color-ink);border-color:var(--color-ink);opacity:.9}.confirm-danger-btn,.confirm-danger-btn:hover{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-bg)}.confirm-danger-btn:hover{background:var(--color-danger-bg-hover);border-color:var(--color-danger-bg-hover)}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(var(--blur-backdrop)) saturate(120%);-webkit-backdrop-filter:blur(var(--blur-backdrop)) saturate(120%);z-index:var(--z-modal-overlay);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-lg, .75rem);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .15));max-width:31.25rem;width:90%;max-height:90vh;min-height:auto;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-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;min-width:0;font-size:calc(1.25rem * var(--ui-scale, 1));font-weight:600;color:var(--color-ink, #000000);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal-body{flex:1;min-height:0;overflow-y:auto;padding:0 calc(1.5rem * var(--ui-scale-space, 1));overscroll-behavior:contain;display:flex;flex-direction:column}.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;flex-wrap:wrap;justify-content:flex-end;gap:calc(.75rem * var(--ui-scale-space, 1));width:100%}.modal-actions .delete-card-btn{margin-right:auto}.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}}@media not all and (max-width:48em){.modal-content{max-width:52.5rem}.modal-content.modal-size-md{max-width:45rem}.modal-content.modal-size-lg{max-width:52.5rem}}body.modal-open{overflow:hidden}@media(max-width:48em),(pointer:coarse)and (max-height:31.25em){.modal-overlay:has(.modal-sheet){place-items:start center}.modal-actions button{min-width:0}.modal-close-btn{min-width:2.75rem;min-height:2.75rem}.modal-content.modal-sheet{position:fixed;top:0;left:0;right:0;bottom:var(--keyboard-height, 0px);max-width:100%;width:100%;height:auto;max-height:none;border-radius:0;transform:translateY(-100%);transition:opacity .2s ease,transform .2s ease,bottom .25s ease-out;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:max(0px,calc(env(safe-area-inset-bottom) - var(--keyboard-height, 0px)));padding-left:env(safe-area-inset-left)}.modal-content.modal-sheet.modal--visible{transform:translateY(0)}.modal-sheet .modal-header{padding:calc(1rem * var(--ui-scale-space, 1));border-bottom:.0625rem solid var(--color-border-muted);flex-shrink:0}.modal-sheet .modal-body{padding:calc(1rem * var(--ui-scale-space, 1));overflow-y:auto;flex:1 1 auto}.modal-sheet .modal-footer{padding:calc(1rem * var(--ui-scale-space, 1));border-top:.0625rem solid var(--color-border-muted);flex-shrink:0}}.share-dialog-overlay{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(var(--blur-backdrop)) saturate(120%);-webkit-backdrop-filter:blur(var(--blur-backdrop)) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-overlay)}.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:var(--color-ghost-btn);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:var(--color-ghost-btn-hover)}.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}.members-loading{color:var(--color-ink-muted);text-align:center;font-style:italic;margin:calc(1rem * var(--ui-scale-space)) 0;font-size:calc(.875rem * var(--ui-scale))}.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;white-space:nowrap}.member-email{font-size:calc(.75rem * var(--ui-scale));color:var(--color-ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{font-size:calc(.75rem * var(--ui-scale));color:var(--color-ink);background:var(--color-surface);border:.0625rem solid var(--color-border-subtle);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)}.sidebar-invitations-link{width:100%;border:none;background:none;font-family:inherit;text-align:left;cursor:pointer}.sidebar-invitations-count{margin-left:auto;padding:0 calc(.4rem * var(--ui-scale-space));border-radius:999px;background:var(--color-ghost-btn);color:var(--color-ink-muted);font-size:calc(.75rem * var(--ui-scale));font-variant-numeric:tabular-nums}.modal-content.modal-size-md.invitations-modal{max-width:30rem}.invitations-modal .modal-body{padding-bottom:calc(1.5rem * var(--ui-scale-space))}.invitation-item{align-items:center;flex-wrap:wrap}.invitation-item .member-info{flex:1 1 14rem}.invitation-item .member-name,.invitation-item .member-email{white-space:normal;overflow-wrap:anywhere}.invitation-actions{display:flex;gap:calc(.5rem * var(--ui-scale-space));margin-left:auto}.invitation-accept,.invitation-decline{padding:calc(.375rem * var(--ui-scale-space)) calc(.75rem * var(--ui-scale-space));border-radius:calc(var(--radius-sm) * var(--ui-scale-radius));border:.0625rem solid var(--color-ink);font-size:calc(.8125rem * var(--ui-scale));font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.invitation-accept{background:var(--color-ink);color:var(--color-surface)}.invitation-decline{background:transparent;border-color:var(--color-border);color:var(--color-ink);font-weight:500}@media(hover:hover)and (pointer:fine){.invitation-accept:hover:not(:disabled){opacity:.85}.invitation-decline:hover:not(:disabled){background:var(--color-ghost-btn-hover)}}.invitation-accept:disabled,.invitation-decline:disabled{opacity:.5;cursor:not-allowed}.invitation-accept:focus-visible,.invitation-decline:focus-visible,.sidebar-invitations-link:focus-visible,.verify-email-actions button:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.invitations-note{margin:calc(.75rem * var(--ui-scale-space)) 0 0;font-size:calc(.75rem * var(--ui-scale));color:var(--color-ink-muted)}.pending-list{margin-top:calc(1.5rem * var(--ui-scale-space))}.member-item.pending{align-items:center}.member-item.pending .member-name{color:var(--color-ink-muted);font-weight:400}.share-pending-note{margin:calc(-.75rem * var(--ui-scale-space)) 0 calc(1.5rem * var(--ui-scale-space));font-size:calc(.75rem * var(--ui-scale));color:var(--color-ink-muted)}.verify-email-prompt{margin-top:calc(.5rem * var(--ui-scale-space));padding:calc(.55rem * var(--ui-scale-space));border-radius:var(--radius-md);background:var(--color-ghost-btn);font-size:calc(.75rem * var(--ui-scale));color:var(--color-ink-muted)}.verify-email-prompt p{margin:0 0 calc(.35rem * var(--ui-scale-space));overflow-wrap:anywhere}.verify-email-actions{display:flex;gap:calc(.75rem * var(--ui-scale-space))}.verify-email-actions button{padding:0;border:none;background:none;font:inherit;font-weight:600;color:var(--color-ink);cursor:pointer}.verify-email-actions button:last-child{font-weight:400;color:var(--color-ink-muted)}.verify-email-actions button:disabled{opacity:.5;cursor:default}.project-sidebar.collapsed .verify-email-prompt{display:none}.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}.sidebar-starred-link,.sidebar-planned-link,.sidebar-invitations-link{display:flex;align-items:center;gap:calc(.5rem * var(--ui-scale-space));padding:calc(.55rem * var(--ui-scale-space));margin-bottom:calc(.25rem * var(--ui-scale-space));font-size:calc(.875rem * var(--ui-scale));font-weight:500;color:var(--color-ink);text-decoration:none;border-radius:var(--radius-md);transition:background .2s ease}.sidebar-link-icon{font-size:calc(.875rem * var(--ui-scale));line-height:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.sidebar-calendar-icon svg{width:1em;height:1em;vertical-align:middle}@media(hover:hover)and (pointer:fine){.sidebar-starred-link:hover,.sidebar-planned-link:hover,.sidebar-invitations-link:hover{background:var(--color-panel-hover)}}.sidebar-starred-link.active,.sidebar-planned-link.active{background:var(--color-card);font-weight:600;box-shadow:var(--shadow-xs)}.project-sidebar.collapsed .sidebar-starred-link,.project-sidebar.collapsed .sidebar-planned-link,.project-sidebar.collapsed .sidebar-invitations-link{display:none}.sidebar-divider{height:1px;background:var(--color-border);margin:calc(.25rem * var(--ui-scale-space)) calc(.5rem * var(--ui-scale-space)) calc(.5rem * var(--ui-scale-space))}.project-sidebar.collapsed .sidebar-divider{display:none}.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 .new-project-tile,.project-sidebar.collapsed .create-project-form,.project-sidebar.collapsed .projects-list,.project-sidebar.collapsed .auth-buttons,.project-sidebar.collapsed .empty-state{display:none}.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;min-width:0;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;font-weight:600;position:relative;box-shadow:var(--shadow-xs)}.project-item.active:before{content:"";position:absolute;left:0;top:calc(.35rem * var(--ui-scale-space));bottom:calc(.35rem * var(--ui-scale-space));width:.1875rem;border-radius:0 .125rem .125rem 0;background:var(--color-accent)}.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)}.board-options-wrap{position:relative;display:inline-flex;margin-left:calc(.5rem * var(--ui-scale-space));opacity:0;transition:opacity .15s}.project-item.active .board-options-wrap{opacity:1}@media(hover:hover)and (pointer:fine){.project-item:hover .board-options-wrap{opacity:1}.project-item:not(.active):hover .board-options-btn{opacity:.5}}@media(hover:none){.board-options-wrap{opacity:1}.board-options-btn,.folder-options-btn,.folder-chevron{position:relative}.board-options-btn:before,.folder-options-btn:before,.folder-chevron:before{content:"";position:absolute;inset:-.375rem -.5rem}}.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))}.board-options-btn:hover,.folder-options-btn:hover{background:transparent;color:var(--color-ink)}@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);max-inline-size:calc(100vw - 2rem);background:var(--color-card);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:calc(.5rem * var(--ui-scale-space));z-index:20;font-size:calc(.875rem * var(--ui-scale))}.board-options-panel.flip-up,.folder-options-panel.flip-up{top:auto;bottom:100%;margin-top:0;margin-bottom:calc(.5rem * var(--ui-scale-space))}.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-fg)}@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)}.board-options-panel .settings-divider,.folder-options-panel .settings-divider{block-size:.0625rem;background:var(--color-border);margin:.375rem .25rem}.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}.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}.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)}@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),(pointer:coarse)and (max-height:31.25em){.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-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),(pointer:coarse)and (max-height:31.25em){.mobile-drawer .project-sidebar{width:100%!important;max-width:100%;max-height:none;height:100%;border-bottom:none;overflow:hidden}.mobile-drawer .sidebar-scroll-content{flex:1;min-height:0;overflow-y:auto}.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%}.mobile-drawer .sidebar-footer{position:relative;bottom:auto;flex-shrink:0;padding-top:calc(.6rem * var(--ui-scale-space));padding-bottom:calc(.6rem * var(--ui-scale-space));box-shadow:0 100vh 0 100vh var(--color-panel)}.mobile-drawer .sidebar-footer .create-project-form,.mobile-drawer .sidebar-footer .create-folder-form{margin-top:0;margin-bottom:0}}.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;min-width:0;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))}.folder-chevron:hover{background:transparent;color:var(--color-ink)}.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 .new-folder-tile,.project-sidebar.collapsed .create-folder-form{display:none}.projects-list .drop-placeholder{height:.01rem;pointer-events:auto;transition:height .15s ease}.project-item.cross-board-drop-target{background:var(--color-muted-bg);outline:.125rem solid var(--color-accent, var(--color-ink));outline-offset:-.125rem;border-radius:var(--radius-md);transition:all .15s ease-out}.project-item.cross-board-no-columns{opacity:.4;cursor:not-allowed}.folder-header.clone,.project-item.clone{opacity:.95;transform:scale(1.03);box-shadow:var(--shadow-lg);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}@media(hover:hover)and (pointer:fine)and (min-width:48.0625em){.project-item,.folder-header{position:relative}.drag-handle-sidebar{position:absolute;top:50%;left:calc(-.15rem * var(--ui-scale-space));transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:calc(.1rem * var(--ui-scale-space));background:transparent;border:none;border-radius:calc(var(--radius-sm) * var(--ui-scale-radius));color:var(--color-ink-muted);font-size:calc(.9rem * var(--ui-scale));line-height:1;cursor:grab;opacity:0;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;z-index:2}.project-item:hover .drag-handle-sidebar,.folder-header:hover .drag-handle-sidebar,.drag-handle-sidebar:focus-visible{opacity:.5;pointer-events:auto}.drag-handle-sidebar:focus-visible{opacity:.9;outline:.125rem solid var(--color-accent);outline-offset:.0625rem}.drag-handle-sidebar:active{cursor:grabbing;opacity:.9}}.card{background:var(--color-card);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius-lg);border:.0625rem solid var(--color-border-subtle);box-shadow:var(--shadow-xs)}.card:hover{border-color:var(--color-border-muted);background:var(--color-card-hover);box-shadow:var(--shadow-sm)}.card.dragging{opacity:0;pointer-events:none}.card-content{padding:calc(.75rem * var(--ui-scale-space));min-height:calc(3.5rem * var(--ui-scale-space));position:relative}.card-content>*+*{margin-top:calc(.35rem * var(--ui-scale-space))}.card.title-only .card-content{display:flex;align-items:center}.card-title{margin:0;font-size:calc(.875rem * var(--ui-scale));font-weight:500;display:flex;align-items:center;line-height:1.3;min-block-size:calc(1rem * var(--ui-scale) + .5rem * var(--ui-scale-space));color:var(--color-ink);width:100%;position:relative}.card-title-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-right:calc(1.5rem * var(--ui-scale-space))}.list-card .card-title{display:block;line-height:calc(1rem * var(--ui-scale) + .5rem * var(--ui-scale-space));flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:calc(.5rem * var(--ui-scale-space))}.card.title-only .card-title{margin:0}.star-toggle{background:transparent;border:none;padding:0;cursor:pointer;font-size:calc(1.25rem * var(--ui-scale));line-height:1;color:var(--color-ink-muted);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;outline:none}.star-toggle:hover,.star-toggle:focus,.star-toggle:active{outline:none;background:transparent;color:inherit}.star-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem;border-radius:var(--radius-sm);background:transparent;color:inherit}.star-toggle.starred{color:var(--color-ink)}.card-title .star-toggle{flex-shrink:0;position:absolute;right:0;font-size:calc(1rem * var(--ui-scale))}.list-card-header .star-toggle{margin-left:calc(.5rem * var(--ui-scale-space));margin-right:calc(.5rem * var(--ui-scale-space))}@media(max-width:48em),(pointer:coarse)and (max-height:31.25em){.list-card-header{position:relative}.list-card-header .star-toggle{position:absolute;right:calc(3.5rem * var(--ui-scale-space));top:50%;transform:translateY(-50%);margin:0;padding:0;min-width:calc(2.75rem * var(--ui-scale-space));min-height:calc(2.75rem * var(--ui-scale-space))}}.card-meta-row{display:flex;align-items:center;gap:calc(.5rem * var(--ui-scale-space))}.card-task-indicator{font-size:calc(.8rem * var(--ui-scale));color:var(--color-ink-muted)}.list-card .card-task-indicator,.list-card .card-due-date{font-weight:400;font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink);flex-shrink:0}.list-card .card-meta-separator{flex-shrink:0}.card-meta-separator{width:.0625rem;height:calc(.875rem * var(--ui-scale));background:var(--color-border-muted);flex-shrink:0}.card-due-date{display:inline-flex;align-items:center;font-size:calc(.7rem * var(--ui-scale));color:var(--color-ink-muted);background:color-mix(in srgb,var(--color-ink) 8%,transparent);padding:calc(.125rem * var(--ui-scale-space)) calc(.5rem * var(--ui-scale-space));border-radius:var(--radius-sm);line-height:1}.card-due-date.overdue{color:var(--color-danger-muted);background:color-mix(in srgb,var(--color-danger-muted) 12%,transparent)}.card-tags{display:flex;padding-bottom:.35rem;flex-wrap:wrap;gap:calc(.375rem * var(--ui-scale-space))}.card-form-field-group{background:var(--color-panel);border-radius:var(--radius-sm);padding:calc(1rem * var(--ui-scale-space));margin-bottom:calc(1rem * var(--ui-scale-space))}.card-form-field-group:first-child{margin-top:calc(1.5rem * var(--ui-scale-space))}.card-form-field-group:last-child{margin-bottom:calc(1.5rem * var(--ui-scale-space))}.card-form-label{display:flex;flex-direction:column;gap:calc(.5rem * var(--ui-scale-space))}.card-form-label>span{display:block;font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink-muted);font-weight:500}.edit-title{font-weight:600;width:100%;box-sizing:border-box;resize:none;line-height:1.5;overflow-y:hidden}.edit-description{width:100%;font-size:calc(.875rem * var(--ui-scale));font-family:inherit;color:var(--color-ink);background:var(--color-input-bg);border:.0625rem solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:calc(.5rem * var(--ui-scale-space)) calc(.75rem * var(--ui-scale-space));transition:border-color .15s ease,outline .15s ease;box-sizing:border-box;resize:none;min-height:calc(4.5rem * var(--ui-scale-space));line-height:1.5;overflow-y:hidden}.edit-title:focus,.edit-description:focus{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem;border-color:var(--color-ink)}.edit-title::placeholder,.edit-description::placeholder{color:var(--color-ink-muted);opacity:.7}.card-form-metadata-row{display:grid;grid-template-columns:1fr 1fr;gap:calc(1rem * var(--ui-scale-space))}.card-form-metadata-item{display:flex;flex-direction:column;gap:calc(.5rem * var(--ui-scale-space))}.tag-selector{background:var(--color-input-bg);border:.0625rem solid var(--color-border-subtle);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(.875rem * var(--ui-scale));font-weight:500;cursor:pointer;color:var(--color-ink);text-align:left;font-family:inherit}.tag-selector-header:hover{color:var(--color-ink)}.tag-selector-header:focus{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.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))}.date-selector{background:var(--color-input-bg);border:.0625rem solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:calc(.5rem * var(--ui-scale-space)) calc(.75rem * var(--ui-scale-space));margin-bottom:0}.date-selector-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;padding:0;font-size:calc(.875rem * var(--ui-scale));font-weight:500;cursor:pointer;color:var(--color-ink);text-align:left;font-family:inherit}.date-selector-header:focus{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.date-selector-label{display:block;color:var(--color-ink)}.date-selector-arrow{font-size:calc(.85rem * var(--ui-scale));color:var(--color-ink-muted)}.date-options{margin-top:calc(.5rem * var(--ui-scale-space));display:flex;flex-direction:column;gap:calc(.5rem * var(--ui-scale-space))}.date-options .due-date-clear{align-self:flex-start;background:color-mix(in hsl,var(--color-ink) 12%,transparent);border:none;border-radius:var(--radius-sm);color:var(--color-ink);font-size:calc(.75rem * var(--ui-scale));padding:calc(.25rem * var(--ui-scale-space)) calc(.5rem * var(--ui-scale-space));cursor:pointer}.date-options .due-date-clear:hover{background:color-mix(in hsl,var(--color-ink) 18%,transparent)}.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),(pointer:coarse)and (max-height:31.25em){.card-content{padding:.5rem}.card{border:none}.card-title{font-size:calc(.8rem * var(--ui-scale))}.card-title .star-toggle{padding:.15rem .25rem;right:-.25rem}.list-card .card-task-indicator,.list-card .card-due-date{font-size:calc(.8rem * var(--ui-scale))}.tag-options{gap:.375rem}.card-form-field-group{padding:calc(.75rem * var(--ui-scale-space));margin-bottom:calc(.75rem * var(--ui-scale-space))}.card-form-metadata-row{grid-template-columns:1fr;gap:calc(.75rem * var(--ui-scale-space))}}.due-date-clear{background:color-mix(in hsl,var(--color-ink) 12%,transparent);border:none;border-radius:var(--radius-sm);color:var(--color-ink);font-size:calc(1rem * var(--ui-scale));line-height:1;padding:calc(.25rem * var(--ui-scale-space)) calc(.5rem * var(--ui-scale-space));cursor:pointer}.due-date-clear:hover{background:color-mix(in hsl,var(--color-ink) 18%,transparent)}@keyframes card-flash{0%,to{box-shadow:var(--shadow-xs)}50%{box-shadow:var(--shadow-sm),0 0 0 2px var(--color-ink)}}.card.flash-highlight,.list-card.flash-highlight{animation:card-flash 1.8s ease-in-out 1}.cross-board-toast{position:fixed;bottom:calc(1.5rem * var(--ui-scale-space));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:calc(.75rem * var(--ui-scale-space));padding:calc(.75rem * var(--ui-scale-space)) calc(1rem * var(--ui-scale-space));background:var(--color-ink);color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:calc(.875rem * var(--ui-scale));z-index:var(--z-toast);animation:cross-board-toast-in .2s ease-out;max-width:calc(100vw - 2rem)}@keyframes cross-board-toast-in{0%{opacity:0;transform:translate(-50%) translateY(.5rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cross-board-toast-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cross-board-toast-undo{background:transparent;border:none;color:var(--color-surface);font-weight:600;font-size:calc(.875rem * var(--ui-scale));padding:calc(.25rem * var(--ui-scale-space)) calc(.5rem * var(--ui-scale-space));cursor:pointer;text-decoration:underline;flex-shrink:0}@media(hover:hover)and (pointer:fine){.cross-board-toast-undo:hover{opacity:.8}}.cross-board-toast-close{background:transparent;border:none;color:var(--color-surface);font-size:calc(1.125rem * var(--ui-scale));line-height:1;padding:0 calc(.25rem * var(--ui-scale-space));cursor:pointer;opacity:.6;flex-shrink:0}@media(hover:hover)and (pointer:fine){.cross-board-toast-close:hover{opacity:1}}@media(max-width:48em),(pointer:coarse)and (max-height:31.25em){.cross-board-toast{bottom:calc(4rem + env(safe-area-inset-bottom))}}.sync-indicator{display:inline-flex;align-items:center;flex-shrink:0;gap:.35rem;font-size:.75rem;line-height:1;white-space:nowrap;color:color-mix(in hsl,var(--color-ink) 55%,transparent);-webkit-user-select:none;user-select:none;pointer-events:none}.sync-indicator__dot{width:.4rem;height:.4rem;border-radius:50%;flex-shrink:0}.sync-indicator--pending .sync-indicator__dot{background:var(--color-warning-text)}.sync-indicator--syncing .sync-indicator__dot{background:var(--color-accent);animation:sync-pulse 1.2s ease-in-out infinite}.sync-indicator--offline .sync-indicator__dot{background:color-mix(in hsl,var(--color-ink) 35%,transparent)}.sync-indicator--error .sync-indicator__dot,.sync-indicator--too-large .sync-indicator__dot{background:var(--color-danger-muted)}button.sync-indicator--too-large{appearance:none;background:none;border:none;padding:0;font-family:inherit;cursor:pointer;pointer-events:auto}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.35}}.desktop-shell{display:flex;inline-size:100%;min-height:100dvh}.desktop-shell>.project-sidebar{flex:0 0 auto}.desktop-shell>.main-content{flex:1;overflow:auto;display:flex;flex-direction:column;position:relative}.desktop-sync-status{position:fixed;bottom:1rem;right:1rem;z-index:10}.desktop-sync-status:empty{display:none}.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)}.connected-apps-intro{margin:0 0 calc(1rem * var(--ui-scale-space));font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink-muted);line-height:var(--leading-snug)}.connected-apps-status{margin:calc(1rem * var(--ui-scale-space)) 0;font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink-muted);text-align:center}.connected-apps-error{padding:calc(.75rem * var(--ui-scale-space));margin-bottom:calc(1rem * var(--ui-scale-space));background:var(--color-danger-bg);color:var(--color-danger-text);border-radius:calc(var(--radius-sm) * var(--ui-scale-radius));font-size:calc(.875rem * var(--ui-scale))}.connected-apps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(.5rem * var(--ui-scale-space))}.connected-app-item{display:flex;align-items:center;justify-content:space-between;gap:calc(1rem * var(--ui-scale-space));padding:calc(.75rem * var(--ui-scale-space));background:var(--color-panel);border:.0625rem solid var(--color-border-subtle);border-radius:calc(var(--radius-sm) * var(--ui-scale-radius))}.connected-app-info{display:flex;flex-direction:column;gap:calc(.25rem * var(--ui-scale-space));min-width:0}.connected-app-host{font-size:calc(.875rem * var(--ui-scale));font-weight:500;color:var(--color-ink);overflow-wrap:anywhere}.connected-app-meta{font-size:calc(.75rem * var(--ui-scale));color:var(--color-ink-muted)}.connected-app-revoke{flex-shrink:0;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:background .2s ease}.connected-app-revoke:hover{background:var(--color-danger-bg-hover)}.mobile-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mobile-topbar{position:sticky;top:0;z-index:var(--z-topbar);background:var(--color-bg);border-bottom:.0625rem solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(.75rem + env(safe-area-inset-top)) 1rem .75rem}.hamburger-btn{background:var(--color-ghost-btn-active);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:var(--color-ghost-btn-hover)}.hamburger-btn:active{background:var(--color-ghost-btn-active)}.hamburger-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.topbar-title{font-weight:600;display:flex;align-items:center;gap:.5rem;min-width:0}.topbar-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:calc(1rem * var(--ui-scale-space))}.mobile-content>*{flex:1;min-height:0}.mobile-drawer{position:fixed;inset:0 auto 0 0;width:min(80vw,22rem);transform:translate(-100%);visibility:hidden;transition:transform .2s ease-out,visibility 0s linear .2s;background:var(--color-surface);border-right:.0625rem solid var(--color-border);z-index:-1;pointer-events:none;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left)}.mobile-drawer.open{transform:translate(0);visibility:visible;transition:transform .2s ease-out,visibility 0s;z-index:var(--z-drawer);pointer-events:auto}.mobile-drawer .collapse-btn{display:none}.mobile-drawer-content{height:100%;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}.mobile-drawer-projects{height:100%}.mobile-drawer-edge-zone{position:fixed;top:calc((2.75rem + 1.5rem) * var(--ui-scale-space) + env(safe-area-inset-top));bottom:0;left:env(safe-area-inset-left);width:20px;z-index:var(--z-edge-zone);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-overlay{position:fixed;inset:0;background:var(--color-overlay);z-index:var(--z-drawer-overlay)}.mobile-tabs{position:sticky;bottom:0;z-index:var(--z-tabs);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:var(--keyboard-height, 0px);background:var(--color-surface);border-top:.0625rem solid var(--color-border);z-index:var(--z-sheet);padding:1rem calc(1rem + env(safe-area-inset-right)) calc(1rem + max(0px,calc(env(safe-area-inset-bottom) - var(--keyboard-height, 0px)))) calc(1rem + env(safe-area-inset-left));transition:bottom .25s ease-out}.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:var(--color-ghost-btn-active);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:var(--color-ghost-btn-hover);color:var(--color-ink)}.mobile-ai-actions button:active{background:var(--color-ghost-btn-active);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:minmax(0,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:var(--color-ghost-btn-active);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:var(--color-ghost-btn-hover);color:var(--color-ink)}.settings-panel-mobile button:active{background:var(--color-ghost-btn-active);color:var(--color-ink)}.settings-panel-mobile button:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:.125rem}.settings-panel-mobile button.active,.settings-panel-mobile button.active:hover,.settings-panel-mobile button.active:active{background:var(--color-ink);color:var(--color-surface)}.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}.mobile-shell.keyboard-open{height:calc(100dvh - var(--keyboard-height, 0px))}.mobile-shell.keyboard-open .mobile-tabs{display:none}.error-boundary{min-block-size:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(1.5rem * var(--ui-scale-space));background:var(--color-bg);color:var(--color-ink)}.error-boundary-panel{inline-size:100%;max-inline-size:25rem;display:flex;flex-direction:column;gap:calc(1rem * var(--ui-scale-space));padding:calc(1.5rem * var(--ui-scale-space));background:var(--color-surface);border:.0625rem solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.error-boundary-panel h1{margin:0;font-size:calc(1.25rem * var(--ui-scale))}.error-boundary-panel p{margin:0;font-size:calc(.875rem * var(--ui-scale));color:var(--color-ink-muted);overflow-wrap:anywhere}