:root{--primary: #D9620F;--primary-press: #B8520C;--label: #1F2A44;--subtle: #E6EEF6;--lighter: #C9D6E6;--icon: #1F4E79;--accent: #1F4E79;--accent-subtle: #FDEBDD;--accent-text: #9A4508;--bg: #F3F6F9;--card: #FFFFFF;--border: #E3E8EF;--title: #1C1E21;--text: #36393F;--hint: #5F6673;--caption: #8B909B;--ok: #4C8021;--ok-fill: #7DD339;--ok-bg: #F3FCEA;--bad: #DE3A5F;--bad-bg: #FEECF0;--gold: #F1BF00;--shadow: 0 2px 4px rgba(54, 57, 63, .16);--btn: var(--primary);--btn-text: #FFFFFF;--link: var(--primary-press);--bg2: var(--border);--radius: 12px;color-scheme:light}:root[data-theme=dark]{--primary: #F08A3C;--primary-press: #D9762B;--label: #F9BE8F;--subtle: #3A2818;--lighter: #5C3B1F;--icon: var(--primary);--link: var(--primary);--accent: #6FA8DC;--accent-subtle: #16293B;--accent-text: #A9CCEC;--bg: #14181D;--card: #1D232A;--border: #2E3740;--title: #EEF2F6;--text: #D3DAE1;--hint: #93A0AD;--caption: #7D8996;--ok: #9BE05E;--ok-bg: #1F2E14;--bad: #F87F9A;--bad-bg: #3A1720;--shadow: 0 2px 6px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text)}body{font:15px/1.45 Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit}input{font:inherit;color:var(--title)}.screen{padding:16px 16px 32px;max-width:640px;margin:0 auto}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}h1{font-size:20px;font-weight:700;margin:4px 0 14px;color:var(--primary)}h2{font-size:16px;font-weight:600;margin:18px 0 10px;color:var(--label)}b{color:var(--title);font-weight:700}.hint{color:var(--hint);font-size:13px}.row{display:flex;gap:10px;align-items:center}.spacer{flex:1}.stack{display:grid;gap:12px}.card{background:var(--card);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.btn{display:block;width:100%;border:0;border-radius:12px;padding:14px 16px;background:var(--btn);color:var(--btn-text);font-weight:600;font-size:16px;cursor:pointer;transition:background .15s,transform .1s}.btn:active{background:var(--primary-press);transform:scale(.99)}.btn:disabled{opacity:.45}.btn.secondary{background:var(--subtle);color:var(--label)}.btn.ghost{background:transparent;color:var(--link);padding:8px}.btn.ok{background:var(--ok-fill);color:#1f3a0b}.btn.bad{background:var(--bad);color:#fff}.input{width:100%;padding:13px 14px;border-radius:12px;border:2px solid var(--border);background:var(--card);outline:none}.input:focus{border-color:var(--primary)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:2px solid var(--border);background:var(--card);color:var(--text);border-radius:18px;padding:6px 13px;cursor:pointer;font-weight:500}.chip.active{background:var(--primary);color:var(--btn-text);border-color:var(--primary)}.hero{background:var(--primary);color:#fff;padding:22px 20px 56px;border-radius:0 0 50% 50%/0 0 34px 34px;display:flex;gap:12px;align-items:center;cursor:pointer}:root[data-theme=dark] .hero{background:linear-gradient(160deg,var(--primary),var(--primary-press))}.hero .avatar{border:2px solid rgba(255,255,255,.6);background:#ffffff38;color:#fff}.hero-name{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:600}.hero-sub{font-size:14px;font-weight:300;opacity:.95}.home-content{padding:0 16px 32px;margin:-32px auto 0;max-width:640px;display:grid;gap:18px}.stats{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;padding:14px 6px;text-align:center;cursor:pointer}.stats .sep{background:var(--border)}.stats small{display:block;font-size:12px;color:var(--label);margin-bottom:4px}.stats b{font-size:20px;color:var(--label)}.stats em{font-style:normal;font-size:11px;color:var(--label);margin-left:4px}.divider{display:flex;align-items:center;gap:10px;color:var(--label);font-weight:600;font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--lighter)}.section-title{color:var(--label);font-weight:600;font-size:13px;margin-bottom:-6px}.streak-pill{background:var(--accent-subtle);color:var(--accent-text);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{position:relative;overflow:hidden;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;min-height:88px;border:0;text-align:left;cursor:pointer;color:var(--text);display:flex;flex-direction:column;justify-content:space-between;gap:6px}.kit-icon{display:inline-block;flex-shrink:0;vertical-align:middle;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.tile .icon{width:46px;height:46px;border-radius:10px;background:var(--subtle);color:var(--icon);display:flex;align-items:center;justify-content:center;font-size:20px}.daily-icon{display:flex;color:var(--icon)}.tile .title{font-weight:600;font-size:14px;color:var(--title)}.tile .hint{font-size:11px}.tile.wide{grid-column:span 2}.tile.coming-soon{cursor:default;box-shadow:none;background:transparent;border:2px dashed var(--border)}.tile.coming-soon .icon{color:var(--caption);background:var(--border)}.tile.coming-soon .title{color:var(--hint)}.tile .stamp{position:absolute;top:10px;right:10px;background:var(--accent-subtle);color:var(--accent-text);font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.3px;text-transform:uppercase}.tile .lock{position:absolute;top:10px;right:10px;display:flex;color:var(--hint)}.tile .badge{position:absolute;top:10px;right:10px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:2px 7px}.daily-tile{gap:10px;min-height:0;padding:14px;cursor:pointer}.daily-tile .title{font-size:16px;font-weight:700}.daily-tile .progress{height:13px;background:var(--subtle);box-shadow:var(--shadow);border-radius:999px}.daily-tile .progress>div{background:var(--ok-fill);border-radius:999px}.avatar{width:56px;height:56px;border-radius:50%;background:var(--subtle);color:var(--label);object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px}.avatar.small{width:36px;height:36px;font-size:15px}.progress{height:8px;background:var(--subtle);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--primary);border-radius:999px;transition:width .3s}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--subtle);border-radius:12px;padding:10px;text-align:center;color:var(--label)}.stat b{display:block;font-size:18px;color:var(--label)}.medal{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;background:var(--gold);color:#3b2f00;font-weight:700;font-size:12px}.medal.expired{background:var(--border);color:var(--hint)}.league{font-size:12px;padding:2px 8px;border-radius:10px;background:var(--accent-subtle);color:var(--accent-text);font-weight:600}.summer{background:linear-gradient(90deg,#ffd54f,#ff8a65);color:#4a2500}.flashcard{perspective:1000px;height:300px;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .45s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;background:var(--card);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.flashcard-face.back{transform:rotateY(180deg);background:var(--subtle)}.flashcard .main{font-size:28px;font-weight:700;color:var(--title)}.flashcard-face.back .main{color:var(--label)}.flashcard .sub{margin-top:8px;color:var(--hint);font-size:13px}.flashcard .example{margin-top:14px;font-style:italic}.question-card{background:var(--subtle);box-shadow:none;padding:16px}.sentence{font-size:20px;line-height:1.45;color:var(--label)}.sentence b{color:var(--primary)}.gap-hint{display:block;margin-top:6px;color:var(--hint);font-size:13px}.option{width:100%;text-align:left;padding:14px 16px;border-radius:12px;border:2px solid var(--border);background:var(--card);color:var(--title);font-size:16px;font-weight:500;cursor:pointer}.option.correct{border-color:var(--ok-fill);background:var(--ok-bg);color:var(--ok)}.option.wrong{border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}.feedback{border-radius:12px;padding:14px}.feedback.ok{background:var(--ok-bg)}.feedback.ok b{color:var(--ok)}.feedback.bad{background:var(--bad-bg)}.feedback.bad b{color:var(--bad)}.match-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}.match-item{padding:12px 10px;border-radius:12px;background:var(--card);color:var(--title);border:2px solid var(--border);min-height:54px;cursor:pointer;text-align:center}.match-item.selected{border-color:var(--primary);background:var(--subtle)}.match-item.done{opacity:.35;border-color:var(--ok-fill);cursor:default}.match-item.wrong{border-color:var(--bad);background:var(--bad-bg)}.rating-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--border);cursor:pointer}.rating-row:last-child{border-bottom:0}.rating-row.me{background:var(--subtle);border-radius:10px}.place{width:30px;text-align:center;font-weight:700;color:var(--label)}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal{background:var(--bg);width:100%;max-width:640px;border-radius:18px 18px 0 0;padding:18px 16px 28px;max-height:85vh;overflow:auto}.spinner{width:28px;height:28px;border:3px solid var(--subtle);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:var(--bad-bg);border-radius:12px;padding:12px}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.big-number{font-size:40px;font-weight:800;text-align:center;color:var(--primary)}