:root{--primary:#6c5ce7;--primary-light:#a29bfe;--secondary:#00b894;--secondary-light:#55efc4;--accent:#fdcb6e;--danger:#e17055;--warning:#ffa502;--bg:#f8f9fa;--surface:#fff;--border:#e9ecef;--text:#2d3436;--text-muted:#636e72;--text-light:#b2bec3;--radius:.75rem;--shadow:0 2px 8px #00000014;--shadow-lg:0 8px 24px #0000001f;--finger-pinky-l:#fd79a8;--finger-ring-l:#e17055;--finger-middle-l:#fdcb6e;--finger-index-l:#55efc4;--finger-index-r:#81ecec;--finger-middle-r:#74b9ff;--finger-ring-r:#a29bfe;--finger-pinky-r:#dfe6e9}[data-theme=dark]{--bg:#1a1a2e;--surface:#16213e;--border:#2a2a4a;--text:#edf2f7;--text-muted:#a0aec0;--text-light:#4a5568;--shadow:0 2px 8px #0000004d;--shadow-lg:0 8px 24px #0006}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}body.vk-active{padding-bottom:220px}#app{min-height:100vh}button{cursor:pointer}.mascot svg{width:100%;height:100%}.mascot{transition:transform .3s}.mascot:hover{transform:scale(1.05)}.notification{background:var(--surface);border:2px solid var(--primary);box-shadow:var(--shadow-lg);z-index:1000;border-radius:1rem;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:1rem;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:fixed;top:1rem;right:1rem;transform:translate(120%)}.notification-visible{transform:translate(0)}.notification-icon{font-size:1.3rem}.gamme-celebration{z-index:2000;opacity:0;cursor:pointer;background:#0009;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.gamme-celebration-visible{opacity:1}.gamme-celebration-content{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.gamme-icon{font-size:4rem;line-height:1}.gamme-title{color:#fff;text-shadow:0 2px 12px #0000004d;margin:0;font-size:2rem}.gamme-name{color:var(--accent);text-shadow:0 2px 8px #0000004d;margin:0;font-size:1.3rem;font-weight:700}.gamme-notes{pointer-events:none;position:absolute;inset:-40px -60px}.gamme-note{opacity:0;font-size:1.6rem;position:absolute}.gamme-note-1{animation:2s ease-out .2s forwards noteFloat;top:10%;left:5%}.gamme-note-2{animation:2s ease-out .5s forwards noteFloat;top:0%;right:8%}.gamme-note-3{animation:2s ease-out .8s forwards noteFloat;bottom:15%;left:0%}.gamme-note-4{animation:2s ease-out .3s forwards noteFloat;bottom:5%;right:2%}.gamme-note-5{animation:2s ease-out .6s forwards noteFloat;top:40%;left:-10%}@keyframes noteFloat{0%{opacity:0;transform:translateY(20px)scale(.5)rotate(-10deg)}30%{opacity:1;transform:translateY(-10px)scale(1.1)rotate(5deg)}to{opacity:0;transform:translateY(-50px)scale(.8)rotate(15deg)}}.gamme-bounce{animation:.6s cubic-bezier(.34,1.56,.64,1) both mascotBounce}@keyframes mascotBounce{0%{transform:scale(0)rotate(-20deg)}60%{transform:scale(1.2)rotate(5deg)}to{transform:scale(1)rotate(0)}}.gamme-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) .2s both iconPop}@keyframes iconPop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.gamme-slide-up{animation:.5s ease-out .3s both slideUp}.gamme-slide-up-delay{animation:.5s ease-out .5s both slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--secondary);color:#fff}.btn-ghost{color:var(--text-muted);border:2px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface)}.back-btn{color:var(--text-muted);background:0 0;border:none;align-items:center;gap:.3rem;margin-bottom:1rem;padding:.4rem 0;font-family:inherit;font-size:.95rem;display:inline-flex}.back-btn:hover{color:var(--text)}.stars{color:var(--accent);letter-spacing:.15rem;font-size:1.5rem}.stars-empty{color:var(--text-light)}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}.progress-bar{background:var(--border);border-radius:1rem;width:100%;height:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:1rem;height:100%;transition:width .3s}.dashboard{text-align:center;max-width:600px;margin:0 auto;padding:2rem 1rem}.dashboard-header{margin-bottom:1rem}.dashboard-title{color:var(--primary);margin:0;font-size:2.5rem}.dashboard-subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:1.1rem}.mascot-area{flex-direction:column;align-items:center;margin:1.5rem 0;display:flex}.mascot-speech{background:var(--surface);border:2px solid var(--border);color:var(--text);border-radius:1rem;margin-top:.5rem;padding:.6rem 1.2rem;font-size:1rem;position:relative}.mascot-speech:before{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:8px solid var(--border);position:absolute;top:-8px;left:50%;transform:translate(-50%)}.stats-bar{background:var(--surface);border-radius:1rem;justify-content:center;gap:2rem;margin:1.5rem 0;padding:1rem;display:flex}.stat{flex-direction:column;align-items:center;gap:.15rem;display:flex}.stat-icon{font-size:1.5rem}.stat-value{color:var(--text);font-size:1.2rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.75rem}.dashboard-daily{background:var(--surface);border-radius:var(--radius);margin:1rem 0;padding:.6rem 1rem}.dashboard-daily-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem;display:block}.dashboard-daily .progress-fill.complete{background:linear-gradient(90deg, var(--accent), #f39c12);box-shadow:0 0 8px #fdcb6e80}.dashboard-cards{grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;display:grid}.card{cursor:pointer;text-align:center;border:3px solid #0000;border-radius:1.2rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;font-family:inherit;transition:transform .2s,box-shadow .2s;display:flex}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card:active{transform:translateY(-1px)}.card-icon{font-size:3rem}.card h2{margin:0;font-size:1.15rem}.card p{opacity:.8;margin:0;font-size:.85rem}.card-writing,.card-dictation{color:#fff;background:linear-gradient(135deg,#55efc4,#00b894)}.card-writing:hover{border-color:#009874}.card-dictation{color:#fff;background:linear-gradient(135deg,#a29bfe,#6c5ce7)}.card-dictation:hover{border-color:#4a3dc7}.card-hangman{color:#fff;background:linear-gradient(135deg,#fdcb6e,#e17055)}.card-hangman:hover{border-color:#c0392b}.card-quiz{color:#fff;background:linear-gradient(135deg,#74b9ff,#0984e3)}.card-quiz:hover{border-color:#074d8a}.profile-link{background:var(--surface);border:2px solid var(--border);cursor:pointer;color:var(--text);border-radius:2rem;padding:.6rem 1.5rem;font-family:inherit;font-size:1rem;transition:background .2s}.profile-link:hover{background:var(--border)}.name-prompt{flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.name-prompt-input{border:3px solid var(--primary-light);text-align:center;background:var(--surface);width:100%;max-width:280px;color:var(--text);border-radius:2rem;outline:none;padding:.7rem 1rem;font-family:inherit;font-size:1.2rem}.name-prompt-input:focus{border-color:var(--primary)}@media (width<=480px){.stats-bar{gap:1rem}.dashboard-cards{grid-template-columns:1fr}.card{padding:1rem .75rem}.card-icon{font-size:2.2rem}}.writing-page{max-width:800px;margin:0 auto;padding:1.5rem 1rem}.writing-page h1{color:var(--secondary);margin:0 0 1.5rem;font-size:1.8rem}.story-list{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.story-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.story-card:hover{border-color:var(--secondary)}.story-card-open{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;min-width:0;padding:1rem 1.2rem;font-family:inherit;display:flex}.story-card-rename{border:none;border-left:2px solid var(--border);cursor:pointer;background:0 0;align-self:stretch;align-items:center;padding:1rem .8rem;font-size:1.1rem;transition:background .15s;display:flex}.story-card-rename:hover{background:#6c5ce714}.story-card-info h3{margin:0;font-size:1.05rem}.story-card-info p{color:var(--text-muted);margin:.2rem 0 0;font-size:.8rem}.story-card-words{color:var(--text-muted);white-space:nowrap;font-size:.85rem}.new-story-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,#55efc4,#00b894);border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:transform .15s;display:flex}.new-story-btn:hover{transform:translateY(-2px)}.daily-progress{background:var(--surface);border-radius:var(--radius);border:2px solid var(--border);align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.daily-progress-label{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.daily-progress-bar{background:var(--border);border-radius:5px;flex:1;height:10px;overflow:hidden}.daily-progress-fill{background:linear-gradient(90deg, var(--secondary-light), var(--secondary));border-radius:5px;height:100%;transition:width .5s}.daily-progress-fill.complete{background:linear-gradient(90deg, var(--accent), #f39c12);box-shadow:0 0 8px #fdcb6e80}.editor-container{position:relative}.editor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.editor-toolbar-left{align-items:center;gap:.75rem;display:flex}.editor-toolbar-right{align-items:center;gap:.5rem;display:flex}.word-count{color:var(--text-muted);font-size:.85rem}.error-count{gap:.4rem;display:flex}.error-badge{border-radius:1rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.error-badge-spell{color:var(--warning);background:#ffa50226}.error-badge-grammar{color:var(--primary);background:#6c5ce726}.no-errors{color:var(--secondary);font-size:.8rem;font-weight:600}.toolbar-btn{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.1rem;transition:border-color .2s,background .2s;display:flex}.toolbar-btn:hover{border-color:var(--primary);background:#6c5ce714}.toolbar-btn:active{transform:scale(.92)}.tts-toggle{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:border-color .2s,background .2s;display:flex}.tts-toggle:hover{border-color:var(--primary);background:#6c5ce714}.editor-area{background:var(--surface);min-height:300px;color:var(--text);border:2px solid var(--border);border-radius:var(--radius);-webkit-text-fill-color:var(--text);caret-color:var(--text);outline:none;padding:1.2rem;font-family:Segoe UI,system-ui,sans-serif;font-size:1.1rem;line-height:1.8;transition:border-color .2s}.editor-area *{color:inherit;-webkit-text-fill-color:inherit}.editor-area:focus{border-color:var(--secondary)}.editor-area:empty:before{content:attr(data-placeholder);color:var(--text-light)}.spell-error{-webkit-text-decoration:underline wavy var(--warning);text-decoration:underline wavy var(--warning);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;cursor:pointer}.grammar-error{-webkit-text-decoration:underline wavy var(--primary);text-decoration:underline wavy var(--primary);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;cursor:pointer}.suggestion-popup{background:var(--surface);box-shadow:var(--shadow-lg);z-index:50;border-radius:1rem;max-width:340px;padding:1rem;animation:.2s ease-out fadeIn;position:fixed}.popup-spelling{border:2px solid var(--warning)}.popup-grammar{border:2px solid var(--primary)}.suggestion-popup-header{align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.error-type-label{text-transform:uppercase;letter-spacing:.05em;border-radius:.3rem;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.popup-spelling .error-type-label{color:var(--warning);background:#ffa50226}.popup-grammar .error-type-label{color:var(--primary);background:#6c5ce726}.error-message{color:var(--text);margin:.25rem 0 0;font-size:.85rem;line-height:1.4}.suggestion-label{color:var(--text-muted);margin-bottom:.3rem;font-size:.75rem}.suggestion-list{flex-wrap:wrap;gap:.4rem;display:flex}.suggestion-btn{color:#fff;cursor:pointer;border:none;border-radius:1rem;padding:.3rem .7rem;font-family:inherit;font-size:.9rem;transition:background .15s,transform .1s}.popup-spelling .suggestion-btn{background:var(--warning)}.popup-spelling .suggestion-btn:hover{background:#e08e00;transform:translateY(-1px)}.popup-grammar .suggestion-btn{background:var(--primary)}.popup-grammar .suggestion-btn:hover{background:#5a4bd1;transform:translateY(-1px)}.save-indicator{color:var(--secondary);opacity:0;font-size:.85rem;transition:opacity .3s}.save-indicator.visible{opacity:1}.delete-story-btn{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:.3rem;padding:.3rem .5rem;font-size:.85rem}.delete-story-btn:hover{background:#e170551a}.pomodoro-timer{font-variant-numeric:tabular-nums;border-radius:1rem;padding:.2rem .5rem;font-size:.9rem;font-weight:700}.pomodoro-writing{color:var(--secondary);background:#00b8941f}.pomodoro-break{color:var(--primary);background:#6c5ce71f;animation:1s ease-in-out infinite pulse-soft}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}.pomodoro-break-overlay{z-index:1500;opacity:0;background:#6c5ce7d9;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.pomodoro-break-overlay.visible{opacity:1}.pomodoro-break-content{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.pomodoro-break-content h2{margin:0;font-size:2.5rem;animation:.6s cubic-bezier(.34,1.56,.64,1) both mascotBounce}.pomodoro-break-content p{opacity:.9;margin:0;font-size:1.2rem}@media (width<=600px){.editor-area{min-height:200px;font-size:1rem}}.profile-page{max-width:600px;margin:0 auto;padding:1.5rem 1rem}.profile-page h1{color:var(--primary);margin:0 0 1.5rem;font-size:1.8rem}.profile-level{text-align:center;margin-bottom:2rem}.profile-level-name{color:var(--primary);font-size:1.4rem;font-weight:700}.profile-level-info{color:var(--text-muted);margin-top:.3rem;font-size:.85rem}.profile-progress{margin-top:.5rem}.mascot-picker-section{margin-bottom:2rem}.mascot-picker-section h2{margin:0 0 1rem;font-size:1.2rem}.mascot-picker-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;display:grid}.mascot-pick-card{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .4rem;font-family:inherit;transition:border-color .2s,transform .15s;display:flex}.mascot-pick-card:hover{border-color:var(--primary-light);transform:translateY(-2px)}.mascot-pick-card.mascot-pick-active{border-color:var(--primary);background:#6c5ce70f;box-shadow:0 0 0 2px #6c5ce733}.mascot-pick-name{color:var(--text-muted);text-align:center;font-size:.7rem;line-height:1.2}.stats-section{margin-top:2rem}.stats-section h2{margin:0 0 1rem;font-size:1.2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius);border:2px solid var(--border);flex-direction:column;align-items:center;padding:1rem;display:flex}.stat-card-value{color:var(--primary);font-size:1.6rem;font-weight:700}.stat-card-label{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.profile-name-section{margin-bottom:1.5rem}.profile-name-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem;display:block}.profile-name-row{gap:.5rem;display:flex}.profile-name-input{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;flex:1;padding:.5rem .75rem;font-family:inherit;font-size:1rem}.profile-name-input:focus{border-color:var(--primary)}.profile-switcher{margin-bottom:1.5rem}.profile-switcher h2{margin:0 0 .75rem;font-size:1.2rem}.profile-switcher-grid{flex-wrap:wrap;gap:.5rem;display:flex}.profile-switch-card{background:var(--surface);border:2px solid var(--border);cursor:pointer;border-radius:2rem;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s;display:flex}.profile-switch-card:hover{border-color:var(--primary-light)}.profile-switch-card.profile-switch-active{border-color:var(--primary);background:#6c5ce70f}.profile-switch-name{font-weight:600}.profile-switch-badge{background:var(--primary);color:#fff;border-radius:1rem;padding:.1rem .4rem;font-size:.7rem}.profile-credits{border-top:1px solid var(--border);color:var(--text-light);text-align:center;margin-top:2rem;padding-top:1.5rem;font-size:.75rem;line-height:1.5}.dictation-page{max-width:700px;margin:0 auto;padding:1.5rem 1rem}.dictation-page h1{color:var(--primary);margin:0 0 1rem;font-size:1.8rem}.dictation-intro{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.dictation-intro p{color:var(--text-muted);margin:.5rem 0 0;font-size:1.05rem}.dictation-mode-badge{color:var(--primary);background:#6c5ce71a;border-radius:1rem;margin-top:.5rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.dictation-warning{border:2px solid var(--warning);border-radius:var(--radius);color:var(--warning);text-align:center;background:#ffa5021a;margin-bottom:1rem;padding:.6rem 1rem;font-size:.85rem}.level-selector{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.level-btn{border:3px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:.9rem .3rem;font-family:inherit;transition:transform .15s,border-color .2s;display:flex}.level-btn:hover{transform:translateY(-3px)}.level-icon{font-size:1.6rem}.level-label{color:var(--text);font-size:1rem;font-weight:800}.level-desc{color:var(--text-muted);font-size:.65rem;line-height:1.2}.level-cp:hover{border-color:#55efc4}.level-ce1:hover{border-color:var(--secondary)}.level-ce2:hover{border-color:#fdcb6e}.level-cm1:hover{border-color:var(--warning)}.level-cm2:hover{border-color:var(--danger)}.dictation-sentence-display{background:var(--surface);border-radius:var(--radius);border:2px solid var(--border);text-align:center;min-height:80px;margin-bottom:1rem;padding:1.5rem;font-size:1.4rem;line-height:2}.dictation-word{border-radius:4px;padding:.15rem .3rem;transition:background .2s,color .2s;display:inline}.word-pending{color:var(--text-light)}.word-typing{color:var(--primary);background:#6c5ce714;font-weight:600}.word-flash{color:var(--text);font-weight:500}.sentence-hidden{opacity:0;transition:opacity .4s}.dictation-listen-hint{color:var(--text-muted);font-size:1.1rem;font-style:italic}.word-correct{color:var(--secondary);background:#00b8941a;font-weight:600}.word-incorrect{color:var(--danger);-webkit-text-decoration:underline wavy var(--danger);text-decoration:underline wavy var(--danger);background:#e170551a;font-weight:600}.dictation-controls{justify-content:center;margin-bottom:1rem;display:flex}.dictation-input-area{margin-top:1rem}.dictation-input{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);outline:none;padding:.8rem 1rem;font-family:inherit;font-size:1.2rem;transition:border-color .2s}.dictation-input:focus{border-color:var(--primary)}.dictation-submit-btn{width:100%;margin-top:.75rem;padding:.7rem;font-size:1.1rem}.dictation-result{flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem;animation:.3s ease-out fadeIn;display:flex}.dictation-score{text-align:center}.dictation-score-value{color:var(--primary);font-size:2rem;font-weight:700;display:block}.dictation-score-label{color:var(--text-muted);font-size:1.1rem}.dictation-comparison{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);text-align:left;flex-direction:column;gap:.5rem;width:100%;max-width:500px;margin:.5rem 0;padding:.75rem 1rem;display:flex}.dictation-compare-row{align-items:baseline;gap:.5rem;display:flex}.dictation-compare-label{color:var(--text-muted);flex-shrink:0;min-width:55px;font-size:.75rem;font-weight:700}.dictation-compare-text{font-size:1rem;line-height:1.6}.compare-word{display:inline}.compare-highlight{color:var(--secondary);font-weight:700;text-decoration:underline}.compare-error{color:var(--danger);font-weight:700;text-decoration:line-through}.dictation-score-errors{color:var(--danger);margin-top:.2rem;font-size:.9rem;display:block}@media (width<=480px){.level-selector{grid-template-columns:repeat(2,1fr)}.level-btn{padding:.7rem .3rem}.level-icon{font-size:1.4rem}.dictation-sentence-display{font-size:1.1rem}}.hangman-page{max-width:700px;margin:0 auto;padding:1.5rem 1rem}.hangman-page h1{color:var(--primary);margin:0 0 1rem;font-size:1.8rem}.hangman-intro{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.hangman-intro p{color:var(--text-muted);margin:.5rem 0 0;font-size:1.05rem}.hangman-game{background:var(--surface);border-radius:var(--radius);border:2px solid var(--border);align-items:center;gap:1.5rem;margin-bottom:1rem;padding:1rem;display:flex}.hangman-drawing{flex-direction:column;align-items:center;gap:.3rem;display:flex}.hangman-svg{width:100px;height:140px;color:var(--primary)}.hangman-tries{color:var(--text-muted);font-size:.8rem;font-weight:600}.hangman-info{flex-direction:column;flex:1;gap:.6rem;display:flex}.hangman-hint{color:var(--text);margin:0;font-size:1rem;font-style:italic}.hangman-word{flex-wrap:wrap;justify-content:center;gap:.3rem;margin:1.5rem 0;font-family:Courier New,monospace;display:flex}.hangman-letter{width:32px;height:40px;color:var(--text);border-bottom:3px solid var(--primary);text-transform:uppercase;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:inline-flex}.hangman-letter.revealed{color:var(--primary)}.hangman-keyboard{grid-template-columns:repeat(9,1fr);gap:.3rem;margin:1rem 0;display:grid}.hangman-key{border:2px solid var(--border);background:var(--surface);height:40px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .15s;display:flex}.hangman-key:hover:not(:disabled){border-color:var(--primary);background:#6c5ce714}.hangman-key:disabled{cursor:not-allowed}.hangman-key.letter-correct{background:var(--secondary);color:#fff;border-color:var(--secondary)}.hangman-key.letter-wrong{background:var(--danger);color:#fff;border-color:var(--danger);opacity:.6}.hangman-result{background:var(--surface);border-radius:var(--radius);border:2px solid var(--primary);text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin:1rem 0;padding:1rem;display:flex}.hangman-result h2{color:var(--primary);margin:0;font-size:1.4rem}.hangman-result p{color:var(--text);margin:0}@media (width<=480px){.hangman-keyboard{grid-template-columns:repeat(7,1fr)}.hangman-game{flex-direction:column}.hangman-letter{width:26px;height:36px;font-size:1.3rem}}.quiz-page{max-width:700px;margin:0 auto;padding:1.5rem 1rem}.quiz-page h1{color:var(--primary);margin:0 0 1rem;font-size:1.8rem}.quiz-intro{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.quiz-intro p{color:var(--text-muted);margin:.5rem 0 0;font-size:1.05rem}.quiz-page .level-selector{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.quiz-page .level-btn{border:3px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:.9rem .3rem;font-family:inherit;transition:transform .15s,border-color .2s;display:flex}.quiz-page .level-btn:hover{transform:translateY(-3px)}.quiz-page .level-icon{font-size:1.6rem}.quiz-page .level-label{color:var(--text);font-size:1rem;font-weight:800}.quiz-page .level-desc{color:var(--text-muted);font-size:.65rem;line-height:1.2}.quiz-page .level-cp:hover{border-color:#55efc4}.quiz-page .level-ce1:hover{border-color:var(--secondary)}.quiz-page .level-ce2:hover{border-color:#fdcb6e}.quiz-page .level-cm1:hover{border-color:var(--warning)}.quiz-page .level-cm2:hover{border-color:var(--danger)}.quiz-stats{background:var(--surface);border-radius:var(--radius);border:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.6rem 1rem;display:flex}.quiz-level-badge{color:var(--primary);background:#6c5ce71a;border-radius:1rem;padding:.2rem .6rem;font-size:1.1rem;font-weight:800}.quiz-score{color:var(--text-muted);font-size:.95rem;font-weight:600}.quiz-context{text-align:center;background:var(--surface);border-radius:var(--radius);border:2px solid var(--border);color:var(--text);margin-bottom:1.5rem;padding:2rem 1rem;font-size:1.5rem;line-height:1.6}.quiz-blank{min-width:80px;color:var(--primary);letter-spacing:.1em;background:#6c5ce71a;border-radius:.4rem;padding:.1rem .5rem;font-weight:700;display:inline-block}.quiz-choices{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.quiz-choice{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;padding:1rem .5rem;font-family:inherit;font-size:1.2rem;font-weight:700;transition:all .15s}.quiz-choice:hover:not(:disabled){border-color:var(--primary);background:#6c5ce70d;transform:translateY(-2px)}.quiz-choice:disabled{cursor:not-allowed}.quiz-choice-correct{border-color:var(--secondary);color:var(--secondary);background:#00b89426}.quiz-choice-wrong{border-color:var(--danger);color:var(--danger);background:#e1705526;text-decoration:line-through}.quiz-choice-disabled{opacity:.4}.quiz-feedback{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.quiz-feedback.feedback-ok{border-color:var(--secondary);background:#00b8940d}.quiz-feedback.feedback-ko{border-color:var(--warning);background:#ffa5020d}.quiz-feedback-text{flex:1}.quiz-feedback-text strong{margin-bottom:.3rem;font-size:1.1rem;display:block}.quiz-feedback-text p{color:var(--text);margin:0;font-size:.95rem}.quiz-hint{font-style:italic;color:var(--text-muted)!important;margin-top:.4rem!important;font-size:.85rem!important}.quiz-next-btn{width:100%;padding:.8rem;font-size:1.1rem}@media (width<=480px){.quiz-page .level-selector{grid-template-columns:repeat(2,1fr)}.quiz-context{padding:1.5rem .8rem;font-size:1.2rem}.quiz-choices{grid-template-columns:1fr}}