:root{--bg: #f3f6fa;--bg-translucent: rgba(243, 246, 250, .82);--surface: #ffffff;--surface-2: #eef2f8;--surface-3: #e3eaf3;--border: #dde5ef;--border-strong: #c5d2e2;--ink: #16263c;--muted: #5a6c82;--faint: #8b9bb0;--accent: #006aa7;--accent-strong: #005a8f;--accent-soft: rgba(0, 106, 167, .09);--accent-shadow: rgba(0, 106, 167, .28);--on-accent: #ffffff;--on-green: #ffffff;--gold: #fecc02;--gold-ink: #7a5b00;--gold-soft: rgba(254, 204, 2, .16);--green: #1e9e57;--green-ink: #157a41;--green-soft: rgba(30, 158, 87, .1);--red: #dd4348;--red-ink: #b92f34;--red-soft: rgba(221, 67, 72, .09);--amber: #d97a08;--amber-ink: #a85e05;--amber-soft: rgba(217, 122, 8, .1);--shadow-sm: 0 1px 2px rgba(20, 40, 70, .06);--shadow: 0 1px 3px rgba(20, 40, 70, .07), 0 4px 14px rgba(20, 40, 70, .06);--shadow-md: 0 4px 16px rgba(20, 40, 70, .1), 0 1px 4px rgba(20, 40, 70, .06);--shadow-lg: 0 12px 32px rgba(20, 40, 70, .14);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--transition: .18s cubic-bezier(.4, 0, .2, 1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Cairo,system-ui,sans-serif;color:var(--ink);background:var(--bg)}[data-theme=dark]{--bg: #0d1521;--bg-translucent: rgba(13, 21, 33, .82);--surface: #152031;--surface-2: #1b2940;--surface-3: #233450;--border: #253650;--border-strong: #35496b;--ink: #e9eff8;--muted: #9db0c7;--faint: #70869f;--accent: #4dabec;--accent-strong: #79c2f2;--accent-soft: rgba(77, 171, 236, .14);--accent-shadow: rgba(77, 171, 236, .25);--on-accent: #0b1a2c;--on-green: #0b1a2c;--gold-ink: #ffd84d;--gold-soft: rgba(254, 204, 2, .12);--green: #4cc98a;--green-ink: #6fdca6;--green-soft: rgba(76, 201, 138, .12);--red: #f07378;--red-ink: #f79ea2;--red-soft: rgba(240, 115, 120, .12);--amber: #f0a24d;--amber-ink: #f5bd7f;--amber-soft: rgba(240, 162, 77, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45), 0 1px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55)}[dir=rtl]{font-family:Cairo,Noto Kufi Arabic,Geeza Pro,Arabic Typesetting,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.65}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);transition:background var(--transition)}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.4}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding-left:1.2em;color:var(--muted)}li{margin:.35em 0}input,select,textarea{font-size:16px}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.arrow{display:inline-block}[dir=rtl] .arrow{transform:scaleX(-1)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--on-accent);padding:12px 26px;border-radius:999px;font-weight:700;font-size:15px;box-shadow:0 2px 8px var(--accent-shadow);transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.btn-primary:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 4px 14px var(--accent-shadow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);color:var(--ink);padding:12px 26px;border-radius:999px;font-weight:700;font-size:15px;border:1.5px solid var(--border-strong);box-shadow:var(--shadow-sm);transition:border-color var(--transition),background var(--transition),transform var(--transition)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--muted);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background var(--transition),color var(--transition),border-color var(--transition)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink);border-color:var(--border)}.btn-block{width:100%}.audio-btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;transition:background var(--transition),transform var(--transition)}.audio-btn:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}.pbar{height:8px;border-radius:999px;overflow:hidden;background:var(--surface-3)}.pbar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .4s cubic-bezier(.4,0,.2,1)}.pbar.mini{height:5px}.lang-picker{max-width:460px;margin:0 auto;min-height:100vh;padding:48px calc(24px + env(safe-area-inset-right,0)) calc(48px + env(safe-area-inset-bottom,0)) calc(24px + env(safe-area-inset-left,0));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center}.lp-logo{display:flex;flex-direction:column;align-items:center;gap:14px}.flag-se{width:64px;height:46px;border-radius:10px;background:#006aa7;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.flag-se:before{content:"";position:absolute;left:30%;top:0;bottom:0;width:14%;background:#fecc02}.flag-se:after{content:"";position:absolute;top:40%;left:0;right:0;height:18%;background:#fecc02}.lp-logo h1{font-size:32px;letter-spacing:-.03em;font-weight:800;color:var(--ink)}.lp-tag{color:var(--muted);font-size:15px}.lp-prompt{font-size:15px;font-weight:600;color:var(--muted)}.lp-options{display:flex;gap:12px;width:100%}.lp-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;min-height:108px;background:var(--surface);padding:20px;border-radius:var(--r-lg);border:2px solid var(--border);box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);position:relative}.lp-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.lp-card.sel{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.lp-card .lp-flag{font-size:34px;line-height:1}.lp-card .lp-label{font-size:17px;font-weight:700;color:var(--ink)}.lp-card .lp-check{position:absolute;top:10px;inset-inline-end:10px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;opacity:0;transform:scale(.5);transition:opacity var(--transition),transform var(--transition)}.lp-card.sel .lp-check{opacity:1;transform:scale(1)}.lp-start{min-width:200px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px calc(24px + env(safe-area-inset-right,0)) 12px calc(24px + env(safe-area-inset-left,0));background:var(--bg-translucent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;letter-spacing:-.01em}.brand-flag{width:26px;height:19px;border-radius:4px;background:#006aa7;position:relative;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm)}.brand-flag:before{content:"";position:absolute;left:30%;top:0;bottom:0;width:14%;background:#fecc02}.brand-flag:after{content:"";position:absolute;top:40%;left:0;right:0;height:18%;background:#fecc02}.topbar-actions{display:flex;gap:4px;align-items:center}.topbar-actions .btn-ghost{padding:8px 12px}.page{max-width:860px;margin:0 auto;padding:24px calc(24px + env(safe-area-inset-right,0)) 60px calc(24px + env(safe-area-inset-left,0))}.page-head{margin-bottom:18px}.page-head .back-btn{margin-bottom:12px;margin-inline-start:-14px}.page-head h1{font-size:24px;font-weight:800;letter-spacing:-.02em}.page-head p{color:var(--muted);font-size:14px;margin-top:4px;line-height:1.5}.section-heading{font-size:18px;font-weight:800;margin:28px 0 14px;letter-spacing:-.01em}.hero{background:linear-gradient(135deg,var(--accent-soft),transparent 60%),var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow);padding:26px 28px;display:flex;flex-direction:column;gap:18px}.hero-title{font-size:22px;font-weight:800;letter-spacing:-.02em}.hero-sub{color:var(--muted);font-size:14px;margin-top:4px}.hero-progress{display:flex;flex-direction:column;gap:8px}.hero-progress-label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--muted)}.stat-chips{display:flex;flex-wrap:wrap;gap:8px}.stat-chip{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700;color:var(--ink)}.stat-chip .stat-label{color:var(--muted);font-weight:600}.stat-chip.gold{background:var(--gold-soft);border-color:transparent;color:var(--gold-ink)}.stat-chip.blue{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions .btn-primary{flex:1;min-width:180px}.day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.day-card{background:var(--surface);border-radius:var(--r-lg);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);padding:16px 18px;text-align:start;display:flex;flex-direction:column;gap:8px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative}.day-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.day-card.done{border-color:var(--green);background:linear-gradient(160deg,var(--green-soft),transparent 55%),var(--surface)}.day-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.day-card-top{display:flex;justify-content:space-between;align-items:center}.day-num{width:30px;height:30px;border-radius:10px;background:var(--surface-2);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}.day-card.done .day-num{background:var(--green);color:var(--on-green)}.day-card.active .day-num{background:var(--accent);color:var(--on-accent)}.day-check{width:22px;height:22px;border-radius:50%;background:var(--green);color:var(--on-green);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.day-prog{font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:999px}.day-theme{font-weight:700;font-size:15px;line-height:1.35;color:var(--ink)}.day-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto}.day-meta{color:var(--faint);font-size:12px;font-weight:600}.day-score{font-size:11px;font-weight:800;color:var(--gold-ink);background:var(--gold-soft);padding:2px 8px;border-radius:999px}.day-pbar{margin-bottom:18px}.steps{display:flex;flex-direction:column;gap:10px}.step{background:var(--surface);border-radius:var(--r-lg);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);padding:16px 18px;display:flex;align-items:center;gap:14px;text-align:start;width:100%;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.step:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}.step-num{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:var(--surface-2);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;transition:background var(--transition),color var(--transition)}.step:hover .step-num{background:var(--accent);color:var(--on-accent)}.step.done .step-num{background:var(--green);color:var(--on-green)}.step-icon{font-size:22px;line-height:1}.step-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.step-label{font-weight:700;font-size:15px;color:var(--ink)}.step-desc{font-size:13px;color:var(--muted);font-weight:500}.step.done .step-label{color:var(--green-ink)}.step-go{color:var(--faint);font-weight:700;font-size:18px;transition:transform var(--transition),color var(--transition)}.step:hover .step-go{color:var(--accent);transform:translate(3px)}[dir=rtl] .step:hover .step-go{transform:translate(-3px)}.vocab-strip{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.vocab-mini{background:var(--surface);border:1px solid var(--border);padding:4px 12px;border-radius:999px;font-size:12px;color:var(--muted);font-weight:600}.vocab-mini.plus{background:transparent;border-style:dashed;color:var(--faint)}.day-complete-banner{margin-top:20px;padding:18px 22px;background:linear-gradient(135deg,var(--green-soft),transparent 70%),var(--surface);border:1.5px solid var(--green);color:var(--green-ink);border-radius:var(--r-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-weight:700;font-size:15px}.day-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;margin-bottom:16px;border-bottom:1px solid var(--border)}.day-bar-step{color:var(--muted);font-size:12px;font-weight:700;background:var(--surface-2);border:1px solid var(--border);padding:4px 12px;border-radius:999px;white-space:nowrap}.sec{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:20px}.sec-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.sec-title{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.counter{background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px;white-space:nowrap}.sec-pbar{margin-bottom:18px}.grammar-summary{color:var(--muted);margin-bottom:18px;font-size:15px;line-height:1.6}.rule-list{list-style:none;padding:0;margin:0 0 18px;counter-reset:rule;display:flex;flex-direction:column;gap:10px}.rule-list li{counter-increment:rule;margin:0;display:flex;gap:12px;align-items:flex-start;color:var(--ink);font-size:15px;line-height:1.55}.rule-list li:before{content:counter(rule);flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;margin-top:1px}.block-label{font-size:12px;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.example-list{margin:0 0 18px}.example-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 16px;margin-bottom:8px;display:flex;flex-direction:column;gap:3px}.example-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.ex-sv{font-weight:700;font-size:15px;color:var(--ink)}.ex-trans{color:var(--muted);font-size:14px}.tip-box{background:var(--gold-soft);border-radius:var(--r-md);padding:16px 18px;margin-bottom:20px;border-inline-start:4px solid var(--gold)}.tip-box h3{font-size:13px;color:var(--gold-ink);margin-bottom:8px;font-weight:800}.tip-box ul{color:var(--ink)}.tip-box li{font-size:14px;line-height:1.55}.flashcard{position:relative;perspective:1200px;margin-bottom:18px;min-height:300px}.flashcard-inner{position:relative;width:100%;height:100%;min-height:300px;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.fc-face{position:absolute;top:0;left:0;width:100%;min-height:300px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-xl);padding:36px 28px;text-align:center;border:1.5px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.fc-back{transform:rotateY(180deg);background:linear-gradient(160deg,var(--accent-soft),transparent 55%),var(--surface)}.fc-sv{font-size:38px;font-weight:800;color:var(--ink);margin-bottom:6px;letter-spacing:-.02em}.fc-ipa{color:var(--faint);font-size:14px;margin-bottom:14px}.fc-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}.chip.blue{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.fc-hint{position:absolute;bottom:18px;left:0;right:0;color:var(--faint);font-size:13px;font-weight:500;animation:hint-pulse 2.4s ease infinite}@keyframes hint-pulse{0%,to{opacity:.55}50%{opacity:1}}.fc-gloss{font-size:26px;font-weight:800;margin-bottom:14px;color:var(--ink)}.fc-example{background:var(--surface-2);border-radius:var(--r-md);padding:14px 16px;margin-top:4px;text-align:start;border:1px solid var(--border);width:100%}.fc-ex-sv{font-weight:600;font-size:14px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:8px}.fc-ex-tr{color:var(--muted);margin-top:4px;font-size:14px}.fc-also{margin-top:14px}.flash-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.grade{flex:1;min-width:72px;padding:12px 10px;border-radius:var(--r-md);font-weight:800;font-size:14px;border:1.5px solid transparent;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.grade:hover{transform:translateY(-2px)}.grade.again{background:var(--red-soft);color:var(--red-ink)}.grade.again:hover{border-color:var(--red)}.grade.hard{background:var(--amber-soft);color:var(--amber-ink)}.grade.hard:hover{border-color:var(--amber)}.grade.good{background:var(--green-soft);color:var(--green-ink)}.grade.good:hover{border-color:var(--green)}.grade.easy{background:var(--accent-soft);color:var(--accent)}.grade.easy:hover{border-color:var(--accent)}.builder-translation,.quiz-prompt{font-size:17px;margin-bottom:10px;font-weight:700;line-height:1.5;color:var(--ink)}.builder-hint{color:var(--muted);font-size:13px;margin-bottom:16px;font-weight:500;line-height:1.5}.builder-answer,.quiz-order-picked{min-height:56px;padding:12px 14px;border:2px dashed var(--border-strong);border-radius:var(--r-md);display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;background:var(--surface-2);transition:border-color var(--transition)}.builder-answer:focus-within,.quiz-order-picked:focus-within{border-color:var(--accent)}.placeholder{color:var(--faint);font-size:13px;font-weight:500}.builder-pool,.quiz-order-pool{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.word-chip{background:var(--surface);color:var(--ink);padding:9px 18px;border-radius:999px;font-weight:700;font-size:14px;border:1.5px solid var(--border-strong);box-shadow:var(--shadow-sm);transition:opacity var(--transition),transform var(--transition),border-color var(--transition),background var(--transition)}.word-chip:not(.used):hover{transform:translateY(-2px);border-color:var(--accent)}.word-chip.chosen{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:none}.word-chip.used{opacity:.25;box-shadow:none}.builder-actions,.quiz-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.builder-result,.quiz-result{padding:14px 18px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;font-weight:600;font-size:14px;line-height:1.5;border:1.5px solid transparent}.builder-result.correct,.quiz-result.correct{background:var(--green-soft);color:var(--green-ink);border-color:var(--green)}.builder-result.wrong,.quiz-result.wrong{background:var(--red-soft);color:var(--red-ink);border-color:var(--red)}.result-text strong{font-weight:800}.result-actions{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.quiz-prompt-sv{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:800;color:var(--ink);margin-bottom:16px;font-size:19px}.quiz-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.quiz-opt{display:flex;align-items:center;gap:12px;background:var(--surface-2);padding:13px 16px;border-radius:var(--r-md);text-align:start;border:1.5px solid var(--border);font-weight:600;font-size:15px;transition:border-color var(--transition),background var(--transition),transform var(--transition)}.quiz-opt:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.opt-letter{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:var(--surface);border:1px solid var(--border-strong);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.quiz-opt.chosen{border-color:var(--accent);background:var(--accent-soft)}.quiz-opt.chosen .opt-letter{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.quiz-opt.correct{background:var(--green-soft);border-color:var(--green)}.quiz-opt.correct .opt-letter{background:var(--green);border-color:var(--green);color:var(--on-green)}.quiz-opt.wrong{background:var(--red-soft);border-color:var(--red)}.quiz-opt.wrong .opt-letter{background:var(--red);border-color:var(--red);color:#fff}.quiz-input{width:100%;padding:14px 16px;border-radius:var(--r-md);border:1.5px solid var(--border-strong);font-size:16px;margin-bottom:16px;transition:border-color var(--transition),box-shadow var(--transition);background:var(--surface-2);color:var(--ink)}.quiz-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.quiz-input::placeholder{color:var(--faint)}.quiz-results{text-align:center;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:14px}.score-ring{width:120px;height:120px;border-radius:50%;background:var(--accent-soft);border:6px solid var(--accent);display:flex;align-items:center;justify-content:center;gap:2px}.score-ring .score-num{font-size:38px;font-weight:800;color:var(--accent);line-height:1}.score-ring .score-total{font-size:16px;font-weight:700;color:var(--muted)}.quiz-results h2{font-size:22px;font-weight:800}.quiz-results p{color:var(--muted);font-size:14px}.empty-state{text-align:center;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:14px}.empty-icon{width:64px;height:64px;border-radius:50%;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800}.empty-state h2{font-size:20px;font-weight:800}.empty-state p{color:var(--muted);font-size:14px}@media (max-width: 560px){.page{padding:16px env(safe-area-inset-right,16px) 60px env(safe-area-inset-left,16px)}.hero{padding:20px}.day-grid{grid-template-columns:repeat(2,1fr);gap:10px}.day-card{padding:14px}.topbar-actions .btn-ghost .ghost-label{display:none}.fc-sv{font-size:28px}.fc-face{padding:28px 18px;min-height:240px}.flashcard,.flashcard-inner{min-height:240px}.lang-picker{padding:36px env(safe-area-inset-right,20px) env(safe-area-inset-bottom,24px) env(safe-area-inset-left,20px);gap:24px}.lp-options{flex-direction:column;gap:10px}.lp-card{min-height:auto;padding:16px;flex-direction:row}.sec{padding:18px}.grade{min-height:46px}.word-chip{min-height:44px;display:inline-flex;align-items:center}.quiz-opt{min-height:50px}.btn-primary,.btn-secondary{min-height:46px}.btn-ghost{min-height:40px}.step{padding:14px 16px}.step-desc{display:none}.hero-actions .btn-primary{min-width:100%}}@media (max-width: 380px){.page{padding:12px env(safe-area-inset-right,12px) 60px env(safe-area-inset-left,12px)}.fc-face{padding:24px 14px;min-height:210px}.flashcard,.flashcard-inner{min-height:210px}.day-card{padding:12px}.sec{padding:16px}.grade{padding:10px 6px;font-size:12px}.word-chip{padding:8px 14px;font-size:13px}.page-head h1{font-size:20px}.fc-gloss{font-size:21px}}[dir=rtl] ul,[dir=rtl] ol{padding-left:0;padding-right:1.2em}[dir=rtl] .quiz-input{direction:ltr;text-align:left}[dir=rtl] .fc-ipa{direction:ltr;display:inline-block}