@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Hanken+Grotesk:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Inter:wght@300;400;600&family=Fira+Code:wght@400;500;700&display=swap";:root{--color-primary: #3b82f6;--color-primary-dark: #1d4ed8;--color-secondary: #0d1b3e;--color-dark: #0a1628;--color-darkest: #060e1a;--color-bg: #111827;--color-green: #10b981;--color-yellow: #f59e0b;--color-red: #ef4444;--color-purple: #8b5cf6;--font-pixel: "Press Start 2P", cursive;--font-sans: system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}html{overflow-y:auto;scroll-behavior:smooth}body{font-family:var(--font-pixel);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background-color:var(--color-secondary);min-height:100vh;overflow-y:auto;margin:0}main{min-height:100vh}a{text-decoration:none}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes pixelFloat{0%,to{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translate(-5px,5px)}75%{transform:translate(5px,-5px)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes pixelPulse{0%,to{box-shadow:0 0 10px #3b82f680}50%{box-shadow:0 0 20px #3b82f6,0 0 30px #3b82f680}}@keyframes cardShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.pixel-float-1{animation:pixelFloat 4s infinite ease-in-out}.pixel-float-2{animation:pixelFloat 5s infinite ease-in-out;animation-delay:1s}.pixel-float-3{animation:pixelFloat 6s infinite ease-in-out;animation-delay:2s}.blink-cursor{animation:blink 1s infinite}.pixel-box{position:relative;border:3px solid currentColor;box-shadow:inset -3px -3px #0000004d,inset 3px 3px #ffffff0d,4px 4px #0006}.pixel-button{display:inline-block;border:3px solid currentColor;box-shadow:inset -2px -2px #0000004d,inset 2px 2px #ffffff1a,3px 3px #00000080;transition:all .1s;cursor:pointer;font-family:var(--font-pixel)}.pixel-button:hover{transform:translate(1px,1px);box-shadow:inset -2px -2px #0000004d,inset 2px 2px #ffffff1a,2px 2px #00000080}.pixel-button:active{transform:translate(3px,3px);box-shadow:inset -2px -2px #00000080,inset 2px 2px #ffffff0d,0 0 #00000080}.pixel-shadow{box-shadow:4px 4px #00000080,8px 8px #0003}.text-pixel-shadow{text-shadow:2px 2px 0 rgba(0,0,0,.8),4px 4px 0 rgba(0,0,0,.4)}.scanlines{position:relative;overflow:visible}.scanlines:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.05) 50%);background-size:100% 4px;pointer-events:none;z-index:0}.scanlines>*{position:relative;z-index:1}.pixel-grid{background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);background-size:24px 24px}.top-navbar{background-color:var(--color-dark);border-bottom:3px solid #1e3a6e;padding:0 2rem;height:80px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.top-navbar-logo{display:flex;align-items:center;cursor:pointer}.top-navbar-logo-img{height:100px;width:auto;display:block}.top-navbar-links{display:flex;gap:4px;align-items:center}.top-navbar-link{font-family:var(--font-pixel);font-size:12px;color:#94a3b8;padding:6px 10px;background:none;border:2px solid transparent;cursor:pointer;transition:all .1s}.top-navbar-link:hover{color:#fff;border-color:#1e3a6e}.top-navbar-link--active{background-color:var(--color-primary-dark);color:#fff;border-color:var(--color-primary)}.top-navbar-avatar{width:50px;height:50px;background-color:var(--color-primary);border:3px solid var(--color-primary-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.nav-dropdown{position:absolute;top:55px;right:0;background-color:var(--color-secondary);border:3px solid var(--color-primary);min-width:300px;z-index:200;box-shadow:4px 4px 0 var(--color-primary-dark)}.nav-dropdown-header{padding:12px 16px;border-bottom:2px solid #1e3a6e;display:flex;align-items:center;gap:10px}.nav-dropdown-avatar{width:30px;height:30px;background-color:var(--color-primary);border:2px solid var(--color-primary-dark);flex-shrink:0}.nav-dropdown-name{font-family:var(--font-pixel);font-size:9px;color:#fff}.nav-dropdown-meta{font-family:var(--font-sans);font-size:12px;color:#94a3b8;margin-top:3px}.nav-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;color:#93c5fd;font-family:var(--font-sans);font-size:16px;border-bottom:1px solid #1e3a6e;text-align:left;cursor:pointer;transition:background .1s}.nav-dropdown-item:hover{background-color:#1e3a6e}.nav-dropdown-signout{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;color:#f87171;font-family:var(--font-sans);font-size:13px;cursor:pointer;transition:background .1s}.nav-dropdown-signout:hover{background-color:#ef44441a}.navbar{background-color:var(--color-dark);color:#fff;padding:.75rem 1.5rem;border-bottom:4px solid var(--color-primary);position:fixed;top:0;left:0;right:0;z-index:50;transition:padding .3s}.navbar--shrink{padding:.4rem 1.5rem}.navbar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-size:14px;font-weight:700;letter-spacing:.1em;color:#60a5fa}.navbar-links{display:flex;align-items:center;gap:1.5rem}.navbar-link{font-size:11px;color:#94a3b8;transition:color .2s;background:none;border:none;cursor:pointer;font-family:var(--font-pixel)}.navbar-link:hover{color:#60a5fa}.btn{display:inline-block;font-family:var(--font-pixel);font-weight:700;text-align:center;cursor:pointer}.btn-sm{padding:8px 16px;font-size:10px}.btn-md{padding:12px 16px;font-size:11px}.btn-lg{padding:12px 24px;font-size:11px}.btn-full{width:100%;display:block}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary-dark)}.btn-white{background-color:#fff;color:var(--color-dark);border-color:#fff}.btn-green{background-color:var(--color-green);color:var(--color-dark);border-color:#059669}.btn-purple{background-color:var(--color-purple);color:var(--color-dark);border-color:#6d28d9}.btn-red{background-color:var(--color-red);color:#fff;border-color:#b91c1c}.btn-outline{background-color:transparent;color:#fff;border:3px solid white}.btn-social{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:10px;font-size:10px;background-color:transparent;color:#fff;border-color:#fff}.btn-hero-primary{padding:12px 24px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:.5rem;background-color:var(--color-primary);color:#fff;border-color:var(--color-primary-dark)}.btn-hero-outline{padding:12px 24px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:.5rem;background-color:transparent;color:#fff;border:3px solid white}.auth-page{background-color:var(--color-secondary);min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem 0}.auth-container{position:relative;z-index:10;width:100%;max-width:32rem;padding:0 1.25rem}.auth-card{padding:2rem;color:#fff;background-color:var(--color-bg)}.auth-card--blue{border-color:var(--color-primary)}.auth-card--green{border-color:var(--color-green)}.auth-card--purple{border-color:var(--color-purple)}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:1rem;letter-spacing:.1em}.auth-subtitle{color:#ffffffb3;font-size:10px;letter-spacing:.1em;line-height:1.8}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-back-link{display:block;text-align:center;margin-top:1.5rem;font-size:10px;cursor:pointer;transition:color .2s}.auth-back-link--blue{color:var(--color-primary)}.auth-back-link--green{color:var(--color-green)}.auth-back-link--purple,.auth-back-link--blue:hover,.auth-back-link--green:hover{color:var(--color-purple)}.auth-back-link--purple:hover{color:var(--color-primary)}.form-group{display:flex;flex-direction:column}.form-group--half{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-label{display:block;font-size:10px;margin-bottom:.5rem;letter-spacing:.1em;color:#93c5fd}.form-input{width:100%;padding:12px 16px;border:3px solid #1e3a6e;background-color:var(--color-dark);color:#fff;font-size:11px;font-family:var(--font-pixel);outline:none;transition:border-color .2s}.form-input::placeholder{color:#ffffff4d}.form-input:focus{border-color:var(--color-primary)}.form-input--focus-green:focus{border-color:var(--color-green)}.form-input--focus-purple:focus{border-color:var(--color-purple)}.form-input--padded{padding-right:3rem}.form-input-wrapper{position:relative}.form-toggle-btn{position:absolute;right:.75rem;top:2.375rem;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:11px;transition:color .2s}.form-toggle-btn:hover{color:#fff}.form-row{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;font-size:10px}.form-checkbox-label{display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer}.form-checkbox{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer}.form-link{font-size:10px;cursor:pointer;transition:color .2s}.form-link--blue{color:var(--color-primary)}.form-link--green{color:var(--color-green)}.form-link--purple{color:var(--color-purple)}.form-link--blue:hover{color:#93c5fd}.form-link--green:hover{color:#6ee7b7}.form-link--purple:hover{color:#6d28d9}.form-divider{display:flex;align-items:center;gap:.75rem;padding:1rem 0}.form-divider-line{flex:1;height:1px;background-color:#1e3a6e}.form-divider-text{color:#fff6;font-size:10px}.form-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-footer{text-align:center;padding-top:1.5rem;color:#ffffffb3;font-size:10px;line-height:1.6}.form-terms-label{display:flex;align-items:flex-start;gap:.5rem;color:#fff;cursor:pointer;font-size:10px;line-height:1.6;padding-top:.5rem}.form-terms-checkbox{width:1rem;height:1rem;margin-top:.25rem;accent-color:var(--color-green);cursor:pointer;flex-shrink:0}.info-box{padding:1rem;font-size:10px;line-height:1.6;background-color:var(--color-dark);border-color:var(--color-purple)}.info-box-title{color:var(--color-purple);margin-bottom:.5rem}.info-box-text{color:#ffffffb3}.dash-body{flex:1;padding:24px;display:flex;flex-direction:column;gap:20px}.dash-body--split{flex:1;display:flex;gap:24px;padding:24px;align-items:flex-start}.dash-center{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px;margin-right:40px}.dash-right{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.dash-title{font-family:var(--font-pixel);font-size:16px;color:#fff;margin:0 0 8px;text-shadow:3px 3px 0 var(--color-primary-dark)}.dash-subtitle{font-family:var(--font-pixel);font-size:13px;color:#60a5fa;margin:0}.dash-panel{background-color:var(--color-bg);border:3px solid var(--color-primary);box-shadow:4px 4px 0 var(--color-primary-dark);padding:20px}.dash-panel--subtle{background-color:var(--color-bg);border:2px solid #1e3a6e;padding:16px}.dash-panel-title{font-family:var(--font-pixel);font-size:11px;color:#93c5fd;margin:0 0 16px}.dash-alert{background:var(--color-bg);border:2px solid var(--color-primary);color:#93c5fd;font-family:var(--font-sans);font-size:13px;padding:12px 14px}.dash-stats{display:grid;gap:16px}.dash-stats--4{grid-template-columns:repeat(4,1fr)}.dash-stats--3{grid-template-columns:repeat(3,1fr)}.dash-stat{background-color:var(--color-bg);padding:20px;text-align:center}.dash-stat-value{font-family:var(--font-pixel);font-size:28px;margin-bottom:8px}.dash-stat-label{font-family:var(--font-sans);font-size:13px;color:#94a3b8}.dash-table{width:100%;border-collapse:collapse}.dash-table th{font-family:var(--font-pixel);font-size:9px;color:#60a5fa;padding:10px 12px;text-align:left;font-weight:400;border-bottom:2px solid #1e3a6e}.dash-table td{font-family:var(--font-sans);font-size:13px;padding:10px 12px;border-bottom:1px solid #1e3a6e;color:#fff}.dash-table tr:last-child td{border-bottom:none}.table-empty{color:#94a3b8;padding:24px;text-align:center}.status--active{color:var(--color-green)}.status--pending{color:var(--color-purple)}.temporal-badge{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border:1px solid currentColor;font-family:var(--font-pixel);font-size:8px;line-height:1.2;white-space:nowrap;background:#0f172aa6}.temporal-badge--cramming{color:var(--color-red)}.temporal-badge--spaced{color:var(--color-green)}.temporal-badge--moderate{color:var(--color-primary)}.temporal-badge--insufficient{color:#94a3b8}.sidebar{position:fixed;left:0;top:0;bottom:0;background-color:var(--color-darkest);padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;z-index:50}.sidebar--blue{width:18rem;border-right:4px solid var(--color-primary)}.sidebar--green{width:20rem;border-right:4px solid var(--color-green)}.sidebar--pink{width:20rem;border-right:4px solid var(--color-purple)}.sidebar-profile{margin-bottom:2rem}.sidebar-profile-card{padding:1rem;text-align:center;background-color:var(--color-bg);color:#fff}.sidebar-avatar{width:5rem;height:5rem;border:4px solid var(--color-primary);background-color:var(--color-dark);margin:0 auto .75rem}.sidebar-avatar--md{width:4rem;height:4rem;border:4px solid var(--color-primary);background-color:var(--color-dark)}.sidebar-username{color:#fff;font-size:10px;letter-spacing:.1em}.sidebar-nav{display:flex;flex-direction:column;gap:.75rem;flex:1}.sidebar-nav-item{display:block;padding:10px 16px;font-size:10px;color:#fff}.sidebar-nav-item--active-blue{background-color:var(--color-primary);border-color:var(--color-primary)}.sidebar-nav-item--active-green{background-color:var(--color-green);color:var(--color-dark);border-color:var(--color-green)}.sidebar-nav-item--inactive{background-color:transparent;border-color:#1e3a6e}.sidebar-nav-item--inactive:hover{background-color:var(--color-bg)}.sidebar-logout{margin-top:1.5rem}.sidebar-action-list{display:flex;flex-direction:column;gap:.5rem}.sidebar-action-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:transparent;color:#fff;font-size:10px;border-color:#1e3a6e;text-align:left}.sidebar-notification{padding:1rem;background-color:var(--color-bg);flex:1}.sidebar-notification-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.sidebar-notification-icon{font-size:1.5rem}.sidebar-notification-title{color:#fff;font-size:10px;letter-spacing:.1em;font-weight:700}.sidebar-welcome{padding:1.5rem;color:#fff;background-color:var(--color-bg);margin-bottom:1.5rem}.sidebar-welcome-inner{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.sidebar-welcome-icon{font-size:1.5rem}.sidebar-welcome-text{font-size:10px;line-height:1.8;letter-spacing:.1em}.hero{background-color:var(--color-secondary);color:#fff;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:8rem 1.5rem 6rem}.hero-inner{max-width:56rem;margin:0 auto;position:relative;z-index:10}.hero-title{font-size:28px;font-weight:700;margin-bottom:2rem;line-height:1.8;letter-spacing:.1em}.hero-title-line{display:block}.hero-title-line--white{color:#fff}.hero-title-line--blue{color:#60a5fa;margin-top:.5rem}.hero-description{font-family:var(--font-sans);font-size:15px;margin-bottom:3rem;line-height:1.8;max-width:42rem;color:#94a3b8}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:3rem;max-width:42rem}.hero-stat{padding:1.5rem;text-align:center}.hero-stat--blue{background-color:var(--color-primary);border-color:var(--color-primary-dark);color:#fff}.hero-stat--purple{background-color:var(--color-purple);border-color:#6d28d9;color:var(--color-dark)}.hero-stat--green{background-color:var(--color-green);border-color:#059669;color:var(--color-dark)}.hero-stat-number{font-size:28px;font-weight:700;margin-bottom:.5rem}.hero-stat-label{font-family:var(--font-sans);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem}.team-section{background-color:var(--color-dark);padding:5rem 1.5rem;border-top:4px solid var(--color-primary)}.section-container{max-width:1280px;margin:0 auto}.section-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4rem;letter-spacing:.1em}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:72rem;margin:0 auto}.team-card{padding:1.5rem;color:#fff;background-color:var(--color-bg)}.team-card--blue{border-color:var(--color-primary)}.team-card--green{border-color:var(--color-green)}.team-card--pink{border-color:var(--color-purple)}.team-avatar-wrap{display:flex;justify-content:center;margin-bottom:1rem}.team-avatar{width:6rem;height:6rem;border:4px solid var(--color-primary);background-color:var(--color-dark)}.team-avatar--green{border-color:var(--color-green)}.team-avatar--pink{border-color:var(--color-purple)}.team-name{font-size:13px;font-weight:700;text-align:center;margin-bottom:.5rem;letter-spacing:.1em}.team-title{text-align:center;font-size:10px;margin-bottom:1rem;letter-spacing:.1em}.team-title--white{color:#ffffffe6}.team-title--green{color:#6ee7b7}.team-title--purple{color:#c4b5fd}.team-skills{display:flex;flex-direction:column;gap:.75rem}.skill-row{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}.skill-bar-bg{height:.75rem;background-color:var(--color-dark);position:relative;overflow:hidden}.skill-bar-bg--white{border:2px solid var(--color-primary)}.skill-bar-bg--green{border:2px solid var(--color-green)}.skill-bar-bg--pink{border:2px solid var(--color-purple)}.skill-bar-fill{position:absolute;top:0;left:0;height:100%}.skill-bar-fill--white{background-color:var(--color-primary)}.skill-bar-fill--green{background-color:var(--color-green)}.skill-bar-fill--purple,.skill-bar-fill--pink{background-color:var(--color-purple)}.skill-bar-fill--orange{background-color:#f59e0b}.content-section--about{padding:5rem 1.5rem;background-color:var(--color-bg);border-top:4px solid var(--color-primary)}.content-section--contact{padding:5rem 1.5rem;background-color:var(--color-secondary);border-top:4px solid var(--color-primary)}.content-box{padding:2rem;color:#fff;font-family:var(--font-sans);font-size:14px;line-height:2;max-width:48rem;background-color:var(--color-bg);border-color:var(--color-primary)}.content-box p{margin:0;color:#93c5fd}.site-footer{background-color:var(--color-darkest);color:#ffffff80;padding:2rem 1.5rem;border-top:4px solid var(--color-primary);font-family:var(--font-sans);font-size:12px;text-align:center;letter-spacing:.1em}.form-input--error{border-color:var(--color-red)!important;box-shadow:inset -2px -2px #ef44444d,inset 2px 2px #ffffff1a,3px 3px #ef444466}.btn--loading{opacity:.7;cursor:not-allowed;pointer-events:none;letter-spacing:.2em}.auth-card--shake{animation:cardShake .5s ease-in-out;border-color:var(--color-red)!important}.auth-card--error{border-color:var(--color-red)!important}.auth-card--success{border-color:var(--color-green)!important;box-shadow:inset -3px -3px #0000004d,inset 3px 3px #ffffff0d,4px 4px #10b98166}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.pagination-info{font-family:var(--font-sans);color:#93c5fd;font-size:13px}.table-overflow{overflow-x:auto}.data-table{width:100%;color:#fff;font-size:10px;border-collapse:collapse}.data-table th{text-align:left;padding:10px 8px;letter-spacing:.1em;border-bottom:2px solid var(--color-primary);color:#60a5fa;font-weight:400}.data-table td{padding:10px 8px;border-bottom:1px solid #1e3a6e}.data-table tr:last-child td{border-bottom:none}.table-action-btn{background:#2563eb1f;border:2px solid var(--color-primary);color:var(--color-primary);cursor:pointer;font-family:var(--font-pixel);font-size:9px;padding:6px 10px;transition:all .2s}.table-action-btn:hover{background:#7c3aed26;border-color:var(--color-purple);color:var(--color-purple)}.table-action-btn:disabled{cursor:not-allowed;opacity:.6}@media(max-width:768px){.hero-title{font-size:18px}.navbar-logo{font-size:11px}.team-grid,.dash-stats--3{grid-template-columns:1fr}.dash-stats--4{grid-template-columns:repeat(2,1fr)}.dash-body--split{flex-direction:column}.dash-right{width:100%}.top-navbar-links{display:none}.management-grid,.calendar-form{grid-template-columns:1fr}}.welcome-banner{display:flex;align-items:center;gap:16px}.welcome-bubble{position:relative;background:var(--color-bg);border-color:var(--color-primary);padding:12px 18px;font-family:var(--font-pixel);font-size:10px;color:#93c5fd;line-height:2;box-shadow:3px 3px 0 var(--color-primary-dark)}.welcome-bubble:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid var(--color-primary)}.welcome-highlight{color:#60a5fa}.welcome-icon{font-size:40px;flex-shrink:0}.hero-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 24px}.hero-card-emoji{font-size:72px;line-height:1}.hero-card-title{font-family:var(--font-pixel);font-size:18px;color:#fff;margin:0}.hero-card-desc{font-family:var(--font-sans);font-size:14px;color:#94a3b8;margin:0;line-height:1.6}.section-heading{font-family:var(--font-sans);font-size:20px;font-weight:700;color:#e2e8f0;margin:0 0 14px}.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.explore-card{background:var(--color-bg);padding:16px;cursor:pointer;display:flex;gap:14px;align-items:flex-start;transition:transform .1s}.explore-card:hover{transform:translate(-2px,-2px)}.explore-card-icon{font-size:24px;flex-shrink:0}.explore-card-title{font-family:var(--font-pixel);font-size:9px;color:#fff;margin:0 0 6px}.explore-card-desc{font-family:var(--font-sans);font-size:12px;color:#64748b;line-height:1.5;margin:0}.profile-user{display:flex;align-items:center;gap:10px;margin-bottom:14px}.profile-name{font-family:var(--font-pixel);font-size:12px;color:#fff}.profile-meta{font-family:var(--font-sans);font-size:12px;color:#94a3b8;margin-top:3px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.profile-stat{display:flex;align-items:center;gap:8px}.profile-stat-icon{font-size:18px}.profile-stat-value{font-family:var(--font-pixel);font-size:9px;color:#fff}.profile-stat-label{font-family:var(--font-sans);font-size:11px;color:#64748b}.lessons-heading{font-family:var(--font-sans);font-size:14px;font-weight:700;color:#e2e8f0;margin:0 0 14px}.lesson-list{display:flex;flex-direction:column;gap:12px}.lesson-item{display:flex;align-items:flex-start;gap:10px}.lesson-badge{padding:4px 6px;text-align:center;flex-shrink:0;min-width:38px;border:2px solid rgba(0,0,0,.25)}.lesson-month{font-family:var(--font-pixel);font-size:7px;color:#fff}.lesson-day{font-family:var(--font-pixel);font-size:12px;color:#fff;line-height:1.2}.lesson-title{font-family:var(--font-sans);font-size:13px;color:#fff;line-height:1.4}.lesson-time{font-family:var(--font-sans);font-size:11px;color:#64748b;margin-top:2px}.notif-empty{font-family:var(--font-sans);font-size:12px;color:#64748b;margin:0 0 12px;text-align:center}.calendar-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-form{display:grid;grid-template-columns:minmax(180px,1fr) 150px 150px auto;gap:8px;margin-bottom:12px}.calendar-message{color:#93c5fd;font-family:var(--font-sans);font-size:12px;margin-bottom:12px}.cal-day-label{font-family:var(--font-pixel);font-size:8px;color:#60a5fa;text-align:center;padding:6px 0}.cal-day{font-family:var(--font-sans);font-size:13px;text-align:center;padding:6px 4px;color:#94a3b8;border:2px solid transparent;cursor:pointer;min-height:58px}.cal-day--today{color:#fff;background:var(--color-primary-dark);border-color:var(--color-primary)}.cal-day--event{display:flex;flex-direction:column;gap:3px}.calendar-event-chip{background:var(--color-green);color:var(--color-darkest);font-size:10px;line-height:1.2;overflow:hidden;padding:2px 3px;text-overflow:ellipsis;white-space:nowrap}.calendar-event-more{color:#93c5fd;font-size:10px}.calendar-event-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}.schedule-label{font-family:var(--font-pixel);font-size:12px;color:#60a5fa;margin-bottom:6px}.schedule-status{font-family:var(--font-pixel);font-size:9px;color:#f87171}.class-name{font-family:var(--font-pixel);font-size:8px;color:#fff;margin:0;line-height:1.8}.class-section{font-family:var(--font-sans);font-size:12px;color:#60a5fa;margin-bottom:8px}.class-students{display:flex;justify-content:space-between;font-family:var(--font-sans);font-size:12px;color:#94a3b8;margin-bottom:4px}.class-schedule{font-family:var(--font-sans);font-size:12px;color:#60a5fa;margin-bottom:10px}.class-progress-bg{background:var(--color-dark);height:6px;border:1px solid #1e3a6e;margin-bottom:10px}.class-progress-fill{height:100%}.management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.management-card{background:var(--color-secondary);border-color:var(--color-primary);padding:14px}.management-card-title{font-family:var(--font-pixel);font-size:9px;color:#fff;line-height:1.7;margin-bottom:8px}.management-card-meta{font-family:var(--font-sans);font-size:12px;color:#94a3b8;margin-bottom:6px}.management-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.management-list-item{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #1e3a6e;color:#93c5fd;font-family:var(--font-sans);font-size:12px;padding-top:6px}.management-muted,.empty-state{color:#64748b;font-family:var(--font-sans);font-size:13px}.td-id{color:#93c5fd}.td-level{color:var(--color-purple)}.status--active{color:var(--color-green);font-family:var(--font-sans);font-size:12px}.status--pending{color:var(--color-purple);font-family:var(--font-sans);font-size:12px}.home-page{padding-top:60px;background:var(--color-secondary);min-height:100vh}.navbar-logo{cursor:pointer}.rarity-card--common{border:3px solid #6b7280;box-shadow:4px 4px #00000073,0 0 8px #6b728066}.rarity-card--uncommon{border:3px solid #22c55e;box-shadow:4px 4px #00000073,0 0 8px #22c55e66}.rarity-card--rare{border:3px solid #3b82f6;box-shadow:4px 4px #00000073,0 0 10px #3b82f680}.rarity-card--epic{border:3px solid #a855f7;box-shadow:4px 4px #00000073,0 0 12px #a855f780}.rarity-card--special{border:3px solid #f97316;box-shadow:4px 4px #00000073,0 0 12px #f9731680}.rarity-card--legendary{border:3px solid #eab308;box-shadow:4px 4px #00000073,0 0 14px #eab30899}.rarity-badge--common{background:#6b7280;color:#fff}.rarity-badge--uncommon{background:#22c55e;color:#fff}.rarity-badge--rare{background:#3b82f6;color:#fff}.rarity-badge--epic{background:#a855f7;color:#fff}.rarity-badge--special{background:#f97316;color:#fff}.rarity-badge--legendary{background:#eab308;color:#fff}.rarity-badge--mythic{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}:root{--color-bg: #111827;--color-dark: #0a1628;--color-darkest: #060e1a;--color-secondary: #0d1b3e;--color-secondary-border: #1e3a6e;--color-primary: #3b82f6;--color-primary-dark: #1d4ed8;--color-primary-fixed: #60a5fa;--color-purple: #8b5cf6;--color-green: #10b981;--color-yellow: #f59e0b;--color-red: #ef4444;--color-orange: #f97316;--color-on-surface: #f3f4f6;--color-muted: #9ca3af;--color-outline: #4b5563;--color-outline-variant: #374151;--font-pixel: "Press Start 2P", monospace;--font-body: "Hanken Grotesk", sans-serif;--container-max: 1280px}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.page-root{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-secondary)}@media(max-width:767px){.page-root{padding-bottom:70px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;background:var(--color-darkest);border-top:3px solid var(--color-secondary-border);z-index:100;justify-content:space-around;padding:10px 4px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;color:var(--color-muted);text-decoration:none;gap:2px;flex:1;min-width:0;transition:color .15s;overflow:visible}.bottom-nav-link.active,.bottom-nav-link:active{color:var(--color-primary)}.bottom-nav-link .material-symbols-outlined{font-size:20px}.bottom-nav-label{font-family:var(--font-pixel);font-size:10px;text-transform:uppercase;transform:scale(.5);transform-origin:center top;white-space:nowrap;display:block}}.main-canvas{flex:1;padding:24px;width:100%}.dossier-section{margin-bottom:2.5rem}.pixel-border-primary{border:3px solid var(--color-primary);box-shadow:4px 4px #0006,0 0 20px #3b82f626}.dossier-header{background:var(--color-dark);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.dossier-header{flex-direction:row;justify-content:space-between;align-items:center}}.dossier-title{font-family:var(--font-pixel);font-size:16px;font-weight:700;color:var(--color-primary);text-transform:uppercase;margin-bottom:.75rem;line-height:1.6;letter-spacing:.04em}.dossier-status{font-family:var(--font-pixel);font-size:10px;line-height:1.8;color:var(--color-muted);text-transform:uppercase;letter-spacing:.1em}.dossier-status .text-success{color:var(--color-green)}.dossier-progress-wrap{min-width:240px}.dossier-progress-labels{display:flex;justify-content:space-between;font-family:var(--font-pixel);font-size:8px;color:var(--color-muted);text-transform:uppercase;margin-bottom:.5rem}.dossier-progress-pct{color:var(--color-primary)}.dossier-progress-bar-bg{width:100%;height:10px;background:var(--color-darkest);border:2px solid var(--color-outline);position:relative;overflow:hidden}.dossier-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));transition:width .6s ease;position:relative}.dossier-progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite linear}.dossier-progress-sub{font-family:var(--font-pixel);font-size:8px;color:var(--color-muted);text-transform:uppercase;margin-top:.5rem;text-align:right}.achievements-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.achievements-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.achievements-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.achievements-grid{grid-template-columns:repeat(4,1fr)}}.ach-card{position:relative;background:var(--color-dark);padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .15s,filter .15s,background-color .15s}.ach-card.unlocked{background:var(--color-dark)}.ach-card.unlocked:hover{background:var(--color-secondary-border);transform:translateY(-2px)}.ach-card.locked{background:var(--color-darkest);cursor:not-allowed}.ach-card.locked .ach-img-wrap{filter:grayscale(1) brightness(.4)}.ach-card.locked .ach-title{color:var(--color-outline)!important}.ach-card.locked .ach-desc{opacity:.5}.ach-card.mythic-border{border:3px solid #ef4444!important;box-shadow:4px 4px #00000073,0 0 0 3px #f97316,0 0 16px #ef444499,0 0 24px #f9731666!important}.ach-card-top-badges{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:4px;flex-wrap:wrap}.rarity-badge,.status-badge{font-family:var(--font-pixel);font-size:7px;text-transform:uppercase;letter-spacing:.05em;padding:3px 6px;border-radius:2px;white-space:nowrap}.status-badge.unlocked-badge{background:var(--color-green);color:#fff}.status-badge.locked-badge{background:var(--color-outline-variant);color:var(--color-muted)}.ach-img-wrap{width:300px;height:110px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid rgba(255,255,255,.12);background:#0000004d;box-shadow:inset 0 0 12px #00000080;transition:transform .15s,filter .15s}.ach-card.unlocked:hover .ach-img-wrap{transform:scale(1.08) rotate(2deg)}.ach-img{width:auto;height:90px;object-fit:contain;image-rendering:pixelated}.ach-title{font-family:var(--font-pixel);font-size:9px;text-transform:uppercase;color:var(--color-on-surface);line-height:1.6;margin-bottom:.5rem;letter-spacing:.03em}.ach-desc{font-family:var(--font-pixel);font-size:8px;line-height:1.9;color:var(--color-muted);text-transform:uppercase;flex:1}.pixel-card-inset{box-shadow:inset -2px -2px #00000040}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-feature-settings:"liga";-webkit-user-select:none;user-select:none}.log-section{margin-top:4rem;background:var(--color-darkest);padding:2rem;border:3px solid var(--color-secondary-border);box-shadow:4px 4px #0006}.log-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-outline-variant)}.log-header-icon{color:var(--color-primary);font-size:1.5rem!important}.log-header-title{font-family:var(--font-pixel);font-size:16px;color:var(--color-primary);text-transform:uppercase;line-height:1.4}.log-entries{display:flex;flex-direction:column;gap:1rem}.log-entry{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-pixel);font-size:10px;line-height:1.8;text-transform:uppercase;color:var(--color-muted)}.log-entry .highlight{color:var(--color-primary)}.log-cursor{display:flex;align-items:center;gap:.5rem;color:var(--color-primary);font-family:var(--font-pixel);font-size:10px;text-transform:uppercase;margin-top:1rem}:root{--color-bg: #111827;--color-dark: #0a1628;--color-darkest: #060e1a;--color-secondary: #0d1b3e;--color-secondary-border: #1e3a6e;--color-primary: #3b82f6;--color-primary-dark: #1d4ed8;--color-primary-fixed: #60a5fa;--color-primary-glow: rgba(59,130,246,.25);--color-purple: #8b5cf6;--color-green: #10b981;--color-yellow: #f59e0b;--color-red: #ef4444;--color-orange: #f97316;--color-on-surface: #f3f4f6;--color-muted: #9ca3af;--color-outline: #4b5563;--color-outline-variant: #374151;--font-pixel: "Press Start 2P", monospace;--font-body: "Hanken Grotesk", sans-serif;--container-max: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-secondary);color:var(--color-on-surface);font-family:var(--font-body);font-size:14px;line-height:1.5;min-height:100vh;overflow-x:hidden}@keyframes blinker{50%{opacity:0}}.blink{animation:blinker 1s step-end infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes glow-pulse{0%,to{box-shadow:0 -8px 20px #3b82f61a,4px 4px #0006}50%{box-shadow:0 -8px 28px #3b82f638,4px 4px #0006}}@keyframes rank-slide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.lb-page-root{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-secondary)}.nav-header{position:sticky;top:0;z-index:50;background:var(--color-dark);border-bottom:3px solid var(--color-secondary-border)}.nav-inner{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 2rem;height:80px}.nav-logo-wrap{flex:1;display:flex;align-items:center;justify-content:flex-start}.nav-logo-img{height:48px;object-fit:contain;display:block}.nav-links{display:none;gap:10px;align-items:center;justify-content:center;flex:2}@media(min-width:768px){.nav-links{display:flex}}.mobile-bottom-nav{display:none}@media(max-width:767px){.lb-page-root,.lb-main{padding-bottom:70px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;background:var(--color-darkest);border-top:3px solid var(--color-secondary-border);z-index:100;justify-content:space-around;padding:10px 4px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;color:var(--color-muted);text-decoration:none;gap:2px;flex:1;min-width:0;transition:color .15s;overflow:visible}.bottom-nav-link.active,.bottom-nav-link:active{color:var(--color-primary)}.bottom-nav-link .material-symbols-outlined{font-size:20px}.bottom-nav-label{font-family:var(--font-pixel);font-size:10px;text-transform:uppercase;transform:scale(.5);transform-origin:center top;white-space:nowrap;display:block}}.nav-link{font-family:var(--font-pixel);font-size:10px;color:#94a3b8;text-decoration:none;padding:7px 12px;background-color:transparent;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .1s;text-transform:uppercase;white-space:nowrap;box-shadow:inset -2px -2px #0000004d,inset 2px 2px #ffffff1a,3px 3px #00000080}.nav-link:hover{color:#fff;border-color:var(--color-secondary-border)}.nav-link.active{background-color:var(--color-primary-dark);color:#fff;border-color:var(--color-primary)}.nav-actions{flex:1;display:flex;align-items:center;justify-content:flex-end}.nav-avatar{width:46px;height:46px;background-color:var(--color-primary);border:3px solid var(--color-primary-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.nav-avatar img{width:100%;height:100%;object-fit:cover;display:block}.lb-main{flex:1;padding:24px;width:100%}.lb-page-header{text-align:center;margin-bottom:4rem}.lb-page-title{font-family:var(--font-pixel);font-size:clamp(18px,3vw,28px);color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;line-height:1.5;margin-bottom:1rem}.lb-page-subtitle{font-family:var(--font-body);font-size:16px;color:var(--color-muted);max-width:560px;margin:0 auto;line-height:1.7}.lb-season-tag{display:inline-block;font-family:var(--font-pixel);font-size:8px;background:#3b82f626;border:1px solid var(--color-primary);color:var(--color-primary);padding:4px 10px;margin-left:8px;vertical-align:middle;text-transform:uppercase;letter-spacing:.05em}.lb-podium-wrapper{position:relative;overflow:visible;margin-bottom:5rem;padding-top:72px}.lb-podium{display:flex;flex-direction:row;align-items:flex-end;gap:0;max-width:820px;margin:0 auto}.lb-podium-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:1rem .25rem;position:relative;border-left:4px solid;border-right:4px solid;border-top:4px solid}@media(min-width:640px){.lb-podium-col{padding:1.5rem 1rem}}.lb-podium-col--1{min-height:180px;order:2}.lb-podium-col--2{min-height:140px;order:1}.lb-podium-col--3{min-height:120px;order:3}@media(min-width:640px){.lb-podium-col--1{min-height:220px}.lb-podium-col--2{min-height:180px}.lb-podium-col--3{min-height:160px}}.lb-podium-col--1{border-color:var(--color-yellow);background:#f59e0b0f;animation:glow-pulse 3s ease-in-out infinite}.lb-podium-col--2{border-color:var(--color-muted);background:#9ca3af0a}.lb-podium-col--3{border-color:var(--color-orange);background:#f973160a}.lb-podium-avatar-wrap{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.lb-podium-avatar-frame{border:4px solid;overflow:hidden;background:var(--color-darkest);padding:3px}.lb-podium-col--1 .lb-podium-avatar-frame{width:64px;height:64px;border-color:var(--color-yellow);box-shadow:0 0 20px #f59e0b66}.lb-podium-col--2 .lb-podium-avatar-frame{width:52px;height:52px;border-color:var(--color-muted);box-shadow:0 0 12px #9ca3af4d}.lb-podium-col--3 .lb-podium-avatar-frame{width:48px;height:48px;border-color:var(--color-orange);box-shadow:0 0 12px #f973164d}@media(min-width:640px){.lb-podium-col--1 .lb-podium-avatar-frame{width:88px;height:88px}.lb-podium-col--2 .lb-podium-avatar-frame{width:72px;height:72px}.lb-podium-col--3 .lb-podium-avatar-frame{width:64px;height:64px}}.lb-podium-avatar-frame img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.lb-podium-name-tag{font-family:var(--font-pixel);font-size:6px;padding:4px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}@media(min-width:640px){.lb-podium-name-tag{font-size:8px;padding:4px 10px;letter-spacing:.04em}}.lb-podium-col--1 .lb-podium-name-tag{background:var(--color-yellow);color:var(--color-darkest)}.lb-podium-col--2 .lb-podium-name-tag{background:var(--color-muted);color:var(--color-darkest)}.lb-podium-col--3 .lb-podium-name-tag{background:var(--color-orange);color:#fff}.lb-podium-body{text-align:center;margin-top:2.5rem}.lb-podium-rank{font-family:var(--font-pixel);display:block;margin-bottom:6px}.lb-podium-col--1 .lb-podium-rank{font-size:20px;color:var(--color-yellow)}.lb-podium-col--2 .lb-podium-rank{font-size:16px;color:var(--color-muted)}.lb-podium-col--3 .lb-podium-rank{font-size:14px;color:var(--color-orange)}@media(min-width:640px){.lb-podium-col--1 .lb-podium-rank{font-size:28px}.lb-podium-col--2 .lb-podium-rank{font-size:20px}.lb-podium-col--3 .lb-podium-rank{font-size:18px}}.lb-podium-sub{font-family:var(--font-pixel);font-size:8px;text-transform:uppercase;color:var(--color-muted)}.lb-podium-col--1 .lb-podium-sub{color:var(--color-primary-fixed)}.lb-trophy-icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:28px;line-height:1;text-transform:none;display:block;color:var(--color-yellow);margin-bottom:6px;font-variation-settings:"FILL" 1}.lb-table-section{border:3px solid var(--color-secondary-border);box-shadow:4px 4px #0006;background:var(--color-dark);margin-bottom:4rem;overflow:hidden}.lb-table-header{background:var(--color-primary-dark);padding:1rem 1.5rem;border-bottom:3px solid var(--color-secondary-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.lb-table-header-title{font-family:var(--font-pixel);font-size:14px;color:#fff;text-transform:uppercase}.lb-table-header-meta{display:flex;gap:1rem;align-items:center}.lb-meta-pill{font-family:var(--font-pixel);font-size:8px;color:var(--color-primary-fixed);text-transform:uppercase;letter-spacing:.05em}.lb-meta-sep{color:#ffffff4d;font-family:var(--font-pixel);font-size:10px}.lb-table-wrap{overflow-x:auto}table.lb-table{width:100%;border-collapse:collapse}table.lb-table thead tr{background:var(--color-darkest);border-bottom:3px solid var(--color-outline-variant)}table.lb-table th{padding:14px 20px;font-family:var(--font-pixel);font-size:8px;color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em}table.lb-table th:first-child{text-align:left}table.lb-table th:nth-child(2){text-align:left}table.lb-table th:nth-child(3){text-align:center}table.lb-table th:last-child{text-align:right}table.lb-table tbody tr{border-bottom:2px solid rgba(55,65,81,.4);cursor:pointer;transition:background .1s,transform .1s;animation:rank-slide .3s ease both}table.lb-table tbody tr:hover{background:#1e3a6e59}table.lb-table tbody tr:active{transform:translate(4px)}table.lb-table td{padding:14px 20px;vertical-align:middle}.lb-td-rank{font-family:var(--font-pixel);font-size:11px;color:var(--color-on-surface)}.lb-td-player{display:flex;align-items:center;gap:12px}.lb-player-avatar{width:34px;height:34px;border:2px solid var(--color-outline);object-fit:cover;flex-shrink:0;image-rendering:pixelated}.lb-player-name{font-family:var(--font-pixel);font-size:10px;color:var(--color-muted);text-transform:uppercase}.lb-td-level{text-align:center;font-family:var(--font-pixel);font-size:10px;color:var(--color-muted)}.lb-td-xp{text-align:right;font-family:var(--font-pixel);font-size:12px;color:var(--color-primary)}tr.lb-row-self{background:#3b82f61f!important;border-top:3px solid var(--color-primary);border-bottom:3px solid var(--color-primary)}tr.lb-row-self .lb-td-rank{color:var(--color-primary)}tr.lb-row-self .lb-player-name{font-family:var(--font-pixel);font-size:11px;color:var(--color-primary)}tr.lb-row-self .lb-player-avatar{border-color:var(--color-primary);box-shadow:0 0 8px #3b82f680}tr.lb-row-self .lb-td-level,tr.lb-row-self .lb-td-xp{color:var(--color-primary)}.lb-cursor-blink{font-family:var(--font-pixel);font-size:8px;color:var(--color-primary);animation:blinker 1s step-end infinite}.lb-table-footer{padding:1rem;background:var(--color-darkest);border-top:3px solid var(--color-outline-variant);display:flex;justify-content:center}.lb-load-btn{font-family:var(--font-pixel);font-size:10px;background:var(--color-primary);color:#fff;border:3px solid rgba(255,255,255,.3);padding:12px 28px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;box-shadow:4px 4px #0006;transition:transform 75ms,box-shadow 75ms}.lb-load-btn:hover{background:var(--color-primary-fixed)}.lb-load-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #0006}.lb-stats-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:5rem}@media(min-width:640px){.lb-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.lb-stats-grid{grid-template-columns:repeat(3,1fr)}}.lb-stat-card{background:var(--color-dark);border:3px solid var(--color-secondary-border);box-shadow:4px 4px #0006;padding:1.5rem;cursor:pointer;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.lb-stat-card:hover{transform:translateY(-2px)}.lb-stat-card--primary:hover{border-color:var(--color-primary)}.lb-stat-card--green:hover{border-color:var(--color-green)}.lb-stat-card--yellow:hover{border-color:var(--color-yellow)}.lb-stat-card--purple:hover{border-color:var(--color-purple)}.lb-stat-label{font-family:var(--font-pixel);font-size:8px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:1rem}.lb-stat-value{font-family:var(--font-pixel);font-size:26px;line-height:1;display:inline-block;transition:transform .15s}.lb-stat-card:hover .lb-stat-value{transform:scale(1.06)}.lb-stat-card--primary .lb-stat-value{color:var(--color-primary)}.lb-stat-card--green .lb-stat-value{color:var(--color-green)}.lb-stat-card--yellow .lb-stat-value{color:var(--color-yellow)}.lb-stat-card--purple .lb-stat-value{color:var(--color-purple)}.lb-stat-bar-bg{margin-top:1rem;height:8px;background:var(--color-darkest);border:2px solid var(--color-outline-variant);overflow:hidden}.lb-stat-bar-fill{height:100%;position:relative}.lb-stat-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2.5s infinite linear}.lb-stat-card--primary .lb-stat-bar-fill{background:var(--color-primary)}.lb-stat-card--purple .lb-stat-bar-fill{background:var(--color-purple)}.lb-stat-live-dot{display:inline-block;width:8px;height:8px;background:var(--color-green);border-radius:50%;animation:blinker 1.2s step-end infinite;margin-right:8px}.lb-stat-sub{font-family:var(--font-pixel);font-size:8px;text-transform:uppercase;letter-spacing:.04em;margin-top:1rem;display:flex;align-items:center}.lb-stat-card--green .lb-stat-sub{color:var(--color-green)}.lb-stat-card--yellow .lb-stat-sub{color:var(--color-yellow)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-feature-settings:"liga";-webkit-user-select:none;user-select:none}.pixel-border-muted{border:3px solid var(--color-secondary-border);box-shadow:4px 4px #0006}.welcome-bar{display:flex;align-items:center;gap:16px;background:var(--color-bg);border:3px solid var(--color-primary);box-shadow:4px 4px 0 var(--color-primary-dark);padding:14px 20px}.welcome-icon-box{font-size:36px;flex-shrink:0}.welcome-text{font-family:var(--font-pixel);font-size:14px;color:#93c5fd;line-height:1.9}.welcome-text strong{color:#60a5fa}.continue-btn{margin-left:auto;font-family:var(--font-pixel);font-size:12px;background-color:var(--color-green);color:var(--color-dark);border:3px solid #059669;padding:10px 18px;cursor:pointer;white-space:nowrap;box-shadow:3px 3px #0006;transition:all .1s}.continue-btn:hover{transform:translate(1px,1px);box-shadow:2px 2px #0006}.forum-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:flex-start;margin-top:24px}@media(max-width:768px){.forum-layout{grid-template-columns:1fr}}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.feed-title{font-family:var(--font-pixel);font-size:18px;color:#fff;text-shadow:2px 2px 0 var(--color-primary-dark)}.ask-btn{font-family:var(--font-pixel);font-size:12px;background-color:var(--color-primary);color:#fff;border:3px solid var(--color-primary-dark);padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:3px 3px #0006;transition:all .1s}.ask-btn:hover{transform:translate(1px,1px);box-shadow:2px 2px #0006}.filter-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-pill{font-family:var(--font-pixel);font-size:10px;padding:8px 14px;background:transparent;color:#94a3b8;border:2px solid #1e3a6e;cursor:pointer;transition:all .1s}.filter-pill:hover{color:#fff;border-color:var(--color-primary)}.filter-pill.sel{background-color:var(--color-primary-dark);color:#fff;border-color:var(--color-primary)}.q-card{background:var(--color-bg);border:3px solid #1e3a6e;padding:20px;margin-bottom:12px;transition:border-color .15s}.q-card:hover{border-color:var(--color-primary)}.q-title{font-family:var(--font-pixel);font-size:14px;color:#93c5fd;line-height:1.8;margin-bottom:8px;cursor:pointer;transition:color .1s}.q-title:hover{color:#fff}.q-excerpt{font-family:var(--font-sans);font-size:15px;color:#64748b;line-height:1.6;margin-bottom:12px}.q-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag{font-family:var(--font-pixel);font-size:9px;padding:4px 10px;border:1px solid}.tag.java{color:var(--color-yellow);border-color:var(--color-yellow);background:#f59e0b1a}.tag.loops{color:var(--color-green);border-color:var(--color-green);background:#10b9811a}.tag.oop{color:var(--color-purple);border-color:var(--color-purple);background:#8b5cf61a}.badge-solved{font-family:var(--font-pixel);font-size:9px;color:var(--color-green);border:1px solid var(--color-green);background:#10b9811a;padding:4px 10px;display:inline-flex;align-items:center;gap:4px}.badge-answers{font-family:var(--font-sans);font-size:13px;color:#60a5fa}.q-info{font-family:var(--font-sans);font-size:13px;color:#475569;margin-left:auto}.q-actions{display:flex;gap:12px;margin-top:16px;border-top:1px dashed #1e3a6e;padding-top:16px}.action-btn{display:flex;align-items:center;gap:8px;background:var(--color-dark);border:2px solid #1e3a6e;color:#94a3b8;font-family:var(--font-pixel);font-size:12px;padding:8px 16px;cursor:pointer;transition:all .1s;border-radius:4px}.action-btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary);color:#fff}.action-btn.like.active{border-color:var(--color-green);color:var(--color-green);background:#10b9811a}.action-btn.dislike.active{border-color:#ef4444;color:#ef4444;background:#ef44441a}.sidebar-card{background:var(--color-bg);border:3px solid var(--color-primary);box-shadow:4px 4px 0 var(--color-primary-dark);padding:20px;margin-bottom:20px}.profile-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.profile-avatar{width:56px;height:56px;background:var(--color-primary);border:3px solid var(--color-primary-dark);color:#fff;font-family:var(--font-pixel);font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-name{font-family:var(--font-pixel);font-size:14px;color:#fff}.profile-sub{font-family:var(--font-sans);font-size:13px;color:#94a3b8;margin-top:6px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat-box{background:var(--color-dark);border:2px solid #1e3a6e;padding:12px 10px;text-align:center}.stat-val{font-family:var(--font-pixel);font-size:16px;color:#60a5fa;margin-bottom:6px}.stat-lbl{font-family:var(--font-sans);font-size:12px;color:#475569}.view-btn{width:100%;font-family:var(--font-pixel);font-size:12px;background:transparent;color:#93c5fd;border:2px solid var(--color-primary);padding:12px;cursor:pointer;transition:all .1s;box-shadow:3px 3px #0000004d}.view-btn:hover{background:var(--color-primary-dark);color:#fff;transform:translate(1px,1px);box-shadow:2px 2px #0000004d}.sidebar-title{font-family:var(--font-pixel);font-size:12px;color:#93c5fd;margin-bottom:16px;display:flex;align-items:center;gap:10px}.course-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #1e3a6e}.course-item:last-child{border-bottom:none}.course-dot{width:12px;height:12px;flex-shrink:0;border:2px solid}.course-dot.done{background:var(--color-green);border-color:var(--color-green)}.course-dot.active{background:var(--color-primary);border-color:var(--color-primary)}.course-dot.locked{background:transparent;border-color:#1e3a6e}.course-label{font-family:var(--font-sans);font-size:14px;flex:1}.course-label.done{color:#94a3b8}.course-label.active{color:#fff}.course-label.locked{color:#475569}.course-badge{font-family:var(--font-pixel);font-size:9px;padding:4px 8px;border:1px solid}.course-badge.done{color:var(--color-green);border-color:var(--color-green)}.course-badge.active{color:var(--color-yellow);border-color:var(--color-yellow)}.course-badge.locked{color:#475569;border-color:#1e3a6e}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modal-fade-in .2s ease-out}.modal-content{background:var(--color-bg);width:90%;max-width:600px;padding:24px;box-shadow:8px 8px #00000080;border:3px solid var(--color-primary);animation:modal-pop-in .35s cubic-bezier(.175,.885,.32,1.275)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #1e3a6e;padding-bottom:12px}.modal-title{font-family:var(--font-pixel);font-size:16px;color:#fff;margin:0}.modal-close{background:transparent;border:none;color:#94a3b8;font-size:24px;cursor:pointer}.modal-close:hover{color:#fff}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.form-group label{font-family:var(--font-pixel);font-size:10px;color:#93c5fd}.insight-input,.insight-textarea{background:var(--color-dark);border:2px solid #1e3a6e;color:#fff;padding:12px;font-family:var(--font-sans);font-size:14px;outline:none;transition:border-color .2s}.insight-input:focus,.insight-textarea:focus{border-color:var(--color-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.admin-student-modal{max-width:520px}.admin-modal-subtitle{margin-top:8px;color:#94a3b8;font-family:var(--font-sans);font-size:13px}.admin-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:16px;border:2px solid rgba(239,68,68,.55);background:#7f1d1d2e}.admin-danger-title{color:#fca5a5;font-family:var(--font-pixel);font-size:10px;margin-bottom:8px}.admin-danger-zone p{color:#cbd5e1;font-family:var(--font-sans);font-size:13px;line-height:1.5;margin:0}@media(max-width:640px){.admin-edit-grid{grid-template-columns:1fr}.admin-danger-zone{align-items:stretch;flex-direction:column}.admin-danger-zone .btn{width:100%}}.btn-cancel{background:transparent;border:2px solid #64748b;color:#94a3b8;padding:10px 16px;font-family:var(--font-pixel);font-size:10px;cursor:pointer;transition:all .2s}.btn-cancel:hover{border-color:#fff;color:#fff}.reply-btn{background:none;border:none;color:#94a3b8;font-family:var(--font-sans);font-size:12px;cursor:pointer;transition:color .1s;display:flex;align-items:center;gap:4px;padding:0}.reply-btn:hover{color:#fff}.nested-replies{margin-top:12px;padding-left:16px;border-left:2px solid #1e3a6e;display:flex;flex-direction:column;gap:12px}.reply-item{background:#1e3a6e4d;padding:12px;border-radius:4px;border:1px solid #1e3a6e}.reply-input-box{margin-top:12px;display:flex;flex-direction:column;gap:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.coding-panel{width:100vw;height:100vh;margin:0;background-color:#030712;background-image:radial-gradient(circle at 50% 0%,rgba(15,30,60,.4) 0%,transparent 60%),linear-gradient(rgba(30,58,138,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,138,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;background-position:center;color:#e2e8f0;font-family:Inter,sans-serif;overflow:hidden;position:relative}.coding-panel__shell{position:relative;z-index:10;display:grid;grid-template-rows:auto 1fr;width:100%;height:100%;background:#0b1120;animation:bootUp .4s cubic-bezier(.1,.9,.2,1) forwards}.coding-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(90deg,#1e3a8a66,#0f172a00);border-bottom:2px solid #1e3a8a;flex-shrink:0;position:relative}.coding-panel__eyebrow{margin:0 0 4px;color:#10b981;font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;font-family:Fira Code,monospace}.coding-panel h1{font-size:1.4rem;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px;margin:0;color:#f8fafc;text-transform:uppercase}.coding-panel__actions{display:flex;align-items:center;gap:12px}.coding-panel__button{min-width:110px;padding:10px 20px;background:#1e293b;color:#94a3b8;border:none;font-family:Orbitron,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);position:relative;z-index:1;transition:all .2s}.coding-panel__button:before{content:"";position:absolute;inset:1px;background:#0f172a;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);z-index:-1;transition:all .2s}.coding-panel__button:hover{color:#f8fafc}.coding-panel__button:disabled{opacity:.4;cursor:not-allowed}.coding-panel__button:first-child:hover{background:#ef4444}.coding-panel__button:nth-child(2){background:#3b82f6;color:#3b82f6}.coding-panel__button:nth-child(2):hover:not(:disabled){color:#fff;box-shadow:0 0 15px #3b82f666}.coding-panel__button:nth-child(2):hover:not(:disabled):before{background:#1e3a8a}.coding-panel__button--primary{background:#10b981;color:#10b981}.coding-panel__button--primary:hover:not(:disabled){color:#fff;box-shadow:0 0 15px #10b98166}.coding-panel__button--primary:hover:not(:disabled):before{background:#022c22}.coding-panel__body{display:grid;grid-template-columns:var(--prompt-width) 12px minmax(0,1fr) 12px var(--terminal-width);min-height:0;padding:24px;gap:0;background:#020617b3}.coding-panel__prompt,.coding-panel__terminal{background:#0f172a;border:1px solid #1e3a8a;position:relative}.coding-panel__prompt{min-height:0;padding:24px;overflow:auto;border-left:4px solid #3b82f6}.coding-panel__prompt::-webkit-scrollbar,.coding-panel__output::-webkit-scrollbar{width:6px}.coding-panel__prompt::-webkit-scrollbar-track,.coding-panel__output::-webkit-scrollbar-track{background:#0003;border-radius:4px}.coding-panel__prompt::-webkit-scrollbar-thumb,.coding-panel__output::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.coding-panel__resize-handle{border:0;border-radius:6px;padding:0;background:transparent;transition:all .2s;position:relative;display:flex;align-items:center;justify-content:center}.coding-panel__resize-handle:after{content:"";background:#3b82f64d;border-radius:4px;transition:all .2s}.coding-panel__resize-handle--vertical{width:12px;min-width:12px;height:100%;cursor:col-resize}.coding-panel__resize-handle--vertical:after{width:2px;height:40px}.coding-panel__resize-handle--horizontal{width:100%;height:12px;min-height:12px;margin:8px 0;cursor:row-resize}.coding-panel__resize-handle--horizontal:after{height:2px;width:40px}.coding-panel__resize-handle:hover:after,.coding-panel__resize-handle:focus-visible:after{background:#3b82f6;box-shadow:0 0 10px #3b82f6}.coding-panel__prompt h2{margin-top:0;margin-bottom:20px;color:#f59e0b;font-family:Orbitron,sans-serif;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid rgba(245,158,11,.3);padding-bottom:10px;text-shadow:0 0 10px rgba(245,158,11,.4)}.coding-panel__prompt p{white-space:pre-wrap;color:#f3f4f6;font-size:1.05rem;line-height:1.7;margin:0;font-weight:400}.coding-panel__editor{min-width:0;min-height:0;background:#020617;border:1px solid #1e3a8a;border-left:4px solid #10b981;overflow:hidden}.coding-panel__editor .monaco-editor,.coding-panel__editor .monaco-editor-background,.coding-panel__editor .margin{background-color:transparent!important}.coding-panel__terminal{display:grid;grid-template-rows:auto var(--stdin-height) 12px auto minmax(0,1fr);min-height:0;padding:24px}.coding-panel__label{margin-bottom:12px;color:#3b82f6;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.coding-panel__stdin,.coding-panel__output{width:100%;box-sizing:border-box;border:1px dashed #475569;background:#020617;color:#10b981;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.95rem;transition:all .3s ease}.coding-panel__stdin:focus{outline:none;border-color:#3b82f6;background:#3b82f60d}.coding-panel__stdin{min-height:0;padding:16px;resize:none;color:#f3f4f6}.coding-panel__output{min-height:0;margin:0;padding:16px;overflow:auto;white-space:pre-wrap;text-shadow:0 0 5px rgba(16,185,129,.4);line-height:1.5}@media(max-width:860px){.coding-panel__header{flex-direction:column;align-items:flex-start}.coding-panel__actions{width:100%;justify-content:flex-end}}.quiz-panel{width:100vw;height:100vh;margin:0;background-color:#030712;background-image:radial-gradient(circle at 50% 0%,rgba(15,30,60,.4) 0%,transparent 60%),linear-gradient(rgba(30,58,138,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,138,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;background-position:center;color:#e2e8f0;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.quiz-panel__shell{position:relative;z-index:10;width:90%;max-width:820px;max-height:88vh;display:flex;flex-direction:column;background:#0b1120;border:1px solid #1e3a8a;clip-path:polygon(0 15px,15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px));box-shadow:0 0 30px #000c;animation:bootUp .4s cubic-bezier(.1,.9,.2,1) forwards}.quiz-panel__shell:before,.quiz-panel__shell:after{content:"";position:absolute;width:100px;height:2px;background:#3b82f6;z-index:11;box-shadow:0 0 8px #3b82f6}.quiz-panel__shell:before{top:0;left:40px}.quiz-panel__shell:after{bottom:0;right:40px}.quiz-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(90deg,#1e3a8a66,#0f172a00);border-bottom:2px solid #1e3a8a;flex-shrink:0;position:relative}.quiz-panel__eyebrow{margin:0 0 4px;color:#10b981;font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;font-family:Fira Code,monospace}.quiz-panel__header h1{font-size:1.4rem;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px;margin:0;color:#f8fafc;text-transform:uppercase}.quiz-panel__stats{display:flex;align-items:center;gap:20px}.quiz-panel__stat{display:flex;flex-direction:column;align-items:flex-end}.quiz-panel__stat-label{font-size:.6rem;color:#64748b;font-family:Fira Code,monospace;text-transform:uppercase;margin-bottom:2px}.quiz-panel__stat-value{font-size:1.2rem;font-weight:700;color:#3b82f6;font-family:Orbitron,sans-serif;text-shadow:0 0 10px rgba(59,130,246,.4)}.quiz-panel__stat-value--bonus{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.4)}.quiz-panel__body{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:24px;background:#020617b3}.quiz-panel *::-webkit-scrollbar{width:6px;height:6px}.quiz-panel *::-webkit-scrollbar-track{background:#020617}.quiz-panel *::-webkit-scrollbar-thumb{background:#1e3a8a;border-radius:4px}.quiz-panel *::-webkit-scrollbar-thumb:hover{background:#3b82f6}.quiz-panel *::-webkit-scrollbar-corner{background:#020617}.quiz-panel__question{font-size:.85rem;line-height:1.5;color:#f1f5f9;margin:0;padding:14px 18px;background:#1e3a8a1a;border:1px solid #1e3a8a;border-left:4px solid #3b82f6;position:relative}.quiz-panel__options{display:flex;flex-direction:column;gap:12px}.quiz-panel__option{position:relative;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0f172a;border:1px solid #1e293b;color:#94a3b8;font-size:.75rem;font-family:Inter,sans-serif;cursor:pointer;transition:all .15s ease;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.quiz-panel__option:hover{background:#1e3a8a33;border-color:#3b82f6;color:#f8fafc;padding-left:24px}.quiz-panel__option--selected{background:#1e3a8a4d;border-color:#3b82f6;color:#fff;border-left:3px solid #3b82f6;padding-left:24px}.quiz-panel__option--selected:before{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:#3b82f6;box-shadow:-2px 0 10px #3b82f6}.quiz-panel__checkbox,.quiz-panel__radio{width:18px;height:18px;flex-shrink:0;border:1px solid #475569;background:#020617;display:flex;align-items:center;justify-content:center;position:relative;transition:all .15s ease}.quiz-panel__radio{border-radius:50%}.quiz-panel__option:hover .quiz-panel__checkbox,.quiz-panel__option:hover .quiz-panel__radio,.quiz-panel__option--selected .quiz-panel__checkbox,.quiz-panel__option--selected .quiz-panel__radio{border-color:#3b82f6}.quiz-panel__checkbox-check{display:none;width:10px;height:10px;background:#3b82f6}.quiz-panel__radio:after{content:"";position:absolute;width:8px;height:8px;background:#3b82f6;border-radius:50%;opacity:0;transform:scale(0);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.quiz-panel__option--selected .quiz-panel__checkbox-check{display:block}.quiz-panel__option--selected .quiz-panel__radio:after{opacity:1;transform:scale(1)}.quiz-panel__footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0f172a;border-top:1px solid #1e3a8a;position:relative}.quiz-panel__progress-bar-container{position:absolute;top:-1px;left:0;right:0;height:1px;background:#1e293b}.quiz-panel__progress-bar{height:2px;background:#3b82f6;box-shadow:0 0 10px #3b82f6;transition:width .3s linear}.quiz-panel__progress{font-size:.75rem;color:#64748b;font-family:Fira Code,monospace;text-transform:uppercase}.quiz-panel__actions{display:flex;gap:12px}.quiz-panel__button{min-width:110px;padding:10px 20px;background:#1e293b;color:#94a3b8;border:none;font-family:Orbitron,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);position:relative;z-index:1;transition:all .2s}.quiz-panel__button:before{content:"";position:absolute;inset:1px;background:#0f172a;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);z-index:-1;transition:all .2s}.quiz-panel__button:hover{color:#f8fafc}.quiz-panel__button--quit:hover{background:#ef4444}.quiz-panel__button--quit:hover:before{background:#ef44441a}.quiz-panel__button--confirm{background:#10b981;color:#10b981}.quiz-panel__button--confirm:hover:not(:disabled){color:#fff;box-shadow:0 0 15px #10b98166}.quiz-panel__button--confirm:hover:not(:disabled):before{background:#022c22}.quiz-panel__button:disabled{opacity:.4;cursor:not-allowed}.quiz-panel__finished{text-align:center;padding:60px 40px}.quiz-panel__finished h2{font-family:Orbitron,sans-serif;font-size:2rem;color:#10b981;text-shadow:0 0 15px rgba(16,185,129,.4);margin:0 0 12px;text-transform:uppercase}.quiz-panel__finished p{color:#94a3b8;font-family:Fira Code,monospace;font-size:.9rem}.dragdrop-panel{width:100vw;height:100vh;margin:0;background-color:#030712;background-image:radial-gradient(circle at 50% 0%,rgba(15,30,60,.4) 0%,transparent 60%),linear-gradient(rgba(30,58,138,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,138,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;background-position:center;color:#e2e8f0;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.dragdrop-panel__shell{position:relative;z-index:10;width:94%;max-width:1100px;max-height:92vh;display:flex;flex-direction:column;background:#0b1120;border:1px solid #1e3a8a;clip-path:polygon(0 15px,15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px));box-shadow:0 0 30px #000c;animation:bootUp .4s cubic-bezier(.1,.9,.2,1) forwards}.dragdrop-panel__shell:before,.dragdrop-panel__shell:after{content:"";position:absolute;width:100px;height:2px;background:#3b82f6;z-index:11;box-shadow:0 0 8px #3b82f6}.dragdrop-panel__shell:before{top:0;left:40px}.dragdrop-panel__shell:after{bottom:0;right:40px}.dragdrop-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(90deg,#1e3a8a66,#0f172a00);border-bottom:2px solid #1e3a8a;flex-shrink:0;position:relative}.dragdrop-panel__eyebrow{margin:0 0 4px;color:#10b981;font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;font-family:Fira Code,monospace}.dragdrop-panel__header h1{font-size:1.4rem;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px;margin:0;color:#f8fafc;text-transform:uppercase}.dragdrop-panel__body{flex:1;display:grid;grid-template-columns:1fr 340px;gap:0;min-height:0;overflow:hidden;background:#020617b3}.dragdrop-panel__left{display:flex;flex-direction:column;gap:20px;padding:24px 32px;overflow-y:auto;border-right:2px solid #1e3a8a}.dragdrop-panel *::-webkit-scrollbar{width:6px;height:6px}.dragdrop-panel *::-webkit-scrollbar-track{background:#020617}.dragdrop-panel *::-webkit-scrollbar-thumb{background:#1e3a8a;border-radius:4px}.dragdrop-panel *::-webkit-scrollbar-thumb:hover{background:#3b82f6}.dragdrop-panel *::-webkit-scrollbar-corner{background:#020617}.dragdrop-panel__question{font-size:.85rem;line-height:1.5;color:#f1f5f9;white-space:pre-wrap;margin:0;padding:14px 18px;background:#1e3a8a1a;border:1px solid #1e3a8a;border-left:4px solid #3b82f6;flex-shrink:0;position:relative}.dragdrop-panel__dropzones{display:flex;flex-direction:column;gap:12px}.dragdrop-panel__dropzone{min-height:44px;padding:8px 12px;border:1px dashed #475569;background:#0f172a;display:flex;align-items:center;gap:10px;transition:all .2s;cursor:default;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.dragdrop-panel__dropzone--over{border:1px solid #3b82f6;background:#3b82f61a;box-shadow:0 0 10px #3b82f633}.dragdrop-panel__dropzone--filled{border:1px solid #3b82f6;background:#1e3a8a4d;border-left:3px solid #3b82f6}.dragdrop-panel__dropzone-placeholder{color:#64748b;font-size:.65rem;font-family:Fira Code,monospace;font-style:italic}.dragdrop-panel__dropzone-value{color:#f8fafc;font-size:.75rem;font-family:Fira Code,monospace;font-weight:500;flex:1}.dragdrop-panel__dropzone-remove{border:none;background:transparent;color:#ef4444;width:24px;height:24px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.dragdrop-panel__dropzone-remove:hover{transform:scale(1.2);text-shadow:0 0 8px rgba(239,68,68,.6)}.dragdrop-panel__template{display:flex;flex-direction:column;gap:8px;padding:14px 18px;background:#0f172a;border:1px solid #1e293b;border-left:4px solid #10b981;overflow-x:auto;position:relative;flex-shrink:0}.dragdrop-panel__template-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:36px}.dragdrop-panel__template-text{color:#94a3b8;font-family:Fira Code,monospace;font-size:.75rem;white-space:pre}.dragdrop-panel__fill-slot{min-width:80px;min-height:28px;padding:2px 10px;border:1px dashed #475569;background:#020617;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.dragdrop-panel__fill-slot--over{border-style:solid;border-color:#3b82f6;background:#3b82f626}.dragdrop-panel__fill-slot--filled{border-style:solid;border-color:#3b82f6;background:#1e3a8a4d}.dragdrop-panel__fill-slot-placeholder{color:#475569;font-size:.65rem;font-family:Fira Code,monospace}.dragdrop-panel__fill-slot-value{color:#f8fafc;font-size:.75rem;font-family:Fira Code,monospace;font-weight:700}.dragdrop-panel__fill-slot-remove{border:none;background:transparent;color:#ef4444;cursor:pointer;font-size:14px;padding:0;flex-shrink:0;transition:all .2s}.dragdrop-panel__fill-slot-remove:hover{transform:scale(1.2)}.dragdrop-panel__right{display:flex;flex-direction:column;padding:24px;gap:16px;overflow-y:auto;background:#0b1120}.dragdrop-panel__choices-title{font-family:Fira Code,monospace;font-size:.75rem;color:#64748b;text-transform:uppercase;margin:0 0 8px}.dragdrop-panel__choices-title:before{content:">";color:#3b82f6;margin-right:6px}.dragdrop-panel__choice{padding:8px 12px;border:1px solid #1e3a8a;background:#0f172a;color:#cbd5e1;font-family:Fira Code,monospace;font-size:.75rem;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none;line-height:1.4;white-space:pre-wrap;word-break:break-word;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.dragdrop-panel__choice:active{cursor:grabbing}.dragdrop-panel__choice:hover:not(.dragdrop-panel__choice--used){border-color:#3b82f6;background:#1e3a8a66;color:#fff;border-left:3px solid #3b82f6;transform:translate(-4px)}.dragdrop-panel__choice--used{opacity:.2;pointer-events:none;border-color:transparent;background:#0f172a4d}.dragdrop-panel__footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0f172a;border-top:1px solid #1e3a8a;flex-shrink:0;position:relative}.dragdrop-panel__progress-bar-container{position:absolute;top:-1px;left:0;right:0;height:1px;background:#1e293b}.dragdrop-panel__progress-bar{height:2px;background:#3b82f6;box-shadow:0 0 10px #3b82f6;transition:width .3s linear}.dragdrop-panel__progress{font-size:.75rem;color:#64748b;font-family:Fira Code,monospace;text-transform:uppercase}.dragdrop-panel__actions{display:flex;gap:12px}.dragdrop-panel__button{min-width:110px;padding:10px 20px;background:#1e293b;color:#94a3b8;border:none;font-family:Orbitron,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);position:relative;z-index:1;transition:all .2s}.dragdrop-panel__button:before{content:"";position:absolute;inset:1px;background:#0f172a;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);z-index:-1;transition:all .2s}.dragdrop-panel__button:hover{color:#f8fafc}.dragdrop-panel__button--quit:hover{background:#ef4444}.dragdrop-panel__button--quit:hover:before{background:#ef44441a}.dragdrop-panel__button--submit{background:#10b981;color:#10b981}.dragdrop-panel__button--submit:hover:not(:disabled){color:#fff;box-shadow:0 0 15px #10b98166}.dragdrop-panel__button--submit:hover:not(:disabled):before{background:#022c22}.dragdrop-panel__button:disabled{opacity:.4;cursor:not-allowed}.dragdrop-panel__finished{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.dragdrop-panel__finished h2{font-family:Orbitron,sans-serif;font-size:2rem;color:#10b981;text-shadow:0 0 15px rgba(16,185,129,.4);margin:0 0 12px;text-transform:uppercase}.dragdrop-panel__finished p{color:#94a3b8;font-family:Fira Code,monospace;font-size:.9rem}@media(max-width:820px){.dragdrop-panel__body{grid-template-columns:1fr}.dragdrop-panel__left{border-right:none;border-bottom:2px solid #1e3a8a}.dragdrop-panel__right{max-height:250px}}.sandbox-panel{width:100vw;height:100vh;margin:0;background-color:#030712;background-image:radial-gradient(circle at 50% 0%,rgba(15,30,60,.4) 0%,transparent 60%),linear-gradient(rgba(30,58,138,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,138,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;background-position:center;color:#e2e8f0;font-family:Inter,sans-serif;overflow:hidden;position:relative}.sandbox-panel__shell{position:relative;z-index:10;display:grid;grid-template-rows:auto 1fr;width:100%;height:100%;background:#0b1120;animation:bootUp .4s cubic-bezier(.1,.9,.2,1) forwards}.sandbox-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(90deg,#1e3a8a66,#0f172a00);border-bottom:2px solid #1e3a8a;flex-shrink:0;position:relative}.sandbox-panel__eyebrow{margin:0 0 4px;color:#10b981;font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;font-family:Fira Code,monospace}.sandbox-panel h1{font-size:1.4rem;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px;margin:0;color:#f8fafc;text-transform:uppercase}.sandbox-panel__actions{display:flex;align-items:center;gap:12px}.sandbox-panel__button{min-width:110px;padding:10px 20px;background:#1e293b;color:#94a3b8;border:none;font-family:Orbitron,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);position:relative;z-index:1;transition:all .2s}.sandbox-panel__button:before{content:"";position:absolute;inset:1px;background:#0f172a;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);z-index:-1;transition:all .2s}.sandbox-panel__button:hover{color:#f8fafc}.sandbox-panel__button:disabled{opacity:.4;cursor:not-allowed}.sandbox-panel__button:first-child:hover{background:#ef4444}.sandbox-panel__button:nth-child(2){background:#3b82f6;color:#3b82f6}.sandbox-panel__button:nth-child(2):hover:not(:disabled){color:#fff;box-shadow:0 0 15px #3b82f666}.sandbox-panel__button:nth-child(2):hover:not(:disabled):before{background:#1e3a8a}.sandbox-panel__button--primary{background:#10b981;color:#10b981}.sandbox-panel__button--primary:hover:not(:disabled){color:#fff;box-shadow:0 0 15px #10b98166}.sandbox-panel__button--primary:hover:not(:disabled):before{background:#022c22}.sandbox-panel__body{display:grid;grid-template-columns:minmax(0,1fr) 12px var(--terminal-width);min-height:0;padding:24px;gap:0;background:#020617b3}.sandbox-panel__terminal{background:#0f172a;border:1px solid #1e3a8a;position:relative}.sandbox-panel__output::-webkit-scrollbar{width:6px}.sandbox-panel__output::-webkit-scrollbar-track{background:#0003;border-radius:4px}.sandbox-panel__output::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.sandbox-panel__resize-handle{border:0;border-radius:6px;padding:0;background:transparent;transition:all .2s;position:relative;display:flex;align-items:center;justify-content:center}.sandbox-panel__resize-handle:after{content:"";background:#3b82f64d;border-radius:4px;transition:all .2s}.sandbox-panel__resize-handle--vertical{width:12px;min-width:12px;height:100%;cursor:col-resize}.sandbox-panel__resize-handle--vertical:after{width:2px;height:40px}.sandbox-panel__resize-handle--horizontal{width:100%;height:12px;min-height:12px;margin:8px 0;cursor:row-resize}.sandbox-panel__resize-handle--horizontal:after{height:2px;width:40px}.sandbox-panel__resize-handle:hover:after,.sandbox-panel__resize-handle:focus-visible:after{background:#3b82f6;box-shadow:0 0 10px #3b82f6}.sandbox-panel__editor{min-width:0;min-height:0;background:#020617;border:1px solid #1e3a8a;border-left:4px solid #10b981;overflow:hidden}.sandbox-panel__editor .monaco-editor,.sandbox-panel__editor .monaco-editor-background,.sandbox-panel__editor .margin{background-color:transparent!important}.sandbox-panel__terminal{display:grid;grid-template-rows:auto var(--stdin-height) 12px auto minmax(0,1fr);min-height:0;padding:24px}.sandbox-panel__label{margin-bottom:12px;color:#3b82f6;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.sandbox-panel__stdin,.sandbox-panel__output{width:100%;box-sizing:border-box;border:1px dashed #475569;background:#020617;color:#10b981;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.95rem;transition:all .3s ease}.sandbox-panel__stdin:focus{outline:none;border-color:#3b82f6;background:#3b82f60d}.sandbox-panel__stdin{min-height:0;padding:16px;resize:none;color:#f3f4f6}.sandbox-panel__output{min-height:0;margin:0;padding:16px;overflow:auto;white-space:pre-wrap;text-shadow:0 0 5px rgba(16,185,129,.4);line-height:1.5}@keyframes pulseGlowBrand{0%{opacity:.8}to{opacity:1}}@media(max-width:860px){.sandbox-panel__header{flex-direction:column;align-items:flex-start}.sandbox-panel__actions{width:100%;justify-content:flex-end}.sandbox-panel__body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(240px,40%)}.sandbox-panel__resize-handle--vertical{display:none}}.lesson-panel{width:100vw;height:100vh;margin:0;background-color:#030712;background-image:radial-gradient(circle at 50% 0%,rgba(15,30,60,.4) 0%,transparent 60%),linear-gradient(rgba(30,58,138,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,138,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;background-position:center;color:#e2e8f0;font-family:Inter,sans-serif;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.lesson-panel__shell{position:relative;z-index:10;display:flex;flex-direction:column;width:94%;max-width:1200px;height:90vh;background:#0b1120;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);animation:bootUp .4s cubic-bezier(.1,.9,.2,1) forwards}@keyframes bootUp{0%{transform:scaleY(.01) scaleX(0);opacity:0;filter:brightness(3)}50%{transform:scaleY(.01) scaleX(1);opacity:1;filter:brightness(2)}to{transform:scaleY(1) scaleX(1);filter:brightness(1)}}.lesson-panel__shell:before,.lesson-panel__shell:after{content:"";position:absolute;width:100px;height:2px;background:#3b82f6;z-index:11;box-shadow:0 0 8px #3b82f6}.lesson-panel__shell:before{top:0;left:40px}.lesson-panel__shell:after{bottom:0;right:40px}.lesson-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(90deg,#1e3a8a66,#0f172a00);border-bottom:2px solid #1e3a8a;flex-shrink:0}.lesson-panel__eyebrow{margin:0 0 4px;color:#10b981;font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;font-family:Fira Code,monospace}.lesson-panel h1{font-size:1.4rem;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px;margin:0;color:#f8fafc;text-transform:uppercase}.lesson-panel__actions{display:flex;align-items:center}.lesson-panel__button{min-width:110px;padding:10px 20px;background:#1e293b;color:#94a3b8;border:none;font-family:Orbitron,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);position:relative;z-index:1;transition:all .2s}.lesson-panel__button:before{content:"";position:absolute;inset:1px;background:#0f172a;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);z-index:-1;transition:all .2s}.lesson-panel__button:hover{color:#f8fafc;background:#ef4444}.lesson-panel__body{display:flex;flex-direction:column;gap:24px;flex:1;min-height:0;padding:24px 32px;overflow-y:auto}.lesson-panel *::-webkit-scrollbar{width:6px;height:6px}.lesson-panel *::-webkit-scrollbar-track{background:#020617}.lesson-panel *::-webkit-scrollbar-thumb{background:#1e3a8a;border-radius:4px}.lesson-panel *::-webkit-scrollbar-thumb:hover{background:#3b82f6}.lesson-panel *::-webkit-scrollbar-corner{background:#020617}.lesson-panel__description{font-size:.85rem;line-height:1.5;color:#f1f5f9;white-space:pre-wrap;margin:0;padding:14px 18px;background:#1e3a8a1a;border:1px solid #1e3a8a;border-left:4px solid #3b82f6}.lesson-panel__code-block,.lesson-panel__example-block{background:#020617;border:1px dashed #475569;border-left:4px solid #10b981;padding:16px;overflow-x:auto}.lesson-panel__code-block pre,.lesson-panel__example-block pre{margin:0;color:#10b981;font-family:Fira Code,monospace;font-size:.75rem;line-height:1.5}.lesson-panel__keywords-section{display:flex;flex-direction:column;gap:12px}.lesson-panel__keywords-title{font-family:Fira Code,monospace;font-size:.75rem;color:#64748b;text-transform:uppercase;margin:0}.lesson-panel__keywords-title:before{content:">";color:#3b82f6;margin-right:6px}.lesson-panel__keywords{display:flex;flex-wrap:wrap;gap:10px}.lesson-panel__keyword-btn{padding:6px 10px;border:1px solid #1e3a8a;background:#0f172a;color:#cbd5e1;font-family:Inter,sans-serif;font-size:.75rem;cursor:pointer;transition:all .2s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}.lesson-panel__keyword-btn:hover{background:#1e3a8a66;border-color:#3b82f6;color:#fff}.lesson-panel__keyword-btn--active{background:#1e3a8a99;border-color:#3b82f6;border-left:3px solid #3b82f6;color:#fff;padding-left:16px}.lesson-panel__keyword-details{margin-top:4px;display:flex;flex-direction:column;gap:12px;background:#1e3a8a26;border:1px solid #1e3a8a;padding:12px 16px;border-left:4px solid #3b82f6;animation:fadeIn .2s ease-out}.lesson-panel__keyword-details-header{display:flex;align-items:center;justify-content:space-between}.lesson-panel__keyword-close{background:transparent;border:none;color:#94a3b8;font-size:1.5rem;line-height:1;cursor:pointer;padding:0 4px}.lesson-panel__keyword-close:hover{color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.lesson-panel__keyword-details h3{color:#f8fafc;font-family:Orbitron,sans-serif;margin:0;font-size:1rem}.lesson-panel__keyword-details p{color:#e2e8f0;font-size:.8rem;line-height:1.5;margin:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;width:100%;font-family:"Press Start 2P",cursive;background-color:var(--color-dark)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}