:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e8ecf8;background-color:#0d1320;--bg-base: #0d1320;--bg-accent: radial-gradient(circle at top, #1a2640 0%, #0d1320 58%, #08101a 100%);--surface-1: rgba(16, 24, 40, .9);--surface-raised: #182235;--border-subtle: rgba(148, 163, 184, .22);--text-primary: #e8ecf8;--text-secondary: #bcc7dc;--text-muted: #8d98ad;--accent: #79a7ff;--accent-strong: #70d7b5;--button-bg: #223454;--button-bg-hover: #2b446f;--button-secondary: #182235;--button-secondary-hover: #23304a;--button-danger: #5a2330;--button-danger-hover: #743042;--button-warning: #8a6321;--button-warning-hover: #a17528;--field-bg: #111a2b;--field-border: rgba(121, 167, 255, .2);--danger-text: #ff8d9d;--task-done: #78839a;--shadow-soft: 0 10px 24px rgba(3, 8, 18, .22);--shadow-elevated: 0 18px 40px rgba(1, 6, 16, .45);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{color-scheme:light;color:#213547;background-color:#f3f6fb;--bg-base: #f3f6fb;--bg-accent: radial-gradient(circle at top, #ffffff 0%, #edf3ff 60%, #e7edf8 100%);--surface-1: rgba(255, 255, 255, .88);--surface-raised: #ffffff;--border-subtle: rgba(71, 85, 105, .16);--text-primary: #1e293b;--text-secondary: #4b5563;--text-muted: #6b7280;--accent: #315cf5;--accent-strong: #0f8f68;--button-bg: #315cf5;--button-bg-hover: #274bd0;--button-secondary: #e8eef9;--button-secondary-hover: #dae4f7;--button-danger: #f7d9de;--button-danger-hover: #f2c4cc;--button-warning: #f7df9d;--button-warning-hover: #efd281;--field-bg: #ffffff;--field-border: rgba(49, 92, 245, .16);--danger-text: #c62828;--task-done: #7b8798;--shadow-soft: 0 8px 22px rgba(15, 23, 42, .08);--shadow-elevated: 0 18px 40px rgba(15, 23, 42, .18)}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:color-mix(in srgb,var(--accent) 82%,white)}*{box-sizing:border-box}html{min-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}body{margin:0;min-width:320px;min-height:100dvh;color:var(--text-primary);background:var(--bg-accent);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none;width:0;height:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:var(--text-primary);background-color:var(--button-bg);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s,transform .2s}button:hover{border-color:var(--accent);transform:translateY(-1px)}button:focus,button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}input,select,textarea{font:inherit}#root{width:100%;max-width:none;min-height:100dvh;margin:0;padding:clamp(1rem,3vw,2rem);text-align:center}.app-shell{color:var(--text-primary)}.app-toolbar,.theme-switch-row{display:flex;justify-content:flex-end;margin-bottom:1rem}.theme-toggle,.primary-button,.secondary-button,.danger-button,.warning-button{border:1px solid var(--border-subtle)}.theme-toggle,.secondary-button{background:var(--button-secondary)}.theme-toggle:hover,.secondary-button:hover{background:var(--button-secondary-hover)}.primary-button:hover{background:var(--button-bg-hover)}.danger-button{background:var(--button-danger)}.danger-button:hover{background:var(--button-danger-hover)}.warning-button{background:var(--button-warning);color:var(--text-primary)}.warning-button:hover{background:var(--button-warning-hover)}.auth-card,.column-card{background:var(--surface-1);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.board-grid{align-items:stretch}.column-card{flex:1 1 280px;max-width:360px}.task-item{flex-wrap:wrap}.task-text{min-width:0}.task-actions{margin-left:auto;display:flex;gap:6px}.task-action-button{flex:0 1 auto}.task-meta{flex-shrink:0}.empty-drop-zone{color:var(--text-muted);border:2px dashed var(--border-subtle);background:color-mix(in srgb,var(--surface-raised) 82%,transparent)}.field{color:var(--text-primary);background:var(--field-bg);border:1px solid var(--field-border);border-radius:8px}.field::placeholder{color:var(--text-muted)}.field:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:1px}h1,h2,h3,strong,label{color:var(--text-primary)}@media(max-width:480px){#root{padding:1rem}.column-card{min-width:0!important;max-width:none;width:100%}.auth-card{margin:1rem auto!important}.task-item{align-items:flex-start}.task-text{flex-basis:calc(100% - 32px)}.task-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:flex-end;margin-left:0}.task-action-button{width:100%;min-width:0;padding:6px 4px!important;font-size:.9rem}.task-due{margin-left:auto!important}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}