:root{--bg:#f5f0ff;--surface:#ffffffeb;--surface-strong:#fff;--surface-soft:#f8f3ff;--text:#57446d;--text-strong:#21112f;--muted:#7e6994;--border:#7a45cb29;--accent:#7a45cb;--accent-strong:#5f2fb2;--accent-soft:#efe5ff;--success:#278067;--success-soft:#e6f7f1;--danger:#bb4d73;--danger-soft:#fdebf0;--shadow:0 22px 60px #5e30a924;--shadow-soft:0 12px 30px #7a45cb14;--sans:"Segoe UI", Inter, Roboto, sans-serif;--heading:"Trebuchet MS", "Segoe UI", sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#a76dff29,#0000 28%),radial-gradient(circle at 100% 0,#7a45cb24,#0000 24%),linear-gradient(#f8f3ff 0%,#f3edff 100%)}body{background:0 0;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}#root{width:min(1160px,100% - 32px);min-height:calc(100svh - 48px);margin:24px auto}.app-shell{min-height:inherit;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffc7,#f9f5fff5);border:1px solid #ffffffb8;border-radius:32px;overflow:hidden}.page-shell{padding:28px 24px 40px}.topbar{color:#fff;background:linear-gradient(135deg,#7a45cbf5,#9b66f0eb);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.brand-mark{letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-dot{background:linear-gradient(135deg,#f4c6ff,#fff);border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 6px #ffffff26}.nav-links,.nav-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.topbar a,.topbar button{color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;padding:10px 16px;transition:transform .2s,background .2s}.topbar a:hover,.topbar button:hover{background:#fff3;transform:translateY(-1px)}.tasks-page{gap:22px;display:grid}.hero-panel{border:1px solid var(--border);box-shadow:var(--shadow-soft);text-align:left;background:radial-gradient(circle at 0 0,#7a45cb29,#0000 30%),linear-gradient(#fffffff0,#f3ebfff2);border-radius:28px;margin-bottom:2px;padding:28px}h1,h2,h3{font-family:var(--heading);color:var(--text-strong);margin:0}h1{letter-spacing:-.05em;margin-bottom:14px;font-size:clamp(2.4rem,5vw,4rem);line-height:.98}h2{margin-bottom:18px;font-size:1.55rem}h3{font-size:1.28rem}p{margin:0}.hero-panel p{max-width:680px;color:var(--muted);font-size:1.05rem}.surface-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);text-align:left;border-radius:26px;padding:24px}.summary-bar{background:linear-gradient(180deg, var(--surface-soft), #ffffffd9);border:1px solid var(--border);border-radius:22px;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 22px;display:flex}form{gap:10px;display:grid}label{color:var(--text-strong);font-size:.95rem;font-weight:700}input{background:var(--surface-strong);width:100%;color:var(--text-strong);border:1px solid #7a45cb2e;border-radius:16px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#7a45cb8c;box-shadow:0 0 0 4px #7a45cb1f}button{cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;border:none;border-radius:16px;padding:13px 18px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 10px 20px #5f2fb233}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px #5f2fb23d}button:disabled{opacity:.7;cursor:not-allowed}.field-message,.success-text,.error-text{font-size:.92rem}.success-text{color:var(--success)}.error-text{color:var(--danger)}.status-banner{border-radius:16px;padding:12px 14px;font-weight:600}.success-banner{background:var(--success-soft);color:var(--success)}.error-banner{background:var(--danger-soft);color:var(--danger)}.task-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.task-item{background:linear-gradient(#fffffffa,#f5effff0);border:1px solid #7a45cb1f;border-radius:22px;padding:20px;list-style:none;box-shadow:0 12px 24px #7a45cb14}.task-item-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.task-status{border-radius:999px;align-items:center;padding:7px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.task-status.pending{color:var(--accent-strong);background:#7a45cb1a}.task-status.done{background:var(--success-soft);color:var(--success)}.task-description{color:var(--muted);margin-bottom:16px}.task-actions{flex-wrap:wrap;gap:10px;display:flex}.task-actions button,.task-item-editing button{background:var(--accent-soft);color:var(--accent-strong);box-shadow:none}.task-actions button:last-child{background:var(--danger-soft);color:var(--danger)}.task-item-editing{gap:10px;display:grid}code{font-family:var(--mono);background:var(--accent-soft);color:var(--accent-strong);border-radius:8px;padding:4px 8px;font-size:.95rem}@media (width<=820px){#root{width:min(100%,100% - 16px);margin:8px auto}.app-shell{border-radius:24px}.topbar,.task-item-head{flex-direction:column;align-items:stretch}.nav-links,.nav-actions{justify-content:center}.page-shell{padding:18px 14px 28px}.surface-card,.hero-panel,.summary-bar{padding:18px}}.auth-page{justify-content:center;padding:32px 0 12px;display:flex}.auth-card{background:linear-gradient(#fffffff5,#f4edfff0);border:1px solid #7a45cb24;border-radius:30px;gap:24px;width:min(100%,560px);padding:32px;display:grid;box-shadow:0 24px 60px #4e269129}.auth-copy{text-align:center;gap:10px;display:grid}.auth-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.75rem;font-weight:700}.auth-subtitle{color:var(--muted);font-size:1rem}.auth-helper{color:var(--accent-strong);font-size:.92rem}.auth-form{gap:12px;display:grid}.auth-primary-button{min-height:52px;margin-top:8px;font-size:1rem}.auth-divider{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:4px 0;font-size:.92rem;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:#7a45cb24;height:1px}.google-button{min-height:56px;color:var(--text-strong);box-shadow:none;background:#ffffffc7;border:1px solid #7a45cb24;justify-content:center;align-items:center;gap:12px;display:inline-flex}.google-button:hover:not(:disabled){background:#efe5ffcc;box-shadow:0 12px 24px #7a45cb1f}.google-icon{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.google-icon svg{width:24px;height:24px;display:block}.auth-footer{text-align:center;color:var(--muted);margin-top:8px}.auth-footer a{color:var(--accent);font-weight:700}@media (width<=820px){.auth-page{padding-top:12px}.auth-card{border-radius:24px;padding:22px 18px}}