:root{--bg-base: #0a0a0f;--bg-surface: #12121a;--bg-elevated: #1a1a26;--bg-hover: #22222f;--accent: #ffffff;--accent-hover: rgba(255, 255, 255, .82);--accent-glow: rgba(255, 255, 255, .12);--accent-contrast: #0a0a0f;--accent-rgb: 255, 255, 255;--accent-contrast-rgb: 10, 10, 15;--correct: #22c55e;--correct-bg: rgba(34, 197, 94, .12);--incorrect: #ef4444;--incorrect-bg: rgba(239, 68, 68, .12);--reset-color: #f97316;--reset-bg: rgba(249, 115, 22, .12);--text-primary: #f0f0f8;--text-secondary: #8888aa;--text-muted: #55556a;--border: rgba(255,255,255,.08);--border-accent: rgba(255, 255, 255, .25);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-card: 0 4px 24px rgba(0,0,0,.4);--shadow-accent: 0 4px 24px var(--accent-glow);--transition: .15s ease;--neural-color-1: #ffffff;--neural-color-2: #888899;--neural-glow-opacity: .85}[data-theme=light]{--bg-base: #f5f5fa;--bg-surface: #ffffff;--bg-elevated: #f0f0f8;--bg-hover: #e8e8f5;--text-primary: #1a1a2e;--text-secondary: #555577;--text-muted: #9999bb;--accent: #0a0a0f;--accent-hover: rgba(0, 0, 0, .75);--accent-glow: rgba(0, 0, 0, .08);--accent-contrast: #ffffff;--accent-rgb: 10, 10, 15;--accent-contrast-rgb: 255, 255, 255;--border: rgba(0,0,0,.08);--border-accent: rgba(0, 0, 0, .15);--shadow-card: 0 2px 16px rgba(0,0,0,.08);--shadow-accent: 0 4px 20px rgba(0, 0, 0, .12);--correct-bg: rgba(34, 197, 94, .1);--incorrect-bg: rgba(239, 68, 68, .1);--reset-bg: rgba(249, 115, 22, .1);--neural-color-1: #0a0a0f;--neural-color-2: #555577;--neural-glow-opacity: .55}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}#neural-bg-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#app{position:relative;z-index:1;min-height:100dvh;background:transparent}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}h1{font-size:1.8rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}.hidden{display:none!important}.accent{color:var(--accent)}.loading-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;color:var(--text-muted);padding:2rem;text-align:center;font-size:.85rem}.loading-text:before{content:"";display:block;flex-shrink:0;width:52px;height:58px;background:linear-gradient(100deg,var(--bg-hover) 25%,var(--border-accent) 50%,var(--bg-hover) 75%);background-size:200% 100%;-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2064%2070%27%3E%3Cellipse%20cx%3D%2732%27%20cy%3D%2746%27%20rx%3D%2720%27%20ry%3D%2718%27%20fill%3D%27black%27/%3E%3Crect%20x%3D%2710%27%20y%3D%272%27%20width%3D%2713%27%20height%3D%2734%27%20rx%3D%276.5%27%20fill%3D%27black%27%20transform%3D%27rotate%28-14%2016.5%2019%29%27/%3E%3Crect%20x%3D%2741%27%20y%3D%272%27%20width%3D%2713%27%20height%3D%2734%27%20rx%3D%276.5%27%20fill%3D%27black%27%20transform%3D%27rotate%2814%2047.5%2019%29%27/%3E%3C/svg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2064%2070%27%3E%3Cellipse%20cx%3D%2732%27%20cy%3D%2746%27%20rx%3D%2720%27%20ry%3D%2718%27%20fill%3D%27black%27/%3E%3Crect%20x%3D%2710%27%20y%3D%272%27%20width%3D%2713%27%20height%3D%2734%27%20rx%3D%276.5%27%20fill%3D%27black%27%20transform%3D%27rotate%28-14%2016.5%2019%29%27/%3E%3Crect%20x%3D%2741%27%20y%3D%272%27%20width%3D%2713%27%20height%3D%2734%27%20rx%3D%276.5%27%20fill%3D%27black%27%20transform%3D%27rotate%2814%2047.5%2019%29%27/%3E%3C/svg%3E);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;animation:bunny-loader-shimmer 1.5s ease-in-out infinite,bunny-loader-bob 1.9s ease-in-out infinite}@keyframes bunny-loader-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes bunny-loader-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.loading-text:before{animation:none}}.error-state{color:var(--incorrect);padding:2rem;text-align:center}.empty-state{color:var(--text-muted);padding:1.5rem;text-align:center;font-size:.9rem}.main-content{max-width:860px;margin:0 auto;padding:2rem 1rem 4rem}.section{margin-top:2.5rem}.input{width:100%;padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);transition:border-color var(--transition);outline:none}.input:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition);font-family:var(--font-sans)}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.tag-easy{color:var(--correct)}.tag-medium{color:var(--accent)}.tag-hard{color:var(--incorrect)}.confetti-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;top:-12px;border-radius:2px;opacity:.95;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--drift),105vh) rotate(var(--rot));opacity:.85}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;background:#12121ad1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}[data-theme=light] .navbar{background:#ffffffd1}.nav-logo{font-size:1.2rem;font-weight:500;letter-spacing:0;color:var(--text-primary)}.nav-logo strong{font-weight:800;color:var(--accent)}.nav-links{display:flex;align-items:center;gap:1.25rem;font-size:.9rem}.nav-links a{color:var(--text-secondary)}.nav-links a:hover{color:var(--text-primary)}.nav-links>*{flex-shrink:0}.nav-logout{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.35rem .85rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all var(--transition)}.nav-logout:hover{border-color:var(--incorrect);color:var(--incorrect)}.nav-theme-toggle{background:none;border:1px solid var(--border);color:var(--text-primary);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition);padding:0}.nav-theme-toggle:hover{border-color:var(--accent);background:var(--bg-hover)}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;font-weight:600;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:.75rem}.tab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.nav-tokens{color:var(--accent);font-weight:600;font-size:.85rem}.nav-user{color:var(--text-secondary);font-size:.85rem;font-weight:500}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3.5rem 2rem 2.5rem;width:100%;max-width:380px;box-shadow:var(--shadow-card);text-align:center}.login-logo{font-size:2rem;font-weight:900;letter-spacing:.2em;background:linear-gradient(90deg,var(--text-muted) 0%,var(--accent) 25%,var(--text-primary) 55%,var(--accent) 75%,var(--text-muted) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:artemis-shimmer 3s linear infinite;margin-bottom:2rem}@keyframes artemis-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.login-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:2rem;letter-spacing:.3em}.login-form{display:flex;flex-direction:column;gap:.85rem}.login-error{color:var(--incorrect);font-size:.875rem;padding:.5rem;background:var(--incorrect-bg);border-radius:var(--radius-sm)}.training-main,.sisyphos-main{max-width:860px;margin:0 auto;padding:1.5rem 1rem 4rem}.training-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.progress-bar{flex:1;height:8px;background:var(--bg-elevated);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .4s ease}.progress-label{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.question-card{position:relative;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.25rem 2rem 2rem;box-shadow:0 10px 30px rgba(var(--accent-rgb),.1),var(--shadow-card);overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--accent);animation:question-card-shimmer 4s ease-in-out infinite}@keyframes question-card-shimmer{0%,to{opacity:.6}50%{opacity:1}}.question-difficulty{display:inline-flex;align-items:center;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .8rem;border-radius:999px;margin-bottom:1.25rem}.question-difficulty.tag-easy{background:#22c55e1f;color:#16a34a}.question-difficulty.tag-medium{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.question-difficulty.tag-hard{background:#ef44441f;color:#dc2626}.question-text{font-size:1.1rem;line-height:1.7;margin-bottom:1.75rem;color:var(--text-primary)}.options-grid{display:grid;gap:.65rem;margin-bottom:1.5rem}.option-btn{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition),transform .15s ease,box-shadow .15s ease;color:var(--text-primary);font-size:.95rem;line-height:1.5}.option-btn:hover:not(:disabled){border-color:var(--border-accent);background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--accent-rgb),.12)}.opt-label{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;background:rgba(var(--accent-rgb),.12);font-weight:800;color:var(--accent);font-size:.85rem;flex-shrink:0}.option-btn.correct{border-color:var(--correct);background:var(--correct-bg)}.option-btn.incorrect{border-color:var(--incorrect);background:var(--incorrect-bg)}.option-btn:disabled{cursor:default}.question-card--list{padding:1.75rem 2rem}.question-topbar{display:flex;align-items:center;gap:.6rem;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.question-topbar-icon{display:flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:var(--radius-sm);background:rgba(var(--accent-rgb),.1);font-size:1rem;flex-shrink:0}.question-topbar .question-category-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.question-topbar .question-difficulty{margin-bottom:0}.question-topbar-count{margin-left:auto;font-size:.85rem;color:var(--text-muted);white-space:nowrap}.question-card--list .question-heading{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.question-card--list .option-btn{padding:.85rem .25rem;background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0}.question-card--list .options-grid .option-btn:last-child{border-bottom:none}.question-card--list .option-btn:hover:not(:disabled){background:var(--bg-hover);transform:none;box-shadow:none}.question-card--list .opt-label{width:1.6rem;height:1.6rem;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted)}.question-locked{cursor:pointer;color:var(--text-muted);font-style:italic;font-size:1rem;padding:1rem 0;transition:color var(--transition);-webkit-user-select:none;user-select:none}.question-locked:hover{color:var(--accent)}.option-btn.locked{color:var(--text-muted);cursor:pointer}.option-btn.locked:hover{border-color:var(--border-accent);background:var(--bg-hover)}.opt-locked-text{color:var(--text-muted);font-style:italic;font-size:.9rem}.opt-real-text{color:var(--text-primary)}.feedback-panel{padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.25rem;line-height:1.6;background:var(--bg-surface);border:1px solid var(--border)}.feedback-correct{color:var(--correct)}.feedback-incorrect{color:var(--incorrect)}.feedback-reset{background:var(--reset-bg);border:2px solid var(--reset-color);color:var(--reset-color)}.feedback-cleared{background:rgba(var(--accent-rgb),.15);border:2px solid var(--accent);color:var(--accent)}.feedback-icon{font-size:1.1rem;margin-right:.5rem}.explanation{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.92rem;line-height:1.65;white-space:pre-wrap}.explanation .katex-display,.review-explanation .katex-display{margin:1rem 0;overflow-x:auto;overflow-y:hidden}.sisyphos-header{margin-bottom:1.5rem}.sisyphos-title{font-size:.75rem;font-weight:800;letter-spacing:.3em;color:var(--reset-color);margin-bottom:.5rem}.sisyphos-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.reset-counter.has-resets{color:var(--reset-color);font-weight:700}.sisyphos-progress{height:4px;background:var(--bg-elevated);border-radius:99px;overflow:hidden}.sisyphos-fill{height:100%;background:var(--reset-color);transition:width .4s ease}.reset-count{font-size:1.1rem;font-weight:800;margin-top:.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tokens-badge{background:var(--bg-elevated);border:1px solid var(--border-accent);color:var(--accent);padding:.4rem .9rem;border-radius:99px;font-size:.9rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:.5rem}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem 1rem;text-align:center}.stat-value{font-size:1.8rem;font-weight:800;color:var(--accent)}.stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.ranking-list{display:flex;flex-direction:column;gap:.5rem}.ranking-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.95rem}.ranking-row.ranking-me{border-color:var(--accent);background:rgba(var(--accent-rgb),.08)}.rank-num{font-weight:800;color:var(--text-muted);min-width:2rem}.rank-name{flex:1}.rank-tokens{color:var(--accent);font-weight:600}.attempt-row{display:flex;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.attempt-cat{flex:1;color:var(--text-secondary)}.attempt-score{color:var(--text-primary)}.attempt-pct{color:var(--accent);font-weight:600;min-width:3.5rem;text-align:right}.completed-card{text-align:center;padding:3rem 2rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.completed-icon{font-size:3rem;margin-bottom:1rem}.score-display{font-size:2rem;font-weight:800;color:var(--accent);margin:1rem 0}.completed-actions{margin-top:2rem}@media (max-width: 600px){.navbar{padding:0 .75rem}.nav-logo{font-size:.8rem;white-space:nowrap;flex-shrink:0;margin-right:.6rem}.nav-dashboard-link{display:none}.nav-links{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-links::-webkit-scrollbar{display:none}.question-card{padding:1.25rem}.question-text{font-size:1rem}}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.admin-header h1{font-size:1.5rem;font-weight:700}.btn-sm{padding:.4rem .85rem;font-size:.8rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;border:none;transition:all var(--transition);font-family:var(--font-sans)}.btn-accent{background:var(--accent);color:var(--accent-contrast)}.btn-accent:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn-danger{background:transparent;border:1px solid rgba(239,68,68,.3);color:var(--incorrect)}.btn-danger:hover{background:var(--incorrect-bg);border-color:var(--incorrect)}.btn-success{background:transparent;border:1px solid rgba(34,197,94,.3);color:var(--correct)}.btn-success:hover{background:var(--correct-bg);border-color:var(--correct)}.main-content.admin-users-page{max-width:1600px}#userList{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg, 14px);overflow-x:auto;box-shadow:0 1px 3px #0000000f}.admin-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem}.admin-table thead th{text-align:left;padding:.85rem 1rem;color:var(--text-muted);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:var(--bg-elevated);border-bottom:1px solid var(--border);white-space:nowrap}.admin-table tbody td{padding:.6rem 1rem;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.admin-table tbody tr:not(.medals-row-container){transition:background var(--transition)}.admin-table tbody tr:not(.medals-row-container):nth-child(odd){background:var(--bg-surface)}.admin-table tbody tr:not(.medals-row-container):nth-child(2n){background:var(--bg-elevated)}.admin-table tbody tr:not(.medals-row-container):hover{background:var(--bg-hover)!important}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table .actions{display:grid;grid-template-columns:repeat(2,minmax(80px,1fr));gap:.35rem;min-width:170px;max-width:190px}.admin-table .actions .btn-sm{padding:.35rem .5rem;font-size:.72rem;white-space:nowrap;text-align:center;justify-content:center}.admin-table .actions .inline-password,.admin-table .actions .inline-streak{grid-column:1 / -1}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem .25rem .55rem;border-radius:99px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-published{background:#22c55e26;color:var(--correct);border:1px solid rgba(34,197,94,.3)}.badge-draft{background:#8888aa1f;color:var(--text-muted);border:1px solid rgba(136,136,170,.25)}.badge-quarantine{background:var(--reset-bg);color:var(--reset-color);border:1px solid rgba(249,115,22,.3)}.badge-archived{background:var(--incorrect-bg);color:var(--incorrect);border:1px solid rgba(239,68,68,.3)}.badge-admin{background:rgba(var(--accent-rgb),.15);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.3)}.badge-student{background:#8888aa1f;color:var(--text-secondary);border:1px solid rgba(136,136,170,.2)}.badge-active{background:#22c55e26;color:var(--correct);border:1px solid rgba(34,197,94,.3)}.badge-inactive{background:var(--incorrect-bg);color:var(--incorrect);border:1px solid rgba(239,68,68,.3)}.admin-form{background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem;animation:adminSlideDown .2s ease}@keyframes adminSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.admin-form h3{font-size:.95rem;font-weight:700;margin-bottom:1rem;color:var(--accent)}.form-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:.75rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.form-group .input{padding:.55rem .75rem;font-size:.88rem}.form-group select{width:100%;padding:.55rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.88rem;font-family:var(--font-sans);outline:none;cursor:pointer;transition:border-color var(--transition)}.form-group select:focus{border-color:var(--accent)}.form-group textarea{width:100%;padding:.65rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;font-family:var(--font-mono);resize:vertical;min-height:80px;outline:none;transition:border-color var(--transition)}.form-group textarea:focus{border-color:var(--accent)}.form-actions{display:flex;gap:.5rem;margin-top:.75rem}.admin-toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;z-index:1000;animation:toastIn .25s ease,toastOut .3s ease 2.5s forwards;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(12px)}}.toast-success{background:var(--correct-bg);border:1px solid var(--correct);color:var(--correct)}.toast-error{background:var(--incorrect-bg);border:1px solid var(--incorrect);color:var(--incorrect)}.text-truncate{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-selector{margin-bottom:1.5rem}.category-selector select{width:100%;max-width:400px;padding:.65rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans);outline:none}.category-selector select:focus{border-color:var(--accent)}.question-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.question-form-grid .form-group.full-width{grid-column:1 / -1}.json-import-area{margin-top:1rem}.json-import-area textarea{min-height:160px;font-family:var(--font-mono);font-size:.8rem;line-height:1.5}.inline-password{display:inline-flex;align-items:center;gap:.35rem}.inline-password .input{width:140px;padding:.3rem .5rem;font-size:.8rem}@media (max-width: 768px){.admin-table{font-size:.8rem}.admin-table thead th,.admin-table tbody td{padding:.5rem .4rem}.form-row,.question-form-grid{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start}.text-truncate{max-width:140px}}.dash-main{max-width:1100px}.dash-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}.dash-welcome-left{display:flex;align-items:center;gap:1rem}.dash-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;letter-spacing:.05em;flex-shrink:0}.dash-avatar-img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--border-accent);flex-shrink:0}.dash-greeting{font-size:1.5rem;font-weight:700;line-height:1.3}.dash-subtitle{font-size:.9rem;color:var(--text-muted);margin-top:.15rem}.dash-streak-card{display:flex;align-items:center;gap:.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1.25rem;box-shadow:var(--shadow-card)}.dash-streak-icon{font-size:1.6rem}.dash-streak-num{font-size:1.4rem;font-weight:800;color:var(--reset-color);line-height:1}.dash-streak-label{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.dash-hero{background:var(--accent);border-radius:var(--radius-lg);padding:2rem 2.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;box-shadow:0 8px 32px rgba(var(--accent-rgb),.25)}.dash-hero-title{font-size:1.4rem;font-weight:800;color:var(--accent-contrast);margin-bottom:.35rem}.dash-hero-sub{font-size:.92rem;color:rgba(var(--accent-contrast-rgb),.75)}.dash-hero-icon{font-size:2.5rem;opacity:.9}.dash-section{margin-bottom:2.5rem}.dash-section-title{font-size:1.15rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.dash-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.dash-cat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.25rem 1.25rem;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.dash-cat-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #0000001f}.dash-cat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dash-cat-icon{font-size:1.8rem}.dash-cat-count{font-size:.72rem;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);padding:.2rem .55rem;border-radius:99px}.dash-cat-name{font-size:1.05rem;font-weight:700;margin-bottom:.35rem;color:var(--text-primary)}.dash-cat-desc{font-size:.82rem;color:var(--text-muted);margin-bottom:1rem;flex:1;line-height:1.4}.dash-cat-actions{display:flex;gap:.5rem}.dash-cat-btn{flex:1;text-align:center;padding:.5rem;font-size:.8rem;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transition:all var(--transition);cursor:pointer}.btn-outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}.btn-outline:hover{background:var(--accent);color:var(--accent-contrast)}.dash-cat-square{position:relative;overflow:hidden;aspect-ratio:1 / 1;border-radius:var(--radius-lg);border:1px solid var(--border);cursor:pointer;padding:0;background:var(--bg-surface);transition:transform .15s ease,box-shadow .15s ease}.dash-cat-square:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(var(--accent-rgb),.14)}.dash-cat-square-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dash-cat-square-emoji-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:4rem;background:var(--bg-elevated)}.dash-cat-square-overlay{position:absolute;left:0;right:0;bottom:0;padding:.85rem .75rem .7rem;background:linear-gradient(to top,#000000b8,#0000);text-align:left}.dash-cat-square-name{font-weight:700;font-size:.95rem;color:#fff}.dash-cat-square-count{font-size:.72rem;color:#ffffffd9}.dash-cat-icon-img{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-md);display:block}.dash-cat-icon-img--lg{width:96px;height:96px;border-radius:var(--radius-lg);margin:0 auto}.dash-recent-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.dash-recent-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);font-size:.9rem;transition:background var(--transition)}.dash-recent-row:last-child{border-bottom:none}.dash-recent-row:hover{background:var(--bg-hover)}.dash-recent-cat{flex:1;font-weight:500;color:var(--text-primary)}.dash-recent-score{color:var(--text-secondary);font-size:.85rem}.dash-recent-pct{font-weight:700;font-size:.85rem;min-width:3rem;text-align:right}.pct-high{color:var(--correct)}.pct-mid{color:var(--accent)}.pct-low{color:var(--incorrect)}.dash-recent-date{font-size:.78rem;color:var(--text-muted);min-width:3.5rem;text-align:right}@media (max-width: 900px){.dash-cat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.dash-cat-grid{grid-template-columns:1fr}.dash-welcome{flex-direction:column;align-items:flex-start}.dash-hero{flex-direction:column;text-align:center;padding:1.5rem}.dash-hero-icon{margin-top:.5rem}.dash-greeting{font-size:1.25rem}}.report-btn-wrap{text-align:right;margin-top:.5rem}.report-btn{background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer;border:none;padding:0}.report-btn:hover{color:var(--incorrect)}.report-btn:disabled{opacity:.5;cursor:not-allowed}.report-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;margin-top:.75rem}.report-panel-title{font-weight:600;margin-bottom:.75rem;font-size:.9rem}.report-select,.report-comment{width:100%;margin-bottom:.5rem}.report-actions{display:flex;gap:.5rem}.btn-sm{padding:.4rem .9rem;font-size:.85rem}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm)}.btn-ghost:hover{background:var(--bg-panel)}.report-feedback{margin-top:.5rem;font-size:.85rem}.badge-wrong{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.badge-typo{background:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.2)}.badge-wording{background:#f973161a;color:#f97316;border:1px solid rgba(249,115,22,.2)}.badge-other{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.badge-pending{color:#f97316}.badge-fixed{color:#22c55e}.badge-dismissed{color:#6b7280}.badge-reviewed{color:#3b82f6}.nav-badge{background:var(--incorrect);color:#fff;border-radius:99px;font-size:.65rem;font-weight:700;padding:.1rem .4rem;vertical-align:middle}.dashboard-notification{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981;padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-weight:500}.reports-page{max-width:900px;margin:auto;padding:2rem 1rem}.report-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.report-tab{padding:.5rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;transition:all var(--transition)}.report-tab.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.report-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:.75rem;transition:box-shadow var(--transition),border-color var(--transition)}.report-card:hover{box-shadow:var(--shadow-card)}.report-card.expanded{border-color:var(--accent)}.report-card-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.report-card-badges{display:flex;gap:.5rem;flex:1}.report-card-text{margin:.75rem 0;color:var(--text-primary);font-size:.95rem;line-height:1.5}.report-card-meta{font-size:.8rem;color:var(--text-muted);display:flex;gap:1rem;align-items:center}.report-card-comment{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-top:.25rem}.report-expand-btn{margin-left:auto;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .85rem;cursor:pointer;font-size:.85rem;color:var(--text-secondary);transition:all var(--transition)}.report-expand-btn:hover{border-color:var(--accent);color:var(--accent)}.report-panel-inline{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.report-panel-inline{grid-template-columns:1fr}}.report-panel-section-title{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.edit-question-form{display:flex;flex-direction:column;gap:.5rem}.edit-question-form textarea{resize:vertical;min-height:80px}.report-actions-panel{display:flex;flex-direction:column;gap:.75rem}.admin-note-input{width:100%;min-height:80px;resize:vertical}.status-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.btn-fixed{background:#22c55e;color:#fff;border:none}.btn-reviewed{background:#3b82f6;color:#fff;border:none}.btn-dismiss{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.btn-reopen{background:var(--incorrect);color:#fff;border:none}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.report-card.removing{animation:fadeOut .3s ease forwards}.tokki-test-card{background:var(--accent);border-radius:var(--radius-lg);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;color:var(--accent-contrast);border:2px solid rgba(var(--accent-contrast-rgb),.2);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),border-color .25s cubic-bezier(.2,.8,.2,1)}.tokki-test-card:hover{transform:translateY(-5px);border-color:#ffffff8c}.tokki-test-title{font-size:1.4rem;font-weight:800}.tokki-test-desc{font-size:.9rem;opacity:.85;margin:.25rem 0 .75rem}.tokki-test-pills{display:flex;flex-wrap:wrap;gap:.4rem}.pill{background:#fff3;border-radius:99px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}.tokki-test-btn{background:var(--accent-contrast);color:var(--accent);font-weight:800;white-space:nowrap;flex-shrink:0;margin-left:1.5rem}.exam-buttons-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.tokki-full{background:var(--accent)}.tokki-full:hover{box-shadow:0 0 20px rgba(var(--accent-rgb),.55),0 0 40px rgba(var(--accent-rgb),.3)}.tokki-mini{background:linear-gradient(135deg,#f97316,#ef4444)}.tokki-mini:hover{box-shadow:0 0 20px #f973168c,0 0 40px #ef44444d}.tokki-mini .tokki-test-btn{color:#f97316}.exam-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:60px;z-index:90}@media (max-width: 480px){.exam-header{padding:.75rem 1rem;flex-wrap:wrap;row-gap:.4rem}.exam-timer{font-size:1.2rem}}.exam-timer{font-size:1.5rem;font-weight:800;font-family:var(--font-mono);color:var(--accent)}.exam-timer.warning{color:var(--reset-color)}.exam-timer.critical{color:var(--incorrect);animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.4}}.exam-progress-bar{background:var(--accent)}.exam-category-badge{display:inline-block;background:var(--bg-elevated);border:1px solid var(--border-accent);color:var(--accent);border-radius:var(--radius-sm);padding:.25rem .75rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.exam-question-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.exam-question-topline .exam-category-badge,.exam-question-topline .question-difficulty{margin-bottom:0}.result-card{max-width:600px;margin:2rem auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;text-align:center}.result-score{font-size:3rem;font-weight:900;color:var(--accent);margin:1rem 0}.result-pct{font-size:1.2rem;color:var(--text-secondary)}.result-table{width:100%;border-collapse:collapse;margin:1.5rem 0;text-align:left}.result-table th{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:.5rem}.result-table td{padding:.5rem;font-size:.9rem}.result-bar{height:6px;border-radius:99px;background:var(--bg-elevated);width:80px;display:inline-block;overflow:hidden;vertical-align:middle}.result-bar-fill{height:100%;border-radius:99px}.result-bar-fill.good{background:var(--correct)}.result-bar-fill.ok{background:#f59e0b}.result-bar-fill.bad{background:var(--incorrect)}@media (max-width: 768px){.tokki-test-card{flex-direction:column;align-items:stretch;text-align:center}.tokki-test-btn{margin-left:0;margin-top:1.5rem}.tokki-test-pills{justify-content:center}}@media (max-width: 600px){.exam-buttons-row{grid-template-columns:1fr}}.exam-layout{display:grid;grid-template-columns:1fr 240px;gap:1.5rem;align-items:start;max-width:960px;margin:0 auto}.exam-question-area{min-width:0}.exam-seq-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding:0 .25rem}.exam-seq-label{font-size:.9rem;font-weight:600;color:var(--text-muted)}.exam-nav-panel{position:sticky;top:130px;max-height:calc(100vh - 150px);display:flex;flex-direction:column;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card)}.exam-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.exam-nav-header .exam-nav-title{margin-bottom:0}.exam-nav-toggle{display:none;background:none;border:none;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer;padding:.25rem .5rem}.exam-nav-body{overflow-y:auto;flex:1;min-height:0;padding-right:.25rem}.exam-nav-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}.exam-nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin-bottom:.75rem}.exam-nav-btn{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition);padding:0;font-family:var(--font-mono)}.exam-nav-btn:hover{border-color:var(--border-accent);background:var(--bg-hover)}.exam-nav-btn.answered{background:#22c55e26;border-color:#22c55e66;color:var(--correct)}.exam-nav-btn.current{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.25);color:var(--accent);font-weight:800}.exam-nav-btn.answered.current{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.25)}.exam-nav-legend{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.7rem;color:var(--text-muted);margin-bottom:1rem;padding-top:.25rem}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.25rem;vertical-align:middle}.legend-answered{background:#22c55e80;border:1px solid var(--correct)}.legend-current{background:rgba(var(--accent-rgb),.3);border:1px solid var(--accent)}.legend-empty{background:var(--bg-elevated);border:1px solid var(--border)}.exam-submit-btn{width:100%;padding:.75rem 1rem;background:var(--accent);color:var(--accent-contrast);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--transition);font-family:var(--font-sans)}.exam-submit-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent)}.exam-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.exam-layout{grid-template-columns:1fr}.exam-nav-panel{position:static;max-height:none;margin-top:1rem}.exam-nav-grid{grid-template-columns:repeat(8,1fr)}.exam-nav-body{overflow-y:visible;max-height:none;flex:none}.exam-nav-toggle{display:block}.exam-nav-panel.nav-collapsed .exam-nav-body{display:none}}@media (max-width: 480px){.exam-nav-grid{grid-template-columns:repeat(6,1fr)}}.exam-history-section{margin:2rem 0;padding:1.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left}.exam-history-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}.exam-history-chart{width:100%}.exam-history-empty{color:var(--text-secondary);font-size:.9rem}.music-page{max-width:680px;margin:0 auto;padding:2rem 1rem 4rem}.music-header{text-align:center;margin-bottom:2rem}.music-header h1{font-size:1.6rem;font-weight:800;letter-spacing:-.01em}.music-header p{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.music-share-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-card)}.music-share-card h3{font-size:.9rem;font-weight:700;margin-bottom:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.music-share-inputs{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.btn-music-share{width:100%;background:var(--accent);color:var(--accent-contrast);font-weight:700;border:none;border-radius:var(--radius-md);padding:.7rem 1rem;cursor:pointer;font-size:.95rem;font-family:var(--font-sans);transition:opacity var(--transition),transform var(--transition)}.btn-music-share:hover{opacity:.92;transform:translateY(-1px)}.btn-music-share:disabled{opacity:.6;cursor:not-allowed;transform:none}.music-post-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:.75rem;transition:box-shadow var(--transition),border-color var(--transition)}.music-post-card:hover{box-shadow:var(--shadow-card);border-color:rgba(var(--accent-rgb),.18)}.music-post-header{display:flex;align-items:center;gap:.75rem}.music-post-info{flex:1;min-width:0}.platform-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;color:#fff;font-weight:900;letter-spacing:-.05em}.platform-spotify{background:#1db954}.platform-youtube{background:red}.platform-other{background:var(--bg-elevated);color:var(--text-muted)}.music-post-title{font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-post-meta{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem;margin-top:.15rem;flex-wrap:wrap}.platform-badge{font-size:.65rem;font-weight:700;padding:.1rem .45rem;border-radius:99px;background:var(--bg-elevated);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.music-post-actions{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.85rem}.like-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.85rem;display:flex;align-items:center;gap:.3rem;padding:0;transition:color var(--transition),transform .18s cubic-bezier(.34,1.56,.64,1);font-family:var(--font-sans)}.like-btn:hover,.like-btn.liked{color:var(--incorrect)}.like-btn:active{transform:scale(1.35)}.comments-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.85rem;padding:0;font-family:var(--font-sans);transition:color var(--transition)}.comments-btn:hover{color:var(--accent)}.open-link-btn{margin-left:auto;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem .65rem;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);font-family:var(--font-sans)}.open-link-btn:hover{border-color:var(--accent);color:var(--accent)}.delete-post-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.85rem;opacity:.45;padding:.25rem;transition:all var(--transition);flex-shrink:0}.delete-post-btn:hover{opacity:1;color:var(--incorrect)}.comments-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);animation:slideDown .2s ease}.comments-section.hidden{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.comment-item{padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.875rem;line-height:1.5}.comment-item:last-child{border-bottom:none}.comment-author{font-weight:600;color:var(--text-primary);margin-right:.4rem}.comment-text{color:var(--text-secondary)}.comment-input-row{display:flex;gap:.5rem;margin-top:.75rem}.comment-input{flex:1;padding:.45rem .75rem;font-size:.85rem}.btn-comment-send{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:var(--radius-md);padding:.45rem 1rem;cursor:pointer;font-weight:600;font-size:.85rem;font-family:var(--font-sans);transition:background var(--transition);white-space:nowrap}.btn-comment-send:hover{background:var(--accent-hover)}@media (max-width: 600px){.music-page{padding:1rem .75rem 3rem}.music-post-title{font-size:.9rem}.music-post-actions{gap:.65rem}}.literary-context{background:var(--bg-elevated);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.25rem;margin-bottom:1.25rem;font-size:.9rem;line-height:1.9;color:var(--text-secondary);font-style:italic}.literary-question{font-size:1.05rem;font-weight:500;color:var(--text-primary);line-height:1.6}.question-plain{font-size:1.05rem;line-height:1.75;color:var(--text-primary)}[data-theme=light] .literary-context{background:rgba(var(--accent-rgb),.05)}.edit-question-textarea{font-family:var(--font-mono);font-size:.85rem;white-space:pre-wrap;min-height:120px;line-height:1.6;resize:vertical}.streak-card{position:relative;cursor:pointer;display:flex;align-items:center;gap:1.25rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.75rem;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.streak-card:hover{transform:translateY(-2px);border-color:#f97316;box-shadow:0 8px 16px #f9731626}.streak-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex-shrink:0}.streak-icon.flare .css-flame{animation:streak-flare .55s ease-out}@keyframes streak-flare{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(249,115,22,0))}35%{transform:scale(1.3);filter:drop-shadow(0 0 16px rgba(249,115,22,.85)) drop-shadow(0 0 28px rgba(239,68,68,.55))}to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(249,115,22,0))}}.css-flame{position:relative;width:56px;height:56px}.flame-outer,.flame-middle,.flame-inner{position:absolute;top:50%;left:50%;border-radius:0 50% 50%;transform-origin:center center}.flame-outer{width:48px;height:48px;background:linear-gradient(135deg,#ef4444,#f97316);transform:translate(-50%,-50%) rotate(45deg);filter:drop-shadow(0 0 10px rgba(239,68,68,.7)) drop-shadow(0 0 4px rgba(249,115,22,.4));animation:flame-outer-animation 2.2s ease-in-out infinite}.flame-middle{width:32px;height:32px;background:linear-gradient(135deg,#f97316,#eab308);transform:translate(-50%,-50%) rotate(45deg);filter:drop-shadow(0 0 6px rgba(234,179,8,.6));animation:flame-middle-animation 1.8s ease-in-out infinite;animation-delay:.15s}.flame-inner{width:18px;height:18px;background:linear-gradient(135deg,#fff,#eab308);transform:translate(-50%,-50%) rotate(45deg);animation:flame-inner-animation 1.4s ease-in-out infinite;animation-delay:.3s}@keyframes flame-outer-animation{0%,to{transform:translate(-50%,-50%) rotate(45deg) scale(1) translateY(0)}33%{transform:translate(-50%,-50%) rotate(41deg) scale(.94) translateY(-2px)}66%{transform:translate(-50%,-50%) rotate(49deg) scale(1.06) translateY(2px)}}@keyframes flame-middle-animation{0%,to{transform:translate(-50%,-50%) rotate(45deg) scale(1) translateY(0)}40%{transform:translate(-50%,-50%) rotate(49deg) scale(1.06) translateY(2px)}75%{transform:translate(-50%,-50%) rotate(41deg) scale(.94) translateY(-2px)}}@keyframes flame-inner-animation{0%,to{transform:translate(-50%,-50%) rotate(45deg) scale(1) translateY(0)}30%{transform:translate(-50%,-50%) rotate(39deg) scale(.9) translateY(-3px)}70%{transform:translate(-50%,-50%) rotate(51deg) scale(1.1) translateY(1px)}}.streak-frozen .flame-outer{background:linear-gradient(135deg,#2563eb,#3b82f6);filter:drop-shadow(0 0 10px rgba(59,130,246,.7)) drop-shadow(0 0 4px rgba(96,165,250,.4));animation-play-state:paused}.streak-frozen .flame-middle{background:linear-gradient(135deg,#3b82f6,#93c5fd);filter:drop-shadow(0 0 6px rgba(147,197,253,.6));animation-play-state:paused}.streak-frozen .flame-inner{background:linear-gradient(135deg,#fff,#bfdbfe);animation-play-state:paused}@media (prefers-reduced-motion: reduce){.flame-outer,.flame-middle,.flame-inner{animation:none!important}}.streak-info{display:flex;flex-direction:column}.streak-number{font-size:2.85rem;font-weight:900;color:#f97316;line-height:1}.streak-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:.15rem}.streak-progress{margin-top:.65rem;width:140px}.streak-progress-bar{height:4px;background:var(--bg-hover);border-radius:99px;overflow:hidden;margin-bottom:.35rem}.streak-progress-fill{height:100%;background:#f97316;border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1)}.streak-progress-text{font-size:.75rem;color:var(--text-muted);font-weight:500}.ranking-streak{font-weight:800;color:#f97316;font-size:1.1rem;display:flex;align-items:center;gap:.25rem;margin-left:auto;margin-right:1.5rem}.inline-streak{display:inline-flex;gap:.5rem;align-items:center;margin-top:.5rem}.profile-page{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.profile-hero{text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem 2rem;margin-bottom:1.5rem;position:relative}.profile-avatar-wrap{margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.profile-avatar{font-size:4rem;width:88px;height:88px;background:var(--bg-elevated);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--border-accent)}.profile-display-name{font-size:1.6rem;font-weight:800;margin-bottom:.2rem}.profile-username{color:var(--text-muted);font-size:.85rem;margin-bottom:.75rem}.profile-bio{color:var(--text-secondary);font-size:.9rem;max-width:420px;margin:0 auto 1rem;line-height:1.6}.profile-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem}.profile-pill{background:var(--bg-elevated);border:1px solid var(--border);border-radius:99px;padding:.3rem .85rem;font-size:.8rem;color:var(--text-secondary)}.profile-pill-link{color:var(--accent);text-decoration:none;border-color:var(--border-accent)}.profile-streak-badge{display:inline-flex;align-items:center;gap:.3rem;background:#f973161a;border:1px solid rgba(249,115,22,.35);color:#f97316;border-radius:99px;padding:.35rem 1rem;font-size:.85rem;font-weight:700;margin-bottom:1.25rem}.profile-edit-btn{margin-top:.5rem}.profile-section{margin-bottom:1.5rem}.profile-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.profile-stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem .75rem;text-align:center;transition:box-shadow var(--transition)}.profile-stat-card:hover{box-shadow:var(--shadow-card)}.profile-stat-value{font-size:1.7rem;font-weight:900;color:var(--accent);line-height:1}.profile-stat-label{font-size:.72rem;color:var(--text-muted);margin-top:.35rem;font-weight:600}@media (max-width: 600px){.profile-stats-grid{grid-template-columns:repeat(2,1fr)}}.profile-activity-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.profile-activity-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);font-size:.875rem}.profile-activity-row:last-child{border-bottom:none}.activity-cat{color:var(--text-primary);font-weight:500}.activity-score{color:var(--text-secondary)}.activity-date{color:var(--text-muted);font-size:.8rem}.pct-good{color:var(--correct);font-weight:700}.pct-ok{color:#f59e0b;font-weight:700}.pct-bad{color:var(--incorrect);font-weight:700}.profile-edit-panel{background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:1.75rem;margin-bottom:1.5rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-edit-panel h3{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:1rem}.profile-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.profile-edit-fields .full-width{grid-column:1 / -1}.emoji-section-label{font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.3rem;margin-bottom:1rem}.emoji-option{font-size:1.5rem;padding:.35rem;border-radius:var(--radius-sm);cursor:pointer;text-align:center;border:2px solid transparent;background:var(--bg-elevated);transition:all var(--transition);line-height:1}.emoji-option:hover{transform:scale(1.15)}.emoji-option.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.15);transform:scale(1.1)}.profile-edit-actions{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width: 600px){.profile-edit-fields{grid-template-columns:1fr}.emoji-grid{grid-template-columns:repeat(6,1fr)}}.profile-medals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;min-height:80px}.nav-user{display:flex;align-items:center;gap:.4rem;color:var(--text-primary);text-decoration:none;font-weight:600;padding:.3rem .6rem;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.nav-user:hover{background:var(--bg-hover)}.nav-avatar{font-size:1.2rem}.rank-name-link{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.rank-name-link:hover{color:var(--accent)}.rank-avatar{font-size:1.3rem}.rank-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle}.medal-item{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-sm);background:var(--bg-elevated);transition:transform var(--transition-fast)}.medal-item.locked{filter:grayscale(1) opacity(.3)}.medal-item.unlocked:hover{transform:scale(1.1)}.medal-img{width:100%;max-width:60px;height:auto;object-fit:contain}.medal-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.medal-modal-overlay.visible{opacity:1;pointer-events:auto}.medal-modal-content{background:var(--bg-surface);border:2px solid var(--accent);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;max-width:400px;width:90%;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 40px rgba(var(--accent-rgb),.3);position:relative;overflow:hidden}.medal-modal-overlay.visible .medal-modal-content{transform:translateY(0) scale(1)}.medal-modal-confetti{font-size:3rem;margin-bottom:.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.medal-modal-title{color:var(--accent);font-size:1.4rem;font-weight:900;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.medal-modal-img{width:160px;height:160px;object-fit:contain;margin:0 auto 1.5rem;filter:drop-shadow(0 10px 15px rgba(0,0,0,.5))}.medal-modal-name{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.medal-modal-desc{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;line-height:1.5}.medal-modal-close{width:100%;font-weight:800;padding:1rem}.profile-medals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;padding:1.25rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.medal-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:default}.medal-item.unlocked{cursor:pointer}.medal-img-wrap{width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;transition:transform .2s ease,filter .2s ease}.medal-item.unlocked:hover .medal-img-wrap{transform:scale(1.06)}.medal-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.medal-item.locked .medal-img-wrap{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px dashed var(--border)}.medal-locked-placeholder{font-size:1.6rem;opacity:.45;filter:grayscale(100%)}.medal-item.unlocked:hover .medal-img-wrap{transform:scale(1.08);filter:brightness(1.05)}.medal-name{font-size:.72rem;text-align:center;color:var(--text-muted);font-weight:600;line-height:1.2}.medal-item.unlocked .medal-name{color:var(--text-primary)}.medal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .15s ease}.medal-modal{background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:2rem;max-width:340px;width:90%;text-align:center;position:relative;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.medal-modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1rem;color:var(--text-muted);cursor:pointer}.medal-modal-img{width:200px;height:200px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:1rem}.medal-modal-name{font-size:1.1rem;font-weight:800;margin-bottom:.4rem}.medal-modal-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.admin-medals-panel{background:var(--bg-surface);border:1px solid var(--border);padding:1rem;border-radius:var(--radius-md);margin-top:.5rem}.admin-medals-title{font-weight:700;margin-bottom:.5rem}.admin-medals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;padding:1rem;background:var(--bg-elevated);border-radius:var(--radius-md);margin-top:.75rem}.admin-medal-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center}.admin-medal-item img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm)}.admin-medal-name{font-size:.65rem;color:var(--text-muted);line-height:1.2}.btn-grant-medal{font-size:.7rem;padding:.2rem .5rem;background:var(--accent);color:var(--accent-contrast);border:none;border-radius:var(--radius-sm);cursor:pointer}.btn-revoke-medal{font-size:.7rem;padding:.2rem .5rem;background:var(--incorrect-bg);color:var(--incorrect);border:1px solid var(--incorrect);border-radius:var(--radius-sm);cursor:pointer}.medal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayIn .2s ease forwards}.medal-modal-overlay.closing{animation:overlayOut .2s ease forwards}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}.medal-modal{background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:2.5rem 2rem 2rem;max-width:360px;width:90%;text-align:center;position:relative;animation:medalIn .35s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 24px 60px #0006,0 0 0 1px var(--border-accent)}.medal-modal.closing{animation:medalOut .2s ease forwards}@keyframes medalIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes medalOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.medal-modal-close{position:absolute;top:.85rem;right:.85rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.medal-modal-close:hover{background:var(--incorrect-bg);color:var(--incorrect);border-color:var(--incorrect)}.medal-modal-img{width:220px;height:220px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:1.25rem;animation:imgPop .4s cubic-bezier(.34,1.56,.64,1) .1s both;box-shadow:0 8px 32px #0000004d}@keyframes imgPop{0%{transform:scale(.6) rotate(-3deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.medal-modal-name{font-size:1.15rem;font-weight:800;margin-bottom:.4rem;animation:textRise .3s ease .25s both}.medal-modal-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6;animation:textRise .3s ease .35s both}@keyframes textRise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.medal-modal:before{content:"✨";position:absolute;top:1rem;left:1rem;font-size:1.2rem;opacity:0;animation:sparkle .4s ease .3s forwards}.medal-modal:after{content:"⭐";position:absolute;bottom:1rem;right:1rem;font-size:1rem;opacity:0;animation:sparkle .4s ease .45s forwards}@keyframes sparkle{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.medal-modal-overlay{pointer-events:auto!important}.profile-avatar-img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--border-accent);display:block}.avatar-upload-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.btn-upload-avatar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.4rem .9rem;font-size:.82rem;cursor:pointer;color:var(--text-secondary);transition:all var(--transition)}.btn-upload-avatar:hover{border-color:var(--accent);color:var(--accent)}.upload-hint{font-size:.72rem;color:var(--text-muted)}.question-image{width:100%;max-height:280px;object-fit:contain;border-radius:var(--radius-md);margin-bottom:1rem;background:var(--bg-elevated)}.question-image-section{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-md)}.question-img-preview{max-width:100%;max-height:150px;object-fit:contain;border-radius:var(--radius-sm)}.no-image{color:var(--text-muted);font-size:.85rem;font-style:italic}.nav-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:.3rem;border:1px solid var(--border-accent)}.assigned-exams-section{margin-bottom:1.5rem}.section-badge{display:inline-block;font-size:.85rem;font-weight:700;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;padding:.2rem .6rem;background:rgba(var(--accent-rgb),.1);border-radius:99px;border:1px solid rgba(var(--accent-rgb),.25)}.assigned-exam-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;transition:box-shadow var(--transition)}.assigned-exam-card:hover{box-shadow:var(--shadow-card)}.assigned-exam-card.urgent{border-color:var(--accent);background:rgba(var(--accent-rgb),.04)}.assigned-exam-info{flex:1;min-width:0}.assigned-exam-title{font-weight:700;font-size:1rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.assigned-exam-meta{font-size:.82rem;color:var(--text-muted);margin-top:.2rem}.assigned-exam-instructions{font-size:.82rem;color:var(--text-secondary);margin-top:.35rem;font-style:italic}.assigned-exam-btn{white-space:nowrap;flex-shrink:0}.assigned-exam-admin-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:.75rem;transition:box-shadow var(--transition)}.assigned-exam-admin-card:hover{box-shadow:var(--shadow-card)}.exam-progress-row{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.exam-mini-bar{flex:1;height:6px;background:var(--bg-elevated);border-radius:99px;overflow:hidden}.exam-mini-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .4s ease}.results-panel{background:var(--bg-elevated);border-radius:var(--radius-md);padding:1.25rem;margin-top:.75rem;border:1px solid var(--border)}.results-table{width:100%;border-collapse:collapse;font-size:.875rem}.results-table th{text-align:left;padding:.5rem .75rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:2px solid var(--border)}.results-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.results-table tr:last-child td{border-bottom:none}.results-table tr.avg-row td{font-weight:700;background:var(--bg-surface)}.pct-cell.good{color:var(--correct);font-weight:700}.pct-cell.ok{color:#f59e0b;font-weight:700}.pct-cell.bad{color:var(--incorrect);font-weight:700}.create-exam-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem}.create-exam-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;animation:adminSlideDown .2s ease}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.25rem}.mode-btn{padding:.85rem;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg-elevated);cursor:pointer;font-size:.85rem;font-family:var(--font-sans);transition:all var(--transition);text-align:center;line-height:1.4;color:var(--text-primary)}.mode-btn.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent);font-weight:600}.mode-btn:hover:not(.active){border-color:var(--text-muted)}.student-list{max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md);padding:.35rem}.student-checkbox-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:background var(--transition)}.student-checkbox-row:hover{background:var(--bg-hover)}.student-checkbox-row input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0;cursor:pointer}@media (max-width: 600px){.assigned-exam-card{flex-direction:column;align-items:flex-start}.assigned-exam-btn{width:100%}.mode-selector{grid-template-columns:1fr}}.option-btn.selected-answer{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--text-primary);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.3)}.exam-review-section{max-width:680px;margin:2rem auto 0;text-align:left}.exam-review-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.exam-review-item{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:.75rem;transition:border-left-color var(--transition)}.exam-review-item.review-correct{border-left-color:var(--correct)}.exam-review-item.review-incorrect{border-left-color:var(--incorrect)}.review-q-number{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.35rem}.review-q-text{font-size:.9rem;color:var(--text-primary);margin-bottom:.75rem;line-height:1.5}.review-options{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem}.review-option{display:flex;align-items:center;gap:.5rem;font-size:.82rem;padding:.3rem .6rem;border-radius:var(--radius-sm);color:var(--text-secondary)}.review-opt-correct{background:var(--correct-bg);color:var(--correct);font-weight:600}.review-opt-wrong{background:var(--incorrect-bg);color:var(--incorrect);font-weight:600}.review-opt-label{font-weight:700;min-width:1.2rem;flex-shrink:0}.review-explanation{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);line-height:1.5;white-space:pre-wrap}.typing-header{text-align:center;margin-bottom:2rem}.typing-header h1{font-size:1.6rem}.typing-header p{color:var(--text-secondary)}.typing-header-title{display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.typing-song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem}.typing-song-card{background:var(--bg-surface);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.typing-song-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-accent)}.typing-song-thumb{position:relative;aspect-ratio:16/9;overflow:hidden}.typing-song-thumb img{width:100%;height:100%;object-fit:cover}.typing-song-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;font-size:2.5rem;opacity:0;transition:opacity .15s}.typing-song-card:hover .typing-song-play-overlay{opacity:1}.typing-song-info{padding:.8rem}.typing-song-title{font-weight:600;font-size:.95rem}.typing-song-lang{display:inline-block;font-size:.7rem;padding:.15rem .4rem;border-radius:4px;background:var(--accent-glow);color:var(--accent);margin-top:.3rem;font-weight:600}.typing-back-link{display:inline-block;color:var(--accent);font-size:.9rem;margin-bottom:.8rem;text-decoration:none}.typing-back-link:hover{text-decoration:underline}.typing-play-title{font-size:1.3rem;margin-bottom:1rem}.typing-play-layout{display:flex;flex-direction:column;gap:1.5rem;max-width:960px;margin:0 auto}.typing-video-wrap{border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16/9;background:#000}.typing-video-wrap iframe{width:100%;height:100%;border:0}.typing-game-area{display:flex;flex-direction:column;gap:.8rem}.typing-status-bar{display:flex;gap:1rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);padding:.5rem .8rem;background:var(--bg-elevated);border-radius:var(--radius-sm)}.typing-target-text{font-family:var(--font-mono);font-size:1.15rem;line-height:1.8;padding:1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);min-height:80px;word-break:normal;overflow-wrap:break-word;text-align:center;width:100%}.typing-next-line{font-family:var(--font-mono);font-size:.9rem;color:var(--text-muted);opacity:.7;padding:0 1rem;margin-top:-.5rem;min-height:1.5rem;text-align:center;width:100%}@keyframes typingShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.shake{animation:typingShake .2s ease-in-out;border-color:var(--incorrect)!important}.tp-char-correct{color:var(--correct)}.tp-char-incorrect{color:var(--incorrect);text-decoration:underline;text-decoration-color:var(--incorrect)}.tp-char-cursor{background:var(--accent-glow);border-bottom:2px solid var(--accent)}.tp-char-pending{color:var(--text-muted)}.tp-char-target-pending{color:var(--accent);font-weight:600}.typing-input-wrap{position:relative}.typing-input{width:100%;padding:.8rem 1rem;font-family:var(--font-mono);font-size:1.05rem;background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition)}.typing-input:focus{border-color:var(--accent)}.typing-input:disabled{opacity:.5}.typing-results{margin-top:2rem}.typing-results-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;text-align:center}.typing-results-card h2{margin-bottom:1.5rem;font-size:1.4rem}.typing-results-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem}.typing-stat-box{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:var(--bg-elevated);border-radius:var(--radius-md);min-width:100px}.typing-stat-value{font-size:1.8rem;font-weight:700;color:var(--accent)}.typing-stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem}.typing-leaderboard{margin-top:1.5rem;text-align:left}.typing-leaderboard h3{margin-bottom:.8rem}.typing-lb-table{width:100%;border-collapse:collapse}.typing-lb-table th,.typing-lb-table td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}.typing-lb-table th{font-weight:600;color:var(--text-secondary)}.typing-lb-self{background:var(--accent-glow)!important;font-weight:600}.typing-admin-page h1{margin-bottom:1.5rem}.typing-admin-form-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.2rem;margin-bottom:1.5rem}.typing-admin-form-card h3{margin-bottom:.8rem;font-size:1rem}.typing-admin-form-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.typing-admin-form-row .input{flex:1;min-width:150px}.typing-admin-song-row{display:flex;align-items:center;gap:1rem;padding:.8rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.6rem}.typing-admin-thumb{width:80px;height:45px;object-fit:cover;border-radius:4px;flex-shrink:0}.typing-admin-song-info{flex:1}.typing-admin-song-info strong{font-size:.95rem}.typing-admin-song-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.typing-admin-manage-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media (max-width: 800px){.typing-admin-manage-layout{grid-template-columns:1fr}}.typing-admin-player-col iframe{border-radius:var(--radius-md)}.typing-admin-lines-col h3{margin-bottom:1rem}.typing-admin-add-line-form{background:var(--bg-elevated);padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem}.typing-admin-time-row{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.typing-admin-time-field label{font-size:.8rem;color:var(--text-secondary);display:block;margin-bottom:.2rem}.typing-admin-lines-list{display:flex;flex-direction:column;gap:.4rem}.typing-admin-line-item{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.typing-admin-line-num{font-weight:700;color:var(--text-muted);min-width:24px;text-align:center}.typing-admin-line-content{flex:1}.typing-admin-line-text{font-size:.9rem}.typing-admin-line-times{font-size:.75rem;color:var(--text-muted)}.typing-admin-line-actions{display:flex;gap:.3rem}.apple-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(var(--accent-rgb),.25);border-radius:var(--radius-lg);padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;box-shadow:0 4px 14px #00000005;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),border-color .25s cubic-bezier(.2,.8,.2,1);position:relative}[data-theme=dark] .apple-card{background:#12121aa6;border-color:rgba(var(--accent-rgb),.35);box-shadow:0 4px 20px #0000001f}.apple-card:hover,.apple-card:focus{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.8);box-shadow:0 0 20px rgba(var(--accent-rgb),.6),0 0 40px #06b6d459;outline:none}[data-theme=dark] .apple-card:hover,[data-theme=dark] .apple-card:focus{border-color:rgba(var(--accent-rgb),.9);box-shadow:0 0 25px rgba(var(--accent-rgb),.75),0 0 50px #06b6d466}.apple-card-icon{margin-bottom:1rem;color:var(--accent);display:flex;align-items:center;justify-content:center}.apple-card-title{font-weight:600;font-size:1.05rem;color:var(--text-primary);margin-bottom:.25rem}.apple-card-desc{font-size:.85rem;color:var(--text-secondary)}.apple-card-disabled{opacity:.55;cursor:not-allowed;position:relative;filter:grayscale(.6)}.apple-card-building-badge{position:absolute;top:.5rem;right:.5rem;background:#f59e0b;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:999px}@keyframes apple-card-announcement-pulse{0%,to{box-shadow:0 0 #f59e0b73,0 4px 14px #00000005;border-color:#f59e0b8c}50%{box-shadow:0 0 0 12px #f59e0b00,0 0 24px #f59e0b59;border-color:#f59e0bf2}}.apple-card-announcement{border-color:#f59e0b8c;background:linear-gradient(160deg,#fffbebd9,#ffffffbf);animation:apple-card-announcement-pulse 2.2s infinite ease-in-out}[data-theme=dark] .apple-card-announcement{background:linear-gradient(160deg,#452e0873,#12121aa6)}.apple-card-announcement:hover,.apple-card-announcement:focus{border-color:#f59e0b;box-shadow:0 0 20px #f59e0b99,0 0 40px #f59e0b59;animation-play-state:paused}.apple-card-announcement .apple-card-icon{color:#d97706}.apple-card-announcement .apple-card-title{color:#b45309;font-weight:700}[data-theme=dark] .apple-card-announcement .apple-card-title{color:#fbbf24}.apple-card-skeleton{cursor:default}.apple-card-skeleton:hover,.apple-card-skeleton:focus{transform:none;box-shadow:0 4px 14px #00000005;border-color:rgba(var(--accent-rgb),.25)}.skeleton-block{background:linear-gradient(90deg,rgba(var(--accent-rgb),.08) 25%,rgba(var(--accent-rgb),.18) 37%,rgba(var(--accent-rgb),.08) 63%);background-size:400% 100%;animation:apple-card-skeleton-shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-circle{width:40px;height:40px;border-radius:50%;margin-bottom:1rem}.skeleton-line{width:70%;height:.9rem}@keyframes apple-card-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton-block{animation:none}}.mindmap-drag-handle{height:14px}@media (pointer: coarse){.mindmap-drag-handle{height:36px}}.lp-essay-submit-btn:disabled{opacity:.5;cursor:not-allowed;color:#fff}.nav-bell-wrap{position:relative;display:inline-flex;align-items:center}.nav-bell-btn{background:none;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:.3rem .4rem;color:var(--text-secondary);transition:color .15s}.nav-bell-btn:hover{color:var(--accent)}.nav-bell-badge{position:absolute;top:-2px;right:-2px;background:var(--incorrect, #ef4444);color:#fff;font-size:.65rem;font-weight:700;border-radius:999px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:0 3px}.nav-bell-badge.hidden{display:none}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:-8px;width:min(92vw,380px);max-height:420px;overflow-y:auto;background:var(--bg-card, var(--bg-elevated));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);z-index:9980;animation:lpFadeIn .12s ease}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:700;font-size:.95rem;color:var(--text-primary)}.notif-mark-all{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.78rem;font-weight:600}.notif-mark-all:hover{text-decoration:underline}.notif-clear-all{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.78rem;font-weight:600;margin-left:auto}.notif-clear-all:hover{text-decoration:underline;color:var(--incorrect, #ef4444)}.notif-actions{display:flex;gap:.75rem;align-items:center}.notif-item{display:flex;gap:.65rem;align-items:flex-start;padding:.6rem 1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-hover)}.notif-item.unread{background:color-mix(in srgb,var(--accent) 6%,transparent)}.notif-item.unread:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.notif-icon{font-size:1.3rem;flex-shrink:0;padding-top:2px}.notif-body{flex:1;min-width:0}.notif-text{font-size:.85rem;color:var(--text-primary);line-height:1.3}.notif-text strong{font-weight:700}.notif-time{font-size:.72rem;color:var(--text-muted);margin-top:2px}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.notif-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.85rem}.notif-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9979}@keyframes lpSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdf-page-canvas{display:block;margin:0 auto;max-width:100%;border-radius:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border:none!important;outline:none!important;box-shadow:none!important}.pdf-page-canvas:last-child{margin-bottom:0}.pdf-loading-container{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);gap:.75rem;font-size:.95rem}.pdf-loading-spinner{animation:lpSpin 1s linear infinite;display:inline-block}.pdf-wrapper{background:transparent;border-radius:8px;padding:4px;-webkit-user-select:none;user-select:none;border:none!important;outline:none!important}.pdf-footer{text-align:center;margin-top:8px;font-size:.8rem;color:var(--text-muted)}.pdf-error-container{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:1.5rem;text-align:center;color:#ef4444}.pdf-error-icon{font-size:2rem;margin-bottom:.5rem}.pdf-error-text{margin:.5rem 0 0;font-size:.9rem;color:var(--text-color)}.lp-category-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:1.5rem 0 1.2rem;text-align:center;position:relative;padding-bottom:.6rem}.lp-category-title:after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:var(--accent);margin:.65rem auto 0}.lp-category-title:first-child{margin-top:0}.lp-path{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:.5rem 0 1.5rem}.lp-step{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:540px;padding:.5rem 0}.lp-step.left{align-self:flex-start;margin-left:8%}.lp-step.right{align-self:flex-end;margin-right:8%}.lp-node{width:132px;height:132px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:900;flex-shrink:0;background:var(--lp-node-color, var(--accent));color:#fff;box-shadow:0 6px 16px var(--lp-node-shadow, rgba(76, 111, 255, .4));border:4px solid var(--bg-base);cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;z-index:2}.lp-node:hover{transform:scale(1.08)}.lp-node.locked{background:var(--bg-hover);color:var(--text-muted);box-shadow:none;cursor:default}.lp-node.locked:hover{transform:none}.lp-play-badge{position:absolute;bottom:-2px;right:-2px;width:40px;height:40px;border-radius:50%;background:var(--bg-surface);border:3px solid var(--lp-node-color, var(--accent));display:flex;align-items:center;justify-content:center;color:var(--lp-node-color, var(--accent));z-index:3}.lp-play-badge svg{width:18px;height:18px;margin-left:2px}.lp-label{margin-top:.85rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;padding:.5rem 1.1rem;font-size:.95rem;font-weight:700;color:var(--text-primary);text-align:center;max-width:200px}.lp-connector-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.lp-subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:.5rem 0 1rem}.lp-subject-card{position:relative;background:var(--bg-elevated, var(--bg-surface));background-size:cover;background-position:center;border:1px solid var(--border);border-radius:18px;padding:1.5rem 1.5rem 1.25rem;min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:center;overflow:hidden}.lp-subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--lp-subj-color, var(--accent));z-index:1}.lp-subject-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px var(--lp-subj-shadow, rgba(0,0,0,.18));border-color:var(--lp-subj-color, var(--accent))}.lp-subject-card.has-image{justify-content:flex-end;align-items:stretch;text-align:left;padding:1.25rem}.lp-subject-card.has-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d1,#00000059 55%,#0000000d)}.lp-subject-card-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#fff;background:var(--lp-subj-color, var(--accent));box-shadow:0 4px 14px var(--lp-subj-shadow, rgba(0,0,0,.25))}.lp-subject-card-info{position:relative;z-index:2;display:flex;flex-direction:column;gap:.4rem;width:100%}.lp-subject-card-name{font-weight:700;color:var(--text-primary);font-size:1.1rem}.lp-subject-card.has-image .lp-subject-card-name{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);font-size:1.25rem}.lp-subject-card-count{font-size:.82rem;color:var(--text-muted)}.lp-subject-card.has-image .lp-subject-card-count{color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.4)}.lp-subject-card-bar{width:100%;height:6px;border-radius:999px;background:var(--bg-hover);overflow:hidden;margin-top:.15rem}.lp-subject-card.has-image .lp-subject-card-bar{background:#ffffff40}.lp-subject-card-bar-fill{height:100%;border-radius:999px;background:var(--lp-subj-color, var(--accent))}.lp-back-btn{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;padding:.5rem 0;margin-bottom:.5rem;font-size:.9rem}.lp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center;animation:lpFadeIn .2s ease}@keyframes lpFadeIn{0%{opacity:0}to{opacity:1}}.lp-modal-content{background:var(--bg-surface, #ffffff);border-radius:12px;padding:1rem;border:1px solid var(--border);width:min(90vw,1600px);max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.lp-modal-content.lp-modal-content--pdf{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:0;overflow-y:auto;box-shadow:none;border:none}.lp-modal-content--pdf .lp-modal-header{position:sticky;top:0;z-index:2;margin-bottom:0;padding:.85rem 1.25rem;background:var(--bg-elevated, var(--bg-elevated, #1e1e2e));border-bottom:1px solid var(--border)}.lp-modal-content--pdf #lp-pdf-viewer-container{padding:1rem 1.25rem 0}.lp-modal-content--pdf #lessonReqsContainer{padding:0 1.25rem 1.5rem}.lp-modal-header{display:grid;grid-template-columns:44px 1fr 44px;justify-content:initial;align-items:center;margin-bottom:.75rem;gap:.75rem}.lp-modal-header-spacer{width:44px}.lp-modal-close{width:44px;height:44px;min-width:44px;border-radius:50%;background:var(--incorrect, #ef4444);color:#fff;border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-modal-title{font-size:1rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-modal-video-wrapper{position:relative;padding-bottom:56.25%;height:0;border-radius:8px;overflow:hidden;background:#000;width:100%}.lp-modal-video-wrapper iframe,.lp-modal-video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.lp-scroll-down-btn{position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;border:none;background:var(--accent, #6366f1);color:#fff;font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #00000073;z-index:20;transition:transform .15s ease,filter .15s ease}.lp-scroll-down-btn:hover{transform:translateY(2px);filter:brightness(1.08)}.lp-empty-state{color:var(--text-muted);font-size:.9rem}.lp-req-completed-msg{background:#22c55e26;color:#4ade80;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #4ade80;text-align:center}.lp-pdf-container{margin-bottom:.5rem}.lp-interactive-container{padding:.5rem .25rem 1rem}.lp-interactive-container .lr-lesson{max-width:700px;margin:0 auto}.lp-loading-state,.lp-block-fallback{color:var(--text-muted);font-size:.9rem}.lp-reqs-container{margin-top:1.5rem}@media (max-width: 1024px){.lp-modal-content{width:min(92vw,1400px);max-height:88vh;padding:.875rem}}@media (max-width: 767px){.lp-modal-overlay{align-items:flex-start;padding-top:0}.lp-modal-content{width:100vw;max-width:100vw;max-height:100dvh;border-radius:0;padding:.75rem;margin:0}.lp-modal-close{width:48px;height:48px;min-width:48px;font-size:1.3rem}.lp-modal-title{font-size:.9rem}}@media (max-width: 600px){.lp-step.left,.lp-step.right{align-self:center;margin-left:0;margin-right:0}.lp-node{width:108px;height:108px;font-size:2.4rem}}.grp-main{max-width:900px}.grp-form{margin-bottom:1rem}.grp-form-actions{margin-top:1rem;display:flex;gap:.5rem}.grp-card-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem}.grp-card-title{font-weight:700;font-size:1.1rem}.grp-badge-general{display:inline-block;margin-left:.5rem;padding:.15rem .5rem;border-radius:9999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.7rem;font-weight:600;vertical-align:middle}.grp-card-meta{font-size:.85rem;color:var(--text-muted);margin-top:.2rem}.grp-card-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.grp-manager-panel{padding:0}.grp-tabs-container{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-card)}.grp-tab-content-wrapper{padding:1rem}.grp-add-members{margin-bottom:1.5rem}.grp-add-members-title{margin-bottom:.5rem}.grp-add-members-form{display:flex;gap:.5rem;align-items:center}.grp-member-select{flex:1}.grp-empty-members{color:var(--text-muted);font-size:.9rem}.grp-members-list{display:grid;gap:.5rem;margin-top:.5rem}.grp-member-row{display:flex;justify-content:space-between;padding:.5rem;background:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;align-items:center}.grp-member-username{color:var(--text-muted);font-size:.8rem}.grp-cat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.grp-cat-title{margin:0}.grp-cat-form{background:var(--bg-main);padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid var(--border-color)}.grp-cat-form-title{margin-top:0}.grp-cat-form-inputs{display:flex;gap:.5rem;align-items:center}.grp-cat-form-name{flex:1}.grp-cat-list{display:flex;flex-direction:column;gap:1rem}.grp-cat-block{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);overflow:hidden}.grp-cat-block-header{padding:1rem;background:var(--bg-main);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.grp-cat-block-title{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.grp-cat-color{width:24px;height:24px;padding:0;border:none;border-radius:4px;cursor:pointer}.grp-cat-block-actions{display:flex;gap:.5rem}.grp-lesson-form{padding:1rem;background:var(--bg-body);border-bottom:1px solid var(--border-color)}.grp-lesson-form-col{display:flex;flex-direction:column;gap:.5rem}.grp-lesson-form-radios{display:flex;gap:1rem;align-items:center}.grp-lesson-form-hint{color:var(--text-muted)}.grp-lesson-form-actions{display:flex;gap:.5rem;margin-top:.5rem}.grp-lesson-list{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.grp-lesson-empty{color:var(--text-muted);font-size:.9rem;margin:0}.grp-cat-block-orphan{border:1px dashed var(--border-color);border-radius:8px;background:var(--bg-body);overflow:hidden;opacity:.8}.grp-cat-block-orphan-header{padding:1rem;border-bottom:1px dashed var(--border-color)}.grp-cat-block-orphan-title{margin:0;font-style:italic}.grp-lesson-row{display:flex;flex-direction:column;background:var(--bg-main);border:1px solid var(--border-color);border-radius:4px}.grp-lesson-row-header{display:flex;justify-content:space-between;padding:.5rem;align-items:center;flex-wrap:wrap;gap:.5rem}.grp-lesson-row-info{flex:1}.grp-lesson-icon{font-size:.8rem;background:var(--bg-hover);padding:.1rem .4rem;border-radius:12px;margin-right:.5rem}.grp-lesson-url{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.grp-lesson-url-link{color:var(--accent)}.grp-lesson-row-actions{display:flex;gap:.5rem;align-items:center}.grp-lesson-unlock-label{font-size:.85rem;display:flex;align-items:center;gap:.2rem;cursor:pointer;margin-left:.5rem}.grp-lesson-edit-form{padding:.75rem;border-top:1px dashed var(--border-color);background:var(--bg-body)}.grp-lesson-edit-radios{display:flex;gap:1rem;align-items:center;font-size:.9rem}.grp-req-panel{padding:1rem;border-top:1px dashed var(--border-color);background:var(--bg-body)}.grp-att-header{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.grp-att-date-label{font-weight:600}.grp-att-date-input{max-width:200px}.grp-att-hr{margin:1.5rem 0;border-color:var(--border)}.grp-att-export{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.grp-att-export-title{font-weight:600;font-size:.95rem}.grp-att-export-select{max-width:160px}.grp-att-export-year{max-width:90px}.grp-att-export-status{font-size:.85rem;color:var(--text-muted)}.grp-att-empty{color:var(--text-muted);font-size:.9rem}.grp-att-toolbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:.85rem}.grp-att-search{flex:1 1 220px;min-width:0}.grp-att-form-grid{display:grid;gap:.5rem}.grp-att-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;flex-wrap:wrap;gap:.5rem}.grp-att-user{font-weight:500}.grp-att-radios{display:flex;gap:.75rem;font-size:.9rem}.grp-att-radio-p{display:flex;align-items:center;gap:.2rem;cursor:pointer;color:var(--correct)}.grp-att-radio-t{display:flex;align-items:center;gap:.2rem;cursor:pointer;color:#f59e0b}.grp-att-radio-f{display:flex;align-items:center;gap:.2rem;cursor:pointer;color:var(--incorrect)}.grp-att-empty-filter{color:var(--text-muted);font-size:.9rem;padding:.75rem 0;text-align:center}.grp-att-submit{margin-top:1rem;width:100%}.grp-req-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.grp-req-title{margin:0}.grp-req-empty{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.grp-req-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.grp-req-row{display:flex;justify-content:space-between;padding:.75rem;background:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;align-items:center;flex-wrap:wrap;gap:.5rem}.grp-req-details{font-size:.8rem;color:var(--text-muted)}.grp-req-actions{display:flex;gap:.5rem}.grp-req-form{padding:1rem;border:1px solid var(--border-color);background:var(--bg-card);border-radius:4px}.grp-req-form-title{margin-top:0}.grp-req-form-col{display:flex;flex-direction:column;gap:1rem}.grp-req-form-row{display:flex;gap:1rem}.grp-req-form-flex1{flex:1}.grp-req-form-cb{display:flex;align-items:center;gap:.5rem;cursor:pointer}.grp-req-ai{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px dashed var(--border-color);border-radius:4px;background:var(--bg-main)}.grp-req-ai-hint{font-size:.8rem;color:var(--text-muted);margin:0}.grp-req-quiz-min{flex:1;min-width:200px}.grp-req-quiz-cbs{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.5rem}.grp-req-builder{margin-top:1.5rem}.grp-req-builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.grp-req-builder-title{margin:0}.grp-req-builder-list{display:flex;flex-direction:column;gap:1rem}.grp-req-builder-actions{display:flex;gap:.5rem;margin-top:1.5rem}.grp-qb-empty{color:var(--text-muted);font-size:.9rem}.grp-qb-row{background:var(--bg-main);border:1px solid var(--border-color);padding:1rem;border-radius:4px}.grp-qb-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.grp-qb-title{color:var(--accent)}.grp-qb-actions{display:flex;gap:.2rem}.grp-qb-del{margin-left:.5rem}.grp-qb-text{margin-bottom:.75rem}.grp-qb-opts{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.grp-qb-opt{display:flex;align-items:center;gap:.5rem}.grp-qb-opt-input{flex:1}.profile-avatar-lightbox-trigger{object-fit:cover;cursor:zoom-in}.profile-medals-empty{grid-column:1 / -1;min-height:0}.profile-reactions-empty{font-size:.8rem;color:var(--text-muted)}.social-list-empty{color:var(--text-muted);text-align:center;padding:1rem}.profile-avatar-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn .15s ease}.profile-avatar-lightbox-img{max-width:90vw;max-height:90vh;border-radius:12px;object-fit:contain;box-shadow:0 8px 48px #0009}.profile-social-bar{display:flex;align-items:center;gap:1rem;margin:.75rem 0 .5rem;flex-wrap:wrap;justify-content:center}.profile-follow-counts{display:flex;gap:.5rem}.profile-count-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.4rem .85rem;cursor:pointer;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;font-weight:700;transition:background var(--transition),border-color var(--transition)}.profile-count-btn:hover{background:var(--bg-hover);border-color:var(--border-accent)}.profile-count-label{font-weight:400;font-size:.8rem;color:var(--text-secondary)}.profile-follow-btn{padding:.45rem 1.25rem;font-size:.9rem;border-radius:var(--radius-md);border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;font-family:var(--font-sans);font-weight:600;transition:background var(--transition),color var(--transition)}.profile-follow-btn[data-following=true],.profile-follow-btn:hover{background:var(--accent);color:#fff}.profile-reactions-panel{margin:.5rem 0 .25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-reactions-summary{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.reaction-chip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.25rem .65rem;font-size:1rem;display:flex;align-items:center;gap:.3rem;color:var(--text-primary)}.reaction-chip-count{font-size:.78rem;color:var(--text-secondary);font-weight:600}.profile-reactions-picker{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.reaction-emoji-btn{font-size:1.5rem;background:var(--bg-elevated);border:2px solid transparent;border-radius:var(--radius-md);padding:.25rem .45rem;cursor:pointer;transition:transform .1s,border-color .15s,background .15s}.reaction-emoji-btn:hover{transform:scale(1.2)}.reaction-emoji-btn.my-reaction{border-color:var(--accent);background:var(--accent-glow)}.btn-remove-reaction{background:none;border:none;color:var(--text-secondary);font-size:.78rem;cursor:pointer;text-decoration:underline;padding:0}.btn-remove-reaction:hover{color:var(--incorrect)}.social-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:#0009;display:flex;align-items:center;justify-content:center;animation:lpFadeIn .15s ease}.social-modal{background:var(--bg-card, var(--bg-elevated));border-radius:var(--radius-lg);padding:1.5rem;width:min(90vw,400px);max-height:70vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-card)}.social-modal-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.social-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-secondary)}.social-user-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.social-user-row:last-child{border-bottom:none}.social-user-avatar{font-size:1.4rem;width:36px;text-align:center}.social-user-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.social-user-username{font-size:.78rem;color:var(--text-secondary)}.vn-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.vn-catalog-empty{grid-column:1 / -1}.vn-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.vn-card-cover{width:100%;height:200px;object-fit:cover}.vn-card-placeholder{width:100%;height:200px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:3rem}.vn-card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.vn-card-title{margin:0 0 .5rem;font-size:1.3rem}.vn-card-desc{flex:1;margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vn-card-footer{display:flex;justify-content:space-between;align-items:center}.vn-card-cost{font-size:.9rem;font-weight:600;color:var(--accent)}.vn-card-err{color:var(--incorrect);font-size:.8rem;margin-top:.5rem}.vn-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:flex;flex-direction:column;overflow:hidden}.vn-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:opacity .5s ease}.vn-sprites-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}.vn-sprite{position:absolute;bottom:0;height:80vh;max-height:800px;object-fit:contain;transition:all .3s ease}.vn-sprite.left{left:10%}.vn-sprite.center{left:50%;transform:translate(-50%)}.vn-sprite.right{right:10%}.vn-sprite.dimmed{opacity:.5;filter:brightness(.7);transform:scale(.95)}.vn-sprite.dimmed.center{transform:translate(-50%) scale(.95)}.vn-ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem}.vn-dialogue-box{background:#000000d9;border:2px solid var(--accent);border-radius:var(--radius-lg);padding:2rem;min-height:160px;color:#fff;cursor:pointer;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 10px 30px #00000080}.vn-speaker-name{position:absolute;top:-1.5rem;left:2rem;background:var(--accent);color:#fff;padding:.5rem 1.5rem;border-radius:var(--radius-sm);font-weight:800;font-size:1.1rem;box-shadow:0 4px 10px #0000004d}.vn-text{font-size:1.25rem;line-height:1.6;-webkit-user-select:none;user-select:none}.vn-choices-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:#0009;z-index:10}.vn-choice-btn{background:var(--bg-elevated);border:2px solid var(--accent);color:var(--text-primary);padding:1rem 3rem;font-size:1.2rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;min-width:300px}.vn-choice-btn:hover{background:var(--accent);color:#fff;transform:scale(1.05)}.vn-fade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;z-index:99;transition:opacity .5s ease;opacity:0}.vn-back-btn{position:absolute;top:1rem;left:1rem;background:#00000080;color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;z-index:50}.vn-back-btn:hover{background:#000c}@keyframes mindmap-saber-pulse{0%,to{opacity:1}50%{opacity:.75}}.mindmap-loading{padding:24px;background:var(--bg-base);color:var(--text-primary);height:100vh}.mindmap-container{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg-base);color:var(--text-primary)}.mindmap-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.mindmap-toolbar-nav{display:flex;align-items:center;gap:14px;flex-shrink:0}.mindmap-toolbar-title{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:center;gap:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.mindmap-toolbar-menu-btn{border:none;background:none;color:var(--text-primary);cursor:pointer;font-size:18px;padding:4px 8px}.mindmap-toolbar-link{text-decoration:none;color:var(--text-primary);font-weight:600}.mindmap-toolbar-link:hover{color:var(--text-secondary)}.mindmap-toolbar-status{font-size:12px;color:var(--text-muted)}.mindmap-toolbar-hint{font-size:12px;color:var(--text-muted);font-weight:400}.mindmap-toolbar-hint.connecting{color:var(--text-primary);font-weight:600}.mindmap-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex-shrink:0}.mindmap-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;font-size:13px;transition:background .15s ease}.mindmap-btn:hover:not(:disabled){background:var(--bg-hover)}.mindmap-btn:disabled{cursor:default;opacity:.4}.mindmap-btn.public{background:var(--correct-bg);border-color:var(--correct);color:var(--correct)}.mindmap-btn-icon{padding:5px 8px}.mindmap-btn-icon-label{padding:5px 10px}.mindmap-canvas-wrapper{flex:1;cursor:default;background:var(--bg-base)}.mindmap-canvas-wrapper.connecting{cursor:crosshair}.mindmap-canvas-wrapper .react-flow__pane{background:var(--bg-base)}.mindmap-canvas-wrapper .react-flow__attribution{background:transparent;color:var(--text-muted)}.mindmap-canvas-wrapper .react-flow__controls{box-shadow:0 2px 8px #00000026;border-radius:8px;overflow:hidden}.mindmap-canvas-wrapper .react-flow__controls-button{background:var(--bg-surface);border-bottom:1px solid var(--border);fill:var(--text-primary);color:var(--text-primary)}.mindmap-canvas-wrapper .react-flow__controls-button:hover{background:var(--bg-hover)}.mindmap-context-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.mindmap-context-menu{position:fixed;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:6px;z-index:1000;display:flex;flex-direction:column;gap:4px;min-width:140px}.mindmap-edge-context-menu{position:fixed;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:6px;z-index:1000;display:flex;flex-direction:column;gap:4px;min-width:160px}.mindmap-context-row{display:flex;gap:4px;padding:2px 4px}.mindmap-color-btn,.mindmap-neon-color-btn{width:18px;height:18px;border-radius:50%;border:1px solid var(--border-accent);cursor:pointer;padding:0}.mindmap-font-btn,.mindmap-align-btn{flex:1;padding:4px 0;border:1px solid var(--border);border-radius:4px;background:var(--bg-surface);color:var(--text-primary);cursor:pointer;font-size:12px}.mindmap-menu-btn{text-align:left;padding:6px 8px;border:none;background:none;color:var(--text-primary);cursor:pointer;border-radius:4px;font-size:13px;transition:background .15s ease}.mindmap-menu-btn:hover{background:var(--bg-hover)}.mindmap-menu-btn.danger{color:var(--incorrect)}.mindmap-menu-btn.danger:hover{background:var(--incorrect-bg)}.mindmap-preview-svg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:998;width:100%;height:100%}.mindmap-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;z-index:1500}.mindmap-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--bg-surface);color:var(--text-primary);box-shadow:2px 0 12px #00000026;z-index:1501;padding:16px;overflow-y:auto}.mindmap-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mindmap-sidebar-close{border:none;background:none;color:var(--text-primary);cursor:pointer;font-size:16px}.mindmap-sidebar-item{padding:10px;border-radius:6px;cursor:pointer;margin-bottom:4px;background:transparent;font-weight:400}.mindmap-sidebar-item:hover{background:var(--bg-hover)}.mindmap-sidebar-item.active{background:var(--accent-glow);font-weight:600}.mindmap-sidebar-link{display:block;margin-top:12px;font-size:13px;color:var(--text-primary);text-decoration:none}.hub-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.hub-emoji-icon{font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;height:100%}.hub-reports-badge{display:none;position:absolute;top:1rem;right:1rem}.hub-modules-section{grid-column:1/-1;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.hub-modules-title{margin-bottom:.75rem}.hub-modules-list{display:flex;flex-direction:column;gap:.5rem}.hub-module-item{display:flex;align-items:center;gap:1rem;padding:.6rem .85rem;background:var(--bg-elevated);border-radius:8px}.hub-module-label{flex:1;font-weight:600}.hub-module-toggle{padding:.3rem .8rem;border-radius:6px;border:1px solid var(--border);cursor:pointer;font-size:.8rem}.dashboard-main{position:relative;z-index:1}#streakProgress{display:none}#streakFill{width:0%}.dashboard-cards-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.dashboard-section-title-row{margin-bottom:.75rem}.dashboard-badge-overdue{margin-left:.5rem;font-size:.7rem}.exam-main{padding-bottom:2rem}.exam-header-title{font-weight:800;font-size:1.2rem}.exam-header-progress{font-weight:600;color:var(--text-muted)}.exam-progress-wrap{margin-top:0;border-radius:0;height:6px}.exam-question-card{margin-top:2rem;border-top-left-radius:0;border-top-right-radius:0}#examProgressBar{width:0%}#examReviewSection{display:none}.exam-review-icon{margin-left:auto}.exam-stats-box{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;color:var(--text-secondary);text-align:left;background:var(--bg-card);padding:1rem;border-radius:8px}.exam-admission-success{background:#22c55e1a;border:1px solid var(--correct);padding:1.5rem;border-radius:12px;margin-bottom:2rem;text-align:center}.exam-admission-success-title{color:var(--correct);margin-bottom:.5rem;font-size:1.4rem}.exam-admission-text{margin-bottom:.5rem;font-size:1.1rem}.exam-admission-fail{background:#f973161a;border:1px solid #f97316;padding:1.5rem;border-radius:12px;margin-bottom:2rem;text-align:center}.exam-admission-fail-title{color:#f97316;margin-bottom:.5rem;font-size:1.3rem}.exam-timeout-msg{color:var(--incorrect);font-weight:700;margin-bottom:1rem}.exam-time-used{margin:2rem 0;color:var(--text-secondary)}.exam-actions-row{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@keyframes ambientAurora0{0%,to{transform:translate(0) translateY(0) scaleY(1) skew(0);opacity:.5}20%{transform:translate(18%) translateY(-8%) scaleY(1.5) skew(-10deg);opacity:.8}45%{transform:translate(-12%) translateY(5%) scaleY(.7) skew(8deg);opacity:.45}70%{transform:translate(25%) translateY(-3%) scaleY(1.3) skew(-6deg);opacity:.75}90%{transform:translate(-8%) translateY(4%) scaleY(.9) skew(5deg);opacity:.55}}@keyframes ambientAurora1{0%,to{transform:translate(0) translateY(0) scaleY(1) skew(0);opacity:.4}25%{transform:translate(-20%) translateY(6%) scaleY(1.4) skew(12deg);opacity:.7}50%{transform:translate(15%) translateY(-4%) scaleY(.6) skew(-8deg);opacity:.35}75%{transform:translate(-10%) translateY(3%) scaleY(1.2) skew(6deg);opacity:.65}}@keyframes ambientAurora2{0%,to{transform:translate(0) translateY(0) scaleY(1) skew(0);opacity:.35}30%{transform:translate(22%) translateY(-6%) scaleY(1.6) skew(-14deg);opacity:.65}60%{transform:translate(-18%) translateY(8%) scaleY(.8) skew(10deg);opacity:.4}85%{transform:translate(10%) translateY(-2%) scaleY(1.1) skew(-4deg);opacity:.55}}@keyframes ambientNeonPulse{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ambient-aurora-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;mix-blend-mode:screen}.ambient-aurora-band{position:absolute;left:-15%;width:130%;height:35%;filter:blur(35px);will-change:transform,opacity;transform:translateZ(0)}.ambient-aurora-band-0{top:0%;background:linear-gradient(90deg,transparent 0%,rgba(var(--aurora-r0, 34),var(--aurora-g0, 197),var(--aurora-b0, 94),.55) 25%,rgba(var(--aurora-r0, 34),var(--aurora-g0, 197),var(--aurora-b0, 94),.44) 50%,rgba(var(--aurora-r0, 34),var(--aurora-g0, 197),var(--aurora-b0, 94),.55) 75%,transparent 100%);opacity:var(--aurora-opacity, .55);animation:ambientAurora0 7s ease-in-out 0s infinite}.ambient-aurora-band-1{top:10%;background:linear-gradient(90deg,transparent 0%,rgba(var(--aurora-r1, 59),var(--aurora-g1, 130),var(--aurora-b1, 246),.5) 25%,rgba(var(--aurora-r1, 59),var(--aurora-g1, 130),var(--aurora-b1, 246),.4) 50%,rgba(var(--aurora-r1, 59),var(--aurora-g1, 130),var(--aurora-b1, 246),.5) 75%,transparent 100%);opacity:var(--aurora-opacity, .55);animation:ambientAurora1 9s ease-in-out -2s infinite}.ambient-aurora-band-2{top:20%;background:linear-gradient(90deg,transparent 0%,rgba(var(--aurora-r2, 236),var(--aurora-g2, 72),var(--aurora-b2, 153),.45) 25%,rgba(var(--aurora-r2, 236),var(--aurora-g2, 72),var(--aurora-b2, 153),.36) 50%,rgba(var(--aurora-r2, 236),var(--aurora-g2, 72),var(--aurora-b2, 153),.45) 75%,transparent 100%);opacity:var(--aurora-opacity, .55);animation:ambientAurora2 8s ease-in-out -5s infinite}.ambient-neongrid-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;mix-blend-mode:normal}.ambient-neongrid-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-size:48px 48px;background-image:linear-gradient(rgba(var(--neongrid-r, 6),var(--neongrid-g, 182),var(--neongrid-b, 212),.15) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--neongrid-r, 6),var(--neongrid-g, 182),var(--neongrid-b, 212),.15) 1px,transparent 1px);opacity:var(--neongrid-opacity, .2)}.ambient-neongrid-pulse-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ambient-neongrid-pulse{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--neongrid-r, 6),var(--neongrid-g, 182),var(--neongrid-b, 212),.25) 50%,transparent 100%);animation:ambientNeonPulse 4s linear infinite;will-change:transform;transform:translateZ(0)}.cat-form-group-full{grid-column:1 / -1}.cat-form-group-span2{grid-column:span 2}.cat-range-full{width:100%;display:block}.cat-color-input{height:40px;padding:2px}.cat-select-full{width:100%}.cat-input-mb{margin-bottom:8px}.cat-label-inline{display:block;margin-top:8px;margin-bottom:4px}.ae-modal-title{margin-bottom:1.5rem;font-size:1.25rem;font-weight:800}.ae-field-mb-1{margin-bottom:1rem}.ae-field-mb-15{margin-bottom:1.5rem}.ae-select-all-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ae-selected-count{font-size:.8rem;color:var(--text-muted)}.ae-empty-students{color:var(--text-muted);font-size:.85rem;padding:.5rem}.ae-student-handle{color:var(--text-muted);font-size:.78rem;margin-left:auto}#ceError{color:var(--incorrect);font-size:.85rem;margin-bottom:.75rem;display:none}.ae-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.ae-pad-1{padding:1rem}.ae-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.ae-avg-pct{margin-left:.35rem}.ae-muted-text{color:var(--text-muted)}.ae-table-wrap{overflow-x:auto}.ae-student-name{font-weight:600}.ae-student-user{font-size:.75rem;color:var(--text-muted)}.ae-td-muted{color:var(--text-muted)}.ae-status-done{color:var(--correct)}.ae-status-progress{color:#f59e0b}.ae-status-pending{color:var(--text-muted)}.ae-error-box{color:var(--incorrect);padding:1rem}.ae-main-content{max-width:860px}.ae-card-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem}.ae-card-title{font-weight:700;font-size:1rem}.ae-card-meta{font-size:.82rem;color:var(--text-muted);margin-top:.2rem}.ae-card-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.ae-mini-pct{font-size:.78rem;color:var(--text-muted);min-width:2.5rem}.er-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.er-page-title{margin:0}.er-page-subtitle{color:var(--text-muted);font-size:.9rem;margin-top:0;margin-bottom:1.5rem}.er-empty-state{text-align:center;padding:2rem;color:var(--text-muted)}.er-instructions{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.er-student-note{white-space:pre-wrap;background:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;font-size:.9rem;max-height:300px;overflow-y:auto}.er-btn-eval{margin-top:.5rem}.er-actions-panel{margin-top:1rem}.er-loading-eval{font-size:.85rem;color:var(--text-muted)}.er-eval-empty{color:var(--text-muted);font-size:.85rem}.er-eval-error{color:var(--incorrect);font-size:.85rem}.er-eval-box{background:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;margin-top:.5rem}.er-eval-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.er-eval-score{font-size:1.1rem}.er-eval-meta{font-size:.8rem;color:var(--text-muted)}.er-eval-feedback{font-size:.9rem;margin:.5rem 0}.er-eval-row{font-size:.82rem;margin-top:.4rem}.er-text-correct{color:var(--correct)}.er-text-warn{color:#f59e0b}.er-text-error{color:var(--incorrect)}.er-eval-history{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.mock-status-done{color:var(--correct)}.mock-status-progress{color:#f59e0b}.mock-status-pending{color:var(--text-muted)}.mock-main-content{max-width:900px}.mock-card-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem}.mock-card-title{font-weight:700;font-size:1rem}.mock-card-meta{font-size:.82rem;color:var(--text-muted);margin-top:.2rem}.mock-card-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.mock-pad-05{padding:.5rem}.mock-modal-title{margin-bottom:1.25rem;font-size:1.2rem;font-weight:800}.mock-field-mb-075{margin-bottom:.75rem}.mock-field-mb-1{margin-bottom:1rem}#mcError{color:var(--incorrect);font-size:.85rem;margin-bottom:.5rem;display:none}.mock-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.mock-empty-students{padding:.5rem;color:var(--text-muted)}.mock-table-wrap{overflow-x:auto;margin-top:.75rem}.mock-progress-actions{display:flex;justify-content:flex-end;margin-bottom:.5rem}.mock-student-name{font-weight:600}.mock-student-user{font-size:.75rem;color:var(--text-muted)}.mock-td-muted{color:var(--text-muted)}.mock-error-box{color:var(--incorrect);padding:.5rem}.mock-editor-wrap{padding:1rem 0}.mock-form-mb-1{margin-bottom:1rem}.mock-h3-mb{margin-bottom:.75rem}.mock-textarea-min-50{min-height:50px}.mock-count-badge{font-size:.85rem;color:var(--text-muted)}.mock-btn-row-mb{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.mock-subpanel{background:var(--bg-elevated);border-radius:8px;padding:.75rem;margin-bottom:.75rem}.mock-row-align{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.mock-select-flex{flex:1;min-width:180px}.mock-feedback{font-size:.82rem;margin-top:.4rem;color:var(--text-muted)}.mock-row-wrap-mb{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.mock-select-w180{width:180px}.mock-input-search{flex:1;min-width:160px}.mock-q-search-results{max-height:220px;overflow-y:auto;font-size:.85rem}.mock-q-list{max-height:320px;overflow-y:auto}.mock-mb-075{margin-bottom:.75rem}.mock-meta-label{font-size:.82rem;color:var(--text-muted);margin-bottom:.4rem}.mock-student-item-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;border-bottom:1px solid var(--border)}.mock-student-display-name{flex:1}.mock-student-handle{color:var(--text-muted);font-size:.78rem}.mock-btn-icon{padding:2px 6px}.mock-empty-text{color:var(--text-muted);font-size:.85rem}.mock-assign-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.mock-meta-label-inline{font-size:.82rem;color:var(--text-muted)}.mock-student-list-scroll{max-height:180px;overflow-y:auto}.mock-student-handle-right{color:var(--text-muted);font-size:.78rem;margin-left:auto}.mock-empty-all-assigned{color:var(--text-muted);font-size:.85rem;padding:.4rem}.mock-btn-mt{margin-top:.75rem}.mock-empty-q-text{color:var(--text-muted);font-size:.85rem;padding:.25rem}.mock-q-item-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;border-bottom:1px solid var(--border);font-size:.83rem}.mock-q-index{color:var(--text-muted);min-width:1.5rem}.mock-q-text-truncate{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-q-category-tag{color:var(--text-muted);font-size:.75rem;white-space:nowrap}.mock-btn-icon-shrink{padding:2px 6px;flex-shrink:0}.mock-search-status{color:var(--text-muted)}.mock-q-search-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;border-bottom:1px solid var(--border);cursor:pointer}.mock-btn-add-q{padding:2px 8px}.mock-search-error{color:var(--incorrect)}.point-questions-section{margin-top:2rem}.point-header-mb{margin-bottom:1rem}.point-title{font-size:1.1rem;font-weight:700}.point-header-actions{display:flex;gap:.5rem}.point-form-group-mb{margin-bottom:.75rem}.point-textarea-min-50{min-height:50px}.point-textarea-min-60{min-height:60px}.point-correct-option{color:var(--accent)}.point-q-count{margin-top:.75rem;font-size:.82rem;color:var(--text-muted)}.point-img-btn-row{display:flex;gap:.5rem;align-items:center}.qe-selector-subtitle{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.qe-bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.qe-bank-card{cursor:pointer}.qe-bank-count{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.qe-btn-back-mb{margin-bottom:1rem}.qe-header-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.qe-header-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.qe-header-title{font-size:1.05rem}.qe-header-right{display:flex;align-items:center;gap:.75rem}.qe-status-badge{font-size:.85rem;font-weight:700;padding:.25rem .7rem;border-radius:99px}.qe-status-incomplete{background:#ef44441f;color:#ef4444}.qe-status-missing-exp{background:#f59e0b1f;color:#f59e0b}.qe-status-missing-sis{background:#eab3081f;color:#eab308}.qe-status-complete{background:#22c55e1f;color:#22c55e}.qe-progress-label{font-size:.9rem;color:var(--text-muted);font-weight:600}.qe-toolbar-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.3rem}.qe-btn-bold{font-weight:800}.qe-toolbar-hint{font-size:.75rem;color:var(--text-muted)}.qe-textarea-min-60{min-height:60px}.qe-textarea-min-50{min-height:50px}.qe-img-btn-row{display:flex;gap:.5rem;align-items:center}.qe-ai-actions-row{display:flex;flex-wrap:wrap;gap:.5rem}.qe-btn-disabled{opacity:.45;cursor:not-allowed}.qe-meta-footer{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;display:flex;gap:1rem}.qe-form-actions{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:space-between}.qe-save-btn-group{display:flex;gap:.5rem}.qs-diff-tag{font-weight:700;font-size:.8rem;text-transform:uppercase}.qs-header-actions{display:flex;gap:.5rem}.qs-cat-select-label{display:block;margin-bottom:.4rem;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.qs-import-hint{font-size:.82rem;color:var(--text-muted);margin-bottom:.75rem}.qs-code-accent{color:var(--accent)}.qs-toolbar-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.3rem}.qs-btn-bold{font-weight:800}.qs-toolbar-hint{font-size:.75rem;color:var(--text-muted)}.qs-textarea-min-60{min-height:60px}.qs-textarea-min-50{min-height:50px}.qs-img-btn-row{display:flex;gap:.5rem;align-items:center}.qs-filter-form-group{max-width:360px;margin-bottom:1rem}.qs-count-label{margin-top:.75rem;font-size:.82rem;color:var(--text-muted)}.qs-correct-option{color:var(--accent)}.rep-feedback{font-size:.85rem;font-weight:700}.rep-feedback-correct{color:var(--correct)}.rep-feedback-incorrect{color:var(--incorrect)}.rep-toolbar-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.3rem}.rep-btn-bold{font-weight:800}.rep-toolbar-hint{font-size:.75rem;color:var(--text-muted)}.rep-save-row{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.rep-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rep-page-title{margin:0}.rep-page-subtitle{color:var(--text-muted);font-size:.9rem;margin-top:0;margin-bottom:1.5rem}.rep-empty-state{text-align:center;padding:2rem;color:var(--text-muted)}.rll-main{max-width:1100px;margin:2rem auto;padding:0 1.5rem}.rll-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.rll-title{color:var(--text-primary);margin-bottom:.25rem}.rll-subtitle{color:var(--text-secondary);font-size:.9rem}.rll-btn-new{padding:.6rem 1.2rem;border-radius:8px;white-space:nowrap}.rll-loading{color:var(--text-secondary);font-size:.9rem}.rll-error{color:var(--incorrect);margin-bottom:1rem;font-size:.9rem}.rll-table-wrap{overflow-x:auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px}.rll-table{width:100%;border-collapse:collapse;font-size:.9rem}.rll-th-row{text-align:left;border-bottom:1px solid var(--border)}.rll-th{padding:.75rem 1rem;color:var(--text-secondary);font-weight:600}.rll-empty{color:var(--text-secondary);font-size:.9rem;padding:2rem;text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px}.rll-badge{padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600}.rll-badge-published{background:#dcfce7;color:#16a34a}.rll-badge-draft{background:#fef3c7;color:#b45309}.rll-tr{border-bottom:1px solid var(--border)}.rll-td-title{padding:.75rem 1rem;color:var(--text-primary);font-weight:600}.rll-td{padding:.75rem 1rem;color:var(--text-secondary)}.rll-td-nowrap{white-space:nowrap}.rll-action-btn{padding:.3rem .7rem;border-radius:6px;font-size:.8rem;margin-right:.4rem}.rll-btn-del{color:var(--incorrect)}.rt-main{max-width:900px;margin:2rem auto;padding:0 1rem}.rt-title{color:var(--text-primary);margin-bottom:.5rem}.rt-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem}.rt-controls-desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:1.5rem}.rt-row-wrap-mb{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.rt-input-url{flex:1;min-width:250px;padding:.6rem .75rem;border-radius:8px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.rt-label-offset{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.rt-input-offset{width:70px;padding:.4rem .5rem;border-radius:6px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.rt-buttons-row{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.rt-btn-action{padding:.6rem 1.2rem;border-radius:8px;white-space:nowrap}.rt-btn-stop{padding:.6rem 1rem;border-radius:8px}.rt-analyze-status{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.rt-loading{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.rt-hud{display:flex;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-primary);margin-bottom:.5rem;gap:1.5rem}.rt-canvas-wrap{width:100%;aspect-ratio:16/9;background:#0a0a0f;border-radius:10px;overflow:hidden;position:relative}.rt-canvas{width:100%;height:100%;display:block}.rt-results-card{margin-top:1.5rem;padding:1.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px}.rt-results-title{color:var(--text-primary);margin-bottom:1rem}.rt-results-json{color:var(--text-secondary);font-size:.85rem;white-space:pre-wrap}.rt-btn-retry{margin-top:1rem;padding:.6rem 1.2rem;border-radius:8px}.rt-error{color:var(--incorrect);margin-top:1rem;font-size:.9rem}.re-main{max-width:1400px;margin:2rem auto;padding:0 1.5rem}.re-title{color:var(--text-primary);margin-bottom:.5rem}.re-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.re-mode-hint{color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem}.re-mode-select-row{display:flex;gap:1.5rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.re-radio-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-primary);cursor:pointer}.re-row-wrap-mb{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.re-select-saved{min-width:220px;padding:.6rem .75rem;border-radius:8px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.re-btn-load-level,.re-btn-new-level{padding:.6rem 1rem;border-radius:8px;white-space:nowrap}.re-input-title{min-width:200px;padding:.6rem .75rem;border-radius:8px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.re-input-audio{flex:1;min-width:250px;padding:.6rem .75rem;border-radius:8px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.re-btn-load-audio{padding:.6rem 1.2rem;border-radius:8px;white-space:nowrap}.re-label-bpm{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.re-input-bpm{width:60px;padding:.4rem .5rem;border-radius:6px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.re-input-bg{flex:1;min-width:250px;padding:.6rem .75rem;border-radius:8px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.re-label-accent{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.re-input-color{width:44px;height:36px;padding:2px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer}.re-effects-panel{margin-bottom:.75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:.75rem}.re-effects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.re-effects-title{font-size:.85rem;color:var(--text-secondary);font-weight:600}.re-btn-add-effect{padding:.3rem .8rem;border-radius:6px;font-size:.78rem}.re-effects-list{display:flex;flex-direction:column;gap:.4rem}.re-effects-empty{font-size:.8rem;color:var(--text-muted)}.re-side-images-panel{margin-bottom:.75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:.75rem}.re-side-images-hint{font-size:.75rem;color:var(--text-muted);margin:.25rem 0 .6rem}.re-loading{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.re-error{color:var(--incorrect);margin-bottom:1rem;font-size:.9rem}.re-editor-controls-row{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.re-btn-ctrl{padding:.5rem 1rem;border-radius:8px}.re-label-snap{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary)}.re-select-snap{padding:.4rem .5rem;border-radius:6px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);font-size:.85rem}.re-time-display{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-primary);margin-left:auto}.re-timeline-canvas{width:100%;height:80px;display:block;background:var(--bg-elevated);border-radius:8px;border:1px solid var(--border);cursor:pointer;margin-bottom:.75rem}.re-playfield-canvas{width:100%;aspect-ratio:16/9;min-height:520px;display:block;background:#0a0a0f;border-radius:10px;cursor:crosshair;margin-bottom:.75rem}.re-test-row{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.re-btn-test{padding:.6rem 1.2rem;border-radius:8px}.re-btn-stop-test{padding:.6rem 1rem;border-radius:8px}.re-note-count{font-size:.85rem;color:var(--text-secondary)}.re-notes-list-wrap{max-height:220px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:.5rem;margin-bottom:1.5rem}.re-notes-list{display:flex;flex-direction:column;gap:.35rem}.re-export-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:1rem}.re-export-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.re-export-title{color:var(--text-primary);margin:0;font-size:1rem}.re-export-btn-group{display:flex;gap:.5rem}.re-btn-save{padding:.5rem 1rem;border-radius:6px;font-size:.85rem}.re-btn-copy{padding:.5rem .9rem;border-radius:6px;font-size:.85rem}.re-save-status{font-size:.85rem;margin-bottom:.5rem}.re-save-status.is-error{color:var(--incorrect)}.re-save-status.is-ok{color:#4ade80}.re-export-json{color:var(--text-secondary);font-size:.8rem;white-space:pre-wrap;max-height:200px;overflow-y:auto;margin:0}.re-effect-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;background:var(--bg-surface);padding:.5rem;border-radius:8px}.re-effect-type{padding:.35rem .5rem;border-radius:6px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);font-size:.8rem}.re-effect-color{width:36px;height:32px;padding:2px;border-radius:6px;border:1px solid var(--border);cursor:pointer}.re-effect-label,.re-effect-end-wrap{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--text-secondary)}.re-input-num-sm{width:60px;padding:.3rem;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.re-btn-remove-sm{padding:.25rem .6rem;border-radius:6px;font-size:.75rem;margin-left:auto}.re-note-item-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-primary);background:var(--bg-surface);padding:.35rem .5rem;border-radius:6px}.re-note-time{font-family:JetBrains Mono,monospace;min-width:70px}.re-note-pos{color:var(--text-secondary);min-width:90px}.re-intensity-slider{flex:1}.re-btn-delete-note{padding:.2rem .5rem;border-radius:4px;font-size:.75rem}.tl-input-num-sm{max-width:100px}.tl-input-mistakes{max-width:120px}.tl-select-diff{max-width:140px}.tl-form-row-align{margin-top:.5rem;align-items:flex-end}.tl-music-type-wrap{flex:0 0 auto}.tl-label-field{display:block;font-size:.8rem;margin-bottom:.2rem;color:var(--text-muted)}.tl-select-music{max-width:140px}.tl-music-url-wrap{flex:1}.tl-input-full{width:100%}.tl-btn-nowrap{white-space:nowrap}.tl-textarea-wrap{margin-top:.75rem}.tl-textarea-msg{width:100%;resize:vertical}.tl-hint-muted{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.tl-feedback{font-size:.85rem;margin-top:.4rem}.tl-feedback-correct{color:var(--correct)}.tl-feedback-incorrect{color:var(--incorrect)}.tl-feedback-muted{color:var(--text-muted)}.tl-song-row{position:relative}.tl-song-row.is-inactive{opacity:.6}.tl-level-badge{width:50px;height:50px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--text-primary);flex-shrink:0}.tl-song-subtitle{font-size:.8rem;color:var(--text-muted);display:block;margin-top:.2rem}.tl-lang-tag{background:var(--bg-elevated);margin-top:.3rem}.tl-lang-easy{border:1px solid #22c55e;color:#22c55e}.tl-lang-medium{border:1px solid #3b82f6;color:#3b82f6}.tl-lang-hard{border:1px solid #ef4444;color:#ef4444}.tl-lang-legendary{border:1px solid #ffd700;color:gold}.tl-inactive-badge{display:inline-block;font-size:.7rem;padding:.15rem .4rem;border-radius:4px;background:var(--incorrect-bg);color:var(--incorrect);margin-top:.3rem;margin-left:.5rem;font-weight:600}.tl-row-actions{display:flex;gap:.4rem;flex-shrink:0;flex-wrap:wrap}.tl-btn-lines{background:var(--accent);color:#fff;border:none;text-decoration:none}.tl-btn-action{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.tl-btn-toggle-inactive{background:var(--bg-elevated);color:var(--correct);border:1px solid var(--border)}.tl-btn-toggle-active{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.tl-btn-delete{background:var(--incorrect-bg);color:var(--incorrect);border:1px solid var(--incorrect)}.tl-edit-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;margin-bottom:.5rem}.tl-edit-title-heading{margin:0 0 .75rem;font-size:.95rem}.tl-edit-title-input{flex:1;min-width:180px}.tl-edit-actions{display:flex;gap:.5rem;margin-top:.75rem}.tl-section-wrap{max-width:800px}.tl-section-wrap-mt{max-width:800px;margin-top:2rem}.tl-form-card-mb{margin-bottom:1rem}.tl-card-subheading{margin:0 0 .5rem;font-size:.9rem}.tl-time-input{width:120px}.tl-time-num-input{width:80px}.tl-deco-header-hint{font-size:.75rem;color:var(--text-muted);margin-bottom:.8rem}.tl-deco-form-group{margin-bottom:.8rem}.tl-deco-label{display:block;font-size:.85rem;margin-bottom:.3rem;font-weight:600}.tl-deco-slider-header{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.3rem}.tl-deco-actions{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.tl-deco-list-mt{margin-top:1rem}.tl-line-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:.4rem;background:var(--bg-elevated)}.tl-line-num{font-weight:700;color:var(--text-muted);min-width:28px;text-align:center}.tl-line-body{flex:1;min-width:0}.tl-line-text{font-size:.95rem}.tl-line-meta{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.tl-line-btn-group{display:flex;gap:.3rem;flex-shrink:0}.tl-btn-sm-action{font-size:.8rem;padding:.3rem .5rem;background:var(--bg-elevated);border:1px solid var(--border)}.tl-btn-sm-del{font-size:.8rem;padding:.3rem .5rem;background:var(--incorrect-bg);color:var(--incorrect);border:1px solid var(--incorrect)}.tl-empty-padded{padding:1rem}.tl-deco-item{padding:.5rem;margin-bottom:.5rem;border:1px solid var(--border);border-radius:4px;display:flex;justify-content:space-between;align-items:center}.tl-deco-title{font-weight:600;font-size:.9rem}.tl-deco-title-normal{font-weight:400}.tl-deco-meta{font-size:.8rem;color:var(--text-muted)}.tl-btn-cancel-edit{background:var(--bg-elevated);border:1px solid var(--border);font-size:.85rem}.tp-input-lang{max-width:120px}.tp-select-diff{max-width:140px}.tp-feedback{font-size:.85rem;margin-top:.4rem}.tp-feedback-correct{color:var(--correct)}.tp-feedback-incorrect{color:var(--incorrect)}.tp-feedback-muted{color:var(--text-muted)}.tp-song-row{position:relative}.tp-diff-badge{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);margin-left:.3rem}.tp-inactive-badge{display:inline-block;font-size:.7rem;padding:.15rem .4rem;border-radius:4px;background:var(--incorrect-bg);color:var(--incorrect);margin-top:.3rem;margin-left:.5rem;font-weight:600}.tp-btn-manage{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.tp-btn-delete-song{background:var(--incorrect);color:#fff}.tp-card-mt{margin-top:1rem}.tp-form-group-mb{margin-bottom:.8rem}.tp-label-bold{display:block;font-size:.85rem;margin-bottom:.3rem;font-weight:600}.tp-input-full{width:100%}.tp-row-split-mb{display:flex;gap:.5rem;margin-bottom:.8rem}.tp-col-flex{flex:1}.tp-active-check-row{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.tp-active-check-label{cursor:pointer;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.tp-actions-right-mt{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.tp-config-feedback{font-size:.85rem;margin-top:.4rem;text-align:right}.tp-deco-hint{font-size:.75rem;color:var(--text-muted);margin-bottom:.8rem}.tp-slider-header{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.3rem}.tp-time-input-wrap{display:flex;gap:.3rem}.tp-time-num-input{width:80px}.tp-btn-time-capture{padding:.4rem .6rem;font-size:.85rem;background:var(--accent);color:#fff}.tp-btn-add-deco{margin-top:.5rem}.tp-deco-feedback{font-size:.85rem;margin-top:.3rem}.tp-line-hint{font-size:.75rem;color:var(--text-muted);margin-top:.2rem;margin-bottom:.8rem}.tp-btn-add-line{margin-top:.5rem}.tp-line-feedback{font-size:.85rem;margin-top:.3rem}.tp-empty-padded{padding:1rem}.tp-target-span{color:var(--accent);font-weight:700}.tp-muted-span{color:var(--text-muted);opacity:.8}.tp-btn-line-edit{font-size:.8rem;padding:.3rem .5rem;background:var(--bg-elevated);border:1px solid var(--border)}.tp-btn-line-del{font-size:.8rem;padding:.3rem .5rem;background:var(--incorrect-bg);color:var(--incorrect);border:1px solid var(--incorrect)}.tp-deco-item{padding:.5rem;margin-bottom:.5rem;border:1px solid var(--border);border-radius:4px;display:flex;justify-content:space-between;align-items:center}.tp-deco-title{font-weight:600;font-size:.9rem}.tp-deco-title-normal{font-weight:400}.tp-deco-meta{font-size:.8rem;color:var(--text-muted)}.usr-header-actions{display:flex;gap:.5rem;align-items:center}.usr-input-streak{width:70px}.usr-padded{padding:1rem}.usr-medal-img{width:48px;height:48px;object-fit:contain}.usr-medal-img.is-locked{filter:grayscale(1) brightness(.4)}.wbc-container{display:flex;flex-direction:column;height:100vh}.wbc-root{position:relative;flex:1;overflow:hidden;background:#f4f4f7;touch-action:none}.wbc-loading{padding:2rem}.wbc-canvas{display:block;cursor:crosshair}.wbc-overlay{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;pointer-events:none}.wbc-top-left{display:flex;align-items:center;gap:.5rem;pointer-events:auto}.wbc-back-btn{background:#fff}.wbc-board-title{font-weight:700;background:#fff;padding:.4rem .8rem;border-radius:8px;border:1px solid var(--border)}.wbc-toolbar{display:flex;align-items:center;gap:.5rem;pointer-events:auto;background:#fff;padding:.5rem .75rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 8px #00000014;flex-wrap:wrap}.wbc-btn{padding:.35rem .7rem}.wbc-save-btn{padding:.35rem .9rem}.wbc-colors-wrap{display:flex;gap:.25rem;align-items:center;padding:0 .25rem}.wbc-color-picker{width:26px;height:26px;border:none;padding:0;cursor:pointer}.wbc-width-range{width:80px}.wb-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid rgba(0,0,0,.15);cursor:pointer}.wb-color-swatch.is-active{border-color:var(--accent)}.wb-color-swatch[data-color="#1a1a1a"]{background:#1a1a1a}.wb-color-swatch[data-color="#ef4444"]{background:#ef4444}.wb-color-swatch[data-color="#f59e0b"]{background:#f59e0b}.wb-color-swatch[data-color="#22c55e"]{background:#22c55e}.wb-color-swatch[data-color="#3b82f6"]{background:#3b82f6}.wb-color-swatch[data-color="#a855f7"]{background:#a855f7}.wb-color-swatch[data-color="#ec4899"]{background:#ec4899}.wb-color-swatch[data-color="#ffffff"]{background:#fff}.wb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem}.wb-card{cursor:default;text-align:left;padding:1.25rem}.wb-card-title{font-weight:700;font-size:1rem;margin-bottom:.35rem}.wb-card-date{font-size:.78rem;color:var(--text-muted);margin-bottom:1rem}.wb-card-actions{display:flex;gap:.5rem}.cs-main{max-width:900px;margin:0 auto;padding:2.5rem 1rem}.cs-back-link{display:inline-block;margin-bottom:1.5rem;color:var(--accent);text-decoration:none;font-size:.9rem}.cs-header{text-align:center;margin-bottom:2.5rem}.cs-icon{font-size:3rem;line-height:1}.cs-title{margin:.5rem 0 .25rem}.cs-subtitle{color:var(--text-muted);margin:0}.cs-cards-row{display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap}.cs-mode-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none}.cs-cat-square{width:400px}.cs-mode-label{font-weight:700;font-size:1.15rem;color:var(--text-primary)}.glx-container{display:flex;flex-direction:column;height:100vh}.glx-frame-wrap{position:relative;flex:1;background:#02030d}.glx-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.les-main{max-width:1400px;margin:2rem auto;padding:0 1.5rem}.les-empty-state{padding:2rem;text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary)}.les-discord-btn{display:inline-flex;align-items:center;gap:.3rem}.les-schedule{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.les-card-section{background:var(--bg-surface);padding:1.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-card)}.les-header-row{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border);gap:.5rem}.les-title-mb{margin-bottom:.25rem}.mmc-canvas-root,.mmp-canvas-root{width:100%;height:100vh}.mus-loading-sm{font-size:.82rem}.mus-logo-lg{width:32px;height:32px;vertical-align:-7px;margin-right:.5rem}.mus-logo-sm{width:16px;height:16px;vertical-align:-3px;margin-right:.35rem}.mus-share-feedback{margin-bottom:.5rem;font-size:.85rem}.mus-feedback-ok{color:var(--correct)}.mus-feedback-err{color:var(--incorrect)}.mus-empty-comments{font-size:.82rem;color:var(--text-muted);padding:.5rem 0}.mus-error-comments{font-size:.82rem;color:var(--incorrect)}.like-btn.is-popping{transform:scale(1.35)}.pt-welcome-mb{margin-bottom:1.5rem}.pt-title{font-size:1.6rem;font-weight:800}.pt-col-full{grid-column:1 / -1}.qb-main{max-width:1100px;margin:2rem auto;padding:0 1.5rem}.qb-title-mb{margin-bottom:1rem}.qb-col-full{grid-column:1 / -1}.rl-main{max-width:1200px;margin:2rem auto;padding:0 1.5rem}.rl-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}.rl-title-icon{color:var(--text-primary);margin-bottom:.5rem}.rl-title{color:var(--text-primary);font-size:2.1rem;font-weight:800;margin-bottom:.4rem}.rl-subtitle{color:var(--text-secondary);font-size:.95rem}.rl-loading-text{color:var(--text-secondary);font-size:.9rem}.rl-error-text{color:var(--incorrect);margin-bottom:1rem;font-size:.9rem}.rl-empty-box{color:var(--text-secondary);font-size:.9rem;padding:2rem;text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px}.rl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem}.rl-tile-wrap{display:flex;flex-direction:column;gap:.5rem}.rl-tile{position:relative;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;background-color:color-mix(in srgb,var(--rl-accent, #facc15) 25%,var(--bg-elevated));background-size:cover;background-position:center;box-shadow:0 8px 24px #0000002e;transition:transform .18s ease}.rl-tile:hover{transform:translateY(-3px) scale(1.015)}.rl-tile-glass{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:.85rem;background:color-mix(in srgb,var(--rl-accent, #facc15) 38%,transparent);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid color-mix(in srgb,var(--rl-accent, #facc15) 55%,transparent)}.rl-tile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.rl-tile-mode{font-size:.78rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;background:#00000059;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.rl-tile-cost{font-size:.85rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;background:#00000059;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.rl-tile-bottom{display:flex;flex-direction:column;gap:.4rem}.rl-tile-title{font-weight:800;color:#fff;font-size:1.3rem;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.5)}.rl-tile-meta{font-size:.85rem;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.4);margin-bottom:.35rem}.rl-tile-btn{width:100%;padding:.65rem .7rem;border-radius:10px;font-size:.92rem;white-space:nowrap}.rl-btn-play{padding:.5rem 1.1rem;border-radius:8px;white-space:nowrap}.rl-btn-rank{padding:.35rem .8rem;border-radius:6px;font-size:.8rem;width:100%}.rl-btn-unlock{padding:.5rem 1.1rem;border-radius:8px;white-space:nowrap}.rl-rank-panel{margin-top:.25rem}.rl-rank-loading{color:var(--text-secondary);font-size:.85rem}.rl-rank-table{width:100%;border-collapse:collapse;font-size:.85rem}.rl-table-head-row{text-align:left;border-bottom:1px solid var(--border)}.rl-th{padding:.4rem .6rem;color:var(--text-secondary)}.rl-table-row{border-bottom:1px solid var(--border)}.rl-td-secondary{padding:.4rem .6rem;color:var(--text-secondary)}.rl-td-player{padding:.4rem .6rem;color:var(--text-primary);font-weight:600}.rl-td-primary{padding:.4rem .6rem;color:var(--text-primary)}.rl-rank-error{color:var(--incorrect);font-size:.85rem}.is-hidden{display:none!important}.rp-error-main{max-width:700px;margin:3rem auto;text-align:center;color:var(--text-secondary)}.rp-main{max-width:1650px;margin:2rem auto;padding:0 1rem}.rp-loading{color:var(--text-secondary);font-size:.9rem}.rp-error{color:var(--incorrect);font-size:.9rem;margin-bottom:1rem}.rp-start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:55vh;padding:2.5rem 1.5rem;margin-bottom:1.5rem;border-radius:20px;background:var(--bg-elevated);border:1px solid var(--border);position:relative;overflow:hidden;border-color:var(--rp-accent, #facc15);box-shadow:0 0 60px var(--rp-accent-glow, rgba(250, 204, 21, .13))}.rp-start-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background:radial-gradient(circle at 50% 20%,var(--rp-accent-glow2, rgba(250, 204, 21, .33)),transparent 65%)}.rp-start-content{position:relative;z-index:1;max-width:520px}.rp-title{color:var(--text-primary);font-size:2.1rem;font-weight:800;margin-bottom:.75rem;line-height:1.2}.rp-meta-pills{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.25rem}.rp-meta-pill{padding:.3rem .85rem;border-radius:999px;font-size:.8rem}.rp-pill-mode{background:var(--rp-pill-bg, rgba(250, 204, 21, .13));color:var(--rp-accent, #facc15);font-weight:700}.rp-pill-meta{background:var(--bg-hover);color:var(--text-secondary);font-weight:600}.rp-pill-diff{text-transform:capitalize}.rp-start-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.rp-start-btn{padding:.85rem 2.2rem;border-radius:999px;border:none;font-weight:700;font-size:1rem;cursor:pointer;color:#0a0a0f;background:var(--rp-accent, #facc15);box-shadow:0 6px 20px var(--rp-accent-glow2, rgba(250, 204, 21, .33))}.rp-back-btn{padding:.85rem 1.8rem;border-radius:999px}.rp-hud{display:flex;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-primary);margin-bottom:.5rem;gap:1.5rem;justify-content:space-between;align-items:center}.rp-hud-stats{display:flex;gap:1.5rem}.rp-pause-btn{position:absolute;top:.85rem;right:.85rem;z-index:6;display:inline-flex;padding:.4rem 1rem;border-radius:999px;font-size:.8rem;white-space:nowrap;background:#0a0a0f99;border-color:var(--rp-accent, #facc15);color:var(--rp-accent, #facc15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rp-pause-btn:hover{background:var(--rp-accent, #facc15);color:#0a0a0f}.rp-play-row{display:flex;align-items:center;justify-content:center;gap:1.25rem}.rp-canvas-wrap{width:100%;max-width:calc((100vh - 160px)*1.6);margin:0 auto;aspect-ratio:16/10;background:#0a0a0f;border-radius:10px;overflow:hidden;position:relative;scroll-margin-top:80px}.rp-canvas{width:100%;height:100%;display:block}.rp-side-image{max-height:min(70vh,480px);width:auto;max-width:220px;object-fit:contain;border-radius:12px;flex-shrink:0}@media (max-width: 1300px){.rp-side-image{display:none}}.rp-results{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;padding:1.5rem;background:#0a0a0fe0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:center;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.rp-results-title{color:#fff;margin-bottom:.5rem}.rp-results-body{color:#ffffffd9;font-size:.9rem;line-height:1.7}.rp-stat-val{color:#fff}.rp-new-best{color:var(--rp-accent, #facc15);font-weight:700;margin-top:.5rem}.rp-results-actions{margin-top:1rem;display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.rp-results-btn{padding:.6rem 1.2rem;border-radius:8px}.rp-results-actions .btn-primary.rp-results-btn{background:var(--rp-accent, #facc15);color:#0a0a0f;box-shadow:0 0 20px var(--rp-accent-glow2, rgba(250, 204, 21, .5))}.rp-results-actions .btn-primary.rp-results-btn:hover{filter:brightness(1.1)}.rp-results-actions .btn-outline.rp-results-btn{background:#ffffff0f;border-color:var(--rp-accent, #facc15);color:var(--rp-accent, #facc15)}.rp-results-actions .btn-outline.rp-results-btn:hover{background:var(--rp-accent, #facc15);color:#0a0a0f}.rp-lead-title{color:#fff;margin-top:1.5rem;margin-bottom:.6rem}.rp-leaderboard{color:#ffffffd9;font-size:.85rem;width:100%;max-width:460px}.rp-lead-table{width:100%;border-collapse:collapse;font-size:.85rem}.rp-lead-head-row{text-align:left;border-bottom:1px solid rgba(255,255,255,.2)}.rp-lead-th{padding:.4rem .6rem}.rp-lead-row{border-bottom:1px solid rgba(255,255,255,.12)}.rp-lead-row-first{background:color-mix(in srgb,var(--rp-accent, #facc15) 28%,transparent);border-radius:6px}.rp-lead-row-first .rp-lead-td-player{color:var(--rp-accent, #facc15);font-weight:800}.rp-lead-td-sec{padding:.4rem .6rem}.rp-lead-td-player{padding:.4rem .6rem;color:#fff;font-weight:600}.rp-lead-td-primary{padding:.4rem .6rem;color:#fff}.ambient-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden}.ambient-bg-image{width:100%;height:100%;background-size:cover;background-position:center}.ambient-bg-video{width:100%;height:100%;object-fit:cover}.ambient-bg-canvas{display:block;width:100%;height:100%}.ambient-reveal-base{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.ambient-reveal-top{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;clip-path:circle(0px at 0px 0px);transition:clip-path .08s ease-out}.tts-main{position:relative;z-index:1;max-width:800px;margin:0 auto}.tts-area-card{cursor:pointer;border:2px solid transparent;transition:all .2s ease}.tts-area-card.is-disabled{opacity:.6;cursor:not-allowed;filter:grayscale(1)}.tts-area-card.is-selected{border-color:var(--accent);background:var(--bg-card-hover)}.tts-area-inner{display:flex;justify-content:space-between;align-items:center}.tts-area-name{margin:0}.tts-badge-soon{font-size:.75rem;background:var(--bg-input);padding:2px 8px;border-radius:12px;color:var(--text-secondary)}.tts-check-icon{font-size:1.2rem}.tts-mt-1{margin-top:1rem}.tts-careers-section{margin-top:2rem}.tts-section-h3{margin-bottom:1rem}.tts-career-select{width:100%;max-width:100%;font-size:1rem;padding:10px;border-radius:8px}.tts-setup-card{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);margin-bottom:2rem}.tts-areas-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tts-actions-wrap{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center;border-top:1px solid var(--border-color);padding-top:2rem}.tts-btn-start{width:100%;max-width:300px;font-size:1.1rem}.tts-btn-general{width:100%;max-width:300px}.tpl-game-area{max-width:800px;margin:0 auto;width:100%}.tpl-timer{font-weight:700;font-variant-numeric:tabular-nums}.tpl-mistakes{color:var(--incorrect);font-weight:700}.tpl-target-text{min-height:150px;text-align:left;font-size:1.5rem;line-height:1.6}.tpl-countdown-wrap{margin-top:.5rem}.tpl-countdown-inner{display:flex;align-items:center;gap:.5rem}.tpl-countdown-label{font-size:.85rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.tpl-bar-track{flex:1;height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden}.tpl-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .1s linear;width:100%}.tpl-start-overlay{display:flex;flex-direction:column;align-items:center;padding:2rem 0;gap:1rem}.tpl-music-status{font-size:.85rem;color:var(--text-muted)}.tpl-start-btn{font-size:1.2rem;padding:.8rem 2.5rem;cursor:pointer}.tpl-lead-preview{width:100%;max-width:600px}.tpl-music-error{color:var(--incorrect)}.tpl-line-indicator{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.tpl-word-wrap{white-space:nowrap;display:inline-block}.tpl-res-card-fail{border:2px solid var(--incorrect)}.tpl-res-card-ok{border:2px solid var(--correct)}.tpl-title-fail{color:var(--incorrect)}.tpl-title-ok{color:var(--correct)}.tpl-actions-center{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.tpl-best-time{text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.tpl-about-work{margin-top:1.5rem;padding:1rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left}.tpl-about-title{font-size:1rem;margin:0 0 .6rem;color:var(--text-primary)}.tpl-about-text{font-size:.9rem;line-height:1.7;color:var(--text-secondary)}.tpl-level-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem}.tpl-card{position:relative;padding:1.75rem 1.5rem;text-align:center;cursor:pointer;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tpl-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tpl-color, var(--border));opacity:.9}.tpl-card:not(.is-locked):hover{transform:translateY(-4px);box-shadow:0 10px 28px #0000001f,0 0 0 1px var(--tpl-color, var(--border-accent))}.tpl-card.is-locked{opacity:.55;cursor:not-allowed;box-shadow:none}.tpl-card.is-locked:before{background:var(--border);opacity:.5}.tpl-card.is-passed{border-color:var(--correct)}.tpl-card.is-passed:before{background:var(--correct)}.tpl-card.is-current{border-color:var(--tpl-color, var(--accent));box-shadow:0 8px 24px color-mix(in srgb,var(--tpl-color, var(--accent)) 20%,transparent)}.tpl-card.is-current:before{height:5px}.tpl-level-num{font-size:2.75rem;font-weight:800;letter-spacing:-.02em}.tpl-level-num.is-unlocked{color:var(--text-primary)}.tpl-level-num.is-muted{color:var(--text-muted)}.tpl-card-body{margin-top:.85rem}.tpl-level-title{font-weight:700;font-size:1.1rem;line-height:1.3}.tpl-level-title.is-unlocked{color:var(--text-primary)}.tpl-level-title.is-muted{color:var(--text-muted)}.tpl-badges-row{margin-top:.7rem;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.tpl-badge-diff{background:var(--bg-elevated);border:1px solid var(--tpl-color, var(--border));color:var(--tpl-color, var(--text-primary));border-radius:999px;padding:.2rem .7rem;font-weight:600}.tpl-badge-err{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:.2rem .7rem}.tpl-card-lock{margin-top:1.1rem;display:flex;justify-content:center;color:var(--text-muted)}.tpl-card-done{margin-top:1.1rem;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:1rem;font-weight:600;color:var(--correct)}.tpl-card-best{font-size:.8rem;color:var(--text-secondary);margin-top:.35rem}.tpl-card-next{margin-top:1.1rem;font-size:.85rem;font-weight:700;color:var(--tpl-color, var(--accent));text-transform:uppercase;letter-spacing:.06em}.tpl-lb-wrap{margin-top:1.5rem;width:100%}.tpl-lb-title{text-align:center;margin-bottom:.75rem;font-size:1rem}.tpl-lb-table{width:100%;border-collapse:collapse;font-size:.9rem}.tpl-lb-head-row{border-bottom:2px solid var(--border)}.tpl-lb-th-center{text-align:center;padding:.4rem}.tpl-lb-th-left{text-align:left;padding:.4rem}.tpl-lb-row{border-bottom:1px solid var(--border)}.tpl-lb-row.is-me{background:var(--accent-bg, rgba(59,130,246,.15));font-weight:700}.tpl-lb-row.is-alt{background:var(--bg-elevated)}.tpl-lb-td-center{text-align:center;padding:.4rem}.tpl-lb-td-left{padding:.4rem}.deco-item{position:absolute;transform:translate(-50%,-50%)}.deco-canvas{display:block;width:100%;height:100%}.deco-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.tpl-play-col{flex-direction:column}.tpl-spotify-wrap{margin:0 auto 1rem;max-width:600px;width:100%}.tpl-spotify-frame{border-radius:12px}.tp-deco-container{position:absolute;top:0;left:50%;width:100vw;margin-left:-50vw;height:100%;pointer-events:none;overflow:hidden;z-index:0}.tp-game-content-wrap{position:relative;z-index:2}.tp-song-card{border:1px solid var(--tp-color, var(--border));box-shadow:0 0 8px var(--tp-glow, transparent)}.tp-song-lang{background:var(--bg-elevated);border:1px solid var(--tp-color, var(--border));color:var(--tp-color, var(--text-primary));margin-left:.3rem}.tp-back-center{margin:1rem auto;display:block;width:fit-content}.tp-label-accents{margin-left:auto;display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.8rem}.tp-check-cursor{cursor:pointer}.tp-char-muted.tp-opacity-40{opacity:.4}.tp-mt-1{margin-top:1rem}.tp-lead-accents{font-size:.8rem}.tp-accents-ok{color:var(--correct)}.tp-accents-sec{color:var(--text-secondary)}.grp-pad-1{padding:1rem}.grp-danger-text{color:var(--incorrect)}.grp-label-radio{cursor:pointer}.grp-flex-wrap-gap{display:flex;flex-wrap:wrap;gap:1rem}.lr-loading{text-align:center;padding:1rem;color:var(--text-muted)}.lr-section{border-top:1px solid var(--border);padding-top:1.5rem}.lr-section-title{margin-bottom:1rem;color:var(--text-primary)}.lr-cards-list{display:flex;flex-direction:column;gap:1rem}.lr-card{background:var(--bg-surface);padding:1rem;border-radius:8px;border:1px solid var(--border)}.lr-error-text{color:var(--incorrect)}.lr-badge-done{color:#4ade80;font-weight:700;font-size:.9rem}.lr-badge-pending{color:#fbbf24;font-weight:700;font-size:.9rem}.lr-badge-warning{color:#f59e0b;font-weight:700;font-size:.9rem}.lr-badge-danger{color:#ef4444;font-weight:700;font-size:.9rem}.lr-header-row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.lr-header-row.is-essay{flex-direction:column;justify-content:center;align-items:center;gap:.35rem}.lr-type-label{color:var(--accent);font-size:1.1rem}.lr-type-label.is-center{text-align:center}.lr-shrink-0{flex-shrink:0}.lr-instructions{font-size:.95rem;margin-bottom:1rem;color:var(--text-primary);line-height:1.4}.lr-box-warning{background:#f59e0b1a;border-left:3px solid #f59e0b;padding:.75rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-primary);border-radius:0 4px 4px 0}.lr-box-danger{background:#ef44441a;border-left:3px solid #ef4444;padding:.75rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-primary);border-radius:0 4px 4px 0}.lr-best-score{font-size:.9rem;color:var(--text-muted);margin-top:.5rem}.lr-score-num{color:var(--text-primary)}.lr-eval-box-success{background:#22c55e14;border-left:3px solid #4ade80;padding:.75rem;margin-top:.75rem;border-radius:0 4px 4px 0}.lr-eval-score{font-weight:700;color:#4ade80;margin-bottom:.3rem}.lr-eval-feedback{font-size:.9rem;color:var(--text-primary)}.lr-writing-quality{background:var(--bg-elevated);border-left:3px solid var(--text-secondary);padding:.75rem;margin-top:.5rem;border-radius:0 4px 4px 0}.lr-wq-title{font-weight:700;font-size:.85rem;color:var(--text-primary);margin-bottom:.3rem}.lr-wq-scores{font-size:.85rem;color:var(--text-secondary);margin-bottom:.3rem}.lr-wq-comments{font-size:.85rem;color:var(--text-secondary)}.lr-form-wrap{margin-top:1rem}.lr-empty-quiz{color:var(--text-muted)}.lr-quiz-wrap{display:flex;flex-direction:column;gap:1.5rem;margin-top:.5rem}.lr-quiz-card{background:var(--bg-elevated);padding:1rem;border-radius:8px;border:1px solid var(--border)}.lr-quiz-q-title{font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.lr-quiz-options-col{display:flex;flex-direction:column;gap:.5rem}.lr-quiz-option{cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;transition:background .2s}.lr-quiz-option:hover{background:var(--bg-hover)}.lr-q-feedback{margin-top:.75rem;font-size:.9rem;padding:.75rem;border-radius:4px}.lr-fb-correct{background:#22c55e1a;color:#4ade80}.lr-fb-incorrect{background:#ef44441a;color:#ef4444}.lr-quiz-result{padding:1rem;border-radius:8px;margin-top:.5rem;font-weight:700;text-align:center;font-size:1.1rem}.lr-quiz-res-pass{background:#22c55e1a;color:#4ade80;border:1px solid #4ade80}.lr-quiz-res-fail{background:#ef44441a;color:#ef4444;border:1px solid #ef4444}.lr-submit-quiz-btn{align-self:flex-start;margin-top:.5rem}.lr-explanation-text{color:var(--text-primary);margin-top:.25rem;display:block}.lr-mt-1{margin-top:1rem}.lr-mt-075{margin-top:.75rem}.lr-manual-note{width:100%;resize:vertical;background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:6px;padding:.75rem}.lr-essay-textarea{width:100%;resize:vertical;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:10px;padding:1rem;font-family:inherit;font-size:.95rem;line-height:1.6;margin-bottom:.5rem;outline:none;transition:border-color .2s,box-shadow .2s}.lr-essay-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.lr-essay-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:.9rem}.lr-essay-count{color:var(--text-muted)}.lr-essay-count.is-valid{color:#4ade80}.lr-essay-count.is-over{color:#ef4444}.lr-essay-bar-track{flex-grow:1;max-width:200px;height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden;margin-left:1rem;border:1px solid var(--border)}.lr-essay-bar-fill{height:100%;width:0%;background:var(--accent);transition:width .2s,background-color .2s}.lr-essay-bar-fill.is-valid{background-color:#4ade80}.lr-essay-bar-fill.is-over{background-color:#ef4444}.lr-essay-warning{color:#ef4444;font-size:.85rem;margin-bottom:.75rem;background:#ef44441a;padding:.5rem;border-radius:4px}.lr-essay-submit{width:100%;padding:.9rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;letter-spacing:.01em;border:none;color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--accent, #6366f1) 35%,transparent);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.lr-essay-submit:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.08)}.lr-res-box-success{background:#22c55e1a;border:1px solid #4ade80;border-radius:8px;padding:1rem;text-align:center}.lr-res-title-success{font-size:1.2rem;font-weight:700;color:#4ade80;margin-bottom:.5rem}.lr-res-box-warning{background:#fbbf241a;border:1px solid #fbbf24;border-radius:8px;padding:1rem}.lr-res-title-warning{font-weight:700;color:#fbbf24;margin-bottom:.5rem}.lr-res-feedback-warn{font-size:.9rem;color:var(--text-primary);margin-bottom:1rem}.lr-res-box-neutral{background:#94a3b826;border:1px solid var(--border);border-radius:8px;padding:1rem}.lr-res-title-neutral{font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.lr-res-msg-neutral{font-size:.9rem;color:var(--text-muted)}.vna-input-flex-1{flex:1}.vna-input-w-200{width:200px}.vna-input-w-160{width:160px}.vna-input-w-140{width:140px}.vna-input-w-120{width:120px}.vna-input-w-100{width:100px}.vna-input-w-full{width:100%}.vna-textarea-row{flex:1;resize:vertical}.vna-form-row-items-end{margin-top:.5rem;align-items:flex-end}.vna-form-row-mt-05{margin-top:.5rem}.vna-form-row-mt-05-center{margin-top:.5rem;align-items:center}.vna-form-row-mt-05-start{margin-top:.5rem;align-items:flex-start}.vna-form-row-mt-1{margin-top:1rem}.vna-form-row-mb-1{margin-bottom:1rem}.vna-form-row-center{align-items:center}.vna-create-btn{white-space:nowrap;margin-left:.5rem}.vna-feedback{font-size:.85rem;margin-top:.4rem}.vna-feedback-success{color:var(--correct)}.vna-feedback-error{color:var(--incorrect)}.vna-novel-row{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:.75rem}.vna-novel-row.is-inactive{opacity:.6}.vna-cover-img{width:60px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0}.vna-cover-placeholder{width:60px;height:60px;background:var(--bg-card);border:1px dashed var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.vna-novel-info{flex:1;min-width:0}.vna-novel-title{font-size:1.1rem}.vna-novel-cost{font-size:.85rem;color:var(--text-muted);margin-top:.3rem}.vna-back-link{display:inline-block;margin-bottom:1rem}.vna-label-check{display:flex;align-items:center;gap:.4rem;white-space:nowrap}.vna-char-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:.75rem}.vna-char-header{display:flex;align-items:center;gap:.75rem}.vna-expr-section{padding-left:1rem;border-left:2px solid var(--border)}.vna-expr-title{font-size:.85rem;color:var(--text-muted)}.vna-expr-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.vna-expr-chip{display:flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .6rem;font-size:.8rem}.vna-expr-chip-img{width:24px;height:24px;object-fit:cover;border-radius:3px}.vna-expr-del-btn{background:none;border:none;color:var(--incorrect);cursor:pointer;font-weight:700}.vna-flag-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:.5rem}.vna-scenechar-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.vna-scenechar-img{width:32px;height:32px;object-fit:cover;border-radius:4px}.vna-scenechar-name{flex:1}.vna-scenechar-pos{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.vna-scenechar-del-btn{font-size:.7rem;padding:.2rem .5rem}.vna-canvas-hint{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.vna-canvas-wrap{position:relative;width:100%;height:600px;overflow:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.vna-canvas-lines{position:absolute;top:0;left:0;width:3000px;height:3000px;pointer-events:none;z-index:1}.vna-canvas-scenes{position:relative;width:3000px;height:3000px;z-index:2}.vna-scene-box{position:absolute;width:180px;min-height:90px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);padding:.75rem;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #00000026}.vna-scene-box.is-start-scene{border-color:var(--accent)}.vna-scene-start-badge{font-size:.7rem;color:var(--accent);font-weight:700;margin-bottom:.3rem}.vna-scene-title{font-size:.9rem;display:block;word-break:break-word}.vna-scene-meta{font-size:.75rem;color:var(--text-muted);margin-top:.3rem}.vna-scene-actions{display:flex;gap:.4rem;margin-top:.5rem;align-items:center}.vna-scene-btn{font-size:.7rem;padding:.2rem .5rem}.vna-scene-connector{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:crosshair;margin-left:auto}.vna-edit-panel{margin-top:1rem;border:2px solid var(--accent)}.vna-edit-header{display:flex;justify-content:space-between;align-items:center}.vna-bg-preview-wrap{width:160px;height:90px;border:1px dashed var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-card);flex-shrink:0}.vna-bg-preview-img{width:100%;height:100%;object-fit:cover}.vna-bg-preview-empty{font-size:.75rem;color:var(--text-muted)}.vna-scene-chars-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.vna-scene-chars-title{font-size:.9rem}.vna-scene-chars-list{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.vna-save-btn{margin-top:.75rem}.qe-ai-panel{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.qe-ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted);padding:1rem 0}.qe-ai-thinking-icon{width:32px;height:32px;animation:aiThinking 1.5s infinite ease-in-out}@keyframes aiThinking{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.qe-ai-error{display:flex;align-items:center;gap:1rem;color:var(--danger-color)}.qe-ai-result h4{margin-top:0;margin-bottom:.5rem}.qe-ai-content-box{background:var(--bg-tertiary);padding:.75rem;border-radius:4px;white-space:pre-wrap;margin-bottom:1rem}.qe-ai-diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.qe-ai-alert{padding:.75rem;background:#eab3081a;border-left:4px solid #eab308;margin-bottom:1rem}.qe-ai-alert p{margin:.25rem 0 0}.qe-ai-warning{padding:.5rem;background:#ef44441a;color:#ef4444;border-radius:4px;margin-bottom:1rem}.qe-ai-notes{margin-bottom:1rem}.qe-ai-notes ul,.qe-ai-alert ul{margin:.25rem 0 0 1.5rem;padding:0}.qe-ai-panel-actions{display:flex;gap:.5rem;flex-wrap:wrap}.qe-mb-1{margin-bottom:1rem}.qe-mb-2{margin-bottom:2rem}.qe-mt-1{margin-top:1rem}.qe-mt-2{margin-top:2rem}.qe-border-bottom{border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.qe-flex-start{justify-content:flex-start}.qe-text-right{text-align:right}.qe-progress-row{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.qe-missing-exp-count{font-size:.85rem;color:var(--text-muted);font-weight:600}.qe-missing-exp-count-done{color:var(--correct)}.qe-preview-correct{color:var(--success-color, #22c55e);font-weight:600}.cal-main{max-width:1200px;margin:0 auto;padding:1.5rem}.cal-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.cal-title{margin:0;font-size:1.5rem}.cal-nav{display:flex;align-items:center;gap:.5rem}.cal-nav-btn{padding:.4rem .9rem}.cal-month-label{font-weight:600;min-width:160px;text-align:center}.cal-loading,.cal-empty-text{color:var(--text-secondary);padding:2rem 0;text-align:center}.cal-error,.cal-error-text{color:var(--incorrect);padding:1rem 0}.cal-grid{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-card)}.cal-weekday-row{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-elevated)}.cal-weekday{padding:.5rem;text-align:center;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.cal-days-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-day{background:var(--bg-surface);min-height:110px;border-top:1px solid var(--border);border-left:1px solid var(--border);padding:.35rem;display:flex;flex-direction:column;gap:.25rem}.cal-day:nth-child(7n+1){border-left:none}.cal-day-empty{background:var(--bg-elevated);opacity:.5}.cal-day-today{background:color-mix(in srgb,var(--accent) 10%,var(--bg-surface))}.cal-day-header{display:flex;align-items:center;justify-content:space-between}.cal-day-num{font-size:.85rem;font-weight:600;color:var(--text-primary)}.cal-day-add-btn{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.95rem;line-height:1;padding:.1rem .35rem;border-radius:4px}.cal-day-add-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.cal-day-sessions{display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.cal-session-chip{--chip-color: var(--accent);background:var(--bg-elevated);border:1.5px solid var(--chip-color);box-shadow:0 0 5px color-mix(in srgb,var(--chip-color) 70%,transparent),0 0 1px color-mix(in srgb,var(--chip-color) 90%,transparent) inset;border-radius:5px;padding:.25rem .4rem;font-size:.72rem;line-height:1.25;cursor:pointer;display:flex;flex-direction:column;color:var(--text-primary)}.cal-session-chip:hover{box-shadow:0 0 9px color-mix(in srgb,var(--chip-color) 90%,transparent),0 0 3px color-mix(in srgb,var(--chip-color) 95%,transparent) inset}.cal-session-chip.is-cancelled{opacity:.55;text-decoration:line-through}.cal-chip-time{font-weight:700;color:var(--chip-color)}.cal-chip-group{font-weight:600}.cal-chip-teacher{color:var(--chip-color);opacity:.9}.cal-teacher-legend{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem;margin-bottom:1rem;padding:.6rem .85rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px}.cal-legend-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.cal-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-primary);cursor:pointer}.cal-legend-color-input{width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:5px;background:none;cursor:pointer}.cal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.cal-modal-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;width:100%;max-width:720px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-card);color:var(--text-primary)}.cal-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.cal-modal-title{font-weight:700;font-size:1.1rem}.cal-modal-sub{color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem}.cal-modal-close{border:none;background:transparent;cursor:pointer;font-size:1.1rem;color:var(--text-secondary)}.cal-modal-body{min-height:40px}.cal-sess-form{display:flex;flex-direction:column;gap:.85rem}.cal-form-label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--text-primary)}.cal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.cal-form-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.cal-form-feedback{color:var(--incorrect);font-size:.85rem}.cal-att-form-grid{display:flex;flex-direction:column;gap:.5rem;max-height:50vh;overflow-y:auto;margin-bottom:1rem}.cal-att-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.cal-att-user{font-size:.9rem;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.cal-att-avatar-img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.cal-att-other-group{font-size:.78rem;color:var(--text-muted);font-weight:400}.cal-att-radios{display:flex;gap:.75rem;font-size:.85rem}.cal-att-submit{width:100%}.main-content.yuna-main{display:flex;height:calc(100vh - 60px);overflow:hidden;gap:0;padding:0;max-width:none;margin:0;width:100%}.yuna-sidebar{width:280px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.yuna-sidebar-header{padding:1rem;border-bottom:1px solid var(--border)}.yuna-sidebar-header h2{font-size:1.1rem;margin-bottom:.5rem}.yuna-conv-list{flex:1;overflow-y:auto;padding:.5rem}.yuna-conv-item{padding:.75rem;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:.25rem}.yuna-conv-item:hover{background:var(--bg-hover)}.yuna-conv-item.active{background:var(--bg-elevated);border:1px solid var(--border-accent)}.yuna-conv-title{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yuna-empty-convs{padding:1rem;color:var(--text-muted);font-size:.9rem;text-align:center}.yuna-chat{flex:1;display:flex;flex-direction:column;background:var(--bg-base);position:relative}.yuna-empty-state{margin:auto;color:var(--text-muted);font-size:1.1rem}.nav-links a.nav-yuna-link{position:relative;display:inline-flex;align-items:center;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--border-accent);color:var(--text-primary);overflow:hidden;isolation:isolate;z-index:0}.nav-links a.nav-yuna-link span{position:relative;z-index:1}.nav-links a.nav-yuna-link:before{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;z-index:-1;background:conic-gradient(from 0deg,#5eead473,#a78bfa73,#5eead473);filter:blur(6px);animation:nav-yuna-spin 5s linear infinite}@keyframes nav-yuna-spin{to{transform:rotate(360deg)}}.yuna-aurora{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.yuna-aurora:before,.yuna-aurora:after{content:"";position:absolute;width:60vw;height:60vw;max-width:700px;max-height:700px;border-radius:50%;filter:blur(90px);opacity:.35;animation:yuna-aurora-drift 18s ease-in-out infinite alternate}.yuna-aurora:before{top:38%;left:40%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(94,234,212,.55),transparent 70%)}.yuna-aurora:after{top:62%;left:62%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(167,139,250,.5),transparent 70%);animation-delay:-9s}@keyframes yuna-aurora-drift{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-46%,-44%) scale(1.2)}}.yuna-welcome{position:relative;z-index:1;margin:auto;width:100%;max-width:640px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem;text-align:center}.yuna-welcome-greeting{font-size:2.5rem;font-weight:600;color:var(--text-primary);line-height:1.3}.yuna-welcome-input-area{width:100%;display:flex;gap:.5rem}.yuna-chat-input{flex:1;background:var(--bg-surface);opacity:1}.yuna-chat-history{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:900px;width:100%;margin:0 auto}.yuna-msg{display:flex;max-width:80%}.yuna-msg-user{align-self:flex-end}.yuna-msg-user .yuna-msg-bubble{background:var(--accent);color:var(--accent-contrast);border-bottom-right-radius:4px}.yuna-msg-assistant{align-self:flex-start}.yuna-msg-assistant .yuna-msg-bubble{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.yuna-msg-bubble{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.95rem;line-height:1.5;box-shadow:var(--shadow-card)}.yuna-chat-input-area{padding:1rem 1.5rem 1.5rem;display:flex;gap:.5rem;max-width:900px;width:100%;margin:0 auto}.yuna-pending-card{max-width:900px;width:calc(100% - 3rem);margin:0 auto 1rem;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:var(--radius-md)}.yuna-pending-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.yuna-pending-body{font-size:.95rem;color:var(--text-primary);margin-bottom:1rem;background:var(--bg-base);padding:.75rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.yuna-pending-actions{display:flex;gap:.5rem}.yuna-error-banner{max-width:900px;width:calc(100% - 3rem);margin:0 auto 1rem;padding:.75rem;background:var(--incorrect);color:#fff;border-radius:var(--radius-sm);font-size:.9rem}.yuna-toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:360px}.yuna-toast{display:flex;align-items:flex-start;gap:.6rem;padding:.9rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;animation:yuna-toast-in .25s ease-out}.yuna-toast-icon{font-size:1.2rem;line-height:1;flex-shrink:0}.yuna-toast-text{flex:1;font-size:.9rem;color:var(--text-primary);line-height:1.4}.yuna-toast-close{background:none;border:none;color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:0;flex-shrink:0}.yuna-toast-close:hover{color:var(--text-primary)}@keyframes yuna-toast-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.yuna-typing-indicator{display:flex;align-items:center;gap:4px;padding:.9rem 1rem}.yuna-typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:yuna-typing-bounce 1.2s infinite ease-in-out}.yuna-typing-indicator span:nth-child(2){animation-delay:.15s}.yuna-typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes yuna-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.yuna-success-banner{max-width:900px;width:calc(100% - 3rem);margin:0 auto 1rem;padding:.75rem;background:var(--correct);color:#fff;border-radius:var(--radius-sm);font-size:.9rem}.yuna-speak-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;opacity:.6;margin-top:.25rem;padding:.3rem;border-radius:var(--radius-sm);transition:opacity .15s ease,background .15s ease}.yuna-speak-btn:hover{opacity:1;background:var(--bg-hover)}.yuna-speak-btn:disabled{cursor:default;opacity:.4}.yuna-speak-btn.is-playing{opacity:1}.yuna-wave-icon,.yuna-mic-spinner{display:block}.yuna-speak-btn .yuna-mic-spinner{animation:yuna-mic-spin .8s linear infinite}.yuna-speak-btn.is-playing .yuna-wave-bar{transform-box:fill-box;transform-origin:center;animation:yuna-wave-bounce .9s ease-in-out infinite}.yuna-speak-btn.is-playing .yuna-wave-bar-1{animation-delay:0s}.yuna-speak-btn.is-playing .yuna-wave-bar-2{animation-delay:.15s}.yuna-speak-btn.is-playing .yuna-wave-bar-3{animation-delay:.3s}@keyframes yuna-wave-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes yuna-mic-spin{to{transform:rotate(360deg)}}.yuna-mic-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;flex-shrink:0;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:1.1rem;border-radius:var(--radius-sm);transition:opacity .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.yuna-mic-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.yuna-mic-btn.is-listening,.yuna-mic-btn.is-transcribing{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent);animation:yuna-mic-pulse 1.4s infinite ease-in-out}.yuna-mic-btn.is-requesting{opacity:.6;cursor:wait}.yuna-mic-btn.is-error{color:#fff;background:var(--incorrect);border-color:var(--incorrect)}@keyframes yuna-mic-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px var(--accent-glow)}}.yuna-voice-mode-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;flex-shrink:0;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease,border-color .15s ease,color .15s ease}.yuna-voice-mode-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.yuna-voice-mode-btn.is-active{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.lr-lesson{display:flex;flex-direction:column;gap:1.25rem;max-width:760px;color:var(--text-primary)}.lr-heading{margin:0;color:var(--text-primary)}.lr-paragraph{margin:0;line-height:1.6;color:var(--text-primary)}.lr-list{margin:0;padding-left:1.5rem;line-height:1.6;color:var(--text-primary)}.lr-formula{padding:.75rem 0;overflow-x:auto}.lr-image{margin:0;display:flex;flex-direction:column;gap:.5rem}.lr-image img{max-width:100%;border-radius:var(--radius-md);border:1px solid var(--border)}.lr-image--frameless img{border:none}.lr-image figcaption{font-size:.85rem;color:var(--text-secondary)}.lr-video{position:relative}.lr-video iframe,.lr-video video{width:100%;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:var(--radius-md)}.lr-callout{padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface)}.lr-callout-title{font-weight:600;margin-bottom:.35rem;color:var(--text-primary)}.lr-callout-tip{border-color:var(--correct);background:var(--correct-bg)}.lr-callout-warning{border-color:var(--reset-color);background:var(--reset-bg)}.lr-callout-info{border-color:var(--border-accent)}.lr-worked-example{padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface)}.lr-worked-example-title{font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.lr-worked-example-steps{margin:0;padding-left:1.25rem;line-height:1.7}.lr-question{padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface)}.lr-question-options{margin:.5rem 0 0;padding-left:1.25rem}.lr-question-loading{color:var(--text-secondary)}.lr-divider{border:none;border-top:1px solid var(--border);margin:0}.lr-block-fallback{padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px dashed var(--border-accent);color:var(--text-muted);font-size:.9rem}.le-root{display:flex;flex-direction:column;gap:1.25rem;max-width:760px;margin:0 auto;padding:1.5rem 0}.le-hint{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0}.le-block-list{display:flex;flex-direction:column;gap:1rem}.le-block-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);padding:1rem}.le-block-row-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.le-block-type-badge{font-weight:600;color:var(--text-primary)}.le-save-status{font-size:.8rem;color:var(--text-muted);flex:1}.le-save-status-saving{color:var(--text-secondary)}.le-save-status-saved{color:var(--correct)}.le-save-status-error{color:var(--incorrect)}.le-block-row-actions{display:flex;gap:.5rem}.le-block-form{display:flex;flex-direction:column;gap:.6rem}.le-field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-secondary)}.le-field-checkbox{flex-direction:row;align-items:center}.le-textarea{min-height:4rem;resize:vertical;font-family:inherit}.le-field-error{color:var(--incorrect);font-size:.8rem;min-height:1em}.le-step-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.4rem}.le-step-kind{flex:0 0 auto}.le-step-content{flex:1}.le-add-block-row{display:flex;gap:.5rem;align-items:center}.le-drag-handle{cursor:grab;color:var(--text-muted);font-size:1.1rem;line-height:1;-webkit-user-select:none;user-select:none}.le-block-row.le-dragging{opacity:.4}.le-block-row.le-drag-over{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.le-block-fallback{color:var(--incorrect);font-size:.85rem}.le-question-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);padding:.75rem}.le-question-preview-text{margin:0 0 .5rem;color:var(--text-primary)}.le-question-preview-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-secondary)}.le-question-preview-correct{color:var(--correct);font-weight:600}.le-question-search{border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.le-question-search-results{display:flex;flex-direction:column;gap:.35rem;max-height:220px;overflow-y:auto}.le-question-result{text-align:left;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem .75rem;color:var(--text-primary);cursor:pointer;font-size:.85rem}.le-question-result:hover{border-color:var(--accent)}.le-ai-form,.le-ai-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);padding:1rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.6rem}.le-ai-preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:260px;overflow-y:auto;font-size:.85rem;color:var(--text-secondary)}.le-ai-preview-list li{border-left:2px solid var(--border);padding-left:.5rem}.le-header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.le-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.le-publish-status{color:var(--text-secondary);font-size:.85rem}.le-preview-body{padding:.5rem .25rem 1rem}.le-preview-body .lr-lesson{max-width:700px;margin:0 auto}@media (max-width: 768px){.le-root{padding:1rem .75rem}.le-block-row-header{flex-wrap:wrap}.le-block-row-actions{width:100%;justify-content:flex-end}.le-add-block-row{flex-wrap:wrap}.le-add-block-row .input{flex:1 1 100%}.le-step-row{flex-wrap:wrap}.le-step-content{flex:1 1 100%}}.lm-main{max-width:1040px;margin:2rem auto;padding:0 1rem 3rem}.lm-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.lm-title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800}.lm-title-icon{font-style:normal;display:inline-flex;align-items:center;justify-content:center}.lm-modal-title-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.3em;margin-right:.15rem}.lm-subtitle{color:var(--text-muted);font-size:.85rem;margin-top:.15rem}.lm-stats-row{display:flex;gap:.6rem}.lm-stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.4rem .9rem;text-align:center}.lm-stat-label{display:block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.lm-stat-value{font-size:1.1rem;font-weight:800}.lm-stat-amber{color:#d97706}.lm-stat-cyan{color:#0891b2}.lm-stat-emerald{color:#059669}.lm-lives-value{display:flex;align-items:center;justify-content:center;gap:.2rem}.lm-life-heart{display:inline-flex;color:#f43f5e;filter:drop-shadow(0 0 4px rgba(244,63,94,.6));transition:color .2s ease,filter .2s ease,transform .2s ease}.lm-life-heart.is-lost{color:#3f3f4a;filter:none;transform:scale(.9)}.lm-center-icon.lm-icon-neon{color:#67e8f9;filter:drop-shadow(0 0 5px #22d3ee) drop-shadow(0 0 10px rgba(34,211,238,.6))}.lm-console{background:#0a0a0f;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.25rem 1.75rem;display:flex;flex-direction:column;align-items:center;color:#f0f0f8}.lm-status-card{width:100%;max-width:460px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.6rem .9rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.lm-status-left{display:flex;align-items:center;gap:.55rem}.lm-beacon{width:.7rem;height:.7rem;border-radius:50%;display:inline-block;background:#55556a;transition:background .2s ease}.lm-beacon-idle{background:#55556a}.lm-beacon-amber{background:#f59e0b;animation:lm-pulse-ring 1.8s infinite ease-in-out}.lm-beacon-emerald{background:#10b981;animation:lm-pulse-ring 1.8s infinite ease-in-out}.lm-beacon-rose{background:#f43f5e}.lm-beacon-cyan{background:#06b6d4}@keyframes lm-pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}.lm-status-text{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.lm-status-idle{color:#cbd5e1}.lm-status-amber{color:#fbbf24}.lm-status-emerald{color:#6ee7b7}.lm-status-rose{color:#fb7185}.lm-status-cyan{color:#67e8f9}.lm-streak{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-sm);background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.lm-streak-wait{background:#f59e0b1f;color:#fbbf24;border-color:#f59e0b4d}.lm-streak-turn{background:#10b9811f;color:#6ee7b7;border-color:#10b9814d}.lm-streak-success{background:#06b6d41f;color:#67e8f9;border-color:#06b6d44d}.lm-streak-fail{background:#f43f5e1f;color:#fb7185;border-color:#f43f5e4d}.lm-board-wrap{position:relative;display:flex;align-items:center;justify-content:center;padding:.75rem}.lm-pad-container{display:grid;gap:.75rem;width:17rem;height:17rem}.lm-pad-4{grid-template-columns:repeat(2,1fr)}.lm-pad-6{grid-template-columns:repeat(3,1fr)}.lm-pad{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;overflow:hidden}.lm-pad:active{transform:scale(.95)}.lm-pad-gleam{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(255,255,255,.28),transparent);pointer-events:none;opacity:.4}.lm-pad-symbol{position:relative;z-index:2;font-size:1.4rem;color:#0a0a0f8c;text-shadow:0 1px 2px rgba(255,255,255,.35);pointer-events:none}.lm-pad.is-lit .lm-pad-symbol{color:#0a0a0fbf}.lm-glow-green{background:radial-gradient(circle at 35% 35%,#4ade80,#15803d);border-color:#22c55e}.lm-glow-green.is-lit{background:radial-gradient(circle at 50% 50%,#bbf7d0,#22c55e);box-shadow:0 0 30px #22c55e;filter:brightness(1.3)}.lm-glow-red{background:radial-gradient(circle at 35% 35%,#f87171,#b91c1c);border-color:#ef4444}.lm-glow-red.is-lit{background:radial-gradient(circle at 50% 50%,#fecaca,#ef4444);box-shadow:0 0 30px #ef4444;filter:brightness(1.3)}.lm-glow-yellow{background:radial-gradient(circle at 35% 35%,#fde047,#a16207);border-color:#eab308}.lm-glow-yellow.is-lit{background:radial-gradient(circle at 50% 50%,#fef9c3,#eab308);box-shadow:0 0 30px #eab308;filter:brightness(1.3)}.lm-glow-blue{background:radial-gradient(circle at 35% 35%,#60a5fa,#1d4ed8);border-color:#3b82f6}.lm-glow-blue.is-lit{background:radial-gradient(circle at 50% 50%,#dbeafe,#3b82f6);box-shadow:0 0 30px #3b82f6;filter:brightness(1.3)}.lm-glow-purple{background:radial-gradient(circle at 35% 35%,#c084fc,#7e22ce);border-color:#a855f7}.lm-glow-purple.is-lit{background:radial-gradient(circle at 50% 50%,#f3e8ff,#a855f7);box-shadow:0 0 30px #a855f7;filter:brightness(1.3)}.lm-glow-orange{background:radial-gradient(circle at 35% 35%,#fb923c,#c2410c);border-color:#f97316}.lm-glow-orange.is-lit{background:radial-gradient(circle at 50% 50%,#ffedd5,#f97316);box-shadow:0 0 30px #f97316;filter:brightness(1.3)}.lm-center-btn{position:absolute;width:5.5rem;height:5.5rem;border-radius:50%;background:#14141ed9;border:2px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease}.lm-center-btn:hover{transform:scale(1.05)}.lm-center-btn:active{transform:scale(.95)}.lm-center-icon{font-size:1.3rem;display:flex;align-items:center;justify-content:center}.lm-center-logo{width:62%;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 0 6px rgba(255,255,255,.15))}.lm-center-label{font-size:.6rem;font-weight:800;letter-spacing:.05em;margin-top:.15rem;color:#cbd5e1}.lm-span-pulse{position:absolute;top:50%;left:50%;z-index:5;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:0}.lm-span-pulse.is-showing{animation:lm-span-anim .9s ease forwards}@keyframes lm-span-anim{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}15%{transform:translate(-50%,-50%) scale(1.05);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.95);opacity:0}}.lm-span-pulse-box{background:#14141eeb;border:1px solid rgba(245,158,11,.5);border-radius:var(--radius-md);padding:.5rem 1rem}.lm-span-pulse-title{font-size:.6rem;font-weight:800;letter-spacing:.05em;color:#fbbf24}.lm-span-pulse-value{font-size:1.05rem;font-weight:800;color:#fde68a}.lm-overlay-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:.75rem}.lm-overlay-box{background:#0f0f18f0;border-radius:var(--radius-lg);padding:1.1rem 1.25rem;text-align:center;max-width:90%}.lm-overlay-fuchsia{border:1px solid rgba(217,70,239,.4)}.lm-overlay-amber{border:1px solid rgba(245,158,11,.4);width:100%}.lm-overlay-title{font-size:.65rem;font-weight:800;letter-spacing:.06em;margin-bottom:.5rem}.lm-title-fuchsia{color:#e879f9}.lm-title-amber{color:#fbbf24}.lm-overlay-text{font-size:.95rem;font-weight:700;color:#f0f0f8}.lm-interference-problem{font-size:1.5rem;font-weight:800;margin:.5rem 0 .9rem;color:#f0f0f8}.lm-interference-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.lm-interference-option{padding:.7rem 0;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#f0f0f8;font-weight:800;font-size:1.05rem;cursor:pointer}.lm-option-correct{background:#10b98140;border-color:#10b981}.lm-option-wrong{background:#f43f5e40;border-color:#f43f5e}.lm-controls-panel{width:100%;max-width:460px;margin-top:1.5rem;display:flex;flex-direction:column;gap:.6rem}.lm-controls-row{display:flex;align-items:center;gap:.5rem}.lm-toggle-group{flex:1;display:flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.15rem}.lm-toggle-btn{flex:1;padding:.4rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;color:#94a3b8;background:transparent;border:none;cursor:pointer}.lm-toggle-btn.lm-toggle-active{background:#f0f0f8;color:#0a0a0f}.lm-select{flex:1;background:#ffffff0d;color:#f0f0f8;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.45rem .5rem;font-size:.7rem;font-weight:700}.lm-select option{background:#12121a;color:#f0f0f8}.lm-icon-btn{width:2.4rem;height:2.4rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;color:#f0f0f8}.is-locked{opacity:.5;cursor:not-allowed;pointer-events:none}.lm-footer-hint{margin-top:1rem;font-size:.75rem;color:#64748b;text-align:center}.lm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:200}.lm-modal-box{background:#12121a;color:#f0f0f8;border-radius:var(--radius-lg);padding:1.5rem;max-width:24rem;width:100%;text-align:left;position:relative}.lm-modal-close-floating{position:absolute;top:.85rem;right:.85rem}.lm-results-actions{display:flex;gap:.6rem}.lm-results-actions .lm-btn-secondary,.lm-results-actions .lm-btn-primary{width:auto;flex:1}.lm-modal-cyan{border:1px solid rgba(6,182,212,.35)}.lm-modal-rose{border:1px solid rgba(244,63,94,.3);text-align:center}.lm-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.lm-modal-title{font-size:1.05rem;font-weight:800}.lm-title-cyan{color:#67e8f9}.lm-title-slate{color:#cbd5e1}.lm-modal-close{background:none;border:none;color:#94a3b8;font-size:1.1rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.lm-help-list{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.6rem;font-size:.85rem;color:#cbd5e1}.lm-help-list li:before{content:"• ";color:#67e8f9;font-weight:800}.lm-btn-primary{width:100%;padding:.75rem;border-radius:var(--radius-md);background:#f0f0f8;color:#0a0a0f;font-weight:800;font-size:.85rem;letter-spacing:.03em;text-transform:uppercase;border:none;cursor:pointer}.lm-btn-primary:active{transform:scale(.98)}.lm-modal-narrow{max-width:20rem;text-align:center}.lm-exit-confirm-actions{display:flex;gap:.6rem;margin-top:.5rem}.lm-btn-secondary,.lm-btn-danger{flex:1;padding:.7rem;border-radius:var(--radius-md);font-weight:800;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;border:none;cursor:pointer}.lm-btn-secondary{background:#ffffff14;color:#f0f0f8;border:1px solid rgba(255,255,255,.15)}.lm-btn-secondary:active{transform:scale(.98)}.lm-btn-danger{background:#f43f5e;color:#fff}.lm-btn-danger:active{transform:scale(.98)}.lm-icon-btn-rose{color:#fb7185;border-color:#f43f5e59}.lm-icon-btn-rose:hover{background:#f43f5e1f}.lm-result-icon-wrap{width:4rem;height:4rem;margin:0 auto .75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.lm-icon-wrap-cyan{background:#06b6d42e;border:1px solid rgba(6,182,212,.4)}.lm-icon-wrap-slate{background:#94a3b82e;border:1px solid rgba(148,163,184,.4)}.lm-icon-wrap-rose{background:#f43f5e2e;border:1px solid rgba(244,63,94,.4)}.lm-title-rose{color:#fb7185}.lm-result-title{font-size:1.3rem;font-weight:800;text-align:center;margin-bottom:.25rem}.lm-result-reason{font-size:.75rem;color:#94a3b8;text-align:center;margin-bottom:1.25rem}.lm-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:.6rem}.lm-result-tile{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.6rem}.lm-result-wide{margin-bottom:.6rem}.lm-result-tile-label{display:block;font-size:.6rem;font-weight:700;text-transform:uppercase;color:#94a3b8}.lm-result-tile-value{font-size:1.2rem;font-weight:800;color:#f0f0f8}.lm-result-interference{border-color:#f59e0b59}.lm-record-badge{margin-bottom:1rem;padding:.5rem .75rem;border-radius:var(--radius-md);background:#f59e0b26;border:1px solid rgba(245,158,11,.5);color:#fbbf24;font-size:.7rem;font-weight:800;text-align:center;letter-spacing:.04em}@media (min-width: 640px){.lm-pad-container{width:21rem;height:21rem}.lm-center-btn{width:6.5rem;height:6.5rem}}@media (max-width: 480px){.lm-pad-container{width:15.5rem;height:15.5rem}.lm-center-btn{width:4.8rem;height:4.8rem}}.mf-main{max-width:900px}.mf-hint{color:var(--text-muted);font-size:.9rem;margin:-.5rem 0 1.25rem;line-height:1.5}.mf-form{margin-bottom:1.5rem}.mf-preview-row{display:flex;align-items:center;gap:.75rem;margin:.75rem 0}.mf-preview-label{font-size:.8rem;color:var(--text-muted)}.mf-preview-img{width:56px;height:56px;object-fit:contain;border-radius:8px;background:var(--bg-main);border:1px solid var(--border-color)}.mf-preview-empty{font-size:.8rem;color:var(--text-muted);font-style:italic}.mf-form-actions{margin-top:1rem;display:flex;gap:.5rem}.mf-error{color:var(--incorrect, #ef4444);font-size:.85rem;margin-top:.5rem}.mf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.mf-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card)}.mf-card-img{width:72px;height:72px;object-fit:contain;margin-bottom:.25rem}.mf-card-name{font-weight:700;font-size:.95rem}.mf-card-desc{font-size:.8rem;color:var(--text-muted)}.mf-card-date{font-size:.72rem;color:var(--text-muted);opacity:.8}.mf-delete-btn{margin-top:.4rem}.frl-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:760px;margin:2rem auto 0}.frl-hub-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:2.5rem 1.5rem;border-radius:22px;color:#fff;text-decoration:none;box-shadow:0 10px 34px #00000038;transition:transform .18s ease,box-shadow .18s ease}.frl-hub-card:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 16px 44px #0000004d}.frl-hub-card--levels{background:linear-gradient(135deg,#4f46e5,#7c3aed,#c026d3)}.frl-hub-card--practice{background:linear-gradient(135deg,#06b6d4,#22c55e,#84cc16)}.frl-hub-icon{font-size:2.75rem;line-height:1;margin-bottom:.25rem}.frl-hub-title{font-size:1.3rem;font-weight:800}.frl-hub-desc{font-size:.9rem;opacity:.92;max-width:30ch}#frlShownValue,#frpShownValue{text-align:center;font-size:3rem;font-weight:800;display:flex;align-items:center;justify-content:center;min-height:120px;letter-spacing:.02em;color:#fff;border-radius:20px;border:2px solid rgba(255,255,255,.28);background:linear-gradient(135deg,#4f46e5,#7c3aed,#ec4899);box-shadow:0 10px 30px #7c3aed59;margin-bottom:2rem}#frlStepLabel,#frpStepLabel{text-align:center;font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}#frlOptionsGrid,#frpOptionsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:520px;margin:2rem auto 1.5rem}#frlRoundCounter,#frpRoundCounter{font-variant-numeric:tabular-nums}#frlOptionsGrid .option-btn,#frpOptionsGrid .option-btn{aspect-ratio:1 / 1;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;border:2px solid rgba(255,255,255,.28);border-radius:20px;color:#fff;font-weight:700;box-shadow:0 4px 16px #00000029;text-align:center}#frlOptionsGrid .option-btn .opt-label,#frpOptionsGrid .option-btn .opt-label{width:2.2rem;height:2.2rem;font-size:1rem;background:#ffffff3d;color:#fff}#frlOptionsGrid .option-btn .opt-text,#frpOptionsGrid .option-btn .opt-text{font-size:1.4rem}#frlOptionsGrid .option-btn:nth-child(1),#frpOptionsGrid .option-btn:nth-child(1){background:linear-gradient(135deg,#3b82f6,#06b6d4)}#frlOptionsGrid .option-btn:nth-child(2),#frpOptionsGrid .option-btn:nth-child(2){background:linear-gradient(135deg,#8b5cf6,#d946ef)}#frlOptionsGrid .option-btn:nth-child(3),#frpOptionsGrid .option-btn:nth-child(3){background:linear-gradient(135deg,#10b981,#22d3ee)}#frlOptionsGrid .option-btn:nth-child(4),#frpOptionsGrid .option-btn:nth-child(4){background:linear-gradient(135deg,#f97316,#f43f5e)}#frlOptionsGrid .option-btn:hover:not(:disabled),#frpOptionsGrid .option-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 22px #00000038}#frlOptionsGrid .option-btn.correct,#frpOptionsGrid .option-btn.correct{background:linear-gradient(135deg,#22c55e,#15803d)!important}#frlOptionsGrid .option-btn.incorrect,#frpOptionsGrid .option-btn.incorrect{background:linear-gradient(135deg,#ef4444,#b91c1c)!important}#frlOptionsGrid .option-btn:disabled,#frpOptionsGrid .option-btn:disabled{opacity:.9}#frlCountdownBar{background:linear-gradient(90deg,#22d3ee,#a855f7)}.frl-back-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 1rem;border-radius:999px;background:var(--bg-elevated);border:1.5px solid var(--border);color:var(--text-primary);font-weight:600;font-size:.85rem;text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease}.frl-back-btn:hover{background:var(--bg-hover);border-color:var(--border-accent);transform:translate(-2px);text-decoration:none}.frl-ai-card{border:1.5px dashed var(--border-accent);background:linear-gradient(180deg,rgba(124,58,237,.06),transparent 60%)}.sann-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:1rem}.sann-overlay.visible{opacity:1;pointer-events:auto}.sann-content{background:var(--bg-surface);border:2px solid transparent;border-radius:var(--radius-lg);background-image:linear-gradient(var(--bg-surface),var(--bg-surface)),linear-gradient(135deg,#f97316,#ec4899,#8b5cf6,#3b82f6);background-origin:border-box;background-clip:padding-box,border-box;padding:2rem;text-align:center;max-width:460px;width:100%;max-height:88vh;overflow-y:auto;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 50px #8b5cf640}.sann-overlay.visible .sann-content{transform:translateY(0) scale(1)}.sann-confetti{font-size:2.75rem;margin-bottom:.5rem;animation:bounce 2s infinite}.sann-image{width:100%;max-height:260px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:1rem}.sann-video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;margin-bottom:1rem;background:#000}.sann-video-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.sann-video{width:100%;max-height:320px;border-radius:var(--radius-md);margin-bottom:1rem;background:#000}.sann-title{font-size:1.4rem;font-weight:800;margin-bottom:.5rem}.sann-message{color:var(--text-secondary, var(--text-muted));white-space:pre-wrap;margin-bottom:1.25rem;line-height:1.5}.sann-sound-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:999px;border:1.5px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;margin-bottom:1rem}.sann-sound-btn:hover{background:var(--bg-hover)}.sann-overlay--interactive{padding:0;background:#000000eb}.sann-content--interactive{background:transparent;background-image:none;border:none;box-shadow:none;padding:0;max-width:100vw;width:100vw;max-height:100vh;height:100vh;border-radius:0;overflow:hidden;position:relative}.sann-interactive-frame{width:100%;height:100%;border:0;display:block;background:#0d0a0d}.sann-close-x{position:absolute;top:1rem;right:1rem;z-index:2;width:2.5rem;height:2.5rem;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.sann-close-x:hover{background:#000000b3;transform:scale(1.08)}.sann-sound-btn--floating{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:2;background:#0000008c;border-color:#ffffff4d;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sann-sound-btn--floating:hover{background:#000000bf}@media (max-width: 640px){.sann-close-x{top:.6rem;right:.6rem;width:2.2rem;height:2.2rem}}.ann-recipient-results{position:relative;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);margin-top:.35rem;max-height:220px;overflow-y:auto}.ann-recipient-result{padding:.6rem .85rem;cursor:pointer;border-bottom:1px solid var(--border)}.ann-recipient-result:last-child{border-bottom:none}.ann-recipient-result:hover{background:var(--bg-hover)}.ann-recipient-result-empty{padding:.6rem .85rem;color:var(--text-muted);font-size:.85rem}.ann-recipient-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.ann-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .5rem .35rem .75rem;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);font-size:.85rem}.ann-chip-remove{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0 .15rem}.ann-chip-remove:hover{color:var(--incorrect)}.ann-status-active{display:inline-block;font-size:.75rem;font-weight:700;color:var(--correct);margin-top:.15rem}.ann-public-link-box{margin-top:.6rem}.ann-public-link-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.3rem}.ann-public-link-input{flex:1 1 260px;min-width:0;font-size:.8rem;font-family:monospace}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}