:root{--color-primary:#067df4;--color-primary-dark:#0468cc;--color-accent:#e91f3d;--color-bg:#fff;--color-text:#16181d;--color-text-muted:#6b7280;--color-border:#e7eaf0;--color-surface:#f6f8fb;--color-success:#1fa971;--color-locked:#c3c9d4;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--font-sans:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);-webkit-tap-highlight-color:transparent}#root{justify-content:center;min-height:100vh;display:flex}.app-shell{background:var(--color-bg);flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative}button,input{font-family:inherit}a{color:inherit}.btn-primary{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;padding:16px 20px;font-size:17px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-primary:active{background:var(--color-primary-dark);transform:scale(.98)}.btn-primary:disabled{background:var(--color-locked);cursor:not-allowed;transform:none}.btn-secondary{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:14px 20px;font-size:16px;font-weight:600;display:inline-flex}.landing{text-align:center;flex-direction:column;flex:1;justify-content:space-between;padding:48px 28px 32px;display:flex}.landing-top{flex-direction:column;align-items:center;margin-top:24px;display:flex}.landing-logo{object-fit:contain;width:132px;height:132px;margin-bottom:28px}.landing-title{color:var(--color-text);letter-spacing:-.3px;margin:0 0 12px;font-size:27px;font-weight:800}.landing-subtitle{color:var(--color-text-muted);max-width:320px;margin:0;font-size:15px;line-height:1.5}.landing-stats{text-align:left;flex-direction:column;gap:12px;margin:36px 0;display:flex}.stat-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:14px;padding:14px 16px;display:flex}.stat-value{text-align:center;min-width:56px;color:var(--color-primary);flex-shrink:0;font-size:17px;font-weight:800}.stat-label{color:var(--color-text);font-size:13.5px;line-height:1.4}.landing-bottom{width:100%}.back-button{border:1.5px solid var(--color-border);width:38px;height:38px;color:var(--color-text);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.back-button:active{background:var(--color-surface)}.register{flex-direction:column;flex:1;padding:40px 24px 32px;display:flex}.register-header{margin-bottom:28px}.register-header .back-button{margin-bottom:18px}.register-title{color:var(--color-text);margin:0 0 8px;font-size:24px;font-weight:800}.register-subtitle{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.5}.register-form{flex-direction:column;flex:1;display:flex}.field-label{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:700}.field-label-spaced{margin-top:28px}.text-input{border-radius:var(--radius-md);border:1.5px solid var(--color-border);width:100%;color:var(--color-text);background:#fff;outline:none;padding:14px 16px;font-size:16px}.text-input:focus{border-color:var(--color-primary)}.text-input-error{border-color:var(--color-accent)}.field-error{color:var(--color-accent);margin:8px 2px 0;font-size:13px;line-height:1.4}.field-hint{color:var(--color-text-muted);margin:8px 2px 0;font-size:12.5px;line-height:1.5}.level-list{flex-direction:column;gap:10px;display:flex}.level-card{border-radius:var(--radius-md);border:1.5px solid var(--color-border);cursor:pointer;text-align:left;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;display:flex}.level-card-active{border-color:var(--color-primary);background:#eaf4ff}.level-card-label{color:var(--color-text);font-size:15.5px;font-weight:700}.level-card-kr{color:var(--color-text-muted);font-size:14px}.level-card-active .level-card-kr{color:var(--color-primary)}.register-submit{margin-top:32px}.home{flex-direction:column;flex:1;padding:20px 20px 32px;display:flex}.home-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.home-logo{object-fit:contain;width:34px;height:34px}.home-header-stats{gap:8px;display:flex}.pill{background:var(--color-surface);border:1px solid var(--color-border);cursor:default;border-radius:999px;align-items:baseline;gap:4px;padding:7px 12px;display:flex}button.pill{cursor:pointer}button.pill:active{background:#eef1f6}.devmode-trigger{border:1px solid var(--color-border);background:var(--color-surface);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;display:flex}.pill-value{color:var(--color-text);font-size:14px;font-weight:800}.pill-coin .pill-value{color:var(--color-primary)}.pill-streak .pill-value{color:var(--color-accent)}.pill-label{color:var(--color-text-muted);font-size:11.5px}.home-greeting{margin-bottom:20px}.home-greeting-name{color:var(--color-text);margin:0 0 2px;font-size:21px;font-weight:800}.home-greeting-level{color:var(--color-text-muted);margin:0;font-size:13.5px}.catchup-banner{border-radius:var(--radius-md);background:#fff4ea;border:1px solid #ffd9ae;margin-bottom:20px;padding:14px 16px}.catchup-title{color:#b25b00;margin:0 0 4px;font-size:14px;font-weight:800}.catchup-text{color:#8a5b2a;margin:0;font-size:13px;line-height:1.5}.day-map-section{margin-bottom:24px}.day-map-section-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.day-map-section-head .section-title{margin:0}.stats-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:700}.day-map{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.day-cell{aspect-ratio:1;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:default;border-radius:8px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:11.5px;font-weight:700;display:flex}.day-cell-clickable{cursor:pointer}.day-cell:disabled{cursor:default}.day-cell-done{background:var(--color-success);border-color:var(--color-success);color:#fff}.day-cell-today{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.day-cell-open{border-color:var(--color-primary);color:var(--color-primary);background:#fff}.day-cell-locked{background:var(--color-surface);color:var(--color-locked);border-color:var(--color-border)}.day-map-legend{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.day-map-legend span{color:var(--color-text-muted);align-items:center;gap:5px;font-size:11.5px;display:flex}.legend-dot{border-radius:3px;width:9px;height:9px;display:inline-block}.legend-done{background:var(--color-success)}.legend-today{background:var(--color-primary)}.legend-open{border:1.5px solid var(--color-primary);background:#fff}.legend-locked{background:var(--color-locked)}.task-list{flex-direction:column;gap:12px;display:flex}.task-card{border-radius:var(--radius-md);border:1.5px solid var(--color-border);cursor:pointer;text-align:left;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:18px;display:flex}.task-card:disabled{cursor:default;opacity:.6}.task-card-done{border-color:var(--color-success);background:#f1fbf6}.task-card-title{color:var(--color-text);margin:0 0 4px;font-size:15.5px;font-weight:700}.task-card-sub{color:var(--color-text-muted);margin:0;font-size:12.5px}.task-card-sub-active{color:var(--color-accent);font-weight:600}.task-card-status{color:var(--color-text-muted);margin-left:12px;font-size:18px}.coin-page{flex-direction:column;flex:1;padding:24px 20px 32px;display:flex}.coin-header{margin-bottom:24px}.coin-header .back-button{margin-bottom:16px}.coin-title{color:var(--color-text);margin:0;font-size:22px;font-weight:800}.coin-balance-card{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));border-radius:var(--radius-lg);text-align:center;margin-bottom:18px;padding:24px}.coin-balance-label{color:#ffffffd9;margin:0 0 6px;font-size:13px}.coin-balance-value{color:#fff;margin:0;font-size:40px;font-weight:800}.coin-note{color:var(--color-text-muted);margin:0 0 28px;font-size:12.5px;line-height:1.6}.section-title{color:var(--color-text-muted);margin:0 0 10px;font-size:13.5px;font-weight:700}.rule-list{border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;display:flex;overflow:hidden}.rule-row{border-bottom:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.rule-row:last-child{border-bottom:none}.rule-label{color:var(--color-text);font-size:14px}.rule-value{color:var(--color-primary);font-size:14px;font-weight:800}.hangul-keyboard{background:var(--color-surface);border-top:1px solid var(--color-border);flex-direction:column;gap:7px;margin:0 -22px;padding:10px 8px 14px;display:flex}.kb-row{justify-content:center;gap:4px;display:flex}.kb-key{border:1px solid var(--color-border);max-width:56px;height:56px;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:9px;flex:1;justify-content:center;align-items:center;padding:0;font-size:19px;font-weight:600;display:flex}.kb-key:active{background:var(--color-surface);transform:scale(.95)}.kb-key-vowel{color:var(--color-primary-dark)}.kb-row-controls{margin-top:2px}.kb-key-control{max-width:none;color:var(--color-text-muted);flex:1.4;font-size:14px;font-weight:700}.kb-key-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.kb-key-backspace{color:var(--color-accent);font-size:18px}.kb-hint{text-align:center;color:var(--color-text-muted);margin:6px 22px 0;font-size:11.5px;display:none}@media (hover:hover) and (pointer:fine){.kb-hint{display:block}}.learn-page{flex-direction:column;flex:1;display:flex}.learn-header{border-bottom:1px solid var(--color-border);align-items:center;gap:14px;padding:18px 20px;display:flex}.learn-header-info{flex:1}.learn-round-label{color:var(--color-text-muted);margin:0 0 8px;font-size:13px;font-weight:700}.learn-stage-dots{gap:6px;display:flex}.learn-stage-dots-retry{justify-content:center;padding:14px 20px 0}.stage-dot{background:var(--color-border);border-radius:3px;width:22px;height:5px}.stage-dot-active{background:var(--color-primary)}.stage{flex-direction:column;flex:1;padding:20px 22px 28px;display:flex}.stage-score{gap:8px;display:flex}.stage-score-correct,.stage-score-wrong{border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:700}.stage-score-correct{color:var(--color-success);background:#eafaf2}.stage-score-wrong{color:var(--color-accent);background:#fdeef1}.intro-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;margin-bottom:24px;display:flex}.intro-pos{color:var(--color-primary);background:#eaf4ff;border-radius:999px;margin-bottom:8px;padding:4px 12px;font-size:12px;font-weight:700}.intro-kr{color:var(--color-text);margin:0;font-size:40px;font-weight:800}.intro-uz{color:var(--color-text-muted);margin:0 0 14px;font-size:18px}.intro-example{border-left:3px solid var(--color-primary);text-align:left;max-width:340px;margin-bottom:14px;padding:2px 0 2px 14px}.intro-example-kr{color:var(--color-text);margin:0 0 3px;font-size:15px;font-weight:600}.intro-example-uz{color:var(--color-text-muted);margin:0;font-size:13px}.intro-note{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;align-items:flex-start;gap:10px;max-width:340px;padding:14px 16px;display:flex}.intro-note-icon{font-size:16px;line-height:1.4}.intro-note-text{color:var(--color-text);margin:0;font-size:13.5px;line-height:1.55}.intro-nav-row{gap:10px;display:flex}.intro-prev-btn{flex:none;width:auto;padding-left:20px;padding-right:20px}.intro-nav-row .btn-primary{flex:1}.choice-question{text-align:center;color:var(--color-text);margin:24px 0 32px;font-size:22px;font-weight:800}.choice-options{flex-direction:column;flex:1;gap:12px;display:flex}.choice-option{border-radius:var(--radius-md);border:1.5px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;background:#fff;padding:16px;font-size:17px;font-weight:600}.choice-option:disabled{cursor:default}.choice-option-correct{border-color:var(--color-success);color:var(--color-success);background:#f1fbf6}.choice-option-wrong{border-color:var(--color-accent);color:var(--color-accent);background:#fdf1f3}.choice-option-highlighted{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary) inset}.match-grid{flex:1;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.match-col{flex-direction:column;gap:8px;display:flex}.match-item{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);color:var(--color-text);cursor:pointer;text-align:center;background:#fff;padding:13px 10px;font-size:14px;font-weight:600}.match-item:disabled{cursor:default}.match-item-selected{border-color:var(--color-primary);color:var(--color-primary-dark);background:#eaf4ff}.match-item-done{border-color:var(--color-success);color:var(--color-success);opacity:.55;background:#f1fbf6}.match-item-wrong{border-color:var(--color-accent);color:var(--color-accent);background:#fdf1f3}.stage-write{padding-bottom:0}.learn-empty{text-align:center;color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.learn-hub{flex-direction:column;flex:1;padding:20px 20px 32px;display:flex}.learn-hub-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.learn-hub-title{color:var(--color-text);margin:0;font-size:20px;font-weight:800}.learn-hub-sub{color:var(--color-text-muted);margin:0 0 24px;font-size:13.5px;line-height:1.5}.learn-hub-done-banner{border:1px solid var(--color-success);border-radius:var(--radius-md);text-align:center;background:#f1fbf6;margin-bottom:20px;padding:16px}.learn-hub-done-banner p{color:var(--color-success);margin:0 0 12px;font-size:14.5px;font-weight:700}.round-cards{flex-direction:column;gap:12px;display:flex}.round-card{border-radius:var(--radius-md);border:1.5px solid var(--color-border);cursor:pointer;text-align:left;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:20px;display:flex}.round-card-title{color:var(--color-text);margin:0 0 4px;font-size:17px;font-weight:800}.round-card-sub{color:var(--color-text-muted);margin:0;font-size:13px}.round-card-status{color:var(--color-text-muted);white-space:nowrap;font-size:20px;font-weight:700}.round-card-status-done{color:var(--color-success);font-size:15px}.round-result{flex-direction:column;flex:1;padding:24px 22px 28px;display:flex}.round-result-score{gap:12px;margin-bottom:24px;display:flex}.result-pill{border-radius:var(--radius-md);flex-direction:column;flex:1;align-items:center;gap:4px;padding:18px 8px;display:flex}.result-pill-correct{background:#eafaf2}.result-pill-wrong{background:#fdeef1}.result-pill-value{white-space:nowrap;font-size:28px;font-weight:800}.result-pill-correct .result-pill-value{color:var(--color-success);font-size:21px}.result-pill-wrong .result-pill-value{color:var(--color-accent)}.result-pill-label{color:var(--color-text-muted);font-size:12.5px}.round-result-perfect{text-align:center;color:var(--color-success);margin:8px 0 24px;font-size:14.5px;font-weight:600}.round-result-restart,.round-result-finish{margin-top:12px}.intro-suggest-toggle{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:12.5px;font-weight:600;text-decoration:underline}.intro-suggest-form{width:100%;max-width:340px;margin-top:4px}.intro-suggest-input{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);resize:none;width:100%;margin-bottom:8px;padding:10px 12px;font-family:inherit;font-size:13.5px}.intro-suggest-input:focus{border-color:var(--color-primary);outline:none}.intro-suggest-actions{gap:8px;display:flex}.intro-suggest-actions .btn-primary,.intro-suggest-actions .btn-secondary{padding:10px;font-size:13px}.intro-suggest-thanks{color:var(--color-success);margin:4px 0 0;font-size:12.5px;font-weight:600}.review-page{flex-direction:column;flex:1;display:flex}.review-header{border-bottom:1px solid var(--color-border);align-items:center;gap:14px;padding:18px 20px;display:flex}.review-title{color:var(--color-text);margin:0;font-size:15px;font-weight:700}.review-stage{flex-direction:column;flex:1;padding:20px 22px 28px;display:flex}.stage-progress{text-align:center;color:var(--color-text-muted);margin:0 0 18px;font-size:13px;font-weight:700}.stage-top-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.stage-top-row .stage-progress{margin:0}.sort-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.sort-kr{color:var(--color-text);margin:0;font-size:40px;font-weight:800}.sort-uz{color:var(--color-text-muted);margin:0;font-size:18px}.sort-actions{gap:12px;margin-top:24px;display:flex}.sort-btn{border-radius:var(--radius-md);border:1.5px solid var(--color-border);cursor:pointer;background:#fff;flex:1;padding:16px 10px;font-size:14.5px;font-weight:700}.sort-btn-forgot{color:var(--color-accent);border-color:var(--color-accent)}.sort-btn-know{color:var(--color-success);border-color:var(--color-success)}.write-prompt{text-align:center;color:var(--color-text);margin:20px 0 22px;font-size:22px;font-weight:800}.write-display{border:1.5px solid var(--color-border);border-radius:var(--radius-md);min-height:58px;color:var(--color-text);justify-content:center;align-items:center;margin-bottom:14px;padding:8px 16px;font-size:26px;font-weight:700;display:flex}.write-placeholder{color:var(--color-text-muted);font-size:15px;font-weight:400}.write-display-correct{border-color:var(--color-success);color:var(--color-success);background:#f1fbf6}.write-display-wrong{border-color:var(--color-accent);color:var(--color-accent);background:#fdf1f3}.write-answer{text-align:center;color:var(--color-text-muted);margin:0 0 14px;font-size:13px}.write-check-btn{margin-bottom:16px}.review-done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.review-done-title{color:var(--color-success);margin:0;font-size:22px;font-weight:800}.review-done-sub{color:var(--color-text-muted);max-width:300px;margin:0 0 20px;font-size:13.5px;line-height:1.6}.review-empty{text-align:center;color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.test-page{flex-direction:column;flex:1;display:flex}.test-intro-header{align-items:center;gap:14px;padding:18px 20px;display:flex}.test-intro-title{color:var(--color-text);margin:0;font-size:20px;font-weight:800}.test-status-box{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);text-align:center;margin:0 20px 24px;padding:22px}.test-status-box-open{border-color:var(--color-primary);background:#eaf4ff}.test-status-label{color:var(--color-text-muted);margin:0 0 6px;font-size:13px}.test-countdown{color:var(--color-primary);font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:800}.test-status-text{color:var(--color-text);margin:0 0 14px;font-size:14px;line-height:1.5}.test-rules{padding:0 20px 28px}.test-rules-list{flex-direction:column;gap:10px;margin:0;padding-left:18px;display:flex}.test-rules-list li{color:var(--color-text-muted);font-size:13px;line-height:1.5}.test-runner{flex-direction:column;flex:1;padding:18px 22px 0;display:flex}.test-timer{color:var(--color-text);font-variant-numeric:tabular-nums;align-self:center;margin-bottom:14px;font-size:30px;font-weight:800}.test-timer-urgent{color:var(--color-accent)}.test-question-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.test-progress{color:var(--color-text-muted);font-size:13px;font-weight:700}.test-badge{border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.test-badge-new{color:var(--color-primary);background:#eaf4ff}.test-badge-review{color:var(--color-accent);background:#fdeef1}.test-prompt{text-align:center;color:var(--color-text);margin:10px 0 20px;font-size:22px;font-weight:800}.test-next-btn{margin-bottom:16px}.test-warning-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.test-warning-box{border-radius:var(--radius-lg);text-align:center;background:#fff;max-width:320px;padding:24px}.test-warning-title{color:var(--color-accent);margin:0 0 10px;font-size:17px;font-weight:800}.test-warning-text{color:var(--color-text);margin:0 0 18px;font-size:13.5px;line-height:1.5}.test-result{flex-direction:column;flex:1;padding:28px 22px;display:flex}.test-result-title{text-align:center;color:var(--color-text);margin:0 0 20px;font-size:20px;font-weight:800}.test-result-score{flex-direction:column;align-items:center;gap:4px;margin-bottom:18px;display:flex}.test-result-score-value{color:var(--color-primary);font-size:34px;font-weight:800}.test-result-score-label{color:var(--color-text-muted);font-size:13px}.test-result-breakdown{gap:12px;margin-bottom:18px;display:flex}.test-result-breakdown-item{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 8px;display:flex}.test-result-breakdown-value{color:var(--color-text);font-size:18px;font-weight:800}.test-result-breakdown-label{color:var(--color-text-muted);font-size:11.5px}.test-result-meta{color:var(--color-text-muted);justify-content:space-between;margin-bottom:20px;font-size:13px;display:flex}.test-result-coin{color:var(--color-primary);font-weight:700}.test-result-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.round-result-wrong-list{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:8px;padding:14px 16px}.round-result-wrong-title{color:var(--color-text-muted);margin:0 0 10px;font-size:12.5px;font-weight:700}.round-result-wrong-item{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.round-result-wrong-item:last-child{border-bottom:none}.round-result-wrong-uz{color:var(--color-text-muted)}.leaderboard-page{flex-direction:column;flex:1;display:flex}.leaderboard-header{align-items:center;gap:14px;padding:18px 20px;display:flex}.leaderboard-title{color:var(--color-text);margin:0;font-size:18px;font-weight:800}.type-tabs{border-bottom:1px solid var(--color-border);gap:16px;margin-bottom:16px;padding:0 20px 14px;display:flex}.type-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 0;font-size:13.5px;font-weight:600}.type-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:800}.level-tabs{gap:8px;padding:0 20px 16px;display:flex}.level-tab{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:#fff;flex:1;padding:10px 6px;font-size:13px;font-weight:700}.level-tab-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.leaderboard-list{flex-direction:column;flex:1;gap:6px;padding:0 20px;display:flex;overflow-y:auto}.leaderboard-row{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;align-items:center;gap:12px;padding:12px 14px;display:flex}.leaderboard-row-me{border-color:var(--color-primary);background:#eaf4ff}.leaderboard-rank{width:22px;color:var(--color-text-muted);text-align:center;flex-shrink:0;font-size:13px;font-weight:800}.leaderboard-name{color:var(--color-text);flex:1;font-size:14px;font-weight:600}.leaderboard-value{color:var(--color-text-muted);white-space:nowrap;font-size:12.5px}.leaderboard-row-me .leaderboard-value,.leaderboard-row-me .leaderboard-rank{color:var(--color-primary-dark)}.leaderboard-count{text-align:center;color:var(--color-text-muted);margin:0;padding:14px 20px 20px;font-size:12px}.stats-page{flex-direction:column;flex:1;padding:0 20px 32px;display:flex}.stats-header{align-items:center;gap:14px;padding:18px 0 4px;display:flex}.stats-title{color:var(--color-text);margin:0;font-size:20px;font-weight:800}.stats-sub{color:var(--color-text-muted);margin:0 0 20px;font-size:13.5px}.stats-summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;display:grid}.stats-pill{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;display:flex}.stats-pill-value{color:var(--color-primary);font-size:22px;font-weight:800}.stats-pill-label{color:var(--color-text-muted);font-size:12px}.stats-history-section{flex:1}.stats-empty{color:var(--color-text-muted);text-align:center;padding:24px 0;font-size:13.5px}.stats-history-list{flex-direction:column;gap:10px;display:flex}.stats-history-row{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.stats-history-date{color:var(--color-text);margin:0 0 2px;font-size:14px;font-weight:700}.stats-history-sub{color:var(--color-text-muted);margin:0;font-size:12px}.stats-history-score{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.stats-history-correct{color:var(--color-text);font-size:14px;font-weight:700}.stats-history-coins{color:var(--color-primary);font-size:11.5px;font-weight:600}.devmode-page{flex-direction:column;flex:1;padding:0 22px 28px;display:flex}.devmode-header{align-items:center;gap:14px;padding:18px 0;display:flex}.devmode-title{color:var(--color-text);margin:0;font-size:18px;font-weight:800}.devmode-note{color:var(--color-text-muted);margin:0 0 18px;font-size:13px;line-height:1.6}.devmode-active-badge{color:var(--color-accent);background:#fdeef1;border-radius:999px;margin:0 0 18px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.devmode-label{color:var(--color-text);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.devmode-input{border-radius:var(--radius-md);border:1.5px solid var(--color-border);width:100%;margin-bottom:18px;padding:12px 14px;font-size:15px}.devmode-apply{margin-bottom:10px}