:root{--primary:#3d47d6;--primary-light:#6674ff;--primary-dark:#2d37b8;--secondary:#94a3ff;--accent:#ffb547;--accent-light:#ffd873;--cyan:#46b8ff;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--bg-base:#f4f6ff;--bg-surface:#eef2ff;--bg-elevated:#fff;--bg-card:rgba(255,255,255,.94);--bg-card-hover:#fff;--bg-sidebar:rgba(255,255,255,.9);--bg-soft:rgba(111,126,255,.08);--glass:rgba(98,110,255,.06);--glass-hover:rgba(98,110,255,.1);--glass-border:rgba(86,103,211,.12);--glass-border-strong:rgba(76,93,205,.22);--text-main:#111827;--text-secondary:#25304a;--text-muted:#667085;--text-faint:rgba(102,112,133,.55);--border-radius-sm:12px;--border-radius-md:18px;--border-radius-lg:24px;--border-radius-xl:32px;--shadow-sm:0 10px 25px rgba(22,35,86,.08);--shadow-md:0 24px 60px rgba(24,39,75,.12);--shadow-lg:0 32px 90px rgba(24,39,75,.16);--shadow-glow:0 12px 40px rgba(61,71,214,.18)}.dark-mode{--bg-base:#0c1222;--bg-surface:#12192d;--bg-elevated:#172036;--bg-card:rgba(20,29,49,.92);--bg-card-hover:rgba(24,36,60,.96);--bg-sidebar:rgba(11,18,32,.92);--bg-soft:rgba(111,126,255,.12);--glass:rgba(255,255,255,.04);--glass-hover:rgba(255,255,255,.08);--glass-border:rgba(255,255,255,.1);--glass-border-strong:rgba(255,255,255,.16);--text-main:#f8fafc;--text-secondary:#d5defa;--text-muted:#94a3b8;--text-faint:rgba(255,255,255,.4);--shadow-sm:0 10px 25px rgba(0,0,0,.28);--shadow-md:0 24px 60px rgba(0,0,0,.34);--shadow-lg:0 32px 90px rgba(0,0,0,.42)}*,: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;border:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}button:active{transform:scale(.98)}input,select,textarea{border:1px solid var(--glass-border);color:var(--text-main);background:rgba(255,255,255,.7)}.dark-mode input,.dark-mode select,.dark-mode textarea{background:rgba(255,255,255,.03)}h1,h2,h3,h4{letter-spacing:-.04em;font-family:Sora,sans-serif;line-height:1.08}h1{font-size:2.3rem}h2{font-size:1.95rem}h3{font-size:1.25rem}.bg-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(102,116,255,.14),transparent 28%),radial-gradient(circle at 86% 16%,rgba(255,181,71,.16),transparent 24%),radial-gradient(circle at 72% 84%,rgba(70,184,255,.1),transparent 24%),linear-gradient(rgba(255,255,255,.25),transparent 26%);position:fixed;top:0;bottom:0;left:0;right:0}.dark-mode .bg-glow{background:radial-gradient(circle at 18% 12%,rgba(102,116,255,.18),transparent 28%),radial-gradient(circle at 86% 16%,rgba(255,181,71,.1),transparent 24%),radial-gradient(circle at 72% 84%,rgba(70,184,255,.08),transparent 24%)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);transition:background .2s,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:2.25rem}.view-header h2{color:var(--text-main);margin-bottom:.65rem}.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{color:var(--primary);letter-spacing:.08em;background:rgba(61,71,214,.12);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{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;background:rgba(61,71,214,.08);border-radius:999px;align-items:center;padding:.32rem .72rem;font-size:.68rem;font-weight:800;display:inline-flex}.finish-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;min-height:52px;box-shadow:var(--shadow-glow);border-radius:18px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.5rem;font-weight:800;display:inline-flex}.finish-btn:hover{transform:translateY(-2px)}.finish-btn.secondary{color:var(--text-secondary);border:1px solid var(--glass-border);box-shadow:none;background:0 0}.pulse-glow{animation:2s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:0 16px 44px rgba(61,71,214,.28)}}.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:3.2rem 2.4rem}.placeholder-icon{margin-bottom:1rem;font-size:2.8rem}.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);margin-top:.55rem;font-weight:700}.tower-floor{background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:28px;align-items:center;gap:1.2rem;padding:1.3rem 1.4rem;display:flex;position:relative}.tower-floor:before{content:"";pointer-events:none;background:linear-gradient(135deg,rgba(102,116,255,.04),transparent 44%);border-radius:28px;position:absolute;top:0;bottom:0;left:0;right:0}.tower-floor:hover:not(.locked){box-shadow:var(--shadow-md);transform:translateY(-2px)}.tower-floor.current{box-shadow:var(--shadow-glow);border-color:rgba(61,71,214,.28)}.tower-floor.completed{border-color:rgba(22,163,74,.2)}.tower-floor.locked{opacity:.48;filter:grayscale(.4);cursor:not-allowed}.floor-number{background:var(--bg-soft);min-width:84px;color:var(--primary);text-align:center;letter-spacing:.08em;border-radius:18px;padding:.62rem .75rem;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{color:#b86b04;background:rgba(255,181,71,.16);border-radius:999px;padding:.35rem .6rem;font-size:.72rem;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)}.floor-progress-bar{background:rgba(61,71,214,.08);border-radius:999px;height:8px;overflow:hidden}.floor-progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:999px;height:100%}.tower-floor.completed .floor-progress-fill{background:linear-gradient(90deg, var(--success), #4ade80)}.floor-status-indicator{justify-content:center;min-width:32px;display:flex}.pulse-indicator-dot{background:var(--primary);border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 8px rgba(61,71,214,.12)}.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{border-radius:24px;align-items:flex-start;gap:.85rem;padding:1rem}.floor-number{border-radius:15px;min-width:72px;padding:.52rem .6rem;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{color:#b42318;text-align:center;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.22);border-radius:18px;margin-bottom:1rem;padding:.95rem 1rem}.learning-card{background:radial-gradient(circle at top right, rgba(129,140,248,.16), transparent 34%), var(--bg-card);flex-direction:column;gap:1rem;min-height:560px;padding:1.9rem 2rem;display:flex}.block-progress-pill{border:1px solid var(--glass-border);color:var(--text-main);background:rgba(61,71,214,.06);border-radius:20px;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{color:var(--text-muted);background:rgba(61,71,214,.08);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:1px solid var(--glass-border);width:48px;height:44px;color:var(--primary);background:rgba(61,71,214,.08);border-radius:16px;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{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;background:rgba(61,71,214,.08);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);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:1px solid var(--glass-border);background:rgba(61,71,214,.04);border-radius:20px;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:rgba(61,71,214,.08);border-radius:999px;height:10px;overflow:hidden}.meter-fill{border-radius:999px;height:100%}.meter-live{background:linear-gradient(90deg,#fb923c,#fbbf24)}.meter-indeterminate{background:linear-gradient(90deg,#6366f1,#a855f7);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:1px solid var(--glass-border);text-align:center;background:rgba(255,255,255,.86);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-height:104px;padding:.9rem .8rem;display:flex;box-shadow:inset 0 1px rgba(255,255,255,.38)}.dark-mode .rate-btn{background:rgba(255,255,255,.03)}.rate-btn:disabled,.rate-btn-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-icon{background:rgba(255,255,255,.72);border:1px solid;border-radius:14px;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:linear-gradient(rgba(239,68,68,.08),rgba(255,255,255,.92))}.btn-r{color:var(--warning);background:linear-gradient(rgba(245,158,11,.08),rgba(255,255,255,.92))}.btn-y{color:var(--success);background:linear-gradient(rgba(34,197,94,.08),rgba(255,255,255,.92))}.speaking-active{background:var(--primary)!important;color:#fff!important}@media (max-width:640px){.learning-card{border-radius:24px;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:20px;min-height:92px;padding:.85rem .45rem}.btn-icon{border-radius:12px;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{background:var(--bg-card);border-radius:30px;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{min-height:38px;color:var(--primary);white-space:nowrap;background:rgba(61,71,214,.08);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{color:var(--primary);letter-spacing:.06em;background:rgba(61,71,214,.08);border-radius:999px;margin-top:.9rem;padding:.45rem .85rem;font-size:.72rem;font-weight:800;display:inline-flex}.player-progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%}.dialogue-thread{background:radial-gradient(circle at top right, rgba(129,140,248,.14), transparent 34%), var(--bg-card);border-radius:32px;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:1px solid var(--glass-border);box-sizing:border-box;overflow-wrap:anywhere;background:rgba(255,255,255,.84);border-radius:24px;width:min(78%,640px);max-width:calc(100% - 52px);padding:1rem 1.05rem;transition:transform .2s,box-shadow .2s,opacity .2s}.dialogue-avatar{color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:14px;flex:0 0 40px;place-items:center;font-size:.84rem;font-weight:900;display:grid}.avatar-a{background:linear-gradient(135deg,#4f46e5,#6366f1)}.avatar-b{background:linear-gradient(135deg,#0f766e,#14b8a6)}.avatar-c{background:linear-gradient(135deg,#b45309,#f59e0b)}.avatar-d{background:linear-gradient(135deg,#9333ea,#c084fc)}.dark-mode .dialogue-bubble{background:rgba(255,255,255,.04)}.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:linear-gradient(135deg,rgba(61,71,214,.1),rgba(255,255,255,.88));border-top-left-radius:10px}.dialogue-bubble.speaker-b{background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(255,255,255,.88));border-top-right-radius:10px}.dialogue-bubble.speaker-c{background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(255,255,255,.9));border-top-left-radius:10px}.dialogue-bubble.speaker-d{background:linear-gradient(135deg,rgba(192,132,252,.16),rgba(255,255,255,.9));border-top-right-radius:10px}.dark-mode .dialogue-bubble.speaker-a,.dark-mode .dialogue-bubble.speaker-b,.dark-mode .dialogue-bubble.speaker-c,.dark-mode .dialogue-bubble.speaker-d{background:rgba(255,255,255,.05)}.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);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{min-height:40px;color:var(--primary);background:rgba(61,71,214,.08);border-radius:14px;padding:0 .9rem;font-weight:700}.player-controls-bar{background:var(--bg-card);border-radius:26px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.ctrl-btn{min-height:46px;color:var(--primary);background:rgba(61,71,214,.08);border-radius:16px;padding:0 1rem;font-weight:700}.main-play{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;min-width:120px}.player-action-link.exit{color:var(--primary)}.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:24px}.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:12px;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:1px solid var(--glass-border);min-height:44px;color:var(--primary);letter-spacing:.04em;background:rgba(61,71,214,.08);border-radius:999px;padding:.65rem 1rem;font-size:.78rem;font-weight:800;position:absolute;top:0;right:0}.context-help-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.view-header.has-help,.call-header.has-help,.player-header.has-help{padding-right:7rem;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);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:1px solid var(--glass-border);background:#fff;border-radius:999px;min-height:40px;padding:.65rem 1rem;font-weight:700}.dark-mode .help-modal-close{background:rgba(255,255,255,.04)}.help-search-bar{margin-bottom:1rem}.help-search-bar input{border:1px solid var(--glass-border);background:rgba(255,255,255,.72);border-radius:16px;width:100%;min-height:48px;padding:0 1rem}.dark-mode .help-search-bar input{background:rgba(255,255,255,.04)}.help-items-list{gap:.9rem;display:grid}.help-item-card{border:1px solid var(--glass-border);background:rgba(61,71,214,.04);border-radius:20px;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{color:var(--primary);background:rgba(61,71,214,.08);border-radius:999px;padding:.28rem .55rem;font-size:.7rem;font-weight:700}.help-empty-state{border:1px solid var(--glass-border);text-align:center;background:rgba(61,71,214,.04);border-radius:18px;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:3.4rem;padding-right:0}.context-help-btn,.help-modal-close{width:auto}.context-help-btn{top:0;right:0}.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{background:radial-gradient(circle at top right, rgba(129,140,248,.16), transparent 36%), var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);border-radius:28px;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);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{min-height:42px;color:var(--primary);white-space:nowrap;background:rgba(61,71,214,.08);border:1px solid rgba(61,71,214,.18);border-radius:999px;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:1px solid var(--glass-border);background:rgba(255,255,255,.66);border-radius:22px;padding:.9rem 1rem}.dark-mode .progress-stat-card{background:rgba(255,255,255,.04)}.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)}.progress-bar-bg{background:rgba(61,71,214,.08);border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:999px;height:100%}.card-area{flex-direction:column;align-items:center;gap:0;display:flex}.mastery-indicator{width:min(760px,100%);color:var(--text-muted);border:1px solid var(--glass-border);background:rgba(61,71,214,.06);border-radius:22px;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{background:radial-gradient(circle at top right, rgba(129,140,248,.16), transparent 36%), var(--bg-card);border:1px solid var(--glass-border);width:min(760px,100%);box-shadow:var(--shadow-md);text-align:center;border-radius:30px;padding:2.3rem;position:relative}.milestone-icon{width:78px;height:78px;color:var(--primary);letter-spacing:.08em;background:rgba(61,71,214,.1);border-radius:24px;place-items:center;margin:0 auto 1rem;font-size:1.15rem;font-weight:900;display:grid}.milestone-card p,.complete-text{color:var(--text-muted);max-width:620px;margin:1rem auto 0;line-height:1.8}.complete-title{color:var(--primary)}.finish-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.unlocked-tip-alert{border:1px solid var(--glass-border);text-align:left;background:rgba(61,71,214,.06);border-radius:22px;margin-top:1.4rem;padding:1.25rem}.tip-alert-header{color:var(--primary);letter-spacing:.08em;align-items:center;gap:.45rem;margin-bottom:.5rem;font-size:.74rem;font-weight:800;display:flex}.tip-alert-icon{background:rgba(61,71,214,.1);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:22px;padding:3.1rem .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:18px;padding:.9rem}.milestone-card,.session-complete{border-radius:24px;padding:1.4rem 1rem}}.app-sidebar{z-index:40;background:var(--bg-sidebar);border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);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{width:38px;height:38px;color:var(--primary);background:rgba(61,71,214,.1);border-radius:14px;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{background:var(--glass);border:1px solid var(--glass-border);cursor:pointer;border-radius:24px;align-items:center;gap:.85rem;padding:.8rem;display:flex}.avatar-circle{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:16px;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{width:100%;min-height:52px;color:var(--text-muted);text-align:left;background:0 0;border-radius:18px;align-items:center;gap:.8rem;padding:.75rem .85rem;display:flex}.nav-item:hover{background:var(--glass);color:var(--text-secondary)}.nav-item.active{color:var(--primary);background:rgba(61,71,214,.1)}.nav-icon{background:rgba(61,71,214,.06);border-radius:12px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.nav-item.active .nav-icon{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.nav-svg{width:18px;height:18px}.nav-label{font-size:.96rem;font-weight:700}.nav-badge{color:var(--primary);background:rgba(61,71,214,.12);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:color-mix(in srgb, var(--bg-sidebar) 96%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:none;width:min(320px,86vw);height:100dvh;padding:.75rem .75rem .65rem;transition:transform .28s,opacity .28s,padding .28s;position:fixed;top:0;left:0;box-shadow:0 24px 60px rgba(15,23,42,.22)}.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:20px;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:12px;width:44px;height:44px}.sidebar-header{padding-bottom:.55rem}.user-profile-simple{border-radius:18px;gap:.7rem;padding:.65rem .72rem}.avatar-circle{border-radius:14px;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:16px;gap:.55rem;min-height:46px;padding:.55rem .72rem}.nav-item{font-size:.9rem}.nav-icon{border-radius:10px;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:26px;flex-direction:column;min-height:210px;padding:1.35rem;display:flex}.block-item-card:hover{transform:translateY(-2px)}.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:1px solid var(--glass-border);width:36px;height:36px;color:var(--primary);background:rgba(61,71,214,.08);border-radius:14px;place-items:center;display:grid}.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(--text-main);margin-bottom:.2rem;font-size:1.7rem}.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:rgba(61,71,214,.12);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:rgba(22,163,74,.18)}@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:22px;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:22px;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{border-bottom:1px solid var(--glass-border);background:rgba(61,71,214,.05);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:1px solid var(--glass-border);width:38px;height:38px;color:var(--primary);background:rgba(61,71,214,.08);border-radius:14px;place-items:center;display:grid}.mini-mic-btn.listening{color:var(--danger);background:rgba(239,68,68,.12)}.mini-meter{background:rgba(61,71,214,.08);border-radius:999px;width:100%;height:5px;margin-top:.55rem;overflow:hidden}.mini-meter-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));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:28px;flex-direction:column;gap:.75rem;padding:1.35rem;display:flex}.achievement-summary-card.highlight{background:radial-gradient(circle at top right, rgba(129,140,248,.18), transparent 42%), 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:rgba(61,71,214,.08);border-radius:999px;height:10px;overflow:hidden}.achievement-mini-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:999px;height:100%}.achievement-mini-fill.accent{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.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:"";pointer-events:none;background:radial-gradient(circle,rgba(129,140,248,.16),transparent 70%);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{background:rgba(61,71,214,.08);border-radius:26px;place-items:center;width:78px;height:78px;display:grid;position:relative;overflow:hidden}.badge-icon{z-index:1;color:var(--primary);letter-spacing:.04em;font-size:1.3rem;font-weight:900;position:relative}.badge-glow{background:radial-gradient(circle,rgba(16,185,129,.22),transparent 70%);border-radius:20px;position:absolute;top:10px;bottom:10px;left:10px;right:10px}.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{color:var(--primary);background:rgba(61,71,214,.08)}.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:rgba(61,71,214,.08);border-radius:999px;height:10px;overflow:hidden}.badge-progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:999px;height:100%}.achievement-card.unlocked .badge-progress-fill{background:linear-gradient(90deg, var(--success), #4ade80)}.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:24px;padding:1.2rem}.achievement-card{min-height:auto}}.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:22px;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:24px;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:rgba(61,71,214,.35);transform:translateY(-1px);box-shadow:0 16px 28px rgba(61,71,214,.08)}.search-icon{color:var(--primary);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{min-height:34px;color:var(--primary);background:rgba(61,71,214,.08);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:24px;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:rgba(61,71,214,.28);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);background:rgba(61,71,214,.08)}.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{text-align:center;color:var(--text-muted);border-radius:24px;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:20px;flex-wrap:wrap}.clear-search{width:100%}.tip-row{border-radius:20px;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);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{color:var(--primary);white-space:nowrap;background:rgba(61,71,214,.08);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{color:var(--text-secondary);background:rgba(61,71,214,.08);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{background:rgba(61,71,214,.1);border-radius:12px;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);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:8px;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:1px solid var(--glass-border);background:rgba(61,71,214,.05);border-radius:18px;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{width:min(360px,100%);box-shadow:var(--shadow-lg);border-radius:24px;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:1px solid var(--glass-border);width:40px;height:40px;color:var(--primary);background:rgba(61,71,214,.08);border-radius:14px;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:1px solid var(--glass-border);min-height:44px;color:var(--text-secondary);background:rgba(61,71,214,.06);border-radius:16px;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{color:var(--success);background:rgba(22,163,74,.12);border-radius:18px;padding:.85rem 1rem;font-weight:700}.player-progress-bar-bg{background:rgba(61,71,214,.08);border-radius:999px;height:8px;overflow:hidden}.player-progress-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--primary-light));height:100%}.controls-group{flex-wrap:wrap;gap:.75rem;display:flex}.ctrl-btn{border-radius:16px;min-height:46px;padding:.72rem 1.05rem;font-weight:800}.ctrl-btn.secondary{color:var(--primary);background:rgba(61,71,214,.08)}.ctrl-btn.main-play{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:var(--shadow-glow)}.player-actions{align-items:center;display:flex}.player-action-link{color:var(--primary);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:24px}.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);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);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:rgba(22,163,74,.2)}.story-card-cover{color:#fff;letter-spacing:-.04em;background:radial-gradient(circle at 100% 0,rgba(255,181,71,.25),transparent 32%),linear-gradient(135deg,rgba(61,71,214,.96),rgba(98,110,255,.78));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:rgba(61,71,214,.08);border-radius:999px;height:8px;overflow:hidden}.story-card-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--primary-light));height:100%}.story-card-tags{flex-wrap:wrap;gap:.45rem;display:flex}.story-theme-pill{color:var(--primary);background:rgba(61,71,214,.08);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}.view-header{text-align:center;margin-bottom:3rem}.view-header h2{background:linear-gradient(135deg, white 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.2rem}.view-header p{color:var(--text-muted);font-size:1.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);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:12px;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:0 5px 15px rgba(99,102,241,.4)}.tab-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.search-bar{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;align-items:center;gap:1rem;max-width:600px;margin:1.5rem auto 0;padding:.75rem 1.5rem;display:flex;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.2)}.regular-group-section{margin-top:3rem}.group-header-badge{border:1px solid var(--primary);color:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(99,102,241,.1);border-radius:30px;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(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.verb-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.3)}.verb-card-header{border-bottom:1px solid rgba(255,255,255,.05);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.verb-card-header h3{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.1rem;font-weight:800}.best-score-badge{color:#10b981;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:6px;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{text-align:center;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.03);border-radius:10px;flex-direction:column;align-items:center;min-width:0;padding:.5rem;transition:background .2s;display:flex}.verb-form-item-mini:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.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(--secondary);opacity:.7;overflow-wrap:anywhere;max-width:100%;font-family:Inter,sans-serif;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{cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;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);transform:scale(1.1)}.mini-action-btn.listening{background:#ef4444;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{color:#10b981;white-space:nowrap;pointer-events:none;z-index:5;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);border-radius:4px;padding:1px 4px;font-size:.65rem;font-weight:800;position:absolute;left:calc(100% + 4px)}.mini-meter{width:100%;height:3px;margin-top:6px}.meter-bg-mini{background:rgba(255,255,255,.05);border-radius:2px;width:100%;height:100%;overflow:hidden}.meter-fill-mini{border-radius:2px;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:28px;padding:1.35rem}.guided-locked-state,.guided-ready-state{flex-direction:column;gap:1rem;display:flex}.guided-lock-badge{width:78px;height:78px;color:var(--primary);background:rgba(61,71,214,.1);border-radius:24px;place-items:center;font-size:1.35rem;font-weight:900;display:grid}.guided-progress-block{border:1px solid var(--glass-border);background:rgba(61,71,214,.05);border-radius:22px;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:rgba(61,71,214,.08);border-radius:999px;height:10px;overflow:hidden}.guided-progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));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);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.74rem;font-weight:800;display:inline-block}.guided-copy-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:16px;min-height:46px;padding:0 1rem;font-weight:800}.guided-prompt-box{border:1px solid var(--glass-border);resize:vertical;background:rgba(255,255,255,.72);border-radius:22px;width:100%;min-height:520px;padding:1rem;line-height:1.55}.dark-mode .guided-prompt-box{background:rgba(255,255,255,.04)}.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:1px solid var(--glass-border);background:rgba(61,71,214,.04);border-radius:18px;grid-template-columns:36px 1fr;align-items:flex-start;gap:.75rem;padding:.8rem .9rem;display:grid}.guided-block-index{width:36px;height:36px;color:var(--primary);background:rgba(61,71,214,.08);border-radius:12px;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:22px;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{text-align:center;border-radius:30px;padding:1.8rem;position:-webkit-sticky;position:sticky;top:108px}.avatar-section{flex-direction:column;align-items:center;display:flex}.avatar-main{border:1px solid var(--glass-border);cursor:pointer;background:rgba(61,71,214,.08);border-radius:28px;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);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{color:var(--primary);background:rgba(61,71,214,.08);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{background:rgba(61,71,214,.06);border-radius:20px;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);overflow-wrap:anywhere;font-weight:800}.edit-profile-btn,.save-btn,.cancel-btn,.calendar-controls button,.floor-chip{border-radius:16px}.edit-profile-btn,.save-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));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:1px solid var(--glass-border);background:rgba(255,255,255,.8);border-radius:16px;width:100%;min-height:46px;padding:.85rem 1rem}.dark-mode .user-info-edit input{background:rgba(255,255,255,.04)}.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{width:40px;height:40px;color:var(--primary);background:rgba(61,71,214,.08);border-radius:14px;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:28px;padding:1.5rem}.dash-stat{flex-direction:column;justify-content:center;gap:.35rem;display:flex}.dash-value{color:var(--primary);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{border:1px solid var(--glass-border);min-height:40px;color:var(--primary);background:rgba(61,71,214,.06);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{min-height:62px;color:var(--text-muted);background:rgba(61,71,214,.05);border-radius:16px;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);margin-top:.85rem;font-weight:700}.floor-chip{border:1px solid var(--glass-border);min-height:44px;color:var(--text-secondary);background:rgba(61,71,214,.06);font-weight:700}.floor-chip.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));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:22px;padding:1.1rem}.avatar-main{border-radius:22px;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:12px;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);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:28px;padding:1.6rem}.section-header{align-items:center;gap:.8rem;margin-bottom:.4rem;display:flex}.section-icon{background:rgba(61,71,214,.08);border-radius:14px;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:1px solid var(--glass-border);background:rgba(61,71,214,.05);border-radius:18px;gap:.4rem;padding:.3rem;display:flex}.selector-btn{min-height:42px;color:var(--text-muted);background:0 0;border-radius:14px;flex:1;font-weight:700}.selector-btn.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff}.setting-control input[type=range]{width:100%;accent-color:var(--primary)}.setting-control select{border-radius:16px;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:16px;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{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.16);border-radius:22px;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:1px solid var(--glass-border);background:rgba(61,71,214,.05);border-radius:20px;min-width:0;padding:.95rem}.subscription-inline-card span,.subscription-inline-card strong{display:block}.subscription-inline-card strong{color:var(--primary);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{background:color-mix(in srgb, var(--success) 14%, transparent);border:1px solid color-mix(in srgb, var(--success) 35%, transparent);color:var(--text-main);border-radius:16px;margin:.5rem 0 1rem;padding:.85rem 1rem;font-size:.92rem;font-weight:600}.coupon-list-inline,.glass-subpanel{border:1px solid var(--glass-border);background:rgba(61,71,214,.04);border-radius:22px;margin-top:1rem;padding:1rem}.coupon-chip-list{flex-wrap:wrap;gap:.65rem;margin-top:.75rem;display:flex}.coupon-chip{color:var(--primary);overflow-wrap:anywhere;background:rgba(61,71,214,.12);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:1px solid var(--glass-border);border-radius:14px;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:1px solid var(--glass-border);background:rgba(61,71,214,.05);border-radius:20px;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:22px;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);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)}.dark-mode .legal-modal-close{background:rgba(255,255,255,.04)}.legal-modal-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.legal-modal-tab{border:1px solid var(--glass-border);color:var(--text-muted);background:rgba(61,71,214,.06);border-radius:999px;padding:.55rem .95rem;font-size:.82rem;font-weight:700}.legal-modal-tab:hover{color:var(--primary)}.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);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);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:1px solid var(--glass-border);background:rgba(61,71,214,.06);border-radius:24px;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);margin-top:.3rem;font-size:1.75rem;display:block}.level-test-summary-card.featured{background:linear-gradient(135deg,rgba(61,71,214,.12),rgba(102,116,255,.08))}.level-test-sequence{gap:1rem;display:grid}.level-test-group{border:1px solid var(--glass-border);background:rgba(255,255,255,.58);border-radius:26px;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:rgba(61,71,214,.22)}.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);margin-top:.2rem;font-weight:700}.level-test-progress-track{background:rgba(61,71,214,.08);border-radius:999px;height:9px;margin-bottom:.9rem;overflow:hidden}.level-test-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--primary-light));height:100%}.level-test-word-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;display:grid}.level-test-word{border:1px solid var(--glass-border);text-align:left;background:rgba(61,71,214,.04);border-radius:18px;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{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:18px;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{color:var(--text-muted);background:rgba(61,71,214,.08);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:1px solid var(--glass-border);background:rgba(255,255,255,.7);border-radius:16px;width:100%;padding:.95rem 1rem}.auth-error{color:var(--danger);font-weight:700}.auth-notice{color:var(--success,#10b981);text-align:center;background:rgba(16,185,129,.12);border-radius:14px;margin:0;padding:.75rem 1rem;font-weight:700}.auth-forgot-link{color:var(--primary);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);cursor:pointer;flex-shrink:0;margin-top:.15rem}.auth-consent span{color:var(--text-secondary);font-weight:500}.legal-link{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;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:1px solid var(--glass-border);color:var(--primary);cursor:pointer;background:rgba(61,71,214,.08);border-radius:16px;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{border:1px solid var(--glass-border);text-align:left;background:rgba(61,71,214,.04);border-radius:18px;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{background:rgba(61,71,214,.1);border-color:rgba(61,71,214,.28)}.messages-bubbles{align-content:start;gap:.8rem;max-height:420px;display:grid;overflow:auto}.message-bubble{overflow-wrap:anywhere;background:rgba(61,71,214,.08);border-radius:22px 22px 22px 8px;gap:.45rem;max-width:min(520px,100%);padding:.95rem 1rem;display:grid}.message-bubble.own{background:rgba(61,71,214,.16);border-radius:22px 22px 8px;margin-left:auto}.message-bubble span{color:var(--text-muted);font-size:.76rem}.messages-compose{gap:.75rem;display:grid}.messages-compose textarea{border:1px solid var(--glass-border);resize:vertical;border-radius:18px;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);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:1px solid var(--glass-border);border-radius:16px;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:1px solid var(--glass-border);text-align:left;background:rgba(61,71,214,.04);border-radius:18px;justify-content:space-between;gap:.7rem;width:100%;min-width:0;padding:.85rem .95rem;display:flex}.admin-user-row.active{background:rgba(61,71,214,.1);border-color:rgba(61,71,214,.24)}.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{background:rgba(61,71,214,.05);border-radius:18px;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);margin-top:.25rem;font-weight:700}.admin-confirm-box{background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.35);border-radius:18px;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;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(rgba(244,246,255,.92),rgba(244,246,255,.72),transparent);padding:1.35rem 0 1rem;position:-webkit-sticky;position:sticky;top:0}.dark-mode .main-header{background:linear-gradient(rgba(12,18,34,.92),rgba(12,18,34,.72),transparent)}.header-flex{align-items:center;gap:.9rem;min-width:0;display:flex}.header-user-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.7rem;min-width:0;margin-left:auto;display:flex}.header-user-chip{color:var(--text-secondary);background:rgba(61,71,214,.08);border-radius:999px;padding:.55rem .85rem;font-weight:700}.header-logout-btn{color:var(--primary);background:rgba(61,71,214,.12);border-radius:999px;min-height:44px;padding:.6rem .9rem;font-weight:800}.mobile-menu-btn{width:44px;height:44px;color:var(--primary);background:rgba(61,71,214,.12);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:none}.sidebar-backdrop{display:none}.brand-mark{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;width:38px;height:38px;box-shadow:var(--shadow-glow);border-radius:14px;place-items:center;font-size:1.05rem;display:grid}.logo-text{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:1.4rem;overflow:hidden}.logo-text span{color:var(--primary)}.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:.85rem 0 .7rem}.header-flex{flex-wrap:wrap;gap:.7rem}.header-user-actions{justify-content:space-between;gap:.45rem;width:100%;margin-left:0}.header-logout-btn{min-height:44px;padding:.5rem .9rem;font-size:.85rem}.mobile-menu-btn{border-radius:12px;width:44px;height:44px;font-size:.95rem}.brand-mark{border-radius:12px;width:34px;height:34px;font-size:.95rem}.logo-text{flex:auto;max-width:calc(100% - 3.2rem);font-size:1.12rem}.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);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{color:#b42318;text-align:center;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.22);border-radius:16px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.9rem}