.app-shell{width:min(58rem,100%);min-height:100vh;margin:0 auto;padding:var(--space-4) var(--space-4) 6rem}.login-card{display:grid;gap:var(--space-4);width:min(26rem,100%);margin:12vh auto 0;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--color-surface),var(--color-surface-2));box-shadow:var(--shadow-soft)}h1,p{margin:0}.eyebrow,small,.status-row,.notice{color:var(--color-text-muted)}input{min-height:3rem;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-4);background:var(--color-bg);color:var(--color-text)}.topbar,.status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.topbar{position:sticky;top:0;z-index:2;margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-4);padding:var(--space-4);background:#0b1117e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-actions,.topbar-title,.topbar-status{display:flex;align-items:center;gap:var(--space-2)}.topbar-actions{flex:0 0 auto}.topbar-title{min-width:0;justify-content:center;text-align:center}.topbar-title>span:last-child{display:grid;min-width:0}.topbar-title small{font-size:.75rem;font-weight:500}.topbar-status{flex:0 0 auto;justify-content:flex-end;color:var(--color-text-muted);font-size:.78rem}.status-row{margin-bottom:var(--space-4);font-size:.9rem}.offline{color:var(--color-warning)}button,.primary,.ghost,.icon-button{min-height:2.75rem;border-radius:var(--radius-pill);padding:0 var(--space-4);background:var(--color-surface-2);color:var(--color-text);-webkit-tap-highlight-color:transparent}button:active,.primary:active,.ghost:active,.icon-button:active,.option-button:active{transform:translateY(1px);background:color-mix(in srgb,var(--color-surface-2),white 6%)}.primary,.fab{background:var(--color-primary);color:#062019;font-weight:700}.ghost,.icon-button{border:1px solid var(--color-border)}.danger{color:var(--color-danger)}.cards,.items{display:grid;gap:var(--space-3)}.list-card,.item-card,.completed{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#111c26e0;box-shadow:var(--shadow-soft)}.list-card,.item-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.list-card{border-color:color-mix(in srgb,var(--list-color, var(--color-border)),transparent 65%)}.list-main,.item-main{display:grid;flex:1;min-height:3rem;justify-items:start;padding:0;background:transparent}.color-dot{width:.85rem;height:.85rem;border-radius:50%;background:var(--list-color, var(--color-primary));box-shadow:0 0 24px var(--list-color, var(--color-primary))}.check{width:2.25rem;min-height:2.25rem;padding:0;border:2px solid var(--list-color, var(--color-primary));background:transparent}.checked{background:var(--list-color, var(--color-primary))}.completed{margin-top:var(--space-5);padding:var(--space-3)}.completed-item{margin-top:var(--space-3);opacity:.58}.completed-item span{text-decoration:line-through}.desktop-actions{display:none;gap:var(--space-2)}.desktop-actions button{min-height:2.25rem;padding:0 var(--space-3);font-size:.85rem}.item-card{touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast)}.item-card:active{background:color-mix(in srgb,var(--list-color, var(--color-primary)),var(--color-surface) 76%)}.item-card button,.item-card span,.item-card small{user-select:none;-webkit-user-select:none}.item-card.swiping{cursor:grabbing}.item-card.swipe-move{border-color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary),var(--color-surface) 82%)}.item-card.swipe-delete{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger),var(--color-surface) 84%)}.item-card.clicked{border-color:color-mix(in srgb,var(--list-color, var(--color-primary)),white 24%);background:color-mix(in srgb,var(--list-color, var(--color-primary)),var(--color-surface) 82%);box-shadow:0 0 0 1px color-mix(in srgb,var(--list-color, var(--color-primary)),transparent 72%),var(--shadow-soft)}.fab{position:fixed;right:max(var(--space-4),calc((100vw - 58rem) / 2 + var(--space-4)));bottom:var(--space-4);min-height:3.4rem;padding:0 var(--space-6);box-shadow:var(--shadow-glow)}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);position:fixed;left:50%;bottom:5.4rem;transform:translate(-50%);width:min(28rem,calc(100% - 2rem));padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-3);box-shadow:var(--shadow-soft)}@media(min-width:48rem){.list-card:hover .desktop-actions,.item-card:hover .desktop-actions,.desktop-actions{display:flex}}@media(max-width:36rem){.topbar{gap:var(--space-2);padding-inline:var(--space-3)}.topbar-status{display:grid;gap:0;text-align:right}.icon-button{padding:0 var(--space-3)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:end center;padding:var(--space-4);background:#03070cad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.modal-card,.modal-form{display:grid;gap:var(--space-4)}.modal-card{position:relative;z-index:1;width:min(30rem,100%);padding:var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-soft)}.modal-card header,.modal-card footer,.option-list{display:grid;gap:var(--space-3)}.modal-card h2{margin:0}.modal-card footer{grid-template-columns:1fr 1fr}.option-button{display:grid;justify-items:start;min-height:3.25rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2)}.option-button.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.debug-panel{position:fixed;right:var(--space-3);bottom:var(--space-3);z-index:20;display:grid;gap:.25rem;width:min(24rem,calc(100vw - 1.5rem));max-height:40vh;overflow:auto;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:#080d12f5;color:var(--color-text);font:.75rem/1.4 ui-monospace,SFMono-Regular,SF Mono,Consolas,monospace;box-shadow:var(--shadow-soft)}.debug-panel strong{color:var(--color-primary)}