@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.tab-bar-wrapper.svelte-1wwzsr0{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom);background:var(--bg-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:1000}.tab-bar.svelte-1wwzsr0{width:100%;max-width:400px;height:54px;display:flex;justify-content:space-around;align-items:center}.tab-item.svelte-1wwzsr0{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0;color:var(--text-dim);transition:all .2s ease;background:none;border:none;cursor:pointer}.tab-item.svelte-1wwzsr0:hover{color:var(--text-muted)}.tab-item.active.svelte-1wwzsr0{color:var(--accent-cyan)}.tab-label.svelte-1wwzsr0{font-size:var(--fs-10);font-weight:500;letter-spacing:.02em}:root{--bg-primary: #0c0c0c;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .08);--bg-elevated: #22262f;--bg-overlay: rgba(0, 0, 0, .7);--bg-overlay-light: rgba(0, 0, 0, .5);--border-subtle: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .1);--border-medium: #2d323c;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-dim: #52525b;--accent-cyan: #06b6d4;--accent-cyan-bg: rgba(6, 182, 212, .15);--accent-purple: #8b5cf6;--accent-purple-bg: rgba(139, 92, 246, .15);--accent-primary: #06b6d4;--accent-primary-bg: rgba(6, 182, 212, .15);--accent-secondary: #8b5cf6;--accent-secondary-bg: rgba(139, 92, 246, .15);--accent-green: #10b981;--accent-green-bg: rgba(16, 185, 129, .15);--accent-yellow: #fbbf24;--accent-yellow-bg: rgba(251, 191, 36, .15);--accent-red: #ef4444;--accent-red-bg: rgba(239, 68, 68, .15);--mastery-level-1: #94a3b8;--mastery-level-2: #3b82f6;--mastery-level-3: #06b6d4;--mastery-level-4: #8b5cf6;--mastery-level-5: #f59e0b;--mastery-level-6: #ef4444;--mastery-level-7: #fbbf24;--score-good: #4ade80;--score-good-bg: rgba(34, 197, 94, .1);--score-warning: #fbbf24;--score-warning-bg: rgba(251, 191, 36, .1);--score-poor: #f87171;--score-poor-bg: rgba(239, 68, 68, .1);--gradient-primary: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-success: linear-gradient(135deg, #10b981, #34d399);--gradient-warning: linear-gradient(135deg, #f59e0b, #fbbf24);--gradient-error: linear-gradient(135deg, #ef4444, #dc2626);--gradient-background: linear-gradient(145deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-tertiary) 100%);--text-on-accent: #000000;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-glow: 0 0 40px rgba(6, 182, 212, .15);--shadow-btn-primary: 0 4px 20px rgba(6, 182, 212, .3);--shadow-btn-primary-hover: 0 6px 30px rgba(6, 182, 212, .4);--glow-cyan: 0 0 12px rgba(6, 182, 212, .6);--glow-green: 0 0 8px rgba(34, 197, 94, .4);--gradient-card-accent: linear-gradient(135deg, rgba(6, 182, 212, .1), rgba(139, 92, 246, .1));--anim-fade-in: .4s;--anim-slide-up: .5s;--transition-fast: .15s;--transition-normal: .2s;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-scale: 1;--fs-10: 10px;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-17: 17px;--fs-18: 18px;--fs-20: 20px;--fs-22: 22px;--fs-24: 24px;--fs-26: 26px;--fs-28: 28px;--fs-32: 32px;--fs-36: 36px;--fs-40: 40px;--fs-48: 48px;--font-size-xs: var(--fs-12);--font-size-sm: var(--fs-14);--font-size-md: var(--fs-16);--font-size-lg: var(--fs-18);--font-size-xl: var(--fs-24);--font-size-2xl: var(--fs-32)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;background:var(--bg-primary)}body{min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--gradient-background);background-attachment:fixed;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;border:none;outline:none;background:none}a{color:var(--accent-cyan);text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .4s ease-out}.slide-up{animation:slideUp .5s ease-out}.container{max-width:600px;margin:0 auto;padding:20px;min-height:100vh}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:600;transition:all .2s}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-btn-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-btn-primary-hover)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:#ffffff1a}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dev-mode-banner.svelte-12qhfyh{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--gradient-warning);color:var(--text-on-accent);padding:6px 16px;font-size:var(--fs-12);font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px}.dev-mode-banner.svelte-12qhfyh button:where(.svelte-12qhfyh){background:#fff3;border:none;border-radius:4px;padding:2px 8px;font-size:var(--fs-11);color:var(--text-on-accent);cursor:pointer}.dev-mode-banner.svelte-12qhfyh button:where(.svelte-12qhfyh):hover{background:#ffffff4d}.main-content.svelte-12qhfyh{min-height:100vh}.main-content.has-tab-bar.svelte-12qhfyh{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.disconnected-screen.svelte-12qhfyh{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.disconnected-card.svelte-12qhfyh{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:48px 32px;width:100%;max-width:360px;text-align:center}.disconnected-card.svelte-12qhfyh h2:where(.svelte-12qhfyh){font-size:var(--fs-20);font-weight:600;margin:0 0 8px;color:var(--text-primary)}.disconnected-desc.svelte-12qhfyh{font-size:var(--fs-14);color:var(--text-muted);margin:0 0 24px}.cloud-icon-wrapper.error.svelte-12qhfyh{background:var(--accent-red-bg)}.cloud-icon-wrapper.error.svelte-12qhfyh .cloud-icon:where(.svelte-12qhfyh){color:var(--accent-red)}.relogin-btn.svelte-12qhfyh{width:100%;padding:14px;font-size:var(--fs-16);font-weight:600;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .2s,transform .1s}.relogin-btn.svelte-12qhfyh:hover{opacity:.9}.relogin-btn.svelte-12qhfyh:active{transform:scale(.98)}.loading-screen.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted)}.loading-spinner.svelte-12qhfyh{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent-cyan);border-radius:50%;animation:svelte-12qhfyh-spin 1s linear infinite}@keyframes svelte-12qhfyh-spin{to{transform:rotate(360deg)}}.loading-screen.svelte-12qhfyh p:where(.svelte-12qhfyh){font-size:var(--fs-14)}.cloud-icon-wrapper.svelte-12qhfyh{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:var(--accent-cyan-bg);border-radius:50%}.cloud-icon.svelte-12qhfyh{width:36px;height:36px;color:var(--accent-cyan)}.notification.svelte-12qhfyh{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:var(--radius-md);display:flex;align-items:center;gap:12px;font-size:var(--fs-15);font-weight:500;box-shadow:var(--shadow-lg);z-index:9999;animation:svelte-12qhfyh-slideDown .3s ease-out}@keyframes svelte-12qhfyh-slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.notification.success.svelte-12qhfyh{background:var(--gradient-success);color:#fff}.notification.error.svelte-12qhfyh{background:var(--gradient-error);color:#fff}.notification-icon.svelte-12qhfyh{font-size:var(--fs-18);font-weight:700}.notification-message.svelte-12qhfyh{white-space:nowrap}