*{box-sizing:border-box}:root{color:#102033;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-text:#102033;--page-subtle:#4d5c6d;--panel-text:#102033;--panel-subtle:#5f6b7a;--surface:#ffffffd1;--surface-strong:#fffffff2;--surface-alt:#fff7eccc;--surface-border:#ffffffb3;--shadow:0 20px 40px #1020331a;--input-border:#d2dae5;--input-focus:#3b82f6;--button-primary:#102033;--button-primary-hover:#1c3553;--button-secondary:#d7dde7;--button-secondary-hover:#c3ccda;--button-secondary-text:#102033;--accent:#9a4d14;--task-card-border:#edf0f5;--task-card-bg:linear-gradient(180deg, #fffffffa, #f4f7fcf2);--timer-text:#174ea6;--error-text:#b91c1c;--success-text:#0f766e;--empty-text:#5f6b7a;--filter-border:#ccc;--progress-track:#e2e8f0;--progress-fill:#3b82f6;--priority-high-bg:#fee2e2;--priority-high-text:#b91c1c;--priority-medium-bg:#fef9c3;--priority-medium-text:#92400e;--priority-low-bg:#dcfce7;--priority-low-text:#166534;--completed-border:#22c55e;--page-background:radial-gradient(circle at top left, #ffd38a8c, transparent 30%), radial-gradient(circle at right, #72b1ff47, transparent 34%), linear-gradient(145deg, #f6efe4 0%, #eef4ff 48%, #e8f3ef 100%);font-family:Segoe UI,Helvetica Neue,sans-serif}:root[data-theme=dark]{color:#ecf4ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-text:#ecf4ff;--page-subtle:#b6c5dc;--panel-text:#f4f8ff;--panel-subtle:#a9b7cd;--surface:#0b1322d1;--surface-strong:#121c30f5;--surface-alt:#1a243aeb;--surface-border:#8192b038;--shadow:0 22px 44px #00000057;--input-border:#34435d;--input-focus:#7cb7ff;--button-primary:#ecf4ff;--button-primary-hover:#cfe0ff;--button-secondary:#24324b;--button-secondary-hover:#32425f;--button-secondary-text:#ecf4ff;--accent:#f8bb7c;--task-card-border:#293550;--task-card-bg:linear-gradient(180deg, #121c30fa, #0d1626f5);--timer-text:#7cb7ff;--error-text:#fca5a5;--success-text:#6ee7b7;--empty-text:#a9b7cd;--filter-border:#3b4b67;--progress-track:#22304a;--progress-fill:#60a5fa;--priority-high-bg:#7f1d1d59;--priority-high-text:#fecaca;--priority-medium-bg:#854d0e59;--priority-medium-text:#fde68a;--priority-low-bg:#16653459;--priority-low-text:#bbf7d0;--completed-border:#4ade80;--page-background:radial-gradient(circle at top left, #5a492285, transparent 30%), radial-gradient(circle at right, #3a68b047, transparent 34%), linear-gradient(145deg, #09111f 0%, #0d1830 45%, #081821 100%)}body{background:var(--page-background);min-width:320px;color:var(--page-text);margin:0;transition:background .3s,color .3s}#root{min-height:100vh}.auth-shell,.app-container{max-width:1180px;margin:0 auto;padding:32px 20px 40px}.auth-shell{grid-template-columns:1.1fr .9fr;align-items:center;gap:28px;min-height:100vh;display:grid}.auth-showcase,.auth-card,.task-form-section,.task-list-section{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--surface-border);box-shadow:var(--shadow);color:var(--panel-text);border-radius:24px;padding:24px}.auth-showcase{flex-direction:column;justify-content:center;min-height:520px;display:flex}.auth-toolbar{grid-column:1/-1;justify-content:flex-end;margin-bottom:-6px;display:flex}.auth-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.78rem;font-weight:700}.auth-showcase h1,.auth-card h1,.app-header h1{margin:0;font-size:clamp(2rem,5vw,4.3rem);line-height:1.05}.auth-card h2,.task-form-section h2,.task-list-section h2{margin-top:0;margin-bottom:10px;font-size:1.55rem}.auth-subtitle{max-width:42rem;color:var(--page-subtle);font-size:1.05rem;line-height:1.6}.auth-highlights{gap:14px;margin-top:28px;display:grid}.auth-highlights div{background:var(--surface-alt);border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.auth-highlights strong{font-size:1rem}.auth-highlights span{color:var(--panel-subtle)}.auth-card{justify-self:end;width:100%;max-width:460px}.auth-tabs{background:var(--surface-alt);border-radius:999px;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:22px;padding:6px;display:inline-grid}.auth-tabs button{color:var(--panel-subtle);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 18px;font-size:.96rem;font-weight:700}.auth-tabs button.active{background:var(--button-primary);color:var(--surface-strong)}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.main-layout{grid-template-columns:1fr 1.3fr;align-items:start;gap:24px;display:grid}.task-form-column{align-self:start;min-width:0;position:sticky;top:24px}.form-note{color:var(--panel-subtle);margin-top:-6px;margin-bottom:16px;font-size:.95rem}.task-form-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.task-form{flex-direction:column;gap:12px;display:flex}.task-form input,.task-form select{border:1px solid var(--input-border);background:var(--surface-strong);color:var(--panel-text);border-radius:12px;padding:12px;font-size:1rem}.task-form-actions,.task-card-actions{gap:10px;display:flex}.form-error{color:var(--error-text);margin:0;font-size:.95rem}.form-success{color:var(--success-text);margin:0;font-size:.95rem}.task-form button,.task-card-actions button,.header-button{background:var(--button-primary);color:var(--surface-strong);cursor:pointer;border:none;border-radius:12px;padding:12px;font-size:1rem;font-weight:700;transition:background .2s,color .2s,border-color .2s}.task-form button:hover,.task-card-actions button:hover,.header-button:hover{background:var(--button-primary-hover)}.task-form button:disabled,.header-button:disabled{cursor:wait;opacity:.7}.secondary-button{background:var(--button-secondary);color:var(--button-secondary-text)}.secondary-button:hover{background:var(--button-secondary-hover)}.theme-toggle{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-strong) 82%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:112px;padding:10px 12px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 26px #1020331f}.theme-toggle:hover{background:color-mix(in srgb, var(--surface-strong) 92%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, var(--surface-border));transform:translateY(-1px);box-shadow:0 14px 30px #10203329}.theme-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--input-focus) 24%, transparent), 0 14px 30px #10203329;outline:none}.theme-toggle-track{background:linear-gradient(135deg,#ffd27b,#ff9f67);border-radius:999px;flex-shrink:0;width:46px;height:26px;position:relative;box-shadow:inset 0 0 0 1px #ffffff47}:root[data-theme=dark] .theme-toggle-track{background:linear-gradient(135deg,#243a63,#0f1b31)}.theme-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 4px 10px #10203338}:root[data-theme=dark] .theme-toggle-thumb{background:#f2f6ff;transform:translate(20px)}.theme-toggle-icon{width:18px;height:18px;color:var(--panel-subtle);justify-content:center;align-items:center;transition:color .2s,opacity .2s,transform .2s;display:inline-flex}.theme-toggle-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.theme-toggle-icon:first-child{color:#d98324;opacity:1}.theme-toggle-icon:last-child{opacity:.55}.theme-toggle-icon:last-child svg{fill:currentColor;stroke:none}:root[data-theme=dark] .theme-toggle-icon:first-child{color:var(--panel-subtle);opacity:.55}:root[data-theme=dark] .theme-toggle-icon:last-child{color:#dfe8ff;opacity:1}.theme-toggle:hover .theme-toggle-icon:first-child,.theme-toggle:hover .theme-toggle-icon:last-child{transform:scale(1.05)}.auth-secondary-actions{gap:12px;margin-top:14px;display:flex}.auth-link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:700}.auth-link-preview{color:var(--accent);font-size:.95rem;font-weight:700;text-decoration:none}.task-list{flex-direction:column;gap:14px;display:flex}.task-list-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.task-form-mobile-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:110;background:#09111f80;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.task-form-mobile-sheet{flex-direction:column;gap:12px;width:min(100%,560px);max-height:calc(100vh - 32px);display:flex}.mobile-task-form-close{border:1px solid color-mix(in srgb, var(--surface-border) 92%, transparent);background:color-mix(in srgb, var(--surface-strong) 88%, transparent);width:100%;color:var(--panel-text);letter-spacing:.01em;border-radius:14px;padding:11px 14px;font-size:.95rem;font-weight:700;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff38}.mobile-task-form-close:hover{background:color-mix(in srgb, var(--surface-strong) 96%, transparent);border-color:color-mix(in srgb, var(--accent) 22%, var(--surface-border));transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 10px 24px #10203324}.mobile-task-form-close:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--input-focus) 24%, transparent), inset 0 1px 0 #ffffff38, 0 10px 24px #10203324;outline:none}.floating-new-task-button{color:#f8fbff;cursor:pointer;z-index:90;background:linear-gradient(135deg,#102033,#24456f);border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 18px;font-size:.98rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 36px #10203347}.floating-new-task-button:hover{background:linear-gradient(135deg,#17304e,#325c91);transform:translateY(-2px);box-shadow:0 20px 40px #10203352}.floating-new-task-button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--input-focus) 24%, transparent), 0 20px 40px #10203352;outline:none}.floating-new-task-button-icon{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:1.2rem;line-height:1;display:inline-flex}@media (width>=769px){.floating-new-task-button{display:none}}@media (width<=1024px){.main-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}}.task-card{border:1px solid var(--task-card-border);background:var(--task-card-bg);border-radius:18px;padding:18px}.task-card h3{margin-top:0;margin-bottom:10px}.task-card-actions{margin-top:12px}.task-timer{color:var(--timer-text);font-weight:600}.task-timer-expired{color:var(--error-text)}.empty-message{color:var(--empty-text)}@media (width<=768px){.auth-shell,.main-layout{grid-template-columns:1fr}.app-container,.auth-shell{padding:18px 14px 28px}.task-form-column{display:none}.task-form-header-row{flex-direction:column}.auth-toolbar{margin-bottom:0}.auth-card{justify-self:stretch;max-width:none}.app-header{flex-direction:column}.header-right{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6px;width:100%;display:grid}.search-input{grid-column:1/-1;width:100%}.theme-toggle{justify-content:center;width:100%;min-width:0}.header-button{justify-content:center;width:100%}.task-form-mobile-overlay{display:flex}.task-form-section,.task-list-section,.auth-card,.auth-showcase{border-radius:18px;padding:16px}.task-form,.task-card-actions,.filter-bar,.header-right{gap:8px}.auth-tabs{width:100%}.auth-tabs button,.task-form button,.task-card-actions button,.header-button,.task-form input,.task-form select,.search-input,.auth-form input{padding:10px 12px;font-size:.95rem}.search-input{height:40px}.theme-toggle{min-width:0;padding:8px 10px}.theme-toggle-track{width:42px;height:24px}.theme-toggle-thumb{width:18px;height:18px}:root[data-theme=dark] .theme-toggle-thumb{transform:translate(18px)}.filter-bar,.task-card-actions,.task-list-header,.task-card-header{flex-direction:column}.filter-bar select,.task-card-actions button{width:100%}.floating-new-task-button{justify-content:center;padding:12px 14px;font-size:.95rem;bottom:14px;left:14px;right:14px}}.filter-bar{gap:.5rem;margin-bottom:1rem;display:flex}.filter-bar select{border:1px solid var(--filter-border);cursor:pointer;background:var(--surface-strong);color:var(--panel-text);border-radius:6px;padding:.4rem .6rem;font-size:.9rem}.progress-bar-container{margin-bottom:1rem}.progress-label{color:var(--panel-subtle);margin-bottom:4px;font-size:.85rem}.progress-bar-bg{background:var(--progress-track);border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{background:var(--progress-fill);border-radius:999px;height:100%;transition:width .3s}.task-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.priority-badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600}.priority-high{background:var(--priority-high-bg);color:var(--priority-high-text)}.priority-medium{background:var(--priority-medium-bg);color:var(--priority-medium-text)}.priority-low{background:var(--priority-low-bg);color:var(--priority-low-text)}.task-completed{opacity:.65;border-left:4px solid var(--completed-border)}.task-form select{border:1px solid var(--input-border);background-color:var(--surface-strong);cursor:pointer;appearance:auto;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem}.task-form select:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--input-focus) 22%, transparent);outline:none}.header-right{flex-wrap:nowrap!important;flex:none!important;justify-content:flex-end!important;align-items:center!important;gap:.75rem!important;display:flex!important}.search-input{border:1px solid var(--input-border);background:var(--surface-strong);width:min(100%,300px);color:var(--panel-text);box-sizing:border-box;border-radius:8px;height:42px;padding:.5rem 1rem;font-size:.95rem}.search-input:focus,.task-form input:focus,.task-form select:focus,.auth-form input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--input-focus) 22%, transparent);outline:none}.task-form input::placeholder,.search-input::placeholder,.auth-form input::placeholder{color:var(--panel-subtle)}.tag-selector{background:var(--color-surface,#f9fafb);border:1px solid var(--color-border,#e5e7eb);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.tag-selector-label{color:var(--color-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:600}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-badge{cursor:pointer;border:1.5px solid;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500;transition:all .15s}.tag-badge:hover{opacity:.85}.tag-add-form{border-top:1px solid var(--color-border,#e5e7eb);flex-direction:column;gap:8px;padding-top:8px;display:flex}.tag-add-form input{border:1px solid var(--color-border,#e5e7eb);box-sizing:border-box;background:#fff;border-radius:20px;width:100%;padding:15px 14px;font-size:13px}.tag-color-picker{flex-wrap:wrap;gap:6px;display:flex}.tag-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .1s}.tag-color-swatch:hover{transform:scale(1.2)}.tag-color-swatch.selected{border-color:#111;transform:scale(1.2)}.task-tags{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}