#app{min-height:100vh;display:flex;flex-direction:column}main.view{flex:1;padding-top:calc(var(--space-5) + var(--safe-top));padding-left:calc(var(--space-4) + var(--safe-left));padding-right:calc(var(--space-4) + var(--safe-right));padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-6));max-width:640px;width:100%;margin:0 auto}main.view.view--focus{padding-bottom:calc(var(--safe-bottom) + var(--space-6))}.top-fade{position:fixed;top:0;left:0;right:0;height:calc(.5cm + var(--safe-top));z-index:15;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0,var(--bg) calc(var(--safe-top) - 10px),transparent calc(var(--safe-top) + .5cm));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to bottom,black 0,black calc(var(--safe-top) - 10px),transparent calc(var(--safe-top) + .5cm));mask-image:linear-gradient(to bottom,black 0,black calc(var(--safe-top) - 10px),transparent calc(var(--safe-top) + .5cm))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);background:var(--nav-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:.5px solid var(--border)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:44px;color:var(--text-tertiary);transition:color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.nav-icon{display:flex}.nav-item svg{width:26px;height:26px;display:block}.nav-item.active{color:var(--accent)}.nav-item:active{transform:scale(.9)}.nav-dot{width:14px;height:3px;border-radius:var(--radius-pill);background:var(--accent);opacity:0;transform:scaleX(.4);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.nav-item.active .nav-dot{opacity:1;transform:scaleX(1)}.segmented{display:flex;background:var(--surface-2);border-radius:var(--radius-pill);padding:3px;margin-bottom:var(--space-4);gap:2px}.segmented .seg{flex:1;text-align:center;padding:8px 6px;border-radius:var(--radius-pill);color:var(--text-secondary);font-weight:600;font-size:13.5px;white-space:nowrap;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.segmented .seg.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.list{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.empty-state{text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-secondary)}.section-divider{height:.5px;background:var(--border);margin:var(--space-5) 0}.section-label-row{display:flex;align-items:center;gap:6px;margin-bottom:var(--space-3)}.section-label-icon{display:flex;color:var(--accent)}.section-label-icon svg{width:14px;height:14px}.grouped-list{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.grouped-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:14px var(--space-4);border-bottom:.5px solid var(--border)}.grouped-row:last-child{border-bottom:none}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:flex-end;z-index:50;animation:overlayIn var(--dur-medium) var(--ease)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--surface);border-radius:28px 28px 0 0;width:100%;max-height:88vh;overflow-y:auto;padding:10px var(--space-4) calc(var(--space-6) + var(--safe-bottom));box-shadow:var(--shadow-sheet);animation:sheetUp var(--dur-medium) var(--ease)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:36px;height:5px;border-radius:var(--radius-pill);background:var(--border);margin:6px auto 18px}.onboarding-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-6);padding:calc(var(--space-6) + var(--safe-top)) var(--space-5) calc(var(--space-6) + var(--safe-bottom));max-width:480px;width:100%;margin:0 auto;box-sizing:border-box}.onboarding-body{width:100%}.onboarding-screen.brand-splash{position:fixed;inset:0;width:100%;max-width:none;margin:0;background:#000;color:#fff;z-index:20}.brand-intro{display:flex;flex-direction:column;align-items:center;text-align:center}.brand-logo{width:128px;height:128px;border-radius:26px;margin-bottom:var(--space-4)}.brand-wordmark{font-size:34px;font-weight:800;letter-spacing:.2em;color:#fff;margin-bottom:var(--space-2)}.brand-tagline{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c}.brand-dot{color:#ff3b30;margin:0 4px}.toast{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-4));left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:12px 20px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;z-index:60;box-shadow:var(--shadow-sheet);animation:toastIn var(--dur-medium) var(--ease)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}