@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";@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-100: hsl(142 60% 92%);--ref-success-200: hsl(142 55% 82%);--ref-success-300: hsl(142 50% 72%);--ref-success-400: hsl(142 45% 62%);--ref-success-500: hsl(142 50% 45%);--ref-success-700: hsl(142 60% 28%);--ref-warning-100: hsl(35 100% 93%);--ref-warning-200: hsl(35 95% 85%);--ref-warning-300: hsl(35 90% 75%);--ref-warning-400: hsl(35 85% 65%);--ref-warning-500: hsl(35 80% 50%);--ref-warning-700: hsl(35 90% 35%);--ref-danger-100: hsl(0 90% 94%);--ref-danger-200: hsl(0 90% 86%);--ref-danger-300: hsl(0 85% 75%);--ref-danger-400: hsl(0 80% 66%);--ref-danger-500: hsl(0 70% 40%);--ref-danger-700: hsl(0 75% 27%);--ref-info-100: hsl(210 100% 92%);--ref-info-200: hsl(210 95% 85%);--ref-info-400: hsl(210 85% 65%);--ref-info-600: hsl(210 65% 40%)}[data-theme=dark]{--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-100: hsl(142 60% 92%);--ref-success-200: hsl(142 55% 82%);--ref-success-300: hsl(142 50% 72%);--ref-success-400: hsl(142 45% 62%);--ref-success-500: hsl(142 50% 45%);--ref-success-700: hsl(142 60% 28%);--ref-warning-100: hsl(35 100% 93%);--ref-warning-200: hsl(35 95% 85%);--ref-warning-300: hsl(35 90% 75%);--ref-warning-400: hsl(35 85% 65%);--ref-warning-500: hsl(35 80% 50%);--ref-warning-700: hsl(35 90% 35%);--ref-danger-100: hsl(0 90% 94%);--ref-danger-200: hsl(0 90% 86%);--ref-danger-300: hsl(0 85% 75%);--ref-danger-400: hsl(0 80% 66%);--ref-danger-500: hsl(0 70% 40%);--ref-danger-700: hsl(0 75% 27%);--ref-info-100: hsl(210 100% 92%);--ref-info-200: hsl(210 95% 85%);--ref-info-400: hsl(210 85% 65%);--ref-info-600: hsl(210 65% 40%)}[data-theme=light]{--ref-neutral-0: hsl(47 34% 96%);--ref-neutral-50: hsl(47 32% 94%);--ref-neutral-100: hsl(47 28% 90%);--ref-neutral-200: hsl(47 24% 86%);--ref-neutral-300: hsl(47 24% 76%);--ref-neutral-400: hsl(47 26% 66%);--ref-neutral-500: hsl(47 28% 56%);--ref-neutral-600: hsl(47 30% 46%);--ref-neutral-700: hsl(47 32% 38%);--ref-neutral-800: hsl(47 34% 30%);--ref-neutral-900: hsl(47 36% 24%);--ref-primary-50: hsl(40 44% 95%);--ref-primary-100: hsl(40 42% 88%);--ref-primary-200: hsl(40 40% 78%);--ref-primary-300: hsl(40 38% 66%);--ref-primary-400: hsl(40 42% 56%);--ref-primary-500: hsl(40 46% 48%);--ref-primary-600: hsl(40 50% 42%);--ref-primary-700: hsl(40 52% 36%);--ref-primary-800: hsl(40 54% 28%);--ref-primary-900: hsl(40 56% 22%);--ref-success-100: hsl(120 25% 92%);--ref-success-200: hsl(120 24% 84%);--ref-success-300: hsl(120 23% 74%);--ref-success-400: hsl(120 24% 62%);--ref-success-500: hsl(120 25% 45%);--ref-success-700: hsl(120 28% 30%);--ref-warning-100: hsl(37 42% 88%);--ref-warning-200: hsl(37 42% 80%);--ref-warning-300: hsl(37 42% 70%);--ref-warning-400: hsl(37 42% 60%);--ref-warning-500: hsl(37 42% 54%);--ref-warning-700: hsl(37 42% 36%);--ref-danger-100: hsl(5 70% 92%);--ref-danger-200: hsl(5 70% 84%);--ref-danger-300: hsl(5 70% 74%);--ref-danger-400: hsl(5 70% 64%);--ref-danger-500: hsl(5 70% 46%);--ref-danger-700: hsl(5 70% 32%);--ref-info-100: hsl(200 48% 92%);--ref-info-200: hsl(200 48% 84%);--ref-info-400: hsl(200 48% 62%);--ref-info-600: hsl(200 48% 40%)}: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-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-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: hsl(210 12% 18%);--color-ink-muted: hsl(210 10% 42%);--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-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=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-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:Space Mono,monospace;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-space-mono,body.font-space-mono{font-family:Space Mono,monospace}html.font-funnel-sans,body.font-funnel-sans{font-family:Funnel Sans,sans-serif}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}#root{min-height:100vh;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)}.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)}.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}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;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}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:450;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;background-color:var(--color-bg)}.main-content{--page-pad-inline: 2rem;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))}}.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}.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:.125rem solid var(--color-ink);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:.0625rem solid var(--color-border-subtle);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: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}.confirm-close-btn:hover{background:#fecaca;color:#7f1d1d;border-color:#fecaca}.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:.0625rem solid var(--color-border-subtle);background:var(--color-panel)}.cancel-btn{background:transparent;border:.0625rem solid var(--color-border-muted);color:var(--color-ink-muted)}.cancel-btn:hover{background:var(--color-panel-hover);border-color:var(--color-ink);color:var(--color-ink)}.save-btn{background:var(--color-ink);color:var(--color-surface);border-color:var(--color-ink)}.save-btn:hover{background:#555;border-color:#555}.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}