.overview-shell{max-width:980px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.overview-table-wrap{overflow-x:auto;border-radius:14px}.overview-table{width:100%;border-collapse:collapse;min-width:720px;background:#ffffffa6}.overview-table th,.overview-table td{border:1px solid rgba(0,0,0,.12);padding:.55rem .6rem;vertical-align:middle}.overview-table th{background:#ffffffd9;font-weight:700}.overview-table .ov-center{text-align:center}.overview-table .ov-em{font-weight:800}.overview-table .ov-red{color:#c5162e}.overview-note{font-size:.95rem;opacity:.9}.exercise-block{margin:30px 0;padding:20px;border-radius:16px;background:#ffffffd9;box-shadow:0 4px 16px #0000000a}.exercise-block h2{margin-top:0;margin-bottom:10px}.exercise-desc{margin-top:0;margin-bottom:15px;font-size:.95rem;color:#555}.exercise-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.exercise-score{margin-top:10px;font-weight:600}.dragdrop-container{display:flex;gap:20px;align-items:flex-start;margin-top:10px}.story-text{flex:2}.verbs-column{flex:1;background:#f6f7ff;border-radius:12px;padding:12px}.verbs-column h3{margin-top:0;margin-bottom:4px}.verbs-hint{font-size:.85rem;color:#666;margin:0 0 8px}.verb-pool{list-style:none;padding:0;margin:0}.verb-token{background:#e9f1ff;padding:8px;border-radius:999px;margin:6px 0;cursor:pointer;text-align:center;font-weight:500;transition:transform .1s ease,box-shadow .1s ease}.verb-token:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.badge-slot{display:inline-block;min-width:90px;padding:3px 6px;border-bottom:2px dashed #bbb;text-align:center;margin:0 3px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.badge-slot.correct{background:#d3f9d8;border-color:#43a047}.badge-slot.incorrect{background:#ffe1e1;border-color:#e53935}.story-intro,.story-outro{margin-bottom:15px}@media(max-width:768px){.dragdrop-container{flex-direction:column}.verbs-column{width:100%}}.ex2-list{display:flex;flex-direction:column;gap:12px}.ex2-card{background:#fdfdff;border-radius:12px;border:1px solid #e0e3ff;padding:12px 14px}.ex2-card.correct{border-color:#43a047;background:#e7fbe9}.ex2-card.incorrect{border-color:#e53935;background:#ffecec}.ex2-question{margin-top:0;margin-bottom:6px;font-weight:600}.ex2-short label{display:block;margin:3px 0}.ex2-sentence{margin-top:8px}.ex2-input{display:block;width:100%;max-width:480px;margin-top:4px;padding:6px 8px;border-radius:8px;border:1px solid #ccc}#exercise-1 .dev-bar{display:block;margin-top:15px}.dev-ex1{width:100%;clear:both}.ex3-list{display:flex;flex-direction:column;gap:10px}.ex3-row{background:#fdfdff;border-radius:12px;border:1px solid #e0e3ff;padding:10px 12px}.ex3-row.correct{border-color:#43a047;background:#e7fbe9}.ex3-row.incorrect{border-color:#e53935;background:#ffecec}.ex3-input{display:block;width:100%;max-width:520px;margin-top:6px;padding:6px 8px;border-radius:8px;border:1px solid #ccc;resize:vertical}.ex3-feedback{margin-top:4px;font-size:.85rem;color:#444}#exercise-1 .dev-bar,#exercise-2 .dev-bar,#exercise-3 .dev-bar{position:static;bottom:auto;right:auto;margin-top:12px;justify-content:flex-start}.badge-reward{margin-top:16px;padding:12px 14px;border-radius:12px;background:#ecfdf5;border:1px solid #bbf7d0}.badge-reward__text{margin-bottom:8px}.ex2-answer-listen,.ex3-answer-listen{color:#000}.map-wrapper{padding-bottom:3rem}.map-header{padding-bottom:.5rem}.map-info{margin-top:1rem}.map-main{padding-top:.75rem}.map-grid{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:14px;align-items:start}@media(max-width:1100px){.map-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:640px){.map-grid{grid-template-columns:1fr}}.map-path{border-radius:18px;padding:14px;background:#ffffffbf;box-shadow:0 10px 26px #0000000f;border:1px solid rgba(0,0,0,.06)}.map-path-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.map-path-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}.map-path-title{font-size:1.05rem;font-weight:700}.map-path-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.map-pill{font-size:.78rem;padding:5px 10px;border-radius:999px;background:#1118270f;border:1px solid rgba(17,24,39,.08);display:inline-flex;align-items:center;white-space:nowrap}.map-pill--ok{background:#22c55e1f;border-color:#22c55e40}.map-pill--warn{background:#f59e0b1f;border-color:#f59e0b40}.map-theory{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;border:1px dashed rgba(0,0,0,.15);background:#ffffffb3;margin-bottom:12px}.map-theory-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700}.map-theory-desc{font-size:.9rem;color:#111827d9;line-height:1.35}.map-path-body{display:flex;flex-direction:column;gap:8px}.map-path-body p{margin:0}.map-theory-actions{margin-bottom:8px}.map-rooms{display:grid;grid-template-columns:1fr;gap:8px}.map-node{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#ffffffd9;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease}.map-node:focus{outline:2px solid rgba(99,102,241,.35);outline-offset:2px}.app-shell.present-simple-theme .map-node{border-color:#f59e0b2e;background:#fff7d673}.app-shell.present-simple-theme .map-node:focus{outline-color:#f59e0b59}.map-node:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0000000f}.map-node--locked{cursor:not-allowed;opacity:.55;transform:none!important;box-shadow:none!important}.map-node--available{box-shadow:0 10px 18px #0000000f}.map-node--done{border-color:#22c55e40;background:#22c55e14}.app-shell.present-simple-theme .map-node--available{box-shadow:0 10px 18px #f59e0b1f}.app-shell.present-simple-theme .map-node--done{border-color:#f59e0b47;background:#f59e0b1a}.map-node-left{display:flex;flex-direction:column;gap:2px}.map-node-title{font-weight:700}.map-node-sub{font-size:.82rem;color:#111827bf}.map-node-icon{font-size:1.05rem;min-width:1.6rem;text-align:right}.map-final{margin-top:18px;display:flex;justify-content:center}.map-final-card{width:100%;max-width:820px;border-radius:20px;padding:16px;background:#ffffffd9;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 28px #0000000f;cursor:pointer;-webkit-user-select:none;user-select:none}.map-final-card--locked{cursor:not-allowed;opacity:.65}.map-final-card--done{border-color:#22c55e47;background:#22c55e1a}.map-final-title{font-weight:800;font-size:1.1rem}.map-final-sub{margin-top:6px;color:#111827d9}.map-final-meta{margin-top:10px;font-size:.9rem;color:#111827bf}.map-rules-list{margin:.5rem 0 0 1.1rem;padding:0}.map-rules-list li{margin:.35rem 0;line-height:1.35}.map-overview-row{margin-top:.35rem}.map-overview-link{display:inline-block;font-size:.92rem;opacity:.85;text-decoration:underline}.map-overview-link:hover{opacity:1}:root{--color-bg: #f8f4ff;--color-surface: #ffffff;--color-primary: #6b8cff;--color-primary-soft: #c7d6ff;--color-secondary: #ff9ecb;--color-text-main: #1f2933;--color-text-muted: #6b7280;--shadow-soft: 0 18px 45px rgba(15, 23, 42, .06);--radius-xl: 1.5rem;--lex-color-bg-body: var(--color-bg);--lex-color-bg-body-soft-pink: #ffe6f4;--lex-color-bg-body-soft-blue: #e3f2ff;--lex-color-surface-card: var(--color-surface);--lex-color-surface-muted: #f9fafb;--lex-color-primary: var(--color-primary);--lex-color-primary-soft: var(--color-primary-soft);--lex-color-accent-pink: #f9a8d4;--lex-color-accent-hero: #c4b5fd;--lex-color-success: #22c55e;--lex-color-success-soft: rgba(34, 197, 94, .12);--lex-color-warning: #f59e0b;--lex-color-warning-soft: rgba(245, 158, 11, .12);--lex-color-danger: #ef4444;--lex-color-danger-soft: rgba(239, 68, 68, .12);--lex-color-text-main: var(--color-text-main);--lex-color-text-muted: var(--color-text-muted);--lex-color-text-on-primary: #312e81;--lex-color-text-on-success: #14532d;--lex-radius-card: var(--radius-xl);--lex-radius-pill: 999px;--lex-radius-chip: 14px;--lex-shadow-card: var(--shadow-soft);--lex-shadow-button: 0 10px 30px rgba(15, 23, 42, .12);--lex-shadow-elevated: 0 32px 80px rgba(15, 23, 42, .16);--lex-spacing-xs: .25rem;--lex-spacing-sm: .5rem;--lex-spacing-md: .75rem;--lex-spacing-lg: 1rem;--lex-spacing-xl: 1.5rem;--lex-spacing-2xl: 2rem;--lex-font-size-page-title: 2.1rem;--lex-font-size-page-subtitle: 1rem;--lex-font-size-card-title: 1.05rem;--lex-font-size-card-description: .9rem;--lex-font-size-meta: .8rem;--lex-color-hub-cta-start: #6b8cff;--lex-color-hub-cta-end: #c4b5fd;--ps-present-bg: #fff7d6;--ps-present-glow: rgba(245, 158, 11, .14);--ps-simple-accent: #f59e0b;--lex-header-bg: linear-gradient( to bottom, rgba(248, 244, 255, .94), rgba(248, 244, 255, .88), rgba(248, 244, 255, .75) );--lex-header-border: 1px solid rgba(148, 163, 184, .25);--lex-btn-primary-bg: linear-gradient(135deg, var(--lex-color-accent-hero), var(--lex-color-accent-pink));--lex-btn-primary-color: var(--lex-color-text-on-primary);--lex-btn-primary-shadow: 0 10px 25px rgba(192, 132, 252, .28);--lex-btn-soft-bg: linear-gradient(135deg, var(--lex-color-primary-soft), #f5d0fe);--lex-btn-soft-color: var(--lex-color-text-on-primary);--lex-btn-soft-shadow: 0 10px 25px rgba(129, 140, 248, .25);--lex-btn-outline-bg: linear-gradient(135deg, #bbf7d0, #fef9c3);--lex-btn-outline-color: var(--lex-color-text-on-success);--lex-btn-outline-shadow: 0 10px 25px rgba(34, 197, 94, .18);--lex-btn-hub-bg: linear-gradient(135deg, var(--lex-color-hub-cta-start), var(--lex-color-hub-cta-end));--lex-btn-hub-color: var(--lex-color-text-on-primary);--lex-btn-hub-shadow: 0 10px 25px rgba(129, 140, 248, .25);--lex-chip-border: 1px solid var(--color-primary-soft);--lex-chip-bg: #f1f5ff;--lex-chip-bg-hover: #e0e7ff;--lex-chip-color: inherit;--lex-accent-soft: #e0e7ff;--lex-accent-soft-stronger: #c7d2fe;--lex-focus-outline: 2px solid #4f46e5;--lex-sb-zone-border: 2px dashed #c7d2fe;--lex-sb-zone-bg: rgba(239, 246, 255, .85);--lex-sb-token-border: 1px solid #4f46e5;--lex-sb-token-bg: #eef2ff;--lex-sb-token-bg-hover: #e0e7ff;--lex-sb-token-color: inherit;--lex-matching-row-bg: #eef2ff;--lex-matching-row-border: 2px dashed #c7d2fe;--lex-matching-slot-border: 2px dashed #c7d2fe;--lex-matching-slot-bg: rgba(239, 246, 255, .85);--lex-matching-slot-bg-hover: var(--lex-matching-slot-bg);--lex-ps-structure-bg: linear-gradient(135deg, rgba(199, 214, 255, .35), rgba(244, 219, 255, .4));--lex-ps-structure-border: 1px solid rgba(129, 140, 248, .16)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#ffe6f4 0,#f8f4ff 35%,#e3f2ff);color:var(--color-text-main)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell.present-simple-theme{background-color:var(--ps-present-bg);background:radial-gradient(900px 140px at 50% 0%,var(--ps-present-glow) 0%,rgba(245,158,11,0) 70%),linear-gradient(90deg,#fff7d6f2,#ffecbeb3 55%,#ffe0968c);--lex-header-bg: linear-gradient( to bottom, rgba(255, 247, 214, .92), rgba(255, 236, 190, .86), rgba(255, 224, 150, .72) );--lex-header-border: 1px solid rgba(245, 158, 11, .18);--lex-btn-primary-bg: linear-gradient(90deg, rgba(255, 247, 214, .95) 0%, rgba(255, 236, 190, .9) 55%, rgba(255, 209, 120, .95) 100%);--lex-btn-primary-color: rgba(61, 35, 0, .92);--lex-btn-primary-shadow: 0 10px 25px rgba(245, 158, 11, .25);--lex-btn-soft-bg: linear-gradient(90deg, rgba(255, 247, 214, .8) 0%, rgba(255, 236, 190, .75) 55%, rgba(255, 224, 150, .8) 100%);--lex-btn-soft-color: rgba(61, 35, 0, .88);--lex-btn-soft-shadow: 0 10px 25px rgba(245, 158, 11, .18);--lex-btn-outline-bg: linear-gradient(90deg, rgba(255, 247, 214, .85) 0%, rgba(255, 236, 190, .8) 60%, rgba(255, 209, 120, .85) 100%);--lex-btn-outline-color: rgba(61, 35, 0, .92);--lex-btn-outline-shadow: 0 10px 25px rgba(245, 158, 11, .16);--lex-btn-hub-bg: linear-gradient(90deg, rgba(255, 247, 214, .9) 0%, rgba(255, 236, 190, .85) 55%, rgba(255, 209, 120, .92) 100%);--lex-btn-hub-color: rgba(61, 35, 0, .92);--lex-btn-hub-shadow: 0 10px 25px rgba(245, 158, 11, .22);--lex-chip-border: 1px solid rgba(245, 158, 11, .3);--lex-chip-bg: rgba(255, 247, 214, .85);--lex-chip-bg-hover: rgba(255, 236, 190, .85);--lex-chip-color: rgba(61, 35, 0, .9);--lex-accent-soft: rgba(255, 247, 214, .85);--lex-accent-soft-stronger: rgba(255, 236, 190, .85);--lex-focus-outline: 2px solid rgba(245, 158, 11, .95);--lex-sb-zone-border: 2px dashed rgba(245, 158, 11, .28);--lex-sb-zone-bg: rgba(255, 247, 214, .55);--lex-sb-token-border: 1px solid rgba(245, 158, 11, .55);--lex-sb-token-bg: rgba(255, 247, 214, .9);--lex-sb-token-bg-hover: rgba(255, 236, 190, .9);--lex-sb-token-color: rgba(61, 35, 0, .92);--lex-matching-row-bg: linear-gradient(90deg, rgba(255, 247, 214, .6) 0%, rgba(255, 236, 190, .52) 55%, rgba(255, 224, 150, .48) 100%);--lex-matching-row-border: 2px dashed rgba(245, 158, 11, .28);--lex-matching-slot-border: 2px dashed rgba(245, 158, 11, .28);--lex-matching-slot-bg: rgba(255, 247, 214, .72);--lex-matching-slot-bg-hover: rgba(255, 236, 190, .72);--lex-ps-structure-bg: linear-gradient(90deg, rgba(255, 247, 214, .78) 0%, rgba(255, 236, 190, .7) 55%, rgba(255, 224, 150, .68) 100%);--lex-ps-structure-border: 1px solid rgba(245, 158, 11, .18)}.app-main{flex:1;padding:1.5rem 1.5rem 2rem;max-width:1120px;margin:0 auto}@media(min-width:768px){.app-main{padding-top:2.5rem}}.page{display:flex;flex-direction:column;gap:var(--lex-spacing-xl)}.page-header{margin-bottom:var(--lex-spacing-xl);display:flex;flex-direction:column;gap:var(--lex-spacing-sm)}.page-title{font-size:var(--lex-font-size-page-title);font-weight:700;letter-spacing:-.02em;color:var(--lex-color-text-main)}.page-lead,.page-subtitle{font-size:var(--lex-font-size-page-subtitle);color:var(--lex-color-text-muted);max-width:46rem;line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.card{background:var(--lex-color-surface-card);border-radius:var(--lex-radius-card);box-shadow:var(--lex-shadow-card);padding:var(--lex-spacing-xl);display:flex;flex-direction:column;gap:var(--lex-spacing-sm)}.card-title{font-weight:650;font-size:var(--lex-font-size-card-title);color:var(--lex-color-text-main)}.card-tag{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;background:#6b8cff1a;color:#374151}.card-tag-soon{background:#94a3b829}.card-description{font-size:var(--lex-font-size-card-description);color:var(--lex-color-text-muted);line-height:1.6}.card p+ul,.card p+ol{margin-top:.5rem}.card ul,.card ol{padding-left:1.1rem;margin:0;display:grid;gap:.25rem}.card li{line-height:1.5}.section-complete-card{margin-top:2rem;text-align:center}.lex-rules-section{margin-top:var(--lex-spacing-2xl)}.lex-rules-grid{display:grid;gap:var(--lex-spacing-lg)}@media(min-width:900px){.lex-rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.lex-rules-card{max-width:960px}.lex-rules-card--intro{grid-column:1 / -1}.lex-rules-section-title{font-size:1.05rem;font-weight:650;margin-bottom:.4rem;color:var(--lex-color-text-main)}.lex-rules-steps{padding-left:1.25rem;display:grid;gap:.5rem}.lex-rules-sublist{padding-left:1.25rem;margin-top:.35rem;display:grid;gap:.25rem}.lex-rules-card .ps-list{margin-top:.25rem}.lex-rules-card .ps-text+.ps-list{margin-top:.35rem}.lex-emoji{display:inline-block;width:2.4em;height:2.4em;vertical-align:-.35em}.ps-structure-box{margin-top:var(--lex-spacing-md);padding:var(--lex-spacing-md);border-radius:1.2rem;background:var(--lex-ps-structure-bg);border:var(--lex-ps-structure-border)}.ps-structure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--lex-spacing-sm);margin-top:var(--lex-spacing-sm)}.ps-structure-col{background:#ffffffe6;border-radius:1rem;padding:.6rem .75rem;box-shadow:0 8px 20px #0f172a0a;display:flex;flex-direction:column;gap:.25rem}.ps-structure-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--lex-color-text-muted)}.ps-structure-example{font-weight:600;color:var(--lex-color-text-main)}.ps-structure-note{font-size:.8rem;color:var(--lex-color-text-muted)}.ps-structure-title{font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:var(--lex-color-text-main)}.page-backlink-row{margin-bottom:.75rem}.columns-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.25rem;align-items:flex-start;margin-top:1.25rem}@media(max-width:768px){.columns-2{grid-template-columns:minmax(0,1fr)}}.rule-box,.example-box{background:var(--lex-color-surface-card);border-radius:.9rem;border:1px solid rgba(148,163,184,.4);padding:1rem 1.25rem;box-shadow:0 10px 30px #0f172a0a}.rule-box h3,.example-box h3{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--lex-color-text-main)}.example-inline{display:block;margin:.15rem 0}.ps-mini-list{margin:0;padding-left:1.1rem;font-size:.9rem;line-height:1.5}.ps-mini-list li+li{margin-top:.75rem}.rule-highlight{display:inline-block;padding:.25rem .75rem;border-radius:999px;background:#fff;border:1px dashed rgba(148,163,184,.8);font-weight:600}.rule-highlight-emphasis{color:#dc2626}.ps-mistakes-box{margin-top:var(--lex-spacing-md);padding:0;border-radius:0;background:transparent;border:none}.ps-mistakes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--lex-spacing-sm)}.ps-mistakes-grid>div{border-radius:1rem;padding:.75rem .9rem;background:#fff}.ps-mistakes-grid>div:nth-child(1){background:#fef2f2e6;border:1px solid rgba(248,113,113,.35)}.ps-mistakes-grid>div:nth-child(2){background:#f0fdf4e6;border:1px solid rgba(34,197,94,.35)}.ps-mistakes-column-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.ps-mistakes-column-title--wrong{color:#b91c1c}.ps-mistakes-column-title--correct{color:#16a34a}.ps-mistakes-list{list-style:none;padding:0;margin:0;display:grid;gap:.25rem}.ps-mistake-item{font-size:.9rem;line-height:1.4}.ps-mistake-item--wrong{border-left:3px solid rgba(248,113,113,.85);padding-left:.4rem}.ps-mistake-item--correct{border-left:3px solid rgba(34,197,94,.9);padding-left:.4rem}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.btn-row .btn{flex:1 1 0;text-align:center;justify-content:center}.btn{border-radius:var(--lex-radius-pill);border:none;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;box-shadow:var(--lex-shadow-button);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;font-family:inherit;line-height:1.2}button.btn,a.btn{font:inherit;text-decoration:none}.btn-primary{background:var(--lex-btn-primary-bg);color:var(--lex-btn-primary-color);border:none;box-shadow:var(--lex-btn-primary-shadow)}.btn-soft,.btn-secondary{background:var(--lex-btn-soft-bg);color:var(--lex-btn-soft-color);border:none;box-shadow:var(--lex-btn-soft-shadow)}.btn-outline{background:var(--lex-btn-outline-bg);color:var(--lex-btn-outline-color);border:none;box-shadow:var(--lex-btn-outline-shadow)}.btn-hub{background:var(--lex-btn-hub-bg);color:var(--lex-btn-hub-color);border:none;box-shadow:var(--lex-btn-hub-shadow)}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 36px #0f172a2e;filter:brightness(1.03)}.app-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--lex-header-bg);border-bottom:var(--lex-header-border)}.app-header-inner{max-width:1120px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;gap:1.25rem;justify-content:space-between}.brand-mark{display:flex;align-items:center;gap:.75rem}.brand-avatar{width:40px;height:40px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#fff,#6b8cff);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #2563eb73;overflow:hidden}.brand-avatar img{width:38px;height:38px;object-fit:contain}.brand-title{display:flex;flex-direction:column}.brand-title-main{font-size:1.1rem;font-weight:700;letter-spacing:.02em}.brand-title-sub{font-size:.8rem;color:var(--color-text-muted)}.header-nav{display:flex;gap:.5rem}.nav-link{border-radius:999px;padding:.4rem .9rem;font-size:.85rem;border:1px solid transparent;color:#4b5563}.nav-link-active{border-color:#6b728066;background:#ffffffe6}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem;align-items:center}.hero-title{font-size:clamp(2rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.02em}.hero-highlight{display:inline-flex;align-items:center;background:#fff9;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;margin-bottom:.75rem;gap:.4rem;box-shadow:0 12px 35px #94a3b866}.hero-description{margin-top:.75rem;font-size:.95rem;color:var(--color-text-muted)}.hero-visual{position:relative;height:260px}.hero-orbit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:radial-gradient(circle at 20% 0%,#ffffffe6,#818cf829);box-shadow:0 32px 80px #0f172a29;overflow:hidden;padding:1.5rem;display:flex;align-items:center;justify-content:center}.hero-lex{width:140px;height:140px;border-radius:40%;background:radial-gradient(circle at 20% 0%,#fff,#60a5fa);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-lex img{width:130px;height:130px;object-fit:contain}.hero-badge{position:absolute;bottom:1rem;right:1.25rem;background:#0f172aeb;color:#fff;border-radius:999px;padding:.35rem .8rem;font-size:.75rem;display:flex;align-items:center;gap:.4rem}.hero-badge-dot{width:8px;height:8px;border-radius:999px;background:#4ade80}.hero-badge-label{opacity:.92}.hud{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.25rem;border-radius:var(--radius-xl);background:#ffffffd9;box-shadow:var(--shadow-soft)}.hud canvas{flex-shrink:0}.hud .info{display:flex;flex-direction:column;gap:.25rem;font-size:.95rem}.hud .key-status{display:flex;align-items:center;gap:.4rem;font-weight:600}.hud .key-status .icon{font-size:1.25rem}.hud .message{margin-top:.25rem;font-size:.9rem;color:var(--color-text-muted)}.hud .message--success{color:#16a34a}.hud .message--info{color:var(--color-text-muted)}.retry-for-key{margin-top:.5rem;padding:.35rem .9rem;border-radius:999px;border:var(--lex-chip-border);background:var(--lex-chip-bg);color:var(--lex-chip-color);font-size:.85rem;cursor:pointer}.retry-for-key:hover{background:var(--lex-chip-bg-hover)}.exercise-list{list-style:none;padding-left:0;margin-top:.75rem}.exercise-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;flex-wrap:wrap}.exercise-row--mcq,.exercise-row--stacked-textarea{flex-direction:column;align-items:flex-start}.mcq-options{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.exercise-index{font-weight:600;margin-right:.4rem}.exercise-text{min-width:0;margin-right:.35rem}.exercise-input{display:inline-block;min-width:70px;max-width:220px;padding:4px 6px;border-radius:999px;border:1px solid #d4d4ff;font-size:.95rem}.long-input{width:100%;max-width:600px;min-height:40px;padding:8px 10px;font-size:1rem;line-height:1.4;border:1px solid #cbd5e1;border-radius:8px;resize:none;overflow-y:hidden;display:block;margin-top:6px;background:#f8fafc;text-align:left}.textarea-large{min-height:44px}.exercise-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px #6b8cff4d}.exercise-input-correct{background:#ecfdf3;border-color:#16a34a}.exercise-input-incorrect{background:#fef2f2;border-color:#dc2626}.exercise-listen-btn{border:none;background:transparent;cursor:pointer;font-size:1.1rem}.result-box{background:#ffffffe6;border-radius:1rem;padding:.75rem 1rem;font-size:.95rem}.dev-bar{margin-top:1.5rem;display:flex;gap:.75rem;flex-wrap:wrap}.dev-btn{padding:.4rem .9rem;border-radius:999px;border:1px solid #d4d4ff;font-size:.8rem;letter-spacing:.01em;text-transform:uppercase;cursor:pointer}.dev-btn-secondary{background:#f9fafb}.dev-btn-danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.exercise-subtitle{font-weight:600;margin:.4rem 0}.theory-section{display:flex;flex-direction:column;gap:1.75rem}.theory-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:1.75rem 2rem;box-shadow:var(--shadow-soft)}.theory-card h2{font-size:1.25rem;margin-bottom:.75rem;color:var(--color-text-main)}.theory-card p{margin-bottom:.5rem;color:var(--color-text-muted)}.theory-card ul{margin:.75rem 0 0;padding-left:1.25rem}.exercise-row--rune{flex-direction:column;align-items:flex-start}.sentence-native{margin:.2rem 0}.rune-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.rune-btn{border:none;border-radius:999px;padding:.15rem .6rem;font-size:.85rem;cursor:pointer;background:var(--lex-accent-soft, #e0e7ff);transition:background-color .15s ease,transform .1s ease}.rune-btn:hover{background:var(--lex-accent-soft-stronger, #c7d2fe);transform:translateY(-1px)}.rune-btn:focus-visible{outline:var(--lex-focus-outline);outline-offset:2px}.hint-text{margin-top:.3rem;font-size:.85rem;font-style:italic;color:#4b5563}.answer-wrapper{margin-top:.35rem}.translation-input{width:100%;max-width:420px;padding:.35rem .6rem;border-radius:999px;border:1px solid #d1d5db;font-size:.95rem}.mini-message{margin-top:.3rem;font-size:.85rem}.mini-message.ok{color:#16a34a;font-weight:600}.mini-message.error{color:#dc2626;font-weight:600}.exercise-row--uses-card{flex-direction:column;align-items:stretch}.uses-card-body{width:100%}.uses-card-options{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.uses-card-option{border-radius:999px;border:1px solid var(--border-subtle, #e5e7eb);padding:.25rem .75rem;font-size:.9rem;background-color:#fff;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.uses-card-option:hover{background-color:var(--lex-accent-soft, #e0f2fe);border-color:var(--lex-accent, #0ea5e9);transform:translateY(-1px)}.uses-card-option.is-selected{background-color:var(--lex-accent-soft, #e0f2fe);border-color:var(--lex-accent, #0ea5e9)}.uses-card-option.is-correct{background-color:#dcfce7;border-color:#16a34a}.uses-card-option.is-incorrect{background-color:#fee2e2;border-color:#dc2626}.card+.card{margin-top:1.5rem}.exercise-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.exercise-header-row .exercise-text{margin:0}.uses-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.uses-card-header .exercise-text{margin:0}.short-answer-row{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem}.short-answer-status{width:1.5rem;flex-shrink:0;text-align:center;font-size:1rem;line-height:1.5rem}.short-answer-status--correct{color:#16a34a}.short-answer-status--incorrect{color:#dc2626}.matching-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.4fr);gap:2rem;margin-top:1.5rem;align-items:flex-start}.matching-left,.matching-right{min-width:0}.exercise-list.matching-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.exercise-row--matching{padding:.75rem 1rem 1rem;border-radius:1.1rem;background:var(--lex-matching-row-bg);border:var(--lex-matching-row-border);box-shadow:0 10px 30px #0f172a0a}.exercise-row--matching .exercise-header-row{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.exercise-row--matching .exercise-text{margin:0;font-size:.95rem}.matching-slot{margin-top:.25rem;border-radius:999px;border:var(--lex-matching-slot-border);background:var(--lex-matching-slot-bg);padding:.4rem .9rem;min-height:2.2rem;display:flex;align-items:center;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;cursor:pointer}.matching-slot:hover{background:var(--lex-matching-slot-bg-hover)}.matching-slot--empty .matching-slot-placeholder{color:var(--color-text-muted);font-size:.85rem}.matching-slot-label{font-weight:500}.matching-slot--correct{border-color:#22c55e;background:#dcfce7;box-shadow:0 6px 18px #22c55e40}.matching-slot--incorrect{border-color:#ef4444;background:#fee2e2;box-shadow:0 6px 18px #ef444440}.matching-options{background:var(--color-surface);border-radius:var(--radius-xl);padding:1.25rem 1.25rem 1.4rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.75rem}.matching-options:before{content:"Expresii de timp";display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.25rem}.matching-option{width:100%;border:none;border-radius:999px;padding:.55rem 1rem;font-size:.9rem;text-align:left;background:#fff;box-shadow:0 10px 30px #0f172a0f;cursor:grab;transition:transform .1s ease,box-shadow .1s ease,background .1s ease,opacity .1s ease}.matching-option:hover{transform:translateY(-1px);box-shadow:0 14px 36px #0f172a17}.matching-option--selected{outline:2px solid var(--color-primary);outline-offset:1px}.matching-option--used{opacity:.6}@media(max-width:900px){.matching-layout{grid-template-columns:minmax(0,1fr)}.matching-right{margin-top:1.5rem}}.exercise-list.sentence-builder-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.exercise-row--sentence-builder{padding:.85rem 1rem 1.1rem;border-radius:1.1rem;background:var(--color-surface);box-shadow:var(--shadow-soft);border:2px solid transparent;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.exercise-row--sentence-builder.exercise-row--correct{border-color:#22c55e;box-shadow:0 8px 20px #22c55e40}.exercise-row--sentence-builder.exercise-row--incorrect{border-color:#f97373;box-shadow:0 8px 20px #f8717140}.sentence-builder-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.sentence-builder-question{margin:0;font-size:.98rem;line-height:1.4;display:flex;align-items:baseline;gap:.4rem}.sentence-builder-answer-zone{gap:.75rem;margin-top:.4rem;border-radius:999px;border:var(--lex-sb-zone-border);background:var(--lex-sb-zone-bg);padding:.45rem .9rem;min-height:2.2rem;display:flex;align-items:center}.sentence-builder-placeholder{font-size:.88rem;color:var(--color-text-muted)}.sentence-builder-tokens{display:flex;flex-wrap:wrap;gap:.35rem}.sentence-builder-token{border-radius:999px;border:var(--lex-sb-token-border);padding:.25rem .7rem;background:var(--lex-sb-token-bg);color:var(--lex-sb-token-color);font-size:.9rem;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.sentence-builder-token:hover{background-color:var(--lex-sb-token-bg-hover);transform:translateY(-1px)}.sentence-builder-bank{margin-top:.6rem}.sentence-builder-bank-title{font-size:.82rem;color:var(--color-text-muted);margin-bottom:.25rem}.sentence-builder-bank-words{display:flex;flex-wrap:wrap;gap:.35rem}.sentence-builder-word{border-radius:999px;border:1px solid #cbd5f5;padding:.25rem .7rem;font-size:.9rem;background:#f8fafc;cursor:pointer;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}.sentence-builder-word:hover{background-color:#e5e7eb;box-shadow:0 4px 10px #94a3b840;transform:translateY(-1px)}.sentence-builder-actions{margin-top:.6rem}.sentence-builder-reset-button{font-size:.82rem}.exercise-list.adverb-position-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.exercise-row--adverb-pos{padding:.85rem 1rem;border-radius:1.1rem;background:var(--color-surface);box-shadow:var(--shadow-soft);border:2px solid transparent;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.exercise-row--adverb-pos.exercise-row--correct{border-color:#22c55e;box-shadow:0 8px 20px #22c55e40}.exercise-row--adverb-pos.exercise-row--incorrect{border-color:#f97373;box-shadow:0 8px 20px #f8717140}.adverb-pos-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.adverb-pos-sentence{margin:0;font-size:.98rem;line-height:1.5;display:flex;align-items:flex-start;gap:.4rem}.adverb-pos-text{display:inline}.adverb-pos-slot{border-radius:999px;border:var(--lex-sb-zone-border);background:var(--lex-sb-zone-bg);padding:.1rem .8rem;min-width:4.2rem;font-size:.9rem;cursor:pointer;transition:background-color .15s ease,transform .1s ease,border-color .15s ease,box-shadow .15s ease}.adverb-pos-slot--filled{border-style:solid;border-color:#4f46e5;background:#eef2ff;box-shadow:0 4px 10px #4f46e540}.adverb-pos-slot:hover{background-color:#e0e7ff;transform:translateY(-1px)}.adverb-pos-word-label{margin:.35rem 0 0;font-size:.86rem;color:var(--color-text-muted)}.adverb-pos-word{font-weight:600}.sentence-builder-answer-content{flex:1}.sentence-builder-answer-zone .lex-voice-btn{flex-shrink:0}.lex-junior{position:fixed;right:1.5rem;bottom:1.5rem;display:flex;align-items:flex-end;gap:.6rem;z-index:9990;font-family:inherit}.lex-name{margin:0;font-weight:700;font-size:.9rem;color:#5a3ab8}.lex-line{margin:.1rem 0 0;font-size:.85rem;color:#4b5563}.lex-avatar{border:none;border-radius:50%;padding:8px 16px;overflow:hidden;width:60px;height:60px;background:radial-gradient(circle at 30% 20%,#fff,#f3e6ff);box-shadow:0 6px 14px #0f172a40,0 0 0 2px #d8b4fee6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,background .2s ease;animation:lex-pulse 3s ease-in-out infinite}.lex-avatar:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 14px #0000002e,0 0 0 2px #f3a4c5b3;background:radial-gradient(circle at 30% 20%,#fff,#fdf2ff)}.lex-avatar:focus{outline:none;box-shadow:0 0 0 3px #818cf880,0 4px 10px #0000002e}.lex-avatar-face{font-size:1.6rem;transform:translateY(1px)}.lex-bubble{max-width:260px;background:#fff;border-radius:14px;padding:.6rem .75rem;box-shadow:0 4px 12px #0000001f,0 0 0 1px #d2d6ffe6;position:relative}.lex-bubble-content{display:flex;flex-direction:column;gap:.1rem}.lex-bubble-tail{position:absolute;right:-6px;bottom:10px;width:12px;height:12px;background:#fff;border-left:1px solid rgba(210,190,255,.8);border-bottom:1px solid rgba(210,190,255,.8);transform:rotate(45deg);box-shadow:2px 2px 4px #00000014}.lex-bubble.hidden{display:none}.lex-card{position:fixed;right:1.5rem;bottom:6.2rem;width:260px;background:#fff;border-radius:18px;padding:.9rem 1rem .85rem;box-shadow:0 10px 26px #0f172a40,0 0 0 1px #c7d2fee6;display:flex;flex-direction:column;gap:.45rem;z-index:9991}.lex-card.hidden{display:none}.lex-card-header{display:flex;align-items:center;gap:.75rem}.lex-card-avatar{width:40px;height:40px;overflow:hidden;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#fff,#e9d5ff);box-shadow:0 3px 8px #0f172a40,0 0 0 1px #c7d2fee6}.lex-card-name{font-weight:700;color:#4c1d95}.lex-card-text{font-size:.85rem;color:#374151;line-height:1.35;margin:.2rem 0 .4rem}.lex-card-hint-btn{width:100%;padding:6px 0;font-size:.85rem;border-radius:999px;border:none;background:#ede9fe;color:#4c1d95;cursor:pointer;font-weight:600;transition:background .15s ease,transform .1s ease;margin-bottom:2px}.lex-card-hint-btn:hover{background:#ddd6fe;transform:translateY(-1px)}.lex-card-close{width:100%;padding:6px 0;font-size:.8rem;border-radius:999px;border:none;background:#f3f4f6;color:#111827;cursor:pointer;transition:background .15s ease,transform .1s ease}.lex-card-close:hover{background:#e5e7eb;transform:translateY(-1px)}.lex-hints{position:fixed;right:1.5rem;bottom:6.2rem;width:260px;background:#fefeff;border-radius:18px;padding:.9rem 1rem .85rem;box-shadow:0 10px 26px #0f172a40,0 0 0 1px #bfdbfecc;display:flex;flex-direction:column;gap:.5rem;z-index:9992}.lex-hints.hidden{display:none}.lex-hints-header{display:flex;align-items:center;justify-content:space-between}.lex-hints-title{font-size:.9rem;font-weight:700;color:#1d4ed8}.lex-hints-text{font-size:.85rem;color:#111827;line-height:1.4}.lex-hints-actions{display:flex;gap:.4rem;justify-content:flex-end}.lex-hints-next,.lex-hints-close{border-radius:999px;padding:4px 10px;font-size:.78rem;border:none;cursor:pointer;transition:background .15s ease,transform .1s ease}.lex-hints-next{background:#dbeafe;color:#1d4ed8}.lex-hints-next:hover{background:#bfdbfe;transform:translateY(-1px)}.lex-hints-close{background:#f3f4f6;color:#111827}.lex-hints-close:hover{background:#e5e7eb;transform:translateY(-1px)}@keyframes lex-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:600px){.container{padding:16px 10px 32px}input.js-input,select.js-input{min-width:50px;max-width:160px;font-size:14px;padding:4px 5px}button{width:100%;max-width:260px}.lex-junior{right:.75rem;bottom:.75rem;gap:.4rem}.lex-card,.lex-hints{right:.75rem;bottom:5.8rem;width:240px}.lex-bubble{max-width:220px;font-size:.8rem}}#exercise-root.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:0;list-style:none}.choice-card{background:#fff;border-radius:16px;padding:16px 20px;border:2px solid #d6dcff;box-shadow:0 4px 10px #2138780f;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.choice-card label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:1rem;line-height:1.4}.choice-card input[type=checkbox]{transform:scale(1.1)}.choice-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #2138781f;border-color:#aeb8ff}.glossary{margin:14px 0 10px;padding:12px 14px;border-radius:14px;background:#ffffffbf;border:1px solid rgba(0,0,0,.08)}.glossary__title{display:flex;align-items:center;gap:8px;font-weight:700;margin:0 0 8px}.glossary__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.glossary__item{padding:6px 10px;border-radius:999px;background:#0000000d;border:1px solid rgba(0,0,0,.06);font-size:.92rem}.back-link{margin-bottom:16px;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.back-link-btn{text-decoration:none}.back-link .button{font-size:.9rem}.lex-hints-text .lex-ending{color:#c0392b;font-weight:700}.lex-voice-btn{border:none;background:transparent;cursor:pointer;margin-right:6px;font-size:.95rem;line-height:1}.lex-voice-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.lex-avatar-img{width:180%;height:180%;display:block;margin:0;object-fit:cover}.lex-card-avatar-img{width:115%;height:115%;display:block;margin:-8% 0 0 -8%;object-fit:cover}.lex-emoji{display:inline-block;width:3.2em;height:3.2em;vertical-align:-.3em}