.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;overflow:hidden}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--divider);background:var(--surface);min-width:0}.sidebar-head{padding:var(--sp-lg);border-bottom:1px solid var(--divider)}.list-nav{flex:1 1;overflow-y:auto;padding:var(--sp-sm);display:flex;flex-direction:column;gap:2px}.list-nav-item{display:flex;align-items:center;gap:var(--sp-sm);width:100%;text-align:left;padding:var(--sp-md) var(--sp-md);border-radius:var(--r-md);border-left:3px solid transparent;color:var(--text-primary);transition:background-color var(--d-fast) ease}.list-nav-item:hover{background:var(--surface)}.list-nav-item.is-active{background:var(--accent-soft);border-left-color:var(--accent)}.list-nav-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-pill{font-size:12px;padding:2px 8px;border-radius:var(--r-pill);background:var(--surface);color:var(--text-muted)}.sidebar-foot{padding:var(--sp-md);border-top:1px solid var(--divider);gap:var(--sp-sm);align-items:flex-start}.detail,.sidebar-foot{display:flex;flex-direction:column}.detail{min-width:0;height:100vh}.detail-head{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-xl);border-bottom:1px solid var(--divider)}.title-input{flex:1 1;min-width:0;font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.01em;background:transparent;border:1px solid transparent;border-radius:var(--r-md);padding:var(--sp-xs) var(--sp-sm)}.title-input:hover{border-color:var(--border)}.title-input:focus{outline:none;border-color:var(--border-active);box-shadow:0 0 0 3px var(--accent-soft)}.progress{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.items-wrap{flex:1 1;overflow-y:auto;padding:var(--sp-lg) var(--sp-xl)}.items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.item-row{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-sm) var(--sp-sm);border-radius:var(--r-md)}.item-row:hover{background:var(--surface)}.item-drag{width:20px;color:var(--text-faint);cursor:-webkit-grab;cursor:grab;opacity:0;transition:opacity var(--d-fast) ease;line-height:1}.item-drag:focus-visible,.item-row:hover .item-drag{opacity:1}.item-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;flex:none;border-radius:50%;border:2px solid var(--border);cursor:pointer;display:grid;place-items:center;transition:all var(--d-fast) ease}.item-check:checked,.item-check:hover{border-color:var(--accent-alt)}.item-check:checked{background:var(--accent-alt)}.item-check:checked:after{content:"✓";color:#fff;font-size:14px;line-height:1}.item-emoji{font-size:18px;line-height:1}.item-text{flex:1 1;min-width:0;text-align:left;color:var(--text-primary);font-size:16px;padding:var(--sp-xs) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-text.is-done{color:var(--text-faint);text-decoration:line-through}.item-edit{flex:1 1;min-width:0;padding:var(--sp-xs) var(--sp-sm)}.item-delete{color:var(--text-faint);font-size:20px;line-height:1;padding:0 var(--sp-sm);opacity:0;transition:opacity var(--d-fast) ease,color var(--d-fast) ease}.item-delete:focus-visible,.item-row:hover .item-delete{opacity:1}.item-delete:hover{color:var(--danger)}.completed{margin-top:var(--sp-xl);border-top:1px solid var(--divider);padding-top:var(--sp-md)}.completed-head{justify-content:space-between;gap:var(--sp-md)}.completed-head,.composer{display:flex;align-items:center}.composer{gap:var(--sp-sm);margin:var(--sp-lg) var(--sp-xl) var(--sp-xl);padding:var(--sp-sm);border-radius:var(--r-pill)}.composer-input{flex:1 1;min-width:0;background:transparent;border:none;padding:var(--sp-sm) var(--sp-lg);font-size:16px}.composer-input:focus{outline:none}.composer-input::placeholder{color:var(--text-faint)}.voice-caption{display:flex;align-items:center;gap:var(--sp-sm);justify-content:center;padding:0 var(--sp-xl);min-height:24px;font-size:14px}.rec-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);flex:none;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.btn--icon.is-live{box-shadow:0 0 0 4px var(--accent-soft)}.empty{flex:1 1;display:grid;place-content:center;text-align:center;grid-gap:var(--sp-sm);gap:var(--sp-sm);padding:var(--sp-xxxl)}.skeleton-row{height:40px;margin:var(--sp-sm);border-radius:var(--r-md);background:linear-gradient(90deg,var(--surface),var(--bg-elevated),var(--surface));background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.toast{position:fixed;left:50%;bottom:var(--sp-xl);transform:translateX(-50%);padding:var(--sp-md) var(--sp-xl);border-radius:var(--r-pill);z-index:50}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.is-open{display:flex;position:fixed;inset:0 auto 0 0;width:min(84vw,var(--sidebar-w));z-index:40;background:var(--bg-elevated)}}