:root{--bg: #f3f4f8;--panel: #ffffff;--text: #1d1a23;--muted: #6f6f79;--brand: #e8106f;--brand-dark: #bf0a5b;--accent: #ffcf4c;--line: #e4e4eb;--shadow: 0 18px 40px rgba(20, 15, 28, .17)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% 10%,#ffd2e7,#f3f4f8 40%,#eceef7);font-family:Montserrat,Trebuchet MS,Gill Sans,sans-serif}button,input{font:inherit}.app-shell{min-height:100dvh;display:grid;grid-template-columns:300px 1fr}.access-gate-shell{min-height:100dvh;display:grid;place-items:center;padding:1rem}.access-gate-card{width:min(420px,100%);background:#fffffff2;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:1.15rem 1.1rem}.access-gate-card h1{margin:0;font-size:1.25rem}.access-gate-card p{margin:.45rem 0 0;color:var(--muted)}.access-gate-form{margin-top:.9rem;display:grid;grid-template-columns:1fr auto;gap:.5rem}.access-gate-form input{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);padding:.58rem .7rem;outline:none}.access-gate-form button{border:0;border-radius:10px;background:var(--brand);color:#fff;font-weight:700;padding:.58rem .85rem;cursor:pointer}.access-gate-error{margin:.55rem 0 0;color:#b10044;font-weight:600}.sidebar{background:linear-gradient(178deg,#f8f8fc,#eef0f6);border-right:1px solid var(--line);padding:1rem .75rem;display:flex;flex-direction:column;gap:.75rem;z-index:30}.sidebar-header h2{margin:.25rem .75rem;font-size:1.1rem;font-weight:800}.sync-hint{margin:0 .75rem;font-size:.8rem;color:var(--muted)}.list-nav{display:flex;flex-direction:column;gap:.3rem;overflow-y:auto;padding:0 .3rem}.list-item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:.7rem;border:0;background:transparent;border-radius:10px;padding:.6rem .55rem;text-align:left;cursor:pointer}.list-item:hover{background:#f5d8e7}.list-item.active{background:#e3e3e8;font-weight:700}.list-dot{width:10px;height:10px;border-radius:999px}.list-name{font-size:.92rem}.list-count{font-weight:700;color:#242227}.empty-lists{margin:.6rem .4rem;color:var(--muted);font-size:.85rem}.sidebar-actions{margin-top:auto;display:grid;gap:.4rem;padding:.3rem}.sidebar-actions button{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:.6rem .7rem;cursor:pointer}.sidebar-actions button:disabled{opacity:.6;cursor:not-allowed}.hidden-color-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sidebar-overlay{display:none;border:0}.main-panel{position:relative;display:grid;grid-template-rows:auto auto 1fr;min-height:100dvh;padding-bottom:6.6rem}.topbar{background:linear-gradient(140deg,var(--brand) 0%,#fa146f 65%,#ff2d7d 100%);color:#fff;padding:calc(.9rem + env(safe-area-inset-top)) 1rem .85rem;box-shadow:var(--shadow)}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.topbar-row.compact{margin-top:.75rem}.topbar h1{font-size:1.4rem;margin:0;font-weight:800;letter-spacing:.02em}.menu-trigger,.action-pill{border:0;border-radius:999px;color:#fff;background:#ffffff2b;padding:.45rem .75rem;font-weight:700;cursor:pointer}.menu-trigger{display:none}.search-input{width:100%;border:1px solid rgba(255,255,255,.25);background:#ffffff26;color:#fff;border-radius:999px;padding:.48rem .75rem;outline:none}.search-input::placeholder{color:#ffffffc7}.search-input:disabled{opacity:.6}.status-strip{display:flex;align-items:center;justify-content:flex-start;border-bottom:3px solid var(--accent);background:#fff;padding:.72rem 1rem}.status-strip p{margin:0;font-size:.95rem}.tasks{padding:.35rem 0;overflow:auto}.task-card{display:grid;grid-template-columns:84px 1fr;gap:.55rem;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:#fff}.task-toggle{border:0;border-radius:999px;height:31px;width:76px;align-self:center;font-size:.82rem;font-weight:700;color:#7f6400;background:#ffd768;cursor:pointer}.task-copy h3{margin:0;font-size:1.1rem}.task-copy h3.done{text-decoration:line-through;color:#64646f}.task-copy p{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}.task-actions{margin-top:.45rem;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.task-actions button{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-size:.78rem;padding:.22rem .55rem;cursor:pointer}.task-actions .task-move{font-size:.72rem;font-weight:700;padding:.2rem .48rem}.task-actions .task-move:disabled{opacity:.45;cursor:not-allowed}.task-priority-chip{border-radius:999px;padding:.2rem .55rem;font-size:.73rem;font-weight:800}.task-priority-chip.priority-0{color:#606169;background:#ececf2}.task-priority-chip.priority-1{color:#2f5c13;background:#daf4c9}.task-priority-chip.priority-2{color:#874f00;background:#ffe29b}.task-priority-chip.priority-3{color:#8b0822;background:#ffd0d8}.task-priority-select{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-size:.78rem;padding:.18rem .45rem}.empty-state{padding:1.5rem 1rem;color:var(--muted)}.empty-actions{padding:0 1rem 1.2rem}.empty-actions button{border:0;border-radius:10px;background:var(--brand);color:#fff;font-weight:700;padding:.6rem .9rem;cursor:pointer}.fab{display:none;position:absolute;right:1.15rem;bottom:5.7rem;width:58px;height:58px;border:0;border-radius:999px;background:var(--accent);box-shadow:0 8px 24px #00000040;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.fab:disabled{opacity:.45;cursor:not-allowed}.quick-add{position:fixed;left:300px;right:0;bottom:0;background:var(--brand);border-top:2px solid rgba(255,255,255,.22);padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:.5rem}.quick-add input{border:1px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:#fff;padding:.64rem .85rem;outline:none}.quick-add input::placeholder{color:#ffffffb8}.quick-add button{border:0;border-radius:10px;background:#fff;color:var(--brand-dark);padding:.58rem .9rem;font-weight:800;cursor:pointer}.quick-add input:disabled,.quick-add button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:82vw;max-width:320px;transform:translate(-102%);transition:transform .2s ease}.drawer-open .sidebar{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0b0b0f73;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:20}.drawer-open .sidebar-overlay{opacity:1;pointer-events:auto}.topbar h1{font-size:1.16rem}.menu-trigger{display:inline-flex}.task-card{grid-template-columns:70px 1fr}.task-toggle{width:63px;font-size:.73rem}.quick-add{left:0}.fab{display:block}}