:root,[data-theme=dark]{--bg-primary: #080807;--bg-secondary: #1D1D1C;--bg-tertiary: #2A2A28;--accent-primary: #F18F2E;--accent-secondary: #E74627;--accent-dark: #7D2817;--accent-gradient: linear-gradient(135deg, #F18F2E 0%, #E74627 100%);--accent-soft: rgba(241, 143, 46, .15);--accent-soft-border: rgba(241, 143, 46, .25);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .35);--text-on-accent: #FFFFFF;--border-subtle: rgba(255, 255, 255, .06);--border-faint: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .05);--surface-hover-soft: rgba(255, 255, 255, .02);--surface-stroke-light: rgba(255, 255, 255, .15);--surface-stroke-strong: rgba(255, 255, 255, .3);--overlay-backdrop: rgba(0, 0, 0, .55);--overlay-backdrop-strong: rgba(0, 0, 0, .6);--color-success: #4CAF50;--color-up: #22c55e;--color-down: #ef4444;--color-danger: #ff6b5a;--bg-quaternary: #333330;--border-medium: rgba(255, 255, 255, .1);--text-quaternary: rgba(255, 255, 255, .28);--accent-glow: rgba(241, 143, 46, .45);--accent-deep: #d96b10;--accent-border: rgba(241, 143, 46, .35);--ice: #b4d7ff;--ice-dim: rgba(180, 215, 255, .6);--shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--shadow-button: 0 4px 16px rgba(241, 143, 46, .3);--shadow-sheet: 0 -10px 30px rgba(0, 0, 0, .5);--shadow-dialog: 0 20px 50px rgba(0, 0, 0, .6);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--font-family: -apple-system, "SF Pro Display", "Inter", "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--bottom-nav-height: 72px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F5F3F0;--bg-tertiary: #EBE8E3;--text-primary: #1A1A18;--text-secondary: rgba(26, 26, 24, .62);--text-tertiary: rgba(26, 26, 24, .4);--text-on-accent: #FFFFFF;--accent-soft: rgba(241, 143, 46, .12);--accent-soft-border: rgba(241, 143, 46, .3);--border-subtle: rgba(0, 0, 0, .08);--border-faint: rgba(0, 0, 0, .05);--surface-hover: rgba(0, 0, 0, .04);--surface-hover-soft: rgba(0, 0, 0, .02);--surface-stroke-light: rgba(0, 0, 0, .1);--surface-stroke-strong: rgba(0, 0, 0, .2);--overlay-backdrop: rgba(20, 20, 20, .4);--overlay-backdrop-strong: rgba(20, 20, 20, .5);--shadow-card: 0 2px 10px rgba(0, 0, 0, .08);--shadow-button: 0 4px 16px rgba(241, 143, 46, .25);--shadow-sheet: 0 -10px 30px rgba(0, 0, 0, .12);--shadow-dialog: 0 20px 50px rgba(0, 0, 0, .18);--bg-quaternary: #D5D1CB;--border-medium: rgba(0, 0, 0, .12);--text-quaternary: rgba(26, 26, 24, .28);--accent-glow: rgba(241, 143, 46, .35);color-scheme:light}@media(max-height:700px){:root,[data-theme=dark],[data-theme=light]{--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--font-size-2xl: 26px;--font-size-3xl: 32px;--bottom-nav-height: 64px}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%}html,body{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--accent-primary);text-decoration:none}input,button,textarea,select{font-family:inherit;font-size:inherit;outline:none;border:none;background:none;color:inherit}::-webkit-scrollbar{display:none}.route-fallback{min-height:100vh;background-color:var(--bg-primary)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#0f1113;z-index:9999}.loading-screen__logo{display:flex;align-items:center;justify-content:center}.loading-screen__logo-img{height:44px;width:auto;object-fit:contain}.loading-screen__spinner{width:28px;height:28px;border-radius:50%;border:2px solid rgba(241,143,46,.15);border-top-color:#f18f2e;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.page-title{font-size:var(--font-size-xl);font-weight:700;line-height:1.2;margin:0 0 var(--space-md);color:var(--text-primary)}.bottom-nav{position:fixed;left:var(--space-md);right:var(--space-md);bottom:calc(10px + var(--safe-area-bottom));height:62px;background:#1e1e1c8c;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);border-radius:24px;box-shadow:0 10px 30px #0006,inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0f;display:flex;align-items:center;justify-content:space-around;padding:0 6px;z-index:100;transition:transform .2s ease,opacity .2s ease}[data-theme=light] .bottom-nav{background:#fff9;box-shadow:0 10px 30px #0000001a,inset 0 1px #fffc,inset 0 0 0 1px #0000000f}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.bottom-nav{background:var(--bg-secondary)}}.bottom-nav--hidden{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none}.bottom-nav__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:50px;min-width:48px;padding:0 6px;cursor:pointer;transition:color .2s ease;color:var(--text-tertiary);background:none;border:none;border-radius:14px}.bottom-nav__tab--active{color:var(--accent-primary)}.bottom-nav__icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.bottom-nav__icon svg{display:block}.bottom-nav__label{font-size:10px;font-weight:600;letter-spacing:.2px;line-height:1}.bottom-nav__tab--center{position:relative;min-width:0;padding:0;height:auto;background:transparent}.bottom-nav__tab--center .bottom-nav__icon{width:52px;height:52px;border-radius:18px;background:var(--accent-gradient);color:var(--text-on-accent);box-shadow:0 6px 16px #f18f2e66,inset 0 1px #ffffff26;transform:translateY(-14px);transition:transform .15s ease}.bottom-nav__tab--center .bottom-nav__icon svg{width:38px;height:38px}.bottom-nav__tab--center:active .bottom-nav__icon{transform:translateY(-14px) scale(.95)}@media(max-height:700px){.bottom-nav{height:54px}.bottom-nav__tab{height:44px}.bottom-nav__tab--center .bottom-nav__icon{width:46px;height:46px;transform:translateY(-10px)}.bottom-nav__tab--center:active .bottom-nav__icon{transform:translateY(-10px) scale(.95)}}.toaster{position:fixed;left:0;right:0;bottom:calc(var(--bottom-nav-height) + var(--space-md) + var(--safe-area-bottom));display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);pointer-events:none;z-index:1500}.toast{pointer-events:auto;max-width:420px;width:fit-content;padding:10px var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;line-height:1.3;text-align:center;box-shadow:var(--shadow-card);cursor:pointer;animation:toast-in .22s ease;background:var(--bg-secondary);color:var(--text-primary)}.toast--error{background:var(--accent-secondary);color:var(--text-on-accent)}.toast--success{background:var(--color-success);color:var(--text-on-accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.offline-banner{position:fixed;top:0;left:0;right:0;padding:8px var(--space-md);padding-top:calc(8px + env(safe-area-inset-top,0px));background:var(--accent-secondary);color:var(--text-on-accent);font-size:var(--font-size-xs);font-weight:600;text-align:center;z-index:2000;animation:offline-in .22s ease}@keyframes offline-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.eb{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background-color:var(--bg-primary)}.eb__card{max-width:360px;width:100%;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;box-shadow:var(--shadow-card)}.eb__emoji{font-size:48px;margin-bottom:var(--space-md)}.eb__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.eb__text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-lg)}.eb__btn{width:100%;height:48px;border-radius:var(--radius-full);background:var(--accent-gradient);color:var(--text-on-accent);font-size:var(--font-size-md);font-weight:600;cursor:pointer;box-shadow:var(--shadow-button)}