.bottom-nav{height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-bg-elevated);border-top:1px solid var(--color-border);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--color-text-muted);transition:color var(--transition);flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:8px 12px;display:flex}.bottom-nav__item--active{color:var(--color-primary-light)}.bottom-nav__label{font-size:10px;font-weight:500}.bottom-nav__icon-wrap{display:inline-flex;position:relative}.bottom-nav__badge{color:#fff;text-align:center;background:#ef4444;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-10px}@media (min-width:768px){.bottom-nav{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:480px;left:50%;transform:translate(-50%)}}.offline-banner{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-md);font-size:var(--font-size-sm);z-index:200;font-weight:500;display:flex;position:sticky;top:0}.offline-banner--pending{color:#f59e0b;background:#f59e0b22}.offline-banner:not(.offline-banner--pending):not(.offline-banner--synced){color:#ef4444;background:#ef444422}.offline-banner--synced{color:#22c55e;background:#22c55e22}.offline-banner--syncing{color:#818cf8;background:#6366f122}.offline-banner__spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sync-health-banner{color:#fbbf24;background:#f59e0b24;border-bottom:1px solid #f59e0b59;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:12px;font-weight:500;display:flex}.sync-health-banner button{color:inherit;cursor:pointer;background:0 0;border:1px solid #f59e0b73;border-radius:8px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.toast-container{top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));z-index:9999;gap:var(--spacing-sm);pointer-events:none;flex-direction:column;width:calc(100% - 32px);max-width:400px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);pointer-events:auto;padding:12px 16px;font-weight:500;animation:.25s fadeIn;display:flex}.toast--success{color:#86efac;background:#14532d;border:1px solid #22c55e44}.toast--error{color:#fca5a5;background:#450a0a;border:1px solid #ef444444}.toast--info{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border)}.toast__close{color:inherit;opacity:.7;margin-left:auto;padding:4px}.toast__close:hover{opacity:1}.voice-fab{right:max(16px,50vw - 224px);bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px + 56px + 12px);z-index:90;border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-accent-cyan));color:#fff;font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);border:none;align-items:center;gap:8px;max-width:200px;padding:12px 14px;font-weight:600;display:flex;position:fixed}.voice-fab span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:380px){.voice-fab span{display:none}.voice-fab{border-radius:50%;max-width:none;padding:14px}}.sheet-overlay{z-index:1200;background:#0000009e;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.sheet{background:var(--color-bg-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;width:100%;max-width:480px;max-height:min(92dvh,100dvh - 8px);margin:0;animation:.3s slideUp;display:flex;overflow:hidden}.sheet__handle{background:var(--color-border);border-radius:var(--radius-full);flex-shrink:0;width:40px;height:4px;margin:10px auto 0}.sheet__header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px 10px;display:flex}.sheet__title{font-size:var(--font-size-lg);font-weight:600}.sheet__close{color:var(--color-text-secondary);padding:8px}.sheet__content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:auto;min-height:0;max-height:100%;padding:14px 16px 20px;overflow:hidden auto}.sheet__footer{padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-bg-elevated);flex-shrink:0}@media (max-height:640px){.sheet{max-height:min(96dvh,100dvh - 4px)}}.button--full{width:100%}.button__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.button__loading-label{margin-left:8px}.need-help{gap:var(--spacing-md);flex-direction:column;display:flex}.need-help__hint{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.need-help__reasons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.need-help__reason{border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:left;padding:10px 12px}.need-help__reason--active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 18%, transparent)}.need-help__notes{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);font:inherit;resize:vertical;padding:12px}.need-help__error{color:#fca5a5;font-size:var(--font-size-sm)}.quick-fab{right:max(16px,50vw - 224px);bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);color:#0f172a;z-index:90;background:#06b6d4;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:fixed;box-shadow:0 8px 24px #06b6d459}.quick-fab__grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quick-fab__item{border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text);font-size:var(--font-size-sm);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;display:flex}.app-layout{flex-direction:column;min-height:100dvh;display:flex}.app-layout__main{padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 88px);-webkit-overflow-scrolling:touch;flex:1;width:100%;min-width:0;max-width:480px;margin:0 auto;overflow-y:auto}@media (min-width:768px){.app-layout__main{max-width:520px}}@media (min-width:1024px){.app-layout{background:linear-gradient(180deg, var(--color-bg) 0%, #0a0f1a 100%)}.app-layout__main{max-width:480px;box-shadow:var(--shadow-lg);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-xl);min-height:calc(100dvh - var(--spacing-xl))}}.error-boundary{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:420px;min-height:60dvh;margin:0 auto;padding:24px 16px;display:flex}.error-boundary h1{font-size:1.25rem;font-weight:700}.error-boundary p{color:var(--color-text-secondary);margin:0;font-size:.9rem}.error-boundary__detail{word-break:break-word;color:var(--color-text-muted)!important;font-size:.75rem!important}.error-boundary__actions{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}:root{--color-bg:#0f172a;--color-bg-elevated:#1e293b;--color-bg-card:#1e293b;--color-bg-input:#334155;--color-surface:#f8fafc;--color-surface-muted:#f1f5f9;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#818cf8;--color-accent:#f59e0b;--color-accent-green:#22c55e;--color-accent-red:#ef4444;--color-accent-cyan:#06b6d4;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0f172a;--color-border:#334155;--color-border-light:#475569;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 24px #00000059;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--nav-height:72px;--header-height:56px;--safe-bottom:env(safe-area-inset-bottom,0px);--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.5;overflow-x:hidden}#root{width:100%;max-width:100vw;min-height:100dvh;overflow-x:hidden}img,video,canvas{max-width:100%;height:auto}button,input,select,textarea{max-width:100%;font:inherit}@media (max-width:360px){html{font-size:15px}:root{--spacing-md:12px;--spacing-lg:16px}}@media (min-width:1280px){body{background:#0a0f1a}}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-fade-in{animation:.3s forwards fadeIn}.button{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition);white-space:nowrap;min-height:48px;padding:14px 24px;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button--secondary{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border)}.button--secondary:hover:not(:disabled){border-color:var(--color-primary)}.button--accent{background:linear-gradient(135deg, var(--color-primary), var(--color-accent-cyan));color:#fff}.button--ghost{color:var(--color-text-secondary);background:0 0}.button--sm{min-height:36px;font-size:var(--font-size-sm);padding:8px 16px}.button--lg{min-height:56px;font-size:var(--font-size-lg);width:100%;padding:16px 32px}.button--icon{border-radius:var(--radius-full);min-width:44px;min-height:44px;padding:12px}