:root{color:#111827;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{align-items:center;border:0;cursor:pointer;display:inline-flex;justify-content:center}input{background:#fff;border:1px solid #d8dde7;border-radius:8px;color:#111827;min-height:48px;outline:0;padding:0 14px;width:100%}input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.app-shell{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);min-height:100vh}.sidebar{background:#101828;color:#f8fafc;display:flex;flex-direction:column;gap:22px;min-height:100vh;padding:max(22px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}.brand-row,.list-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.eyebrow{color:#64748b;font-size:.74rem;font-weight:800;letter-spacing:0;margin:0 0 5px;text-transform:uppercase}.sidebar .eyebrow{color:#94a3b8}h1,h2,p{margin-top:0}h1{font-size:2rem;line-height:1.05;margin-bottom:0}h2{color:#101828;font-size:clamp(2rem,5vw,4.6rem);line-height:.98;margin:0 0 12px;max-width:900px;overflow-wrap:anywhere}.status-pill{align-items:center;background:#ffffff1a;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;color:#dbeafe;display:inline-flex;flex:0 0 auto;font-size:.82rem;font-weight:700;gap:6px;padding:8px 10px}.status-pill.danger{color:#fecdd3}.create-form,.item-composer,.title-edit,.item-edit,.sync-panel>div{display:flex;gap:8px}.create-form button,.sync-panel button,.item-composer button,.title-edit button,.item-edit button,.header-actions button,.item-actions button{background:#fff;border-radius:8px;color:#111827;flex:0 0 48px;height:48px}.create-form input,.sync-panel input{background:#ffffff1a;border-color:#ffffff29;color:#fff}.create-form input::placeholder{color:#94a3b8}.list-tabs{display:grid;gap:10px;overflow:auto}.list-tab{align-items:center;background:#ffffff12;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;color:#fff;gap:12px;justify-content:flex-start;min-height:68px;padding:12px;text-align:left;width:100%}.list-tab.active{background:#fff;color:#101828}.accent-dot{background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px #ffffff1a;flex:0 0 14px;height:14px;width:14px}.list-tab span:last-child{display:grid;gap:4px;min-width:0}.list-tab strong,.list-tab small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-tab small{color:#94a3b8}.list-tab.active small{color:#64748b}.sync-panel{background:#ffffff12;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;display:grid;gap:10px;margin-top:auto;padding:12px}.sync-panel label{align-items:center;color:#dbeafe;display:flex;font-size:.9rem;font-weight:800;gap:7px}.sync-panel p{color:#cbd5e1;font-size:.84rem;line-height:1.35;margin:0}.content{display:flex;flex-direction:column;gap:22px;min-width:0;padding:max(24px,env(safe-area-inset-top)) clamp(16px,4vw,52px) max(28px,env(safe-area-inset-bottom))}.list-header{background:linear-gradient(90deg,#ffffffeb,#ffffffc2),linear-gradient(135deg,var(--accent),#fbbf24);border:1px solid #e5e7eb;border-radius:8px;min-height:220px;padding:clamp(20px,4vw,36px)}.list-header p{color:#64748b;margin-bottom:0}.header-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.header-actions .primary-action{background:#101828;color:#fff;flex-basis:auto;gap:8px;padding:0 16px}.item-composer{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px}.item-composer input{border-color:transparent}.item-composer button{background:#101828;color:#fff}.items{display:grid;gap:10px}.item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:10px;grid-template-columns:46px minmax(0,1fr) auto;min-height:70px;padding:10px}.item.done .item-text{color:#94a3b8;text-decoration:line-through}.check-button{background:#eef2ff;border-radius:8px;color:#2563eb;height:46px;width:46px}.item-text{background:transparent;color:#111827;font-size:1.04rem;font-weight:700;justify-content:flex-start;line-height:1.35;min-width:0;overflow-wrap:anywhere;padding:0;text-align:left}.item-actions{display:flex;gap:6px}.item-actions button,.item-edit button{background:#f1f5f9}.item-edit{grid-column:span 2}.empty-copy,.empty-state p{color:#94a3b8;line-height:1.45}.empty-copy.large{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;margin:0;padding:28px;text-align:center}.empty-state{align-items:center;color:#64748b;display:grid;justify-items:center;margin:auto;max-width:420px;text-align:center}.empty-state h2{font-size:2rem;margin-top:16px}@media(max-width:820px){.app-shell{display:flex;flex-direction:column}.sidebar{border-radius:0 0 22px 22px;min-height:0}.list-tabs{display:flex;margin:0 -18px;overflow-x:auto;padding:0 18px 4px;scroll-snap-type:x mandatory}.list-tab{flex:0 0 74%;scroll-snap-align:start}.sync-panel{margin-top:0}.content{padding-top:18px}.list-header{min-height:184px}}@media(max-width:560px){h1{font-size:1.6rem}h2{font-size:2.2rem}.brand-row,.list-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:flex-start}.item{grid-template-columns:42px minmax(0,1fr)}.item-actions{grid-column:2}.item-actions button{flex:1}}