@import "https://cdn.jsdelivr.net/npm/@fontsource/unbounded@5/700.css";@import "https://cdn.jsdelivr.net/npm/@fontsource/unbounded@5/800.css";@import "https://cdn.jsdelivr.net/npm/@fontsource/dm-sans@5/400.css";@import "https://cdn.jsdelivr.net/npm/@fontsource/dm-sans@5/500.css";@import "https://cdn.jsdelivr.net/npm/@fontsource/dm-sans@5/600.css";:root{--color-gold:#c69010;--color-gold-light:#e5a93a;--color-gold-dark:#8b6308;--color-magenta:#c02e8a;--color-magenta-light:#e15ba8;--color-magenta-dark:#8a1b61;--color-cyan:#0fafd4;--color-cyan-light:#4fcded;--color-cyan-dark:#0a7a95;--color-ink-100:#fff;--color-ink-200:#e8e4dc;--color-ink-300:#b8b0a0;--color-ink-400:#807868;--color-surface-0:#08060b;--color-surface-1:#0e0a02;--color-surface-2:#1a1310;--color-surface-3:#25201a;--color-surface-4:#322b22;--color-border-subtle:#ffffff0f;--color-border-default:#ffffff1f;--color-border-strong:#fff3;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-correct:#22c55e;--color-incorrect:#ef4444;--color-selected:var(--color-cyan);--color-streak:#f97316;--bg-primary:var(--color-surface-1);--bg-elevated:var(--color-surface-2);--bg-card:var(--color-surface-3);--bg-hover:var(--color-surface-4);--text-primary:var(--color-ink-100);--text-secondary:var(--color-ink-200);--text-tertiary:var(--color-ink-300);--text-disabled:var(--color-ink-400);--text-inverse:var(--color-surface-1);--accent-primary:var(--color-gold);--accent-secondary:var(--color-magenta);--accent-tertiary:var(--color-cyan);--border-subtle:var(--color-border-subtle);--border-default:var(--color-border-default);--border-strong:var(--color-border-strong);--gradient-primary:linear-gradient(135deg, #c69010 0%, #e15ba8 100%);--gradient-secondary:linear-gradient(135deg, #c02e8a 0%, #4fcded 100%);--gradient-tertiary:linear-gradient(135deg, #4fcded 0%, #c69010 100%);--gradient-success:linear-gradient(135deg, #22c55e 0%, #4ade80 100%);--gradient-danger:linear-gradient(135deg, #ef4444 0%, #f87171 100%);--gradient-streak:linear-gradient(135deg, #f97316 0%, #fbbf24 100%);--gradient-bg-hero:radial-gradient(ellipse 80% 60% at 50% 0%, #c6901033 0%, #c02e8a1a 40%, transparent 70%);--gradient-bg-card:linear-gradient(180deg, #ffffff0a 0%, #ffffff03 100%);--gradient-text:linear-gradient(135deg, #e5a93a 0%, #e15ba8 50%, #4fcded 100%);--gradient-shimmer:linear-gradient(90deg, transparent 0%, #ffffff14 50%, transparent 100%);--font-display:"Unbounded", system-ui, -apple-system, sans-serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace;--text-display-xl:clamp(2.5rem, 8vw, 4.5rem);--text-display-lg:clamp(2rem, 6vw, 3.5rem);--text-display-md:clamp(1.75rem, 5vw, 2.5rem);--text-h1:1.75rem;--text-h2:1.5rem;--text-h3:1.25rem;--text-h4:1.125rem;--text-lg:1.125rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--tracking-wider:.08em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 4px #00000040;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #00000059;--shadow-xl:0 16px 48px #00000073;--glow-gold:0 0 24px #c6901066;--glow-magenta:0 0 24px #c02e8a66;--glow-cyan:0 0 24px #0fafd466;--glow-success:0 0 24px #22c55e66;--filter-glow-gold:drop-shadow(0 0 16px #c690108c);--filter-glow-magenta:drop-shadow(0 0 16px #c02e8a8c);--filter-glow-cyan:drop-shadow(0 0 16px #0fafd48c);--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(32px);--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.32, .72, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.4s;--duration-game:.6s;--tg-bg-color:var(--bg-primary);--tg-text-color:var(--text-primary);--tg-button-color:var(--accent-primary);--tg-button-text-color:var(--text-inverse);--tg-secondary-bg-color:var(--bg-elevated)}[data-theme=light]{--color-surface-0:#fafaf7;--color-surface-1:#fff;--color-surface-2:#f5f2ec;--color-surface-3:#ebe6da;--color-surface-4:#ddd6c5;--color-ink-100:#0e0a02;--color-ink-200:#2d2820;--color-ink-300:#5c5648;--color-ink-400:#8a8170;--color-border-subtle:#0000000f;--color-border-default:#0000001f;--color-border-strong:#0003;--text-inverse:#fff}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}button{-webkit-tap-highlight-color:transparent;font-family:inherit}input,textarea,select{font-family:inherit}img,svg,video{max-width:100%;display:block}*{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.text-hero{font-family:var(--font-display);font-weight:800;font-size:var(--text-display-xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-display-lg{font-family:var(--font-display);font-weight:800;font-size:var(--text-display-lg);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-display-md{font-family:var(--font-display);font-weight:700;font-size:var(--text-display-md);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1,.ds-h1{font-family:var(--font-display);font-weight:700;font-size:var(--text-h1);line-height:var(--leading-snug);margin:0}h2,.ds-h2{font-family:var(--font-body);font-weight:600;font-size:var(--text-h2);line-height:var(--leading-snug);margin:0}h3,.ds-h3{font-family:var(--font-body);font-weight:600;font-size:var(--text-h3);line-height:var(--leading-snug);margin:0}h4,.ds-h4{font-family:var(--font-body);font-weight:600;font-size:var(--text-h4);line-height:var(--leading-snug);margin:0}.text-body{font-family:var(--font-body);font-weight:400;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary)}.eyebrow{font-family:var(--font-body);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--accent-primary)}.caption{font-family:var(--font-body);font-weight:400;font-size:var(--text-xs);color:var(--text-tertiary)}.grad-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes ds-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes ds-pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 #22c55e00}50%{box-shadow:var(--glow-success);transform:scale(1.02)}}@keyframes ds-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ds-toast-in{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}@keyframes ds-spin{to{transform:rotate(360deg)}}@keyframes ds-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.ds-anim-fade-in{animation:ds-fade-in var(--duration-normal) var(--ease-out)}.ds-anim-slide-up{animation:ds-slide-up var(--duration-normal) var(--ease-out)}.ds-anim-pop{animation:ds-pop var(--duration-game) var(--ease-spring)}.ds-anim-shake{animation:ds-shake .35s var(--ease-in-out)}.ds-anim-pulse-glow{animation:ds-pulse-glow var(--duration-game) var(--ease-spring)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ds-btn{font-family:var(--font-body);font-weight:600;font-size:var(--text-base);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);cursor:pointer;color:var(--text-primary);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:none;display:inline-flex}.ds-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ds-btn-sm{height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.ds-btn-md{height:44px;padding:0 var(--space-5);font-size:var(--text-base)}.ds-btn-lg{height:56px;padding:0 var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-lg)}.ds-btn-xl{height:64px;padding:0 var(--space-8);border-radius:var(--radius-xl);font-size:1.25rem}.ds-btn-block{width:100%}.ds-btn-primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-md), var(--glow-gold)}.ds-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg), var(--glow-gold);transform:translateY(-1px)}.ds-btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.ds-btn-secondary{color:var(--text-primary);border:1px solid var(--border-default);background:0 0}.ds-btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.ds-btn-secondary:active:not(:disabled){transform:scale(.98)}.ds-btn-ghost{color:var(--text-secondary);background:0 0}.ds-btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ds-btn-ghost:active:not(:disabled){transform:scale(.98)}.ds-btn-danger{background:var(--gradient-danger);color:var(--text-inverse);box-shadow:var(--shadow-md)}.ds-btn-danger:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.ds-btn-danger:active:not(:disabled){transform:translateY(0)scale(.98)}.ds-btn-icon{border-radius:var(--radius-full);background:var(--bg-elevated);width:44px;height:44px;color:var(--text-secondary);border:1px solid var(--border-subtle);padding:0}.ds-btn-icon:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ds-btn-loading{pointer-events:none;position:relative;color:#0000!important}.ds-btn-loading:after{content:"";border:2px solid;border-top-color:var(--text-inverse);width:18px;height:18px;color:var(--text-primary);border-radius:50%;animation:.8s linear infinite ds-spin;position:absolute;top:calc(50% - 9px);left:calc(50% - 9px)}.ds-fab{bottom:calc(var(--space-6) + env(safe-area-inset-bottom));right:var(--space-6);border-radius:var(--radius-full);background:var(--gradient-primary);width:64px;height:64px;box-shadow:var(--shadow-xl), var(--glow-gold);color:var(--text-inverse);z-index:50;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-items:center;font-size:28px;display:flex;position:fixed}.ds-fab:hover{transform:scale(1.05)}.ds-fab:active{transform:scale(.95)}.ds-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5)}.ds-card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.ds-card-glass{-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-default);background:#ffffff0d}.ds-card-interactive{cursor:pointer;transition:transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out)}.ds-card-interactive:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.ds-card-interactive:active{transform:translateY(0)scale(.99)}.ds-quiz-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);transition:transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);cursor:pointer;overflow:hidden}.ds-quiz-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.ds-quiz-card-cover{aspect-ratio:16/9;background:var(--gradient-primary);position:relative;overflow:hidden}.ds-quiz-card-cover:after{content:"";background:linear-gradient(#0000 0%,#08060bd9 100%);position:absolute;inset:0}.ds-quiz-card-body{padding:var(--space-4)}.ds-quiz-card-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-h3);margin:0 0 var(--space-2) 0}.ds-quiz-card-meta{gap:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);flex-wrap:wrap;display:flex}.ds-card-hero{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-6);position:relative;overflow:hidden}.ds-card-hero:before{content:"";background:var(--gradient-bg-hero);pointer-events:none;position:absolute;inset:0}.ds-card-hero>*{z-index:1;position:relative}.ds-input{width:100%;height:48px;padding:0 var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.ds-input::placeholder{color:var(--text-tertiary)}.ds-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #c6901033}.ds-input:disabled{opacity:.5;cursor:not-allowed}.ds-input-error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef444433}.ds-textarea{min-height:96px;padding:var(--space-3) var(--space-4);resize:vertical;height:auto}.ds-form-field{margin-bottom:var(--space-4)}.ds-form-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.ds-form-helper{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.ds-form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.ds-toggle{flex-shrink:0;width:48px;height:28px;display:inline-block;position:relative}.ds-toggle input{opacity:0;width:0;height:0}.ds-toggle-slider{cursor:pointer;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);transition:background var(--duration-normal) var(--ease-out);position:absolute;inset:0}.ds-toggle-slider:before{content:"";background:var(--text-primary);border-radius:var(--radius-full);width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-out);position:absolute;top:3px;left:3px}.ds-toggle input:checked+.ds-toggle-slider{background:var(--gradient-primary);border-color:#0000}.ds-toggle input:checked+.ds-toggle-slider:before{transform:translate(20px)}.ds-segmented{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);gap:2px;width:100%;padding:4px;display:inline-flex}.ds-segmented-item{height:36px;color:var(--text-secondary);font-size:var(--text-sm);border-radius:calc(var(--radius-lg) - 4px);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex:1;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.ds-segmented-item:hover{color:var(--text-primary)}.ds-segmented-item.is-active{background:var(--gradient-primary);color:var(--text-inverse)}.ds-app-header{height:56px;padding:0 var(--space-4);padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top));-webkit-backdrop-filter:var(--blur-md);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-3);z-index:30;background:#0e0a02d9;display:flex;position:sticky;top:0}.ds-app-header-title{font-family:var(--font-body);font-weight:600;font-size:var(--text-h4);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.ds-app-header-back{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.ds-app-header-back:hover{background:var(--bg-hover);color:var(--text-primary)}.ds-tab-bar{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-elevated);border-top:1px solid var(--border-subtle);z-index:40;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.ds-tab-item{font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:0;font-weight:500;text-decoration:none;display:flex}.ds-tab-item:hover{color:var(--text-secondary)}.ds-tab-item.is-active{color:var(--accent-primary)}.ds-tab-item-icon{font-size:24px;line-height:1}.ds-sheet-overlay{-webkit-backdrop-filter:var(--blur-sm);z-index:90;animation:ds-fade-in var(--duration-normal) var(--ease-out);background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ds-sheet{background:var(--bg-elevated);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-6) var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));width:100%;max-height:90vh;animation:ds-sheet-up var(--duration-slow) var(--ease-bounce);box-shadow:var(--shadow-xl);overflow-y:auto}.ds-sheet-handle{background:var(--text-tertiary);border-radius:var(--radius-full);width:36px;height:4px;margin:0 auto var(--space-4);opacity:.4}.ds-modal-overlay{-webkit-backdrop-filter:var(--blur-sm);z-index:90;padding:var(--space-4);animation:ds-fade-in var(--duration-normal) var(--ease-out);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ds-modal{background:var(--bg-elevated);border-radius:var(--radius-2xl);padding:var(--space-6);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-xl);animation:ds-pop var(--duration-normal) var(--ease-out);overflow-y:auto}.ds-list{margin:0;padding:0;list-style:none}.ds-list-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-out);display:flex}.ds-list-item:last-child{border-bottom:none}.ds-list-item.is-interactive{cursor:pointer}.ds-list-item.is-interactive:hover{background:var(--bg-hover)}.ds-list-item-avatar{flex-shrink:0}.ds-list-item-content{flex:1;min-width:0}.ds-list-item-title{color:var(--text-primary);margin:0 0 2px;font-weight:500}.ds-list-item-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.ds-list-item-action{color:var(--text-tertiary);flex-shrink:0}.ds-avatar{border-radius:var(--radius-full);background:var(--gradient-secondary);color:var(--text-inverse);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.ds-avatar-sm{width:32px;height:32px;font-size:var(--text-sm)}.ds-avatar-md{width:40px;height:40px;font-size:var(--text-base)}.ds-avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.ds-avatar-xl{width:80px;height:80px;font-size:var(--text-h2)}.ds-avatar-stacked{border:2px solid var(--bg-primary)}.ds-badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--bg-elevated);color:var(--text-secondary);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.ds-badge-success{color:var(--color-success);background:#22c55e26}.ds-badge-danger{color:var(--color-danger);background:#ef444426}.ds-badge-warning{color:var(--color-warning);background:#f59e0b26}.ds-badge-info{color:var(--color-info);background:#3b82f626}.ds-badge-gold{background:var(--gradient-primary);color:var(--text-inverse)}.ds-badge-streak{background:var(--gradient-streak);color:var(--text-inverse)}.ds-badge-cyan{color:var(--color-cyan-light);background:#0fafd426}.ds-chip{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);white-space:nowrap;font-weight:500;display:inline-flex}.ds-chip:hover{border-color:var(--border-default);color:var(--text-primary)}.ds-chip.is-active{background:var(--gradient-primary);color:var(--text-inverse);border-color:#0000}.ds-chip-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.ds-chip-scroll{gap:var(--space-2);padding-bottom:var(--space-1);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.ds-chip-scroll::-webkit-scrollbar{display:none}.ds-toast{top:calc(var(--space-4) + env(safe-area-inset-top));background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-2);z-index:100;animation:ds-toast-in var(--duration-normal) var(--ease-bounce);font-size:var(--text-sm);color:var(--text-primary);max-width:calc(100vw - var(--space-8));display:flex;position:fixed;left:50%;transform:translate(-50%)}.ds-toast-success{border-color:var(--color-success);box-shadow:var(--shadow-lg), var(--glow-success)}.ds-toast-danger{border-color:var(--color-danger)}.ds-toast-warning{border-color:var(--color-warning)}.ds-spinner{border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite ds-spin}.ds-spinner-lg{border-width:3px;width:36px;height:36px}.ds-skeleton{background:linear-gradient(90deg, var(--bg-elevated) 0%, var(--bg-hover) 50%, var(--bg-elevated) 100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s linear infinite ds-skeleton}.ds-skeleton-text{border-radius:var(--radius-sm);height:12px}.ds-skeleton-title{border-radius:var(--radius-md);height:24px}.ds-skeleton-avatar{border-radius:var(--radius-full);width:40px;height:40px}.ds-skeleton-card{border-radius:var(--radius-xl);height:120px}.ds-progress{background:var(--bg-elevated);border-radius:var(--radius-full);height:6px;overflow:hidden}.ds-progress-bar{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.ds-step-progress{gap:var(--space-1);display:flex}.ds-step-progress-item{background:var(--bg-elevated);border-radius:var(--radius-full);height:4px;transition:background var(--duration-normal) var(--ease-out);flex:1}.ds-step-progress-item.is-done{background:var(--gradient-primary)}.ds-step-progress-item.is-active{background:var(--accent-primary)}.ds-answer{text-align:left;border-radius:var(--radius-xl);width:100%;padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);align-items:center;gap:var(--space-3);font-weight:500;display:flex}.ds-answer:hover:not(:disabled){border-color:var(--border-default);background:var(--bg-hover)}.ds-answer:active:not(:disabled){transform:scale(.98)}.ds-answer:disabled{cursor:default}.ds-answer-letter{border-radius:var(--radius-md);width:36px;height:36px;font-weight:700;font-size:var(--text-base);color:var(--text-inverse);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ds-answer-text{line-height:var(--leading-snug);flex:1}.ds-answer[data-letter=a]{background:#e74c3c2e}.ds-answer[data-letter=b]{background:#3498db2e}.ds-answer[data-letter=c]{background:#f1c40f38}.ds-answer[data-letter=d]{background:#2ecc712e}.ds-answer[data-letter=a] .ds-answer-letter{background:#e74c3c}.ds-answer[data-letter=b] .ds-answer-letter{background:#3498db}.ds-answer[data-letter=c] .ds-answer-letter{color:#1a1310;background:#f1c40f}.ds-answer[data-letter=d] .ds-answer-letter{background:#2ecc71}.ds-answer.is-picked{border-color:var(--color-selected);box-shadow:0 0 0 2px #0fafd44d}.ds-answer.is-correct{border-color:var(--color-correct);box-shadow:0 0 0 2px var(--color-correct), var(--glow-success);animation:ds-pulse-glow var(--duration-game) var(--ease-spring);background:#22c55e4d}.ds-answer.is-wrong{border-color:var(--color-incorrect);animation:ds-shake .35s var(--ease-in-out);background:#ef44444d}.ds-answer.is-dim{opacity:.4}.ds-tf-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.ds-tf-btn{border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-4);color:var(--text-inverse);font-weight:700;font-size:var(--text-lg);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-out);border:none;flex-direction:column;display:flex}.ds-tf-btn-true{background:linear-gradient(135deg,#27ae60 0%,#4ade80 100%)}.ds-tf-btn-false{background:linear-gradient(135deg,#c0392b 0%,#f87171 100%)}.ds-tf-btn:active:not(:disabled){transform:scale(.98)}.ds-tf-btn:disabled{cursor:default}.ds-tf-btn-icon{font-size:32px;line-height:1}.ds-mobile-only{display:none!important}.ds-desktop-only{display:flex!important}@media (width<=719px){.ds-mobile-only{display:flex!important}.ds-desktop-only{display:none!important}}.ds-burger{color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:22px}.ds-burger:hover{background:var(--bg-hover)}@media (width<=480px){.ds-page-content{padding:var(--space-3)}.ds-h1{font-size:var(--text-h2,28px)}.ds-h2{font-size:var(--text-h3,22px)}.text-display-md{font-size:var(--text-h2,28px)}.ds-segmented{flex-wrap:wrap}.ds-segmented-item{min-width:0;font-size:var(--text-xs);padding:var(--space-2) var(--space-2);flex:1 0 auto}.ds-btn-lg{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}}body.tg-mini-app .ds-app-header{padding-top:calc(env(safe-area-inset-top) + var(--tg-content-top,56px));height:calc(56px + env(safe-area-inset-top) + var(--tg-content-top,56px));top:0}.ds-page{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.ds-page-content{width:100%;max-width:480px;padding:var(--space-4);flex:1;margin:0 auto}body[data-has-tabbar=true] .ds-page-content{padding-bottom:calc(var(--space-4) + 64px + env(safe-area-inset-bottom))}.ds-page-content-wide{max-width:720px}.ds-page-hero{position:relative;overflow-x:hidden}.ds-page-hero:before{content:"";background:var(--gradient-bg-hero);pointer-events:none;z-index:0;height:60vh;position:absolute;top:0;left:0;right:0}.ds-page-hero>*{z-index:1;position:relative}.ds-stats-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.ds-stat{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center}.ds-stat-value{font-family:var(--font-display);font-weight:700;font-size:var(--text-h3);margin:0;line-height:1}.ds-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-wide)}html,body,#root{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}