:root{--primary-color: #4A86E8;--secondary-color: #00A896;--bg: #f5f5f5;--surface: #ffffff;--surface-2: #f0f0f0;--text: #1a1a2e;--text-2: #555;--border: rgba(0, 0, 0, .1);--shadow: rgba(0, 0, 0, .08)}[data-theme=dark]{--bg: #12111a;--surface: #1e1d2b;--surface-2:#28263a;--text: #e8e6f0;--text-2: #9e9bb0;--border: rgba(255, 255, 255, .08);--shadow: rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;background-color:var(--bg);height:100%}body{margin:0;min-height:100%;min-height:100dvh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text);transition:background-color .25s ease,color .25s ease;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overscroll-behavior-y:none}input,select,textarea,button{font-family:inherit}a{color:var(--primary-color)}html.no-fx .start-btn-pulse,html.no-fx .start-btn-pulse:before,html.no-fx .start-btn-pulse:after,html.no-fx .feedback-pop,html.no-fx .progress-bar:after,html.no-fx .option-locked{animation:none!important}html.no-fx *{scroll-behavior:auto}.bottom-nav.svelte-oeh3u8{position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;justify-content:space-around;align-items:flex-start;padding-top:8px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 12px #0000000f;z-index:1000}.nav-item.svelte-oeh3u8{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-decoration:none;color:var(--text);opacity:.45;min-width:64px;padding:0 8px;gap:3px;transition:color .2s}.nav-item.active.svelte-oeh3u8{color:var(--gradient-start);opacity:1}.pill.svelte-oeh3u8{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:64px;height:32px;border-radius:16px;background:color-mix(in srgb,var(--gradient-start) 12%,transparent);pointer-events:none;z-index:0}.nav-icon.svelte-oeh3u8{position:relative;z-index:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-icon.svelte-oeh3u8 svg{width:100%;height:100%;fill:currentColor}.nav-label.svelte-oeh3u8{font-size:.7rem;font-weight:400;line-height:1;white-space:nowrap;position:relative;z-index:1}.nav-item.active.svelte-oeh3u8 .nav-label:where(.svelte-oeh3u8){font-weight:700}@media (max-width: 380px){.nav-item.svelte-oeh3u8{min-width:52px;padding:0 4px}.pill.svelte-oeh3u8{width:52px}.nav-label.svelte-oeh3u8{font-size:.65rem}}:root{--primary-color: #4A86E8;--secondary-color: #00A896;--gradient-start: #667eea;--gradient-end: #764ba2;--surface-light: #ffffff;--surface-dark: #1e1e2e;--text-light: #1a1a2e;--text-dark: #e0e0e0;--text-secondary-light: rgba(0, 0, 0, .6);--text-secondary-dark: rgba(255, 255, 255, .6);--border-light: rgba(0, 0, 0, .08);--border-dark: rgba(255, 255, 255, .08)}[data-theme=dark]{--surface: var(--surface-dark);--text: var(--text-dark);--text-secondary: var(--text-secondary-dark);--border: var(--border-dark)}[data-theme=light]{--surface: var(--surface-light);--text: var(--text-light);--text-secondary: var(--text-secondary-light);--border: var(--border-light)}.layout-container.svelte-12qhfyh{min-height:100vh;min-height:100dvh;padding:20px 20px calc(80px + env(safe-area-inset-bottom)) 20px;box-sizing:border-box;background:var(--surface);color:var(--text);transition:background .3s ease,color .3s ease}.offline-banner.svelte-12qhfyh{position:sticky;top:0;z-index:999;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ff5722;color:#fff;font-size:.85rem;font-weight:600;margin:-20px -20px 16px;animation:svelte-12qhfyh-slideDown .3s ease-out}.offline-icon.svelte-12qhfyh{font-size:1.1rem}.offline-text.svelte-12qhfyh{flex:1}@keyframes svelte-12qhfyh-slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}