:root{--primary:#3d47d6;--primary-light:#5a64e8;--primary-dark:#232b8f;--secondary:#8088d8;--accent:#ffb547;--accent-light:#ffd873;--cyan:#46b8ff;--success:#0b7143;--warning:#b45309;--danger:#dc2626;--bg-base:#f4f6ff;--bg-surface:#edeefc;--bg-elevated:#fff;--bg-card:#fff;--bg-card-hover:#fff;--bg-sidebar:#fff;--bg-soft:#edeefc;--glass:#f4f6ff;--glass-hover:#edeefc;--glass-border:#dcdcec;--glass-border-strong:#c6c7de;--text-main:#1c2130;--text-secondary:#2b3040;--text-muted:#565d75;--text-faint:#6b7288;--sec-estudio:#3d47d6;--sec-escenas:#ffb547;--sec-hablar:#0b7143;--sec-lectura:#8088d8;--sec-verbos:#e05050;--sec-tips:#46b8ff;--chart-serie:#3d47d6;--chart-dominado:#146c43;--chart-repaso:#dd8a0b;--chart-pendiente:#dcdcec;--border-radius-sm:10px;--border-radius-md:14px;--border-radius-lg:18px;--border-radius-xl:20px;--shadow-sm:0 1px 2px rgba(35,43,143,.06), 0 4px 12px rgba(35,43,143,.06);--shadow-md:0 2px 4px rgba(35,43,143,.08), 0 12px 32px rgba(35,43,143,.1);--shadow-lg:0 8px 24px rgba(35,43,143,.14);--shadow-glow:0 4px 14px rgba(61,71,214,.25)}.dark-mode{--primary:#5560e4;--primary-light:#8b95ff;--primary-dark:#a9b1ff;--secondary:#9aa2e8;--success:#3fd190;--warning:#f2ae4b;--danger:#ff7b7b;--bg-base:#0e1326;--bg-surface:#1e2444;--bg-elevated:#1c2340;--bg-card:#171d33;--bg-card-hover:#1c2340;--bg-sidebar:#131829;--bg-soft:#1e2444;--glass:#171d33;--glass-hover:#1e2444;--glass-border:#2c3454;--glass-border-strong:#3b4468;--text-main:#f2f4ff;--text-secondary:#d5defa;--text-muted:#a8b0ce;--text-faint:#7d85a3;--sec-escenas:#ffc46b;--sec-hablar:#3fd190;--sec-verbos:#ff8080;--chart-serie:#8b95ff;--chart-dominado:#25a878;--chart-repaso:#f7c66b;--chart-pendiente:#2c3454;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 2px 4px rgba(0,0,0,.45), 0 12px 32px rgba(0,0,0,.5);--shadow-lg:0 8px 24px rgba(0,0,0,.55);--shadow-glow:0 4px 14px rgba(0,0,0,.45)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overscroll-behavior-y:none}body{background:var(--bg-base);color:var(--text-main);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Manrope,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}button:active{transform:scale(.98)}input,select,textarea{border:1.5px solid var(--glass-border);border-radius:var(--border-radius-sm);background:var(--bg-elevated);color:var(--text-main)}input:focus,select:focus,textarea:focus{border-color:var(--primary)}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;font-family:Sora,sans-serif;line-height:1.15}h1{font-size:2.1rem}h2{font-size:1.7rem}h3{font-size:1.15rem}.bg-glow{z-index:-1;pointer-events:none;background:0 0;position:fixed;top:0;bottom:0;left:0;right:0}.glass-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s,transform .2s}.glass-card:hover{border-color:var(--glass-border-strong);box-shadow:var(--shadow-md)}.view-header{text-align:left;min-width:0;margin-bottom:1.75rem}.view-header h2{color:var(--primary-dark);margin-bottom:.4rem}.view-header p{color:var(--text-muted);max-width:780px;font-size:1rem;line-height:1.7}.container{width:min(1180px,100vw - 4rem);min-width:0;max-width:100%;margin:0 auto}.section-note{color:var(--text-muted);font-size:.88rem;line-height:1.6}.pro-badge{background:var(--bg-soft);color:var(--primary-dark);letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;margin-left:.4rem;padding:.2rem .55rem;font-size:.68rem;font-weight:800;display:inline-flex}.category-tag{background:var(--bg-soft);color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.32rem .72rem;font-size:.68rem;font-weight:800;display:inline-flex}.finish-btn{border-radius:var(--border-radius-sm);background:var(--primary);color:#fff;min-height:48px;box-shadow:var(--shadow-sm);border:1.5px solid transparent;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.35rem;font-weight:700;display:inline-flex}.finish-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.dark-mode .finish-btn:hover{background:var(--primary-light);color:#0e1326}.finish-btn.secondary{background:var(--bg-elevated);color:var(--primary-dark);border-color:var(--glass-border-strong);box-shadow:none}.finish-btn.secondary:hover{background:var(--bg-soft);border-color:var(--primary);color:var(--primary-dark)}.finish-btn.ghost{color:var(--text-muted);box-shadow:none;background:0 0;border-color:transparent}.finish-btn.ghost:hover{background:var(--bg-soft);color:var(--primary-dark)}.finish-btn.danger{background:var(--bg-elevated);color:var(--danger);box-shadow:none;border-color:currentColor}.finish-btn.danger:hover{background:var(--danger);color:#fff}.dark-mode .finish-btn.danger:hover{color:var(--bg-base)}.reveal-btn{border-radius:var(--border-radius-sm);border:1.5px solid var(--glass-border-strong);background:var(--bg-elevated);min-height:44px;color:var(--primary-dark);justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:700;display:inline-flex}.reveal-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button[disabled],button:disabled{opacity:.45;cursor:not-allowed}button[disabled]:hover,button:disabled:hover{transform:none}.pulse-glow{animation:2s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:var(--shadow-glow)}}.animate-fade{animation:.35s ease-out both fadeIn}.animate-slide-up{animation:.45s cubic-bezier(.22,1,.36,1) both slideUp}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.placeholder-view{justify-content:center;align-items:center;min-height:60vh;display:flex}.placeholder-card{text-align:center;max-width:520px;padding:2.6rem 2rem}.placeholder-icon{border-radius:var(--border-radius-md);background:var(--bg-soft);min-width:64px;height:64px;color:var(--primary-dark);font-variant-numeric:tabular-nums;place-items:center;margin-bottom:1rem;padding:0 .8rem;font-family:Sora,sans-serif;font-size:1.7rem;font-weight:800;display:inline-grid}.placeholder-card p{color:var(--text-muted);overflow-wrap:anywhere;margin:.8rem 0 1.8rem;line-height:1.7}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;padding-right:2.75rem!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(61,71,214,.22);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(61,71,214,.34)}@media (max-width:768px){.container{width:min(100vw - 1.5rem,1180px)}h1{font-size:2rem}h2{font-size:1.65rem}.view-header{margin-bottom:1.5rem}.view-header p{font-size:.95rem}}@media (max-width:480px){.container{width:min(100vw - 1rem,1180px)}h1{font-size:1.7rem}h2{font-size:1.45rem}h3{font-size:1.08rem}}.tower-structure{flex-direction:column-reverse;gap:1rem;max-width:900px;display:flex}.tower-level-test-card{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.35rem;display:flex}.tower-level-test-card h3{margin:.7rem 0 .4rem}.tower-level-test-card p{color:var(--text-muted);line-height:1.6}.tower-level-test-result{color:var(--primary-dark);margin-top:.55rem;font-weight:700}.tower-floor{border-radius:var(--border-radius-xl);background:var(--bg-card);border:1.5px solid var(--glass-border);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:1.2rem;padding:1.15rem 1.25rem;display:flex;position:relative}.tower-floor:hover:not(.locked){box-shadow:var(--shadow-md);border-color:var(--glass-border-strong);transform:translateY(-2px)}.tower-floor.current{border-color:var(--primary);border-width:2.5px;padding:calc(1.15rem - 1px) calc(1.25rem - 1px)}.tower-floor.completed{border-color:var(--success)}.tower-floor.locked{border-style:dashed;border-color:var(--glass-border-strong);box-shadow:none;cursor:not-allowed;background:0 0}.tower-floor.locked .floor-name,.tower-floor.locked .floor-obj{color:var(--text-muted)}.tower-floor.locked .floor-number{border:1.5px solid var(--glass-border-strong);color:var(--text-muted);background:0 0}.floor-number{border-radius:var(--border-radius-sm);background:var(--bg-soft);min-width:84px;color:var(--primary-dark);text-align:center;letter-spacing:.08em;padding:.55rem .7rem;font-family:Sora,sans-serif;font-size:.74rem;font-weight:800}.floor-content{flex:1;min-width:0}.floor-main-info{align-items:center;gap:.9rem;margin-bottom:.65rem;display:flex}.floor-cefr{border-radius:var(--border-radius-sm);border:1.5px solid var(--glass-border-strong);color:var(--text-muted);letter-spacing:.04em;background:0 0;padding:.28rem .5rem;font-size:.7rem;font-weight:800}.floor-name{color:var(--text-main);font-size:1.08rem}.floor-obj{color:var(--text-muted);font-size:.92rem;line-height:1.5}.floor-progress-header{color:var(--text-muted);justify-content:space-between;margin-bottom:.45rem;font-size:.76rem;font-weight:700;display:flex}.progress-percent{color:var(--primary-dark);font-variant-numeric:tabular-nums}.floor-progress-bar{background:var(--bg-soft);border-radius:999px;height:8px;overflow:hidden}.floor-progress-fill{background:var(--primary);border-radius:999px;height:100%}.tower-floor.completed .floor-progress-fill{background:var(--success)}.floor-status-indicator{justify-content:center;min-width:32px;display:flex}.pulse-indicator-dot{background:var(--primary);width:12px;height:12px;box-shadow:0 0 0 6px var(--bg-soft);border-radius:999px}.complete-check,.lock-icon{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-weight:800}@media (max-width:640px){.tower-structure{gap:.8rem}.tower-level-test-card{flex-direction:column;align-items:stretch;padding:1rem}.tower-floor{align-items:flex-start;gap:.8rem;padding:.95rem}.tower-floor.current{padding:calc(.95rem - 1px)}.floor-number{min-width:66px;padding:.45rem .5rem;font-size:.66rem}.floor-main-info{flex-wrap:wrap;gap:.55rem;margin-bottom:.55rem}.floor-cefr{padding:.28rem .5rem;font-size:.66rem}.floor-name{font-size:1rem}.floor-obj{font-size:.86rem;line-height:1.45}.floor-progress-header{gap:.5rem;font-size:.72rem}.floor-progress-bar{height:7px}.floor-status-indicator{min-width:24px;padding-top:.15rem}}.card-wrapper{width:100%;max-width:760px;margin:0 auto}.mic-error-banner{border-radius:var(--border-radius-lg);color:#b42318;text-align:center;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.22);margin-bottom:1rem;padding:.95rem 1rem}.learning-card{background:var(--bg-card);flex-direction:column;gap:1rem;min-height:560px;padding:1.9rem 2rem;display:flex}.block-progress-pill{border-radius:var(--border-radius-xl);background:var(--bg-soft);border:1px solid var(--glass-border);color:var(--text-main);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.05rem;display:flex}.block-progress-pill strong{margin-top:.18rem;font-size:1rem;font-weight:800;display:block}.block-progress-copy{flex:1;min-width:0}.block-progress-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.block-progress-helper{max-width:240px;color:var(--text-muted);text-align:right;font-size:.84rem;line-height:1.55}.phrase-progress-list{flex-wrap:wrap;gap:.55rem;margin-top:.8rem;display:flex}.phrase-progress-chip{background:var(--bg-soft);color:var(--text-muted);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.phrase-progress-chip strong{color:var(--text-main);margin-top:0;font-size:.8rem}.phrase-progress-chip.is-mastered{color:var(--success);background:rgba(34,197,94,.12)}.phrase-progress-chip.is-mastered strong{color:var(--success)}.centered-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.8rem;display:flex}.card-header-actions{justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-bottom:.5rem;display:flex}.action-buttons{gap:.6rem;display:flex}.audio-small-btn,.mic-btn{border-radius:var(--border-radius-lg);background:var(--bg-soft);border:1px solid var(--glass-border);width:48px;height:44px;color:var(--primary-dark);place-items:center;padding:0;display:grid}.audio-glyph{width:20px;height:20px}.audio-small-btn:hover,.mic-btn:hover,.rate-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mic-btn.listening{color:var(--danger);background:rgba(239,68,68,.12)}.card-tag{background:var(--bg-soft);color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.42rem .72rem;font-size:.72rem;font-weight:800}.main-display{text-align:center;flex-direction:column;gap:.45rem;width:100%;display:flex}.block-word{color:var(--primary-dark);font-size:max(2.6rem,min(5vw,4rem))}.phonetics-row,.phrase-phonetics{color:var(--text-muted);font-size:1rem}.block-translation,.phrase-translation{color:var(--text-muted);font-size:1.1rem;line-height:1.6}.phrase-text{color:var(--text-main);font-size:max(1.35rem,min(2vw,1.85rem));font-weight:700;line-height:1.45}.hidden-translation,.hidden-progression{opacity:0;pointer-events:none;transform:translateY(10px)}.visible{opacity:1!important;transform:translateY(0)!important}.divider{background:var(--glass-border);width:100%;height:1px}.pronunciation-meter{border-radius:var(--border-radius-xl);background:var(--bg-soft);border:1px solid var(--glass-border);width:min(460px,100%);margin-top:.5rem;padding:1rem 1.1rem}.meter-header{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.55rem;display:flex}.meter-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.meter-pct{color:var(--text-main);font-size:1.15rem;font-weight:800}.meter-bg{background:var(--bg-soft);border-radius:999px;height:10px;overflow:hidden}.meter-fill{border-radius:999px;height:100%}.meter-live{background:var(--accent)}.meter-indeterminate{background:var(--secondary);width:35%;animation:1.05s ease-in-out infinite meter-sweep}@keyframes meter-sweep{0%{transform:translate(-30%)}50%{transform:translate(220%)}to{transform:translate(-30%)}}.last-score-hint{color:var(--text-muted);text-align:right;margin-top:.45rem;font-size:.78rem}.rating-area{margin-top:auto}.rating-buttons{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.rate-btn{border-radius:var(--border-radius-xl);border:1px solid var(--glass-border);background:var(--bg-elevated);text-align:center;min-height:104px;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.9rem .8rem;display:flex}.rate-btn:disabled,.rate-btn-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-icon{border-radius:var(--border-radius-md);background:var(--bg-elevated);border:1px solid;place-items:center;width:42px;height:42px;font-size:1.25rem;font-weight:900;display:grid}.btn-title{font-size:.9rem;font-weight:800}.btn-hint{opacity:.82;font-size:.72rem;font-weight:700}.btn-n{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--bg-card))}.btn-r{color:var(--warning);background:color-mix(in srgb, var(--warning) 8%, var(--bg-card))}.btn-y{color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--bg-card))}.speaking-active{background:var(--primary)!important;color:#fff!important}@media (max-width:640px){.learning-card{border-radius:var(--border-radius-xl);min-height:auto;padding:1.25rem}.block-progress-pill,.card-header-actions{flex-direction:column;align-items:flex-start}.block-progress-helper{text-align:left;max-width:none}.action-buttons{width:100%}.audio-small-btn,.mic-btn{flex:none;width:48px}.rating-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.rate-btn{border-radius:var(--border-radius-xl);min-height:92px;padding:.85rem .45rem}.btn-icon{border-radius:var(--border-radius-md);width:38px;height:38px;font-size:1.05rem}.btn-title{font-size:.82rem}.btn-hint{font-size:.66rem}}.dialogue-player-container{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;min-width:0;max-width:980px;min-height:calc(100dvh - 150px);max-height:calc(100dvh - 150px);margin:0 auto;display:flex;overflow-x:hidden}.player-header,.player-controls-bar,.dialogue-thread{border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);box-sizing:border-box;min-width:0;max-width:100%}.player-header{border-radius:var(--border-radius-xl);background:var(--bg-card);padding:1.25rem 1.4rem}.player-header-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.player-header-main{min-width:0}.player-title{color:var(--text-main);margin:0;font-size:max(1.45rem,min(3vw,2rem))}.player-subtitle{color:var(--text-muted);margin:.45rem 0 0;line-height:1.6}.player-step-chip{background:var(--bg-soft);min-height:38px;color:var(--primary-dark);white-space:nowrap;border-radius:999px;align-items:center;padding:0 .9rem;font-size:.8rem;font-weight:800;display:inline-flex}.player-progress-info{color:var(--text-muted);letter-spacing:.08em;margin:.8rem 0 .55rem;font-size:.78rem;font-weight:800}.player-generated-badge{background:var(--bg-soft);color:var(--primary-dark);letter-spacing:.06em;border-radius:999px;margin-top:.9rem;padding:.45rem .85rem;font-size:.72rem;font-weight:800;display:inline-flex}.player-progress-bar-fill{background:var(--primary);height:100%}.dialogue-thread{border-radius:var(--border-radius-xl);background:var(--bg-card);flex-direction:column;flex:auto;gap:.85rem;min-height:0;padding:1.2rem;display:flex;overflow-x:hidden;overflow-y:auto}.dialogue-bubble-row{align-items:flex-end;gap:.7rem;min-width:0;max-width:100%;display:flex}.dialogue-bubble-row.left{justify-content:flex-start}.dialogue-bubble-row.right{justify-content:flex-end}.dialogue-bubble{border-radius:var(--border-radius-xl);border:1px solid var(--glass-border);background:var(--bg-elevated);box-sizing:border-box;overflow-wrap:anywhere;width:min(78%,640px);max-width:calc(100% - 52px);padding:1rem 1.05rem;transition:transform .2s,box-shadow .2s,opacity .2s}.dialogue-avatar{border-radius:var(--border-radius-md);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm);flex:0 0 40px;place-items:center;font-size:.84rem;font-weight:900;display:grid}.avatar-a{background:#4f46e5}.avatar-b{background:#0f766e}.avatar-c{background:#b45309}.avatar-d{background:#7e22ce}.dialogue-bubble-row.current .dialogue-bubble{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dialogue-bubble-row.past .dialogue-bubble{opacity:.9}.dialogue-bubble.speaker-a{background:var(--bg-soft);border-top-left-radius:10px}.dialogue-bubble.speaker-b{background:#e6f4fd;border-top-right-radius:10px}.dialogue-bubble.speaker-c{background:#fdf1de;border-top-left-radius:10px}.dialogue-bubble.speaker-d{background:#f4e9fd;border-top-right-radius:10px}.dark-mode .dialogue-bubble.speaker-a,.dark-mode .dialogue-bubble.speaker-b,.dark-mode .dialogue-bubble.speaker-c,.dialogue-bubble-meta{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.55rem;display:flex}.dialogue-speaker{letter-spacing:.06em;color:var(--primary-dark);text-transform:uppercase;font-size:.78rem;font-weight:800}.dialogue-line-index{color:var(--text-muted);font-size:.76rem;font-weight:700}.dialogue-bubble-en{color:var(--text-main);margin:0;font-size:max(1rem,min(2vw,1.2rem));font-weight:700;line-height:1.55}.dialogue-bubble-ph{color:var(--text-muted);margin:.45rem 0 0;font-size:.95rem}.dialogue-bubble-es{color:var(--text-secondary);margin:.65rem 0 0;line-height:1.65}.dialogue-bubble-actions{justify-content:flex-end;margin-top:.8rem;display:flex}.bubble-audio-btn{border-radius:var(--border-radius-md);background:var(--bg-soft);min-height:40px;color:var(--primary-dark);padding:0 .9rem;font-weight:700}.player-controls-bar{border-radius:var(--border-radius-xl);background:var(--bg-card);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.ctrl-btn{border-radius:var(--border-radius-lg);background:var(--bg-soft);min-height:46px;color:var(--primary-dark);padding:0 1rem;font-weight:700}.main-play{background:var(--primary);color:#fff;min-width:120px}.player-action-link.exit{color:var(--primary-dark)}.player-congrats{color:var(--success);text-align:center;font-weight:800}@media (max-width:760px){.dialogue-player-container{min-height:calc(100dvh - 118px);max-height:calc(100dvh - 118px)}.player-header,.dialogue-thread,.player-controls-bar{border-radius:var(--border-radius-xl)}.player-header-top,.player-controls-bar{flex-direction:column;align-items:stretch}.player-step-chip{align-self:flex-start}.dialogue-thread{padding:.9rem}.dialogue-avatar{border-radius:var(--border-radius-md);flex-basis:34px;width:34px;height:34px;font-size:.76rem}.dialogue-bubble{width:100%;max-width:calc(100% - 42px);padding:.9rem}.dialogue-bubble-row.right,.dialogue-bubble-row.left{justify-content:stretch}.controls-group{grid-template-columns:1fr 1fr 1fr;width:100%;display:grid}.ctrl-btn,.main-play{width:100%;min-width:0}}@media (max-width:480px){.dialogue-player-container{gap:.8rem;min-height:calc(100dvh - 104px);max-height:calc(100dvh - 104px)}.player-header,.player-controls-bar{padding:1rem}.player-title{font-size:1.28rem}.dialogue-bubble-en{font-size:1rem}.controls-group{grid-template-columns:1fr}}.context-help-btn{border:1.5px solid var(--glass-border-strong);background:var(--bg-elevated);min-height:44px;color:var(--primary-dark);letter-spacing:.04em;border-radius:999px;padding:.65rem 1rem;font-size:.78rem;font-weight:800;position:absolute;top:0;right:0}.context-help-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.view-header.has-help,.call-header.has-help,.player-header.has-help{padding-right:6rem;position:relative}.view-header-main{flex:1;min-width:0}.help-top-right{z-index:2;position:absolute;top:1.2rem;right:1.2rem}.progress-indicator>.help-top-right{top:1.3rem;right:1.3rem}.help-modal-layer{z-index:10020;position:fixed;top:0;bottom:0;left:0;right:0}.help-modal-backdrop{background:rgba(15,23,42,.5);position:absolute;top:0;bottom:0;left:0;right:0}.help-modal-card{width:min(760px,100vw - 2rem);max-height:calc(100vh - 2rem);margin:1rem auto;padding:1.4rem;position:relative;overflow:auto}.help-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.help-modal-kicker{color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:800;display:inline-block}.help-modal-header h3{margin-bottom:.4rem}.help-modal-header p{color:var(--text-muted);margin:0;line-height:1.6}.help-modal-close{border-radius:var(--border-radius-sm);border:1.5px solid var(--glass-border-strong);background:var(--bg-elevated);min-height:40px;color:var(--text-secondary);padding:.65rem 1rem;font-weight:700}.help-search-bar{margin-bottom:1rem}.help-search-bar input{border-radius:var(--border-radius-sm);border:1.5px solid var(--glass-border);background:var(--bg-elevated);width:100%;min-height:48px;padding:0 1rem}.help-items-list{gap:.9rem;display:grid}.help-item-card{border-radius:var(--border-radius-md);border:1px solid var(--glass-border);background:var(--bg-soft);padding:1rem 1.05rem}.help-item-card h4{margin-bottom:.45rem}.help-item-card p{color:var(--text-muted);margin:0;line-height:1.65}.help-keywords{flex-wrap:wrap;gap:.45rem;margin-top:.8rem;display:flex}.help-keyword{background:var(--bg-soft);color:var(--primary-dark);border-radius:999px;padding:.28rem .55rem;font-size:.7rem;font-weight:700}.help-empty-state{border-radius:var(--border-radius-md);background:var(--bg-soft);border:1px solid var(--glass-border);text-align:center;padding:1.2rem}@media (max-width:640px){.help-modal-header{flex-direction:column;align-items:stretch}.view-header.has-help,.call-header.has-help,.player-header.has-help{padding-top:0;padding-right:3.4rem}.help-modal-close{width:auto}.context-help-btn{width:42px;min-height:42px;padding:0;font-size:0;top:0;right:0}.context-help-btn:after{content:"?";place-items:center;width:100%;height:100%;font-size:1.05rem;display:grid}.help-top-right{top:.85rem;right:.85rem}.progress-indicator>.help-top-right{top:.9rem;right:.9rem}.help-modal-card{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);margin:.5rem auto;padding:1rem}}.challenge-container{width:min(960px,100%);margin:0 auto;padding:.5rem 0 2rem}.challenge-header{margin-bottom:1.4rem}.progress-indicator{border-radius:var(--border-radius-xl);background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);padding:1.3rem 7rem 1.3rem 1.3rem;position:relative}.progress-top-row{justify-content:space-between;align-items:stretch;gap:1rem;margin-bottom:1rem;display:flex}.progress-top-row.compact{margin-bottom:.7rem}.progress-copy{flex-direction:column;gap:.35rem;display:flex}.progress-kicker{color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.progress-copy h3{margin:0;font-size:max(1.1rem,min(2vw,1.45rem))}.progress-copy p{color:var(--text-muted);margin:0;line-height:1.6}.demo-progress-btn{border-radius:var(--border-radius-sm);border:1.5px solid var(--glass-border-strong);background:var(--bg-elevated);min-height:42px;color:var(--primary-dark);white-space:nowrap;padding:0 1rem;font-weight:800}.progress-top-row.compact .progress-copy h3{font-size:max(1rem,min(2vw,1.25rem))}.progress-side-stats{grid-template-columns:repeat(2,minmax(120px,1fr));gap:.8rem;min-width:min(100%,320px);display:grid}.progress-stat-card{border-radius:var(--border-radius-md);background:var(--bg-elevated);border:1px solid var(--glass-border);padding:.9rem 1rem}.progress-stat-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:800;display:block}.progress-stat-value{color:var(--text-main);font-size:1.1rem;font-weight:800;display:block}.progress-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;justify-content:flex-start;gap:1rem;margin-bottom:.85rem;font-size:.82rem;font-weight:800;display:flex}.progress-label strong{color:var(--primary-dark);font-variant-numeric:tabular-nums}.progress-bar-bg{background:var(--bg-soft);border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:999px;height:100%}.card-area{flex-direction:column;align-items:center;gap:0;display:flex}.mastery-indicator{border-radius:var(--border-radius-md);background:var(--bg-soft);width:min(760px,100%);color:var(--text-muted);border:1px solid var(--glass-border);padding:.95rem 1rem}.mastery-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mastery-title{color:var(--text-main);letter-spacing:.06em;text-transform:uppercase;font-size:.88rem;font-weight:800}.mastery-helper{color:var(--text-muted);margin:.7rem 0 0;font-size:.84rem;line-height:1.6}.mastery-dots{flex-wrap:wrap;justify-content:flex-end;gap:.8rem;display:flex}.mastery-dot{align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;display:inline-flex}.mastery-dot strong{font-size:.9rem}.mastery-dot.n{color:var(--danger)}.mastery-dot.r{color:var(--warning)}.mastery-dot.y{color:var(--success)}.milestone-container,.session-complete{justify-content:center;align-items:center;min-height:65vh;display:flex}.milestone-card,.session-complete{border-radius:var(--border-radius-xl);background:var(--bg-card);border:1px solid var(--glass-border);width:min(680px,100%);box-shadow:var(--shadow-sm);text-align:center;padding:2.2rem;position:relative}.milestone-icon{border-radius:var(--border-radius-md);background:var(--primary);color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums;place-items:center;min-width:68px;height:68px;margin:0 auto 1rem;padding:0 1rem;font-family:Sora,sans-serif;font-size:1.6rem;font-weight:800;display:inline-grid}.milestone-card p,.complete-text{color:var(--text-muted);max-width:56ch;margin:.8rem auto 0;line-height:1.7}.complete-title{color:var(--primary-dark)}.finish-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.8rem;display:flex}.unlocked-tip-alert{border-radius:var(--border-radius-md);background:var(--bg-soft);border:1px solid var(--glass-border);text-align:left;margin-top:1.4rem;padding:1.25rem}.tip-alert-header{color:var(--primary-dark);letter-spacing:.08em;align-items:center;gap:.45rem;margin-bottom:.5rem;font-size:.74rem;font-weight:800;display:flex}.tip-alert-icon{background:var(--bg-soft);border-radius:999px;place-items:center;width:24px;height:24px;display:grid}@media (max-width:760px){.progress-top-row,.mastery-header{flex-direction:column;align-items:flex-start}.progress-side-stats{width:100%;min-width:0}.demo-progress-btn{align-self:flex-start}.mastery-dots{justify-content:flex-start}}@media (max-width:640px){.challenge-container{padding:.25rem 0 1.25rem}.progress-indicator{border-radius:var(--border-radius-xl);padding:.95rem 3.6rem .95rem .95rem}.progress-side-stats{grid-template-columns:1fr}.progress-top-row.compact{margin-bottom:.55rem}.progress-label{flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:.7rem;font-size:.76rem}.mastery-indicator{border-radius:var(--border-radius-md);padding:.9rem}.milestone-card,.session-complete{padding:1.5rem 1.15rem}.finish-actions{flex-direction:column;align-items:stretch}}.app-sidebar{z-index:40;background:var(--bg-sidebar);border-right:1px solid var(--glass-border);flex-direction:column;height:100vh;padding:1rem 1rem 1.25rem;transition:padding .28s;display:flex;position:-webkit-sticky;position:sticky;top:0}.sidebar-toolbar{justify-content:flex-end;padding:.1rem .1rem .85rem;display:flex}.sidebar-collapse-btn{border-radius:var(--border-radius-md);background:var(--bg-soft);width:38px;height:38px;color:var(--primary-dark);place-items:center;transition:transform .2s,background .2s,color .2s;display:grid}.sidebar-collapse-btn:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.sidebar-collapse-arrow{font-size:1rem;font-weight:800;line-height:1;transition:transform .28s;display:inline-block;transform:rotate(0)}.sidebar-collapse-arrow.collapsed{transform:rotate(180deg)}.sidebar-header{padding:0 .25rem 1rem;transition:padding .28s}.user-profile-simple{border-radius:var(--border-radius-xl);background:var(--glass);border:1px solid var(--glass-border);cursor:pointer;align-items:center;gap:.85rem;padding:.8rem;display:flex}.avatar-circle{border-radius:var(--border-radius-sm);background:var(--primary);color:#fff;place-items:center;width:46px;height:46px;font-weight:800;display:grid;overflow:hidden}.sidebar-avatar-img{object-fit:cover;width:100%;height:100%}.user-info{min-width:0}.user-name{color:var(--text-main);margin-bottom:.12rem;font-weight:800}.user-level{color:var(--text-muted);font-size:.83rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;justify-content:space-between;gap:1.25rem;min-height:0;padding:0 .25rem;display:flex;overflow-y:auto}.app-sidebar.collapsed{padding-left:.7rem;padding-right:.7rem}.app-sidebar.collapsed .sidebar-toolbar{justify-content:center;padding-bottom:.7rem}.app-sidebar.collapsed .sidebar-header{padding-left:0;padding-right:0}.app-sidebar.collapsed .user-profile-simple{justify-content:center;padding:.65rem}.app-sidebar.collapsed .sidebar-nav{padding-left:0;padding-right:0}.app-sidebar.collapsed .user-info,.app-sidebar.collapsed .section-title,.app-sidebar.collapsed .nav-label,.app-sidebar.collapsed .nav-badge{display:none}.app-sidebar.collapsed .nav-item{justify-content:center;padding-left:.5rem;padding-right:.5rem}.app-sidebar.collapsed .nav-icon{margin:0}.section-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .75rem .65rem;font-size:.7rem;font-weight:800}.nav-item{border-radius:var(--border-radius-sm);width:100%;min-height:48px;color:var(--text-muted);text-align:left;background:0 0;align-items:center;gap:.8rem;padding:.7rem .8rem;display:flex}.nav-item:hover{background:var(--glass);color:var(--text-secondary)}.nav-item.active{background:var(--bg-soft);color:var(--primary-dark);font-weight:700}.nav-icon{border-radius:var(--border-radius-sm);background:var(--bg-soft);flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.nav-item.active .nav-icon{background:var(--primary);color:#fff}.nav-svg{width:18px;height:18px}.nav-label{font-size:.96rem;font-weight:700}.nav-badge{background:var(--bg-soft);color:var(--primary-dark);border-radius:999px;margin-left:auto;padding:.22rem .5rem;font-size:.68rem;font-weight:800}.nav-section-account{border-top:1px solid var(--glass-border);padding-top:1rem}@media (max-width:960px){.app-sidebar{z-index:60;border-right:1px solid var(--glass-border);background:var(--bg-sidebar);width:min(320px,86vw);height:100dvh;box-shadow:var(--shadow-lg);border-bottom:none;padding:.75rem .75rem .65rem;transition:transform .28s,opacity .28s,padding .28s;position:fixed;top:0;left:0}.app-sidebar.mobile-hidden{opacity:0;pointer-events:none;transform:translate(-108%)}.app-sidebar.mobile-open{opacity:1;pointer-events:auto;transform:translate(0)}.sidebar-header{padding:0 0 .7rem}.user-profile-simple{border-radius:var(--border-radius-xl);padding:.7rem .8rem}.sidebar-nav{flex-direction:column;gap:.7rem;padding:0;display:flex;overflow-y:auto}.app-sidebar.collapsed .sidebar-header,.app-sidebar.collapsed .sidebar-nav,.app-sidebar.collapsed .user-info,.app-sidebar.collapsed .section-title,.app-sidebar.collapsed .nav-label,.app-sidebar.collapsed .nav-badge{display:revert}.app-sidebar.collapsed .user-profile-simple{justify-content:flex-start;padding:.7rem .8rem}.app-sidebar.collapsed .nav-item{justify-content:flex-start;padding:.75rem .85rem}.nav-section{min-width:0}.section-title{margin:0 0 .45rem .2rem}.nav-section .nav-item,.nav-section-account .nav-item{flex:initial;min-width:0}.nav-section-account{padding-top:.7rem}}@media (max-width:640px){.app-sidebar{padding:.65rem .65rem .5rem}.sidebar-toolbar{padding-bottom:.55rem}.sidebar-collapse-btn{border-radius:var(--border-radius-sm);width:44px;height:44px}.sidebar-header{padding-bottom:.55rem}.user-profile-simple{border-radius:var(--border-radius-lg);gap:.7rem;padding:.65rem .72rem}.avatar-circle{border-radius:var(--border-radius-md);width:40px;height:40px;font-size:.95rem}.user-name{font-size:.95rem}.user-level{font-size:.78rem}.section-title{margin-left:.1rem;font-size:.64rem}.nav-section-account{border-top:none;padding-top:0}.nav-section .nav-item,.nav-section-account .nav-item{border-radius:var(--border-radius-md);gap:.55rem;min-height:46px;padding:.55rem .72rem}.nav-item{font-size:.9rem}.nav-icon{border-radius:var(--border-radius-sm);width:30px;height:30px}.nav-svg{width:16px;height:16px}.nav-label{white-space:nowrap;font-size:.85rem}.nav-badge{padding:.18rem .42rem;font-size:.62rem}}.blocks-view-container{width:100%;max-width:1040px;margin:0 auto}.blocks-view-container .view-header{text-align:center;max-width:780px;margin:0 auto 1.6rem}.blocks-view-container .view-header-main p{max-width:620px;margin-left:auto;margin-right:auto}.blocks-grid{grid-template-columns:repeat(auto-fit,minmax(280px,340px));justify-content:center;gap:1.2rem;display:grid}.block-item-card{border-radius:var(--border-radius-xl);flex-direction:column;min-height:200px;padding:1.25rem;display:flex;position:relative}.block-item-card:hover{transform:translateY(-2px)}.block-item-card.locked{border-style:dashed;border-color:var(--glass-border-strong);box-shadow:none;background:0 0}.block-item-card.locked:hover{box-shadow:none;transform:none}.block-item-card.locked .block-item-word{color:var(--text-muted)}.lock-overlay{border-radius:var(--border-radius-xl);background:var(--bg-soft);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .6rem;font-size:.66rem;font-weight:800;position:absolute;top:1rem;right:1rem}.block-item-header,.block-item-footer{justify-content:space-between;align-items:center;display:flex}.block-item-header{margin-bottom:.95rem}.mini-audio-btn{border-radius:var(--border-radius-sm);background:var(--bg-elevated);border:1.5px solid var(--glass-border-strong);width:38px;height:38px;color:var(--primary-dark);place-items:center;display:grid}.mini-audio-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.mini-audio-btn.listening-mic{color:var(--danger);background:rgba(239,68,68,.12)}.blocks-view-container .no-results{text-align:center;color:var(--text-muted);padding:2.4rem}.block-item-word{color:var(--primary-dark);margin-bottom:.2rem;font-size:1.55rem}.block-item-phonetic{color:var(--text-muted);margin-bottom:.45rem}.block-item-translation{color:var(--text-muted);margin-bottom:1rem;line-height:1.65}.mastery-dots-mini{gap:.3rem;display:flex}.mini-dot{background:var(--bg-soft);border-radius:999px;width:9px;height:9px}.mini-dot.filled{background:var(--success)}.mastery-label{color:var(--text-muted);letter-spacing:.08em;font-size:.72rem;font-weight:800}.block-item-card.mastered{border-color:var(--success)}@media (max-width:640px){.blocks-view-container{max-width:100%}.blocks-view-container .view-header{text-align:left;margin-bottom:1rem}.blocks-view-container .view-header-main p{max-width:none}.blocks-grid{grid-template-columns:1fr;gap:.9rem}.block-item-card{border-radius:var(--border-radius-xl);min-height:0;padding:1rem}.block-item-word{font-size:1.38rem}.block-item-phonetic,.block-item-translation{font-size:.92rem}}.phrases-view-container{width:min(980px,100%);margin:0 auto}.search-bar-container{border-radius:var(--border-radius-xl);align-items:center;gap:.8rem;margin-top:1.25rem;padding:.95rem 1.1rem;display:flex}.search-icon{color:var(--text-muted)}.search-input{background:0 0;border:none;outline:none;width:100%}.phrases-list{flex-direction:column;gap:1rem;display:flex}.phrase-item-card.grouped-card{overflow:hidden}.phrase-item-header{background:var(--bg-soft);border-bottom:1px solid var(--glass-border);padding:1rem 1.25rem}.phrase-sub-row{border-top:1px solid var(--glass-border);grid-template-columns:1fr auto;gap:1.25rem;padding:1.15rem 1.25rem;display:grid;position:relative}.phrase-item-text{color:var(--text-main);margin-bottom:.3rem}.phrase-item-translation,.phrase-score-badge{color:var(--text-muted)}.phrase-actions-col{align-items:center;gap:.65rem;display:flex}.mini-mic-btn,.mini-audio-btn{border-radius:var(--border-radius-md);background:var(--bg-soft);border:1px solid var(--glass-border);width:38px;height:38px;color:var(--primary-dark);place-items:center;display:grid}.mini-mic-btn.listening{color:var(--danger);background:rgba(239,68,68,.12)}.mini-meter{background:var(--bg-soft);border-radius:999px;width:100%;height:5px;margin-top:.55rem;overflow:hidden}.mini-meter-fill{background:var(--primary);height:100%}.mini-meter-listening{width:35%;animation:1.05s ease-in-out infinite mini-meter-sweep}@keyframes mini-meter-sweep{0%{transform:translate(-30%)}50%{transform:translate(220%)}to{transform:translate(-30%)}}.status-marker{width:4px;position:absolute;top:0;bottom:0;left:0}.status-marker.Y{background:var(--success)}.status-marker.R{background:var(--warning)}.status-marker.N{background:0 0}.no-results{text-align:center;color:var(--text-muted);padding:2.4rem}.achievements-container{width:100%;max-width:1180px;margin:0 auto}.achievement-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.6rem;display:grid}.achievement-summary-card{border-radius:var(--border-radius-xl);flex-direction:column;gap:.75rem;padding:1.35rem;display:flex}.achievement-summary-card.highlight{background:var(--bg-card)}.achievement-summary-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.achievement-summary-value{font-size:max(1.4rem,min(2vw,2rem));line-height:1.1}.achievement-summary-card p{color:var(--text-muted);margin:0;line-height:1.6}.achievement-mini-bar{background:var(--bg-soft);border-radius:999px;height:10px;overflow:hidden}.achievement-mini-fill{background:var(--primary);border-radius:999px;height:100%}.achievement-mini-fill.accent{background:var(--cyan)}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;display:grid}.achievement-card{flex-direction:column;gap:1rem;min-height:320px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.achievement-card:after{content:"";background:var(--bg-soft);pointer-events:none;border-radius:50%;width:160px;height:160px;position:absolute;top:auto;bottom:-45%;left:auto;right:-10%}.achievement-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.badge-icon-wrapper{border-radius:var(--border-radius-xl);background:var(--bg-soft);place-items:center;width:78px;height:78px;display:grid;position:relative;overflow:hidden}.badge-icon{z-index:1;color:var(--primary-dark);letter-spacing:.04em;font-size:1.3rem;font-weight:900;position:relative}.badge-glow{border-radius:var(--border-radius-xl);border:2px solid var(--success);position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.achievement-status{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.35rem .7rem;font-size:.68rem;font-weight:800}.achievement-status.ready{color:var(--success);background:rgba(16,185,129,.12)}.achievement-status.pending{background:var(--bg-soft);color:var(--primary-dark)}.badge-info h3{margin-bottom:.35rem}.badge-info p,.achievement-footnote,.badge-progress-text{color:var(--text-muted)}.achievement-goal-row{justify-content:space-between;gap:1rem;font-size:.82rem;font-weight:700;display:flex}.badge-progress-container{margin-top:auto}.badge-progress-text{justify-content:space-between;margin-bottom:.45rem;font-size:.78rem;font-weight:700;display:flex}.badge-progress-bar{background:var(--bg-soft);border-radius:999px;height:10px;overflow:hidden}.badge-progress-fill{background:var(--primary);border-radius:999px;height:100%}.achievement-card.unlocked .badge-progress-fill{background:var(--success)}.achievement-card.locked{opacity:.84}.achievement-footnote{margin:0;font-size:.88rem;line-height:1.6}@media (max-width:980px){.achievement-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.achievement-summary-grid,.achievements-grid{grid-template-columns:1fr}.achievement-summary-card,.achievement-card{border-radius:var(--border-radius-xl);padding:1.2rem}.achievement-card{min-height:auto}}.graficas-seccion{flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}.graficas-cabecera{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.graficas-cabecera h3{color:var(--primary-dark);margin:0 0 .2rem}.graficas-cabecera p{color:var(--text-muted);margin:0;font-size:.88rem}.graficas-par{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:1rem;display:grid}.grafica-tarjeta{min-width:0;padding:1.15rem 1.2rem}.graficas-pie{justify-content:flex-end;display:flex}@media (max-width:640px){.graficas-par{grid-template-columns:1fr}.grafica-tarjeta{padding:1rem}.graficas-cabecera{align-items:stretch}.graficas-pie{justify-content:stretch}.graficas-pie .finish-btn{width:100%}}.grafica-bloque{flex-direction:column;gap:.35rem;min-width:0;display:flex}.grafica-cabecera{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.grafica-cabecera h4{color:var(--text-main);margin:0;font-size:.95rem}.grafica-total{color:var(--primary-dark);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Sora,sans-serif;font-size:1rem;font-weight:800}.grafica-desc{color:var(--text-muted);margin:0 0 .6rem;font-size:.8rem;line-height:1.5}.grafica-lienzo{touch-action:pan-y;height:132px;position:relative}.grafica-svg{width:100%;height:100%;display:block;overflow:visible}.grafica-rejilla{stroke:var(--glass-border);stroke-width:1px;vector-effect:non-scaling-stroke}.grafica-linea{stroke:var(--chart-serie);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.grafica-guia{stroke:var(--glass-border-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.grafica-punto-fin,.grafica-punto-activo{fill:var(--chart-serie);stroke:var(--bg-card);stroke-width:2px;vector-effect:non-scaling-stroke}.grafica-punto-activo{fill:var(--primary-dark)}.grafica-eje-x{color:var(--text-faint);justify-content:space-between;gap:.15rem;margin-top:.4rem;font-size:.68rem;font-weight:700;display:flex}.grafica-eje-x span{text-align:center;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.grafica-eje-x.disperso span{flex:none}.grafica-eje-x.disperso span:first-child{text-align:left}.grafica-eje-x.disperso span:last-child{text-align:right}.grafica-eje-x .hoy{color:var(--primary-dark)}.grafica-aviso{border-radius:var(--border-radius-sm);background:var(--text-main);color:var(--bg-card);white-space:nowrap;pointer-events:none;z-index:3;box-shadow:var(--shadow-sm);flex-direction:column;padding:.4rem .6rem;font-size:.72rem;line-height:1.35;display:flex;position:absolute;transform:translate(-50%,-108%)}.grafica-aviso.izquierda{transform:translateY(-108%)}.grafica-aviso.derecha{transform:translate(-100%,-108%)}.grafica-aviso strong{font-variant-numeric:tabular-nums;font-weight:800}.grafica-aviso span{opacity:.75}.grafica-lienzo.barras{border-bottom:1px solid var(--glass-border);align-items:flex-end;gap:2px;display:flex}.barra-columna{background:0 0;border:none;flex:1;align-items:flex-end;min-width:0;height:100%;padding:0;display:flex}.barra-pista{border-radius:4px;align-items:flex-end;width:100%;height:100%;display:flex}.barra-columna:hover .barra-pista{background:var(--bg-soft)}.barra-columna:focus-visible .barra-pista{background:var(--bg-soft)}.barra-relleno{background:var(--chart-serie);border-radius:4px 4px 0 0;width:100%;transition:background .15s}.barra-relleno.vacia{background:0 0}.barra-columna.activa .barra-relleno{background:var(--primary-dark)}.barra-columna:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.donut-fila{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.donut-lienzo{flex-shrink:0;width:150px}.donut-lienzo svg{width:100%;height:auto;display:block}.donut-pista{stroke:var(--chart-pendiente)}.donut-arco{cursor:default;transition:stroke-width .15s}.donut-cifra{text-anchor:middle;fill:var(--primary-dark);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:800}.donut-pie{text-anchor:middle;letter-spacing:.06em;text-transform:uppercase;fill:var(--text-muted);font-size:.62rem;font-weight:700}.donut-leyenda{flex-direction:column;flex:1;gap:.1rem;min-width:180px;margin:0;padding:0;list-style:none;display:flex}.donut-leyenda li{border-radius:var(--border-radius-sm);grid-template-columns:10px 1fr auto auto;align-items:center;gap:.55rem;padding:.4rem .5rem;font-size:.82rem;display:grid}.donut-leyenda li.activa{background:var(--bg-soft)}.leyenda-marca{border-radius:3px;width:10px;height:10px}.leyenda-nombre{color:var(--text-secondary);min-width:0}.leyenda-valor{color:var(--text-main);font-variant-numeric:tabular-nums;font-weight:800}.leyenda-pct{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:2.6rem;font-size:.75rem}.plantas-barras{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.plantas-barras li{grid-template-columns:5.2rem 1fr 3rem;align-items:center;gap:.7rem;font-size:.8rem;display:grid}.planta-etiqueta{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.35rem;font-weight:700;display:flex}.plantas-barras li.actual .planta-etiqueta{color:var(--primary-dark)}.planta-etiqueta em{letter-spacing:.06em;text-transform:uppercase;background:var(--primary);color:#fff;border-radius:4px;padding:.1rem .3rem;font-size:.58rem;font-style:normal;font-weight:800}.planta-pista{background:var(--bg-soft);border-radius:999px;height:10px;overflow:hidden}.planta-relleno{background:var(--chart-serie);border-radius:999px;height:100%;display:block}.plantas-barras li.actual .planta-relleno{background:var(--primary-dark)}.planta-cifra{text-align:right;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:800}.rango-selector{gap:.35rem;display:flex}.rango-btn{border:1.5px solid var(--glass-border-strong);background:var(--bg-elevated);min-height:38px;color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:0 .9rem;font-size:.8rem;font-weight:700}.rango-btn:hover{border-color:var(--primary);color:var(--primary-dark)}.rango-btn.on{background:var(--primary);border-color:var(--primary);color:#fff}.tabla-datos-envoltorio{border:1px solid var(--glass-border);border-radius:var(--border-radius-md);margin-top:1rem;overflow-x:auto}.tabla-datos{border-collapse:collapse;width:100%;font-size:.82rem}.tabla-datos caption{text-align:left;color:var(--text-muted);padding:.7rem .8rem 0;font-size:.78rem}.tabla-datos th,.tabla-datos td{text-align:right;border-bottom:1px solid var(--glass-border);font-variant-numeric:tabular-nums;padding:.5rem .8rem}.tabla-datos thead th,.tabla-datos tbody th,.tabla-datos tfoot th{text-align:left;color:var(--text-secondary);font-weight:700}.tabla-datos thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem}.tabla-datos tfoot th,.tabla-datos tfoot td{color:var(--primary-dark);border-bottom:none;font-weight:800}@media (max-width:640px){.grafica-lienzo{height:112px}.donut-fila{gap:.9rem}.donut-lienzo{width:118px}.donut-leyenda{min-width:140px}.plantas-barras li{grid-template-columns:4.6rem 1fr 2.6rem;gap:.5rem;font-size:.76rem}}@media (prefers-reduced-motion:reduce){.barra-relleno,.donut-arco{transition:none}}.tips-view-container{max-width:1120px;margin:0 auto;padding:1.5rem}.tips-header{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.tips-header h2{color:var(--text-main);margin:0;font-size:max(2rem,min(4vw,2.8rem))}.tips-header p{color:var(--text-muted);margin:0;font-size:1.02rem}.tips-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.tips-summary-card{border-radius:var(--border-radius-xl);flex-direction:column;gap:.35rem;padding:1rem 1.1rem;display:flex}.tips-summary-card strong{color:var(--text-main);font-size:1.6rem}.tips-summary-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.tips-search-wrapper{width:100%;max-width:700px;margin:0 auto}.tips-search-bar{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);align-items:center;gap:.9rem;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.tips-search-bar:focus-within{border-color:var(--glass-border);transform:translateY(-1px);box-shadow:0 16px 28px rgba(61,71,214,.08)}.search-icon{color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.tips-search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:1rem}.tips-search-bar input::placeholder{color:var(--text-muted);opacity:.85}.clear-search{background:var(--bg-soft);min-height:34px;color:var(--primary-dark);border-radius:999px;padding:0 .8rem;font-size:.8rem;font-weight:700}.tips-list-compact{flex-direction:column;gap:1rem;display:flex}.tip-row{border-radius:var(--border-radius-xl);flex-direction:column;gap:.9rem;padding:1.25rem 1.4rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative}.tip-row.unlocked:hover{border-color:var(--glass-border);transform:translateY(-2px);box-shadow:0 20px 36px rgba(15,23,42,.08)}.tip-row-header{flex-direction:column;gap:.7rem;display:flex}.tip-row-meta{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.tip-category-pill,.tip-level-label,.tip-generated-pill{letter-spacing:.05em;border-radius:999px;align-items:center;min-height:28px;padding:0 .7rem;font-size:.72rem;font-weight:800;display:inline-flex}.tip-category-pill{color:var(--primary-dark);background:var(--bg-soft)}.tip-level-label{color:var(--text-muted);background:rgba(148,163,184,.12)}.tip-generated-pill{color:#9a3412;background:rgba(251,146,60,.16)}.tip-row-title{color:var(--text-main);margin:0;font-size:1.18rem;font-weight:800}.tip-row-content{color:var(--text-secondary);max-width:92%;margin:0;font-size:1rem;line-height:1.7}.tip-row-status{color:var(--text-muted);font-size:.82rem;font-weight:700}.tip-row.locked{opacity:.42;filter:grayscale()}.placeholder-lines{align-items:center;height:14px;display:flex}.p-line{background:rgba(148,163,184,.18);border-radius:999px;width:58%;height:8px;position:relative;overflow:hidden}.p-line:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:2s infinite loading-shimmer;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.no-tips{border-radius:var(--border-radius-xl);text-align:center;color:var(--text-muted);padding:1.4rem}@keyframes loading-shimmer{to{transform:translate(100%)}}@media (max-width:760px){.tips-view-container{padding:1rem}.tips-summary-grid{grid-template-columns:1fr}.tips-search-bar{border-radius:var(--border-radius-xl);flex-wrap:wrap}.clear-search{width:100%}.tip-row{border-radius:var(--border-radius-xl);padding:1.05rem 1rem}.tip-row-content{max-width:100%;font-size:.95rem}}.story-reader{gap:1.25rem;width:min(1080px,100%);margin:0 auto;display:grid}.story-reader-header{padding:1.5rem}.story-reader-topline{justify-content:flex-start;align-items:flex-start;gap:1rem;display:flex}.story-reader-kicker,.story-word-kicker{color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.75rem;font-weight:800;display:inline-block}.story-reader-header p{color:var(--text-muted);max-width:720px;line-height:1.65}.story-reader-step{background:var(--bg-soft);color:var(--primary-dark);white-space:nowrap;border-radius:999px;align-self:flex-start;padding:.45rem .8rem;font-size:.82rem;font-weight:800}.story-reader-meta{flex-wrap:wrap;gap:.55rem;margin:1rem 0 .8rem;padding-right:7.25rem;display:flex}.story-reader-chip,.story-section-tag{background:var(--bg-soft);color:var(--text-secondary);border-radius:999px;align-items:center;padding:.34rem .72rem;font-size:.74rem;font-weight:700;display:inline-flex}.story-reader-progress-label{color:var(--text-muted);margin-bottom:.45rem;font-size:.84rem;font-weight:700}.story-reader-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,.72fr);gap:1.2rem;min-width:0;display:grid}.story-thread{gap:1.35rem;min-width:0;padding:1.5rem;display:grid}.story-section{gap:.6rem;display:grid}.story-section-head{justify-content:flex-start;display:flex}.story-flow-text{padding:.15rem 0 .25rem}.story-paragraph{color:var(--text-main);margin:0;font-size:1.2rem;line-height:2.2}.story-sentence-inline{margin-right:.32rem;transition:background .2s,box-shadow .2s,opacity .2s;display:inline}.story-sentence-inline.current{border-radius:var(--border-radius-md);background:var(--bg-soft);padding:.08rem .3rem;box-shadow:inset 0 0 0 1px rgba(61,71,214,.08)}.story-sentence-inline.past{opacity:.74}.story-word-chip{color:var(--primary-dark);text-underline-offset:.18rem;background:0 0;border:none;padding:0;font-weight:700;-webkit-text-decoration:underline rgba(61,71,214,.25);text-decoration:underline rgba(61,71,214,.25);display:inline}.story-word-chip:hover{color:var(--primary-dark)}.story-word-chip:focus-visible{outline-offset:3px;border-radius:var(--border-radius-sm);outline:2px solid rgba(61,71,214,.28)}.story-reader-side{align-content:start;gap:1rem;display:grid}.story-side-card{padding:1.15rem}.story-side-card h3{margin-bottom:.65rem}.story-side-card p{color:var(--text-muted);line-height:1.65}.story-focus-grid{gap:.65rem;display:grid}.story-focus-item{text-align:left;border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);background:var(--bg-soft);gap:.25rem;padding:.8rem .9rem;display:grid}.story-focus-item strong{color:var(--text-main)}.story-focus-item span{color:var(--text-muted);font-size:.82rem}.story-focus-item.learned{background:rgba(22,163,74,.06);border-color:rgba(22,163,74,.18)}.story-focus-item.review{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.2)}.story-reader-controls{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.story-word-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(15,23,42,.2);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.story-word-panel{border-radius:var(--border-radius-xl);width:min(360px,100%);box-shadow:var(--shadow-lg);padding:.95rem 1rem}.story-word-panel.compact{max-width:360px}.story-word-panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.story-word-title-row{align-items:center;gap:.65rem;display:flex}.story-word-title-row h3{margin:0}.story-word-speak{border-radius:var(--border-radius-md);border:1px solid var(--glass-border);background:var(--bg-soft);width:40px;height:40px;color:var(--primary-dark);flex-shrink:0;place-items:center;display:grid}.story-word-speak:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.story-word-speak .audio-glyph{width:18px;height:18px}.story-word-close{border:1px solid var(--glass-border);min-height:40px;color:var(--text-secondary);background:#fff;border-radius:999px;padding:.6rem .95rem;font-weight:700}.story-word-panel-head p,.story-word-translation{color:var(--text-muted)}.story-word-translation{color:var(--text-main);margin:.55rem 0 .85rem;font-size:1rem;font-weight:700}.story-word-actions{flex-wrap:wrap;gap:.7rem;display:flex}.story-word-state{border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);background:var(--bg-soft);min-height:44px;color:var(--text-secondary);padding:.72rem 1rem;font-weight:700}.story-word-state.active.learned{color:var(--success);background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.22)}.story-word-state.active.review{color:var(--warning);background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.22)}.story-reader-complete{border-radius:var(--border-radius-lg);color:var(--success);background:rgba(22,163,74,.12);padding:.85rem 1rem;font-weight:700}.player-progress-bar-bg{background:var(--bg-soft);border-radius:999px;height:8px;overflow:hidden}.player-progress-bar-fill{border-radius:inherit;background:var(--primary);height:100%}.controls-group{flex-wrap:wrap;gap:.75rem;display:flex}.ctrl-btn{border-radius:var(--border-radius-lg);min-height:46px;padding:.72rem 1.05rem;font-weight:800}.ctrl-btn.secondary{background:var(--bg-soft);color:var(--primary-dark)}.ctrl-btn.main-play{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.player-actions{align-items:center;display:flex}.player-action-link{color:var(--primary-dark);background:0 0;font-weight:800}@media (max-width:960px){.story-reader-layout{grid-template-columns:1fr}.story-reader-side{order:-1}}@media (max-width:640px){.story-reader-header,.story-thread,.story-side-card,.story-reader-controls,.story-word-panel{padding:1rem}.story-reader-topline,.story-word-panel-head,.story-reader-controls{flex-direction:column;align-items:stretch}.story-reader-step{align-self:flex-start}.story-reader-meta{padding-right:0}.story-paragraph{font-size:1.01rem;line-height:1.95}.story-word-overlay{padding:.75rem}.story-word-panel{border-radius:var(--border-radius-xl)}.story-word-title-row{gap:.5rem}}.stories-view-container{width:min(1080px,100%);margin:0 auto}.stories-header{gap:1.25rem;display:grid}.stories-kicker{color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.78rem;font-weight:800;display:inline-block}.stories-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stories-summary-card{padding:1.15rem 1.25rem}.stories-summary-card span{color:var(--text-muted);margin-bottom:.35rem;font-size:.82rem;display:block}.stories-summary-card strong{color:var(--primary-dark);font-size:1.9rem}.stories-review-section{gap:.6rem;margin:1.2rem 0;padding:1.15rem 1.25rem;display:grid}.stories-review-section h3{font-size:1.02rem}.stories-review-section>p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.stories-review-chips{flex-wrap:wrap;gap:.5rem;display:flex}.stories-review-chip{color:var(--text-main);background:rgba(255,181,71,.14);border:1px solid rgba(255,181,71,.35);border-radius:999px;align-items:baseline;gap:.4rem;padding:.35rem .7rem;font-size:.82rem;display:inline-flex}.stories-review-chip strong{font-weight:700}.stories-review-translation{color:var(--text-muted);font-size:.76rem}.stories-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;display:grid}.story-card{flex-direction:column;min-height:350px;display:flex;overflow:hidden}.story-card.locked{opacity:.9}.story-card.completed{border-color:var(--success)}.story-card-cover{background:var(--primary);color:#fff;letter-spacing:-.02em;min-height:120px;padding:1.3rem;font-family:Sora,sans-serif;font-size:1.45rem;font-weight:700}.story-card-body{flex:1;gap:.9rem;padding:1.25rem 1.25rem 1rem;display:grid}.story-card-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.story-card-level{color:var(--text-muted);font-size:.84rem;font-weight:700}.story-card-body p{color:var(--text-muted);line-height:1.65}.story-card-progress{gap:.45rem;display:grid}.story-card-progress-row{color:var(--text-muted);justify-content:space-between;gap:.75rem;font-size:.83rem;display:flex}.story-card-progress-row strong{color:var(--text-main)}.story-card-progress-bar{background:var(--bg-soft);border-radius:999px;height:8px;overflow:hidden}.story-card-progress-fill{border-radius:inherit;background:var(--primary);height:100%}.story-card-tags{flex-wrap:wrap;gap:.45rem;display:flex}.story-theme-pill{background:var(--bg-soft);color:var(--primary-dark);border-radius:999px;padding:.28rem .6rem;font-size:.72rem;font-weight:700}.story-card-footer{justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem 1.25rem;display:flex}.story-status{color:var(--text-muted);font-size:.82rem;font-weight:700}.story-status.ready{color:var(--success)}.story-status.waiting{color:var(--warning)}@media (max-width:768px){.stories-summary-grid,.stories-grid{grid-template-columns:1fr}}.verbs-view-container{min-width:0;max-width:min(1100px,100%);margin:0 auto;padding:1.5rem}.verbs-view-container .view-header{margin-bottom:2rem}.verbs-view-container .view-header h2{color:var(--primary-dark);margin-bottom:.4rem;font-size:1.9rem}.verbs-view-container .view-header p{color:var(--text-muted);font-size:1rem}.tabs-navigation{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.tab-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-muted);border-radius:var(--border-radius-md);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 2rem;font-size:.9rem;font-weight:800;transition:all .3s}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-sm)}.tab-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.search-bar{background:var(--bg-elevated);border:1.5px solid var(--glass-border);border-radius:var(--border-radius-md);align-items:center;gap:1rem;max-width:600px;margin:1.5rem auto 0;padding:.75rem 1.25rem;display:flex;position:relative}.regular-group-section{margin-top:3rem}.group-header-badge{background:var(--bg-soft);border:1.5px solid var(--glass-border-strong);color:var(--primary-dark);border-radius:var(--border-radius-xl);margin-bottom:1.5rem;padding:8px 24px;font-size:1rem;display:inline-block}.group-header-badge strong{font-weight:900}.search-icon{opacity:.5;font-size:1.25rem}.search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:1.1rem}.verb-cards-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem;padding:1rem 0;display:grid}@media (min-width:1400px){.verb-cards-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}}.verb-card{border:1px solid var(--glass-border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:var(--border-radius-lg);flex-direction:column;padding:1rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.verb-card:hover{border-color:var(--glass-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.verb-card-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.verb-card-header h3{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.1rem;font-weight:800}.best-score-badge{background:var(--bg-soft);border:1.5px solid var(--success);color:var(--success);border-radius:var(--border-radius-sm);padding:2px 8px;font-size:.7rem;font-weight:800}.verb-forms-horizontal{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.verb-form-item-mini{background:var(--bg-soft);border-radius:var(--border-radius-sm);border:1px solid var(--glass-border);text-align:center;flex-direction:column;align-items:center;min-width:0;padding:.5rem;transition:background .2s;display:flex}.verb-form-item-mini:hover{background:var(--bg-soft);border-color:var(--glass-border-strong)}.form-label-mini{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:2px;font-size:.55rem;font-weight:700}.form-word-compact{color:var(--text-main);overflow-wrap:anywhere;max-width:100%;font-size:1rem;font-weight:800;line-height:1.2}.form-phonetic-mini{color:var(--text-muted);overflow-wrap:anywhere;max-width:100%;font-size:.75rem;font-style:italic}.form-translation-mini{color:var(--text-muted);overflow-wrap:break-word;max-width:100%;margin-top:1px;font-size:.75rem;font-weight:500}.form-actions-row{gap:.4rem;margin-top:.5rem;display:flex}.mini-action-btn{color:var(--primary-dark);background:var(--bg-soft);border:1px solid var(--glass-border-strong);border-radius:var(--border-radius-sm);cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .2s;display:flex}.mini-glyph{width:14px;height:14px}.mini-action-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.1)}.mini-action-btn.listening{background:var(--danger);border-color:#ef4444;animation:1.5s infinite pulse-red-mini}@keyframes pulse-red-mini{0%{box-shadow:0 0 rgba(239,68,68,.4)}70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}to{box-shadow:0 0 rgba(239,68,68,0)}}.mic-score-container{align-items:center;display:flex;position:relative}.form-score-indicator{background:var(--success);color:#fff;border-radius:var(--border-radius-sm);white-space:nowrap;pointer-events:none;z-index:5;padding:1px 4px;font-size:.65rem;font-weight:800;position:absolute;left:calc(100% + 4px)}.dark-mode .form-score-indicator{color:var(--bg-base)}.mini-meter{width:100%;height:3px;margin-top:6px}.meter-bg-mini{background:var(--bg-soft);border-radius:var(--border-radius-sm);width:100%;height:100%;overflow:hidden}.meter-fill-mini{border-radius:var(--border-radius-sm);height:100%;transition:width .5s cubic-bezier(.175,.885,.32,1.275)}.no-results{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:3rem;font-style:italic}.animate-scale{animation:.3s ease-out scale-up}@keyframes scale-up{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes animate-pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards animate-pop-in}@media (max-width:768px){.verbs-view-container{padding:1rem}.view-header h2{font-size:max(1.6rem,min(7vw,2.2rem))}.tabs-navigation{flex-wrap:wrap}.tab-btn{padding:.75rem 1.25rem}.verb-cards-grid{grid-template-columns:1fr}.verb-forms-horizontal{gap:.3rem}.verb-form-item-mini{padding:.4rem}.form-word-compact{font-size:.9rem}}.ai-call-container{flex-direction:column;gap:1rem;width:min(1180px,100%);margin:0 auto;display:flex}.call-header p{color:var(--text-muted);line-height:1.7}.guided-practice-layout{grid-template-columns:1.45fr .9fr;gap:1rem;display:grid}.guided-main-card,.guided-side-card{border-radius:var(--border-radius-xl);padding:1.35rem}.guided-locked-state,.guided-ready-state{flex-direction:column;gap:1rem;display:flex}.guided-lock-badge{border-radius:var(--border-radius-xl);background:var(--bg-soft);width:78px;height:78px;color:var(--primary-dark);place-items:center;font-size:1.35rem;font-weight:900;display:grid}.guided-progress-block{border-radius:var(--border-radius-xl);background:var(--bg-soft);border:1px solid var(--glass-border);padding:1rem}.guided-progress-head{justify-content:space-between;gap:1rem;margin-bottom:.6rem;font-size:.85rem;font-weight:700;display:flex}.guided-progress-bar{background:var(--bg-soft);border-radius:999px;height:10px;overflow:hidden}.guided-progress-fill{background:var(--primary);border-radius:999px;height:100%}.guided-progress-note,.guided-side-copy,.guided-empty-copy,.guided-block-row p,.guided-ready-top p{color:var(--text-muted);line-height:1.65}.guided-ready-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.guided-kicker{color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.74rem;font-weight:800;display:inline-block}.guided-copy-btn{border-radius:var(--border-radius-lg);background:var(--primary);color:#fff;min-height:46px;padding:0 1rem;font-weight:800}.guided-prompt-box{border-radius:var(--border-radius-xl);border:1px solid var(--glass-border);background:var(--bg-elevated);resize:vertical;width:100%;min-height:520px;padding:1rem;line-height:1.55}.guided-side-panel{flex-direction:column;gap:1rem;display:flex}.guided-block-list{flex-direction:column;gap:.75rem;max-height:430px;margin-top:.9rem;padding-right:.15rem;display:flex;overflow:auto}.guided-block-row{border-radius:var(--border-radius-lg);background:var(--bg-soft);border:1px solid var(--glass-border);grid-template-columns:36px 1fr;align-items:flex-start;gap:.75rem;padding:.8rem .9rem;display:grid}.guided-block-index{border-radius:var(--border-radius-md);background:var(--bg-soft);width:36px;height:36px;color:var(--primary-dark);place-items:center;font-weight:800;display:grid}.guided-block-row strong{margin-bottom:.15rem;display:block}.guided-block-row p,.guided-steps p{margin:0}.guided-steps{flex-direction:column;gap:.7rem;margin-top:.9rem;display:flex}@media (max-width:980px){.guided-practice-layout{grid-template-columns:1fr}}@media (max-width:640px){.guided-main-card,.guided-side-card{border-radius:var(--border-radius-xl);padding:1rem}.guided-ready-top{flex-direction:column}.guided-copy-btn{width:100%}.guided-prompt-box{min-height:460px}}.profile-container{width:100%;max-width:1180px;margin:0 auto}.profile-layout-new{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:1.4rem;display:grid}.profile-side-card,.calendar-section,.floor-selector-section,.dash-stat{background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.profile-side-card{border-radius:var(--border-radius-xl);text-align:center;padding:1.8rem;position:-webkit-sticky;position:sticky;top:108px}.avatar-section{flex-direction:column;align-items:center;display:flex}.avatar-main{border-radius:var(--border-radius-xl);background:var(--bg-soft);border:1px solid var(--glass-border);cursor:pointer;place-items:center;width:152px;height:152px;margin:0 auto;padding:0;display:grid;position:relative;overflow:hidden}.avatar-main img{object-fit:cover;width:100%;height:100%}.avatar-initial{color:var(--primary-dark);font-size:4rem;font-weight:800}.avatar-upload-overlay{color:#fff;opacity:0;background:rgba(17,24,39,.48);place-items:center;font-size:.9rem;font-weight:700;transition:opacity .2s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.avatar-main:hover .avatar-upload-overlay{opacity:1}.avatar-main:focus-visible .avatar-upload-overlay{opacity:1}.level-badge-large{background:var(--bg-soft);color:var(--primary-dark);border-radius:999px;margin-top:1rem;padding:.45rem .85rem;font-weight:800;display:inline-flex}.user-info-display{margin-top:1rem}.user-info-display h3{margin-bottom:.5rem}.user-info-display p{margin:.25rem 0}.student-id-badge{border-radius:var(--border-radius-xl);background:var(--bg-soft);flex-direction:column;gap:.15rem;max-width:100%;margin:.8rem 0;padding:.75rem 1rem;display:inline-flex}.id-label,.age-label,.streak-info span,.dash-label,.section-note,.profile-field span{color:var(--text-muted)}.id-number{color:var(--primary-dark);overflow-wrap:anywhere;font-weight:800}.edit-profile-btn,.save-btn,.cancel-btn,.calendar-controls button,.floor-chip{border-radius:var(--border-radius-lg)}.edit-profile-btn,.save-btn{background:var(--primary);color:#fff}.edit-profile-btn{width:100%;min-height:46px;margin-top:.9rem}.user-info-edit{text-align:left;flex-direction:column;gap:.9rem;margin-top:1rem;display:flex}.profile-field{flex-direction:column;gap:.35rem;display:flex}.user-info-edit input{border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);background:var(--bg-elevated);width:100%;min-height:46px;padding:.85rem 1rem}.profile-form-error{color:var(--danger);margin:0;font-size:.88rem}.edit-actions{gap:.75rem;display:flex}.save-btn,.cancel-btn{flex:1;min-height:46px}.cancel-btn{border:1px solid var(--glass-border);color:var(--text-main);background:0 0}.streak-counter{border-top:1px solid var(--glass-border);justify-content:center;align-items:center;gap:.8rem;margin-top:1.5rem;padding-top:1.3rem;display:flex}.streak-icon{border-radius:var(--border-radius-md);background:var(--bg-soft);width:40px;height:40px;color:var(--primary-dark);place-items:center;font-weight:900;display:grid}.profile-dash{flex-direction:column;gap:1.2rem;min-width:0;display:flex}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;display:grid}.dash-stat,.calendar-section,.floor-selector-section{border-radius:var(--border-radius-xl);padding:1.5rem}.dash-stat{flex-direction:column;justify-content:center;gap:.35rem;display:flex}.dash-value{color:var(--primary-dark);font-size:1.9rem;font-weight:800;line-height:1.1}.calendar-header-nav{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.calendar-controls{flex-wrap:wrap;gap:.5rem;display:flex}.calendar-controls button{background:var(--bg-soft);border:1px solid var(--glass-border);min-height:40px;color:var(--primary-dark);padding:0 .85rem}.calendar-weekdays,.dots-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem;display:grid}.calendar-weekdays{color:var(--text-muted);text-align:center;margin-bottom:.6rem;font-size:.74rem;font-weight:800}.calendar-dot{border-radius:var(--border-radius-lg);background:var(--bg-soft);min-height:62px;color:var(--text-muted);flex-direction:column;justify-content:space-between;align-items:center;min-width:0;padding:.45rem .25rem;display:flex;position:relative}.calendar-dot.active{background:var(--primary);color:#fff}.calendar-dot.today{border:1px solid var(--primary)}.calendar-dot.empty{background:0 0;min-height:0}.dot-stats{text-align:center;flex-direction:column;gap:.12rem;font-size:.62rem;line-height:1.15;display:flex}.today-indicator{background:currentColor;border-radius:999px;width:4px;height:4px}.floor-chips{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-top:1rem;display:grid}.level-test-profile-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.level-test-profile-btn{width:auto;min-width:170px;margin-top:0}.level-test-profile-result{color:var(--primary-dark);margin-top:.85rem;font-weight:700}.floor-chip{background:var(--bg-soft);border:1px solid var(--glass-border);min-height:44px;color:var(--text-secondary);font-weight:700}.floor-chip.active{background:var(--primary);color:#fff}.floor-chip.locked{opacity:.45}.chip-lock{margin-left:.35rem;font-size:.72rem}@media (max-width:960px){.profile-layout-new{grid-template-columns:1fr}.profile-side-card{position:static}}@media (max-width:700px){.profile-side-card,.dash-stat,.calendar-section,.floor-selector-section{border-radius:var(--border-radius-xl);padding:1.1rem}.avatar-main{border-radius:var(--border-radius-xl);width:112px;height:112px}.avatar-initial{font-size:3rem}.dash-value{font-size:1.55rem}.calendar-weekdays,.dots-grid{gap:.35rem}.calendar-dot{border-radius:var(--border-radius-md);min-height:54px;padding:.35rem .15rem}.floor-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}}@media (max-width:480px){.profile-layout-new{gap:1rem}.calendar-header-nav{flex-direction:column;align-items:stretch}.calendar-controls{justify-content:space-between}.calendar-controls button{flex:1;min-width:0}.edit-actions{flex-direction:column}.stats-row{grid-template-columns:1fr;gap:.85rem}.level-test-profile-head{flex-direction:column;align-items:stretch}.level-test-profile-btn{width:100%;min-width:0}}.settings-container{width:min(960px,100%);margin:0 auto}.app-version-line{text-align:center;letter-spacing:.05em;opacity:.55;font-variant-numeric:tabular-nums;margin:1.5rem 0 .5rem;font-size:.8rem}.settings-legal-footer{opacity:.85;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:.8rem;display:flex}.settings-legal-footer span[aria-hidden=true]{color:var(--text-muted)}.settings-legal-footer .legal-link{color:var(--primary-dark);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.settings-legal-footer .legal-link:hover{color:var(--primary-dark)}.settings-grid{flex-direction:column;gap:1.15rem;display:flex}.settings-section{border-radius:var(--border-radius-xl);padding:1.6rem}.section-header{align-items:center;gap:.8rem;margin-bottom:.4rem;display:flex}.section-icon{border-radius:var(--border-radius-md);background:var(--bg-soft);place-items:center;width:42px;height:42px;display:grid}.setting-item,.setting-control{flex-direction:column;gap:.7rem;display:flex}.setting-item{padding-top:.5rem}.setting-info span{color:var(--text-main);font-weight:800}.setting-desc,.setting-help{color:var(--text-muted);line-height:1.7}.mode-selector{border-radius:var(--border-radius-lg);background:var(--bg-soft);border:1px solid var(--glass-border);gap:.4rem;padding:.3rem;display:flex}.selector-btn{border-radius:var(--border-radius-md);min-height:42px;color:var(--text-muted);background:0 0;flex:1;font-weight:700}.selector-btn.active{background:var(--primary);color:#fff}.setting-control input[type=range]{width:100%;accent-color:var(--primary-dark)}.setting-control select{border-radius:var(--border-radius-lg);min-height:48px;padding:.85rem 1rem}.danger-zone{background:rgba(239,68,68,.04);border-color:rgba(239,68,68,.2)}.danger-zone p{color:#b42318}.reset-data-btn,.confirm-btn{border-radius:var(--border-radius-lg);min-height:46px;font-weight:800}.reset-data-btn{color:#b42318;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.18)}.confirm-reset{border-radius:var(--border-radius-xl);background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.16);flex-direction:column;gap:1rem;margin-top:.7rem;padding:1rem;display:flex}.confirm-btns{gap:.75rem;display:flex}.confirm-btn{flex:1}.confirm-btn.danger{color:#fff;background:#dc2626}.confirm-btn.secondary{color:var(--text-main);border:1px solid var(--glass-border);background:0 0}.danger-zone-all{border-top:1px dashed rgba(239,68,68,.35);gap:.7rem;margin-top:1.1rem;padding-top:1rem;display:grid}.danger-zone-all h4{color:#b42318;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.8rem}.reset-all-btn{color:#fff;background:#dc2626;border:1px solid #b42318}.subscription-inline-status{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.8rem;display:grid}.subscription-inline-card,.settings-subscription-plan{border-radius:var(--border-radius-xl);background:var(--bg-soft);border:1px solid var(--glass-border);min-width:0;padding:.95rem}.subscription-inline-card span,.subscription-inline-card strong{display:block}.subscription-inline-card strong{color:var(--primary-dark);margin-top:.25rem}.settings-subscription-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.settings-subscription-plan{gap:.7rem;display:grid}.plan-offer-note{color:var(--success);font-weight:700}.plan-price-was{color:var(--text-muted);margin-left:.5rem;font-size:.95rem;font-weight:600;text-decoration:line-through}.coupon-feedback{margin-top:.5rem;font-size:.9rem;font-weight:600}.coupon-feedback.valid{color:var(--success)}.coupon-feedback.invalid{color:var(--danger,#ef4444)}.activation-banner{border-radius:var(--border-radius-lg);background:color-mix(in srgb, var(--success) 14%, transparent);border:1px solid color-mix(in srgb, var(--success) 35%, transparent);color:var(--text-main);margin:.5rem 0 1rem;padding:.85rem 1rem;font-size:.92rem;font-weight:600}.coupon-list-inline,.glass-subpanel{border-radius:var(--border-radius-xl);border:1px solid var(--glass-border);background:var(--bg-soft);margin-top:1rem;padding:1rem}.coupon-chip-list{flex-wrap:wrap;gap:.65rem;margin-top:.75rem;display:flex}.coupon-chip{background:var(--bg-soft);color:var(--primary-dark);overflow-wrap:anywhere;border-radius:999px;padding:.55rem .85rem;font-weight:800}.admin-commerce-grid{gap:1rem;margin-top:1rem;display:grid}.admin-plan-edit-grid{margin-top:.8rem}.admin-plan-edit-grid label,.admin-coupon-form,.admin-coupon-send{gap:.6rem;display:grid}.admin-plan-edit-grid input,.admin-coupon-form input,.admin-coupon-send select,.setting-control input[type=text]{border-radius:var(--border-radius-md);border:1px solid var(--glass-border);width:100%;padding:.85rem .95rem}.created-coupons-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin-top:.9rem;display:grid}.created-coupon-card{border-radius:var(--border-radius-xl);border:1px solid var(--glass-border);background:var(--bg-soft);gap:.65rem;padding:1rem;display:grid}.created-coupon-card h5{color:var(--text-main);font-size:1rem}.created-coupon-card p{color:var(--text-muted);overflow-wrap:anywhere;line-height:1.55}@media (max-width:900px){.subscription-inline-status,.settings-subscription-grid,.admin-commerce-grid{grid-template-columns:1fr}}@media (max-width:640px){.settings-section{border-radius:var(--border-radius-xl);padding:1.15rem}.mode-selector,.confirm-btns{flex-direction:column}.created-coupons-grid{grid-template-columns:1fr}}.legal-modal-layer{z-index:10030;position:fixed;top:0;bottom:0;left:0;right:0}.legal-modal-backdrop{background:rgba(15,23,42,.5);position:absolute;top:0;bottom:0;left:0;right:0}.legal-modal-card{flex-direction:column;width:min(760px,100vw - 2rem);max-height:calc(100vh - 2rem);margin:1rem auto;padding:1.4rem;display:flex;position:relative}.legal-modal-card:focus{outline:none}.legal-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.legal-modal-kicker{color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:800;display:inline-block}.legal-modal-header h3{margin:0}.legal-modal-close{border:1px solid var(--glass-border);min-width:40px;min-height:40px;color:var(--text-secondary);background:#fff;border-radius:999px;padding:.5rem .75rem;font-size:1rem;font-weight:700;line-height:1}.legal-modal-close:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.legal-modal-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.legal-modal-tab{border:1px solid var(--glass-border);background:var(--bg-soft);color:var(--text-muted);border-radius:999px;padding:.55rem .95rem;font-size:.82rem;font-weight:700}.legal-modal-tab:hover{color:var(--primary-dark)}.legal-modal-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.legal-modal-body{padding-right:.4rem;overflow-y:auto}.legal-section{margin-bottom:1.15rem}.legal-section:last-child{margin-bottom:0}.legal-section h4{color:var(--text-secondary);margin-bottom:.45rem}.legal-section p{color:var(--text-muted);margin:0 0 .6rem;line-height:1.7}.legal-section p:last-child{margin-bottom:0}.legal-list{gap:.35rem;margin:0 0 .6rem;padding-left:1.2rem;display:grid}.legal-list li{color:var(--text-muted);line-height:1.65}@media (max-width:640px){.legal-modal-card{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);margin:.5rem auto;padding:1rem}}.level-test-layer{z-index:10040;position:fixed;top:0;bottom:0;left:0;right:0}.level-test-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(15,23,42,.54);position:absolute;top:0;bottom:0;left:0;right:0}.level-test-card{width:min(1080px,100vw - 2rem);max-height:calc(100vh - 2rem);margin:1rem auto;padding:1.35rem;position:relative;overflow:auto}.level-test-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.level-test-kicker{color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.74rem;font-weight:800;display:inline-block}.level-test-header p,.level-test-footer p{color:var(--text-muted);line-height:1.65}.level-test-start-note{color:var(--primary-dark);margin-top:.65rem;font-weight:700}.level-test-close{border:1px solid var(--glass-border);min-height:40px;color:var(--text-secondary);background:#fff;border-radius:999px;padding:.65rem 1rem;font-weight:700}.level-test-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.level-test-summary-card{border-radius:var(--border-radius-xl);background:var(--bg-soft);border:1px solid var(--glass-border);padding:1rem 1.1rem}.level-test-summary-card span,.level-test-summary-card small{color:var(--text-muted);display:block}.level-test-summary-card strong{color:var(--primary-dark);margin-top:.3rem;font-size:1.75rem;display:block}.level-test-summary-card.featured{background:var(--bg-soft)}.level-test-sequence{gap:1rem;display:grid}.level-test-group{border-radius:var(--border-radius-xl);border:1px solid var(--glass-border);background:var(--bg-elevated);padding:1rem 1.05rem}.level-test-group.passed{background:rgba(22,163,74,.05);border-color:rgba(22,163,74,.2)}.level-test-group.current-attempt{border-color:var(--glass-border)}.level-test-group-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.level-test-group-head h3{margin-top:.45rem}.level-test-group-copy{color:var(--text-muted);margin-top:.45rem;line-height:1.6}.level-test-score-box{text-align:right;min-width:96px}.level-test-score-box strong,.level-test-score-box span{display:block}.level-test-score-box strong{color:var(--text-main)}.level-test-score-box span{color:var(--primary-dark);margin-top:.2rem;font-weight:700}.level-test-progress-track{background:var(--bg-soft);border-radius:999px;height:9px;margin-bottom:.9rem;overflow:hidden}.level-test-progress-fill{border-radius:inherit;background:var(--primary);height:100%}.level-test-word-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;display:grid}.level-test-word{border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);background:var(--bg-soft);text-align:left;padding:.85rem .9rem}.level-test-word strong{color:var(--text-main);font-size:.96rem;display:block}.level-test-word.checked{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.22)}.level-test-result-row{margin-top:.95rem}.level-test-pass,.level-test-stop{font-size:.9rem;font-weight:700}.level-test-pass{color:var(--success)}.level-test-stop{color:var(--warning)}.level-test-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.level-test-actions{flex-wrap:wrap;gap:.75rem;display:flex}.level-test-final-note{color:var(--success);margin-top:.9rem;font-weight:700}@media (max-width:768px){.level-test-summary{grid-template-columns:1fr}.level-test-footer,.level-test-header{flex-direction:column;align-items:stretch}.level-test-group-head{flex-direction:column}.level-test-score-box{text-align:left;min-width:0}}@media (max-width:480px){.level-test-card{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);margin:.5rem auto;padding:1rem}.level-test-word-grid{grid-template-columns:1fr 1fr}}.auth-shell{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{gap:1.2rem;width:min(760px,100%);padding:1.5rem;display:grid}.auth-brand{align-items:flex-start;gap:1rem;display:flex}.auth-mark{border-radius:var(--border-radius-lg);background:var(--primary);color:#fff;place-items:center;width:52px;height:52px;font-size:1.2rem;font-weight:800;display:grid}.auth-switch{gap:.65rem;display:inline-flex}.auth-switch button{background:var(--bg-soft);color:var(--text-muted);border-radius:999px;padding:.7rem 1rem;font-weight:700}.auth-switch button.active{background:var(--primary);color:#fff}.auth-form{gap:.95rem;display:grid}.auth-form label{gap:.35rem;display:grid}.auth-form span{color:var(--text-secondary);font-weight:700}.auth-form input{border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);background:var(--bg-elevated);width:100%;padding:.95rem 1rem}.auth-error{color:var(--danger);font-weight:700}.auth-notice{border-radius:var(--border-radius-md);color:var(--success,#10b981);text-align:center;background:rgba(16,185,129,.12);margin:0;padding:.75rem 1rem;font-weight:700}.auth-forgot-link{color:var(--primary-dark);font:inherit;cursor:pointer;background:0 0;border:none;align-self:center;padding:.25rem;font-weight:600;text-decoration:underline}.auth-forgot-link:hover{color:var(--primary-dark)}.auth-consent{align-items:flex-start;gap:.6rem;line-height:1.55;display:flex}.auth-consent input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--primary-dark);cursor:pointer;flex-shrink:0;margin-top:.15rem}.auth-consent span{color:var(--text-secondary);font-weight:500}.legal-link{color:var(--primary-dark);font:inherit;cursor:pointer;background:0 0;border:none;padding:.55rem .15rem;font-weight:700;text-decoration:underline}.legal-link:hover{color:var(--primary-dark)}.auth-legal-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding-top:.4rem;font-size:.85rem;display:flex}.auth-legal-footer span[aria-hidden=true]{color:var(--text-muted)}@media (max-width:640px){.auth-card{padding:1rem}.auth-brand{flex-direction:column}}.verify-card{text-align:center;justify-items:center;max-width:min(480px,100%)}.verify-icon{font-size:3rem;line-height:1}.verify-head{gap:.5rem;display:grid}.verify-head h1{margin:0}.verify-head p{color:var(--text-secondary);margin:0;line-height:1.6}.verify-head strong{color:var(--text);word-break:break-all}.verify-actions{gap:.7rem;width:100%;display:grid}.verify-secondary-btn{border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);background:var(--bg-soft);color:var(--primary-dark);cursor:pointer;padding:.85rem 1rem;font-weight:700}.verify-secondary-btn:disabled{opacity:.55;cursor:not-allowed}.verify-link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.3rem;font-weight:700}.verify-link-btn:hover{color:var(--text-secondary)}.verify-info{color:var(--success);margin:0;font-weight:700}.messages-layout{gap:1.2rem;display:grid}.messages-grid{grid-template-columns:320px minmax(0,1fr);gap:1rem;min-width:0;min-height:620px;display:grid}.messages-peers,.messages-thread{gap:1rem;min-width:0;padding:1rem;display:grid}.messages-peers-head,.messages-thread-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.messages-peer-list{align-content:start;gap:.7rem;display:grid}.messages-peer-item{color:var(--text-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);background:var(--bg-soft);text-align:left;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;padding:.9rem 1rem;display:flex}.messages-peer-item strong,.messages-peer-item span{overflow-wrap:anywhere;display:block}.messages-peer-item.active{border-color:var(--glass-border);background:var(--bg-soft)}.messages-bubbles{align-content:start;gap:.8rem;max-height:420px;display:grid;overflow:auto}.message-bubble{background:var(--bg-soft);overflow-wrap:anywhere;border-radius:18px 18px 18px 6px;gap:.45rem;max-width:min(520px,100%);padding:.95rem 1rem;display:grid}.message-bubble.own{background:rgba(61,71,214,.16);border-radius:18px 18px 6px;margin-left:auto}.message-bubble span{color:var(--text-muted);font-size:.76rem}.messages-compose{gap:.75rem;display:grid}.messages-compose textarea{border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);resize:vertical;min-height:110px;padding:.95rem 1rem}@media (max-width:960px){.messages-grid{grid-template-columns:1fr;min-height:0}.messages-bubbles{max-height:360px}}@media (max-width:640px){.messages-peers,.messages-thread{padding:.9rem}.messages-peers-head,.messages-thread-head{flex-direction:column;align-items:flex-start}.messages-bubbles{max-height:300px}.messages-compose textarea{min-height:96px}}.admin-layout{gap:1.2rem;display:grid}.admin-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.admin-stat-card,.admin-create-card,.admin-users-card,.admin-detail-card{padding:1rem}.admin-stat-card span,.admin-stat-card strong{display:block}.admin-stat-card strong{color:var(--primary-dark);margin-top:.3rem;font-size:1.9rem}.admin-grid{grid-template-columns:1.1fr 1.2fr 1.35fr;gap:1rem;min-width:0;display:grid}.admin-form-grid,.admin-detail-grid,.admin-actions-grid{gap:.75rem;display:grid}.admin-form-grid input,.admin-actions-grid input,.admin-message-box textarea,.admin-filter-bar input,.admin-filter-bar select{border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);width:100%;padding:.9rem 1rem}.admin-filter-bar{grid-template-columns:1fr 160px;gap:.7rem;margin:.8rem 0;display:grid}.admin-user-list{gap:.7rem;max-height:540px;display:grid;overflow:auto}.admin-user-row{border-radius:var(--border-radius-lg);background:var(--bg-soft);border:1px solid var(--glass-border);text-align:left;justify-content:space-between;gap:.7rem;width:100%;min-width:0;padding:.85rem .95rem;display:flex}.admin-user-row.active{background:var(--bg-soft);border-color:var(--glass-border)}.admin-user-row strong,.admin-user-row span{overflow-wrap:anywhere;display:block}.admin-user-meta{text-align:right}.status-pill{margin-top:.3rem;font-size:.78rem;font-weight:700}.status-pill.blocked{color:var(--danger)}.status-pill.active{color:var(--success)}.admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:1rem 0}.admin-detail-grid div{border-radius:var(--border-radius-lg);background:var(--bg-soft);padding:.9rem}.admin-detail-grid span,.admin-detail-grid strong,.admin-actions-grid span{display:block}.admin-inline-actions{flex-wrap:wrap;gap:.7rem;margin-top:.9rem;display:flex}.danger-soft{color:#b42318;background:rgba(239,68,68,.12)}.admin-message-box{gap:.7rem;margin-top:1rem;display:grid}.admin-message-box textarea{resize:vertical;min-height:140px}.admin-error{color:var(--danger);margin:.5rem 0;font-weight:700}.admin-access-line{color:var(--primary-dark);margin-top:.25rem;font-weight:700}.admin-confirm-box{border-radius:var(--border-radius-lg);background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.35);margin-top:.9rem;padding:.9rem}.admin-confirm-note{color:var(--danger);margin:0 0 .6rem;font-weight:600}.admin-inline-actions .finish-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1100px){.admin-stats-grid,.admin-grid,.admin-filter-bar{grid-template-columns:1fr}}@media (max-width:640px){.admin-stats-grid,.admin-detail-grid{grid-template-columns:1fr}.admin-inline-actions{flex-direction:column}.admin-inline-actions .finish-btn,.admin-inline-actions .confirm-btn,.admin-inline-actions .reset-data-btn,.admin-inline-actions button{width:100%}}.app-layout{background:var(--bg-base);grid-template-columns:248px 1fr;min-height:100vh;transition:grid-template-columns .28s;display:grid}.app-layout.sidebar-collapsed{grid-template-columns:96px 1fr}.main-viewport{background:0 0;flex-direction:column;min-width:0;min-height:100vh;transition:padding .28s;display:flex;position:relative;overflow:visible}.main-header{z-index:30;background:var(--bg-base);border-bottom:1px solid var(--glass-border);padding:1rem 0 .9rem;position:-webkit-sticky;position:sticky;top:0}.header-flex{align-items:center;gap:.75rem;min-width:0;display:flex}.header-user-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;margin-left:auto;display:flex}.header-user-chip{background:var(--bg-soft);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:12rem;padding:.45rem .8rem;font-size:.85rem;font-weight:700;overflow:hidden}.header-logout-btn{border-radius:var(--border-radius-sm);border:1.5px solid var(--glass-border-strong);background:var(--bg-elevated);color:var(--primary-dark);white-space:nowrap;min-height:40px;padding:.55rem 1rem;font-size:.85rem;font-weight:700}.header-logout-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.mobile-menu-btn{border-radius:var(--border-radius-sm);border:1.5px solid var(--glass-border-strong);background:var(--bg-elevated);width:40px;height:40px;color:var(--primary-dark);flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:none}.mobile-menu-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.sidebar-backdrop{display:none}.brand-mark{border-radius:var(--border-radius-sm);background:var(--primary);color:#fff;flex-shrink:0;place-items:center;width:36px;height:36px;font-family:Sora,sans-serif;font-size:1rem;font-weight:800;display:grid}.logo-text{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:1.3rem;overflow:hidden}.logo-text span{color:var(--primary-dark)}.view-content{flex:1;padding:1rem 0 3rem}.full-height{flex-direction:column;min-width:0;min-height:calc(100vh - 96px);display:flex;overflow-x:hidden}.tower-view{padding-bottom:1rem}.tower-intro{flex-direction:column;gap:.75rem;margin-bottom:2.25rem;display:flex}.tower-intro p{color:var(--text-muted);max-width:720px;line-height:1.7}@media (max-width:960px){.app-layout,.app-layout.sidebar-collapsed{grid-template-columns:1fr}.main-header{padding-top:1rem}.mobile-menu-btn{display:inline-flex}.header-user-chip{display:none}.sidebar-backdrop{z-index:45;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(15,23,42,.34);display:block;position:fixed;top:0;bottom:0;left:0;right:0}.view-content{padding:.75rem 0 2rem}.tower-intro{margin-bottom:1.5rem}}@media (max-width:640px){.main-header{padding:.7rem 0 .6rem}.header-flex{flex-wrap:nowrap;gap:.5rem}.header-user-actions{gap:.4rem;width:auto;margin-left:auto}.header-logout-btn{min-height:40px;padding:.5rem .75rem;font-size:.8rem}.mobile-menu-btn{width:40px;height:40px;font-size:.95rem}.brand-mark{border-radius:var(--border-radius-sm);width:32px;height:32px;font-size:.9rem}.logo-text{flex:0 auto;min-width:0;font-size:1.05rem}.view-content{padding:.5rem 0 1.5rem}.full-height{min-height:calc(100dvh - 82px)}.tower-intro{gap:.55rem;margin-bottom:1.2rem}.tower-intro p{font-size:.95rem;line-height:1.6}}.mini-audio-btn.speaking{background:var(--primary);border-color:var(--primary);color:#fff;animation:1.1s ease-in-out infinite speaking-pulse}@keyframes speaking-pulse{0%,to{box-shadow:0 0 rgba(61,71,214,.4)}50%{box-shadow:0 0 0 7px rgba(61,71,214,0)}}.session-loading-screen{background:var(--bg-base);min-height:100dvh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.session-loading-spinner{border:3px solid var(--bg-soft);border-top-color:var(--primary-dark);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite session-loading-spin}@keyframes session-loading-spin{to{transform:rotate(360deg)}}.pron-error-banner{border-radius:var(--border-radius-lg);color:#b42318;text-align:center;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.22);margin-bottom:1rem;padding:.85rem 1rem;font-size:.9rem}