.lrn-app{background:var(--void-slate);min-height:100dvh;color:var(--md-on-surface);font-family:var(--font-body);flex-direction:column;width:100%;margin:0;display:flex}.lrn-page{padding:var(--space-4) var(--space-4) calc(var(--space-16) + var(--space-8));flex:1;width:min(100%,1180px);margin:0 auto}.lrn-headline-xl{font-family:var(--font-headline);letter-spacing:-.02em;color:var(--md-on-surface);font-size:clamp(2rem,8vw,4rem);font-weight:700;line-height:1.1}.lrn-headline-lg{font-family:var(--font-headline);letter-spacing:-.01em;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;line-height:1.2}.lrn-headline-md{font-family:var(--font-headline);font-size:1.25rem;font-weight:600;line-height:1.4}.lrn-label-mono{font-family:var(--font-mono);letter-spacing:.05em;color:var(--md-on-surface-variant);font-size:.875rem;font-weight:500}.lrn-label-caps{font-family:var(--font-headline);letter-spacing:.1em;text-transform:uppercase;color:var(--neon-purple);font-size:.75rem;font-weight:700;line-height:1.35}.lrn-gradient-text{background:linear-gradient(90deg, var(--neon-purple), var(--electric-blue));color:#0000;background-clip:text}.lrn-surface{background:var(--md-surface-container);border:1px solid #ffffff0f;border-radius:16px}.lrn-surface--high{background:var(--md-surface-container-high);border-color:#ffffff14}.lrn-surface--glass{-webkit-backdrop-filter:blur(20px);background:#191f31b8;border:1px solid #ffffff14;border-radius:16px}.lrn-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;font-family:var(--font-headline);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:9999px;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .2s;display:inline-flex}.lrn-btn:active{transform:scale(.96)}.lrn-btn--primary{background:linear-gradient(45deg, var(--neon-purple), var(--electric-blue));color:#fff}.lrn-btn--primary:hover{box-shadow:0 0 24px #a855f773}.lrn-btn--secondary{border:1px solid var(--md-outline-variant);color:var(--md-on-surface);background:0 0}.lrn-btn--secondary:hover{border-color:var(--neon-purple);color:var(--md-primary)}.lrn-btn--ghost{color:var(--neon-purple);background:0 0;padding:.5rem .75rem}.lrn-btn--full{width:100%}.lrn-mission-card{background:var(--md-surface-container);padding:var(--space-6);border:1px solid #ffffff0f;border-radius:20px;position:relative;overflow:hidden}.lrn-mission-card:before{content:"";background:linear-gradient(90deg,#a855f766,#0000 60%);height:1px;position:absolute;top:0;left:0;right:0}.lrn-mission-card--active{border-color:#a855f759;box-shadow:0 0 32px #a855f71f}.lrn-mission-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.lrn-mission-icon{background:#a855f726;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.5rem;display:grid}.lrn-step-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lrn-step-item{gap:var(--space-3);padding:var(--space-4);background:var(--md-surface-container-high);border:1px solid #ffffff0a;border-radius:12px;transition:border-color .2s;display:flex}.lrn-step-item--active{background:#a855f70f;border-color:#a855f766}.lrn-step-item--complete{background:#10b9810a;border-color:#10b98159}.lrn-step-num{font-family:var(--font-mono);color:var(--neon-purple);background:#a855f726;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;margin-top:1px;font-size:.875rem;font-weight:500;display:grid}.lrn-step-num--complete{color:var(--circuit-green);background:#10b98133}.lrn-step-body{flex:1;min-width:0}.lrn-step-body h3{font-family:var(--font-headline);margin:0 0 var(--space-1);font-size:1rem;font-weight:600}.lrn-step-body p{color:var(--md-on-surface-variant);margin:0;font-size:.9rem;line-height:1.55}.lrn-progress{gap:var(--space-1);padding:var(--space-2) 0;align-items:center;display:flex}.lrn-progress-pip{background:var(--md-outline-variant);border-radius:9999px;flex:1;height:4px;transition:background .3s}.lrn-progress-pip--done{background:var(--circuit-green)}.lrn-progress-pip--active{background:var(--neon-purple);animation:1.8s ease-in-out infinite lrn-pip-pulse}@keyframes lrn-pip-pulse{0%,to{opacity:1}50%{opacity:.55}}.lrn-hints-box{padding:var(--space-4);background:var(--md-surface-container);border:1px solid #ffffff14;border-radius:14px;margin-top:1rem}.lrn-hints-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.lrn-hints-subtitle{color:var(--md-on-surface-variant);margin:.2rem 0 0;font-size:.8rem}.lrn-hints-meter{flex-shrink:0;gap:.35rem;display:flex}.lrn-hints-dot{background:var(--md-outline-variant);border-radius:999px;width:.55rem;height:.55rem}.lrn-hints-dot--used{background:var(--neon-purple);box-shadow:0 0 10px #a855f773}.lrn-hints-list{gap:var(--space-3);margin-bottom:var(--space-3);display:grid}.lrn-hint-panel{padding:var(--space-4);border-radius:16px;position:relative;overflow:hidden}.lrn-hint-panel--t1{background:#b76dff14;border:1px solid #b76dff59;box-shadow:0 0 20px #a855f71a}.lrn-hint-panel--t2{background:#0267b81a;border:1px solid #60a5fa59;box-shadow:0 0 20px #60a5fa14}.lrn-hint-panel--t3{background:#fbbf240f;border:1px solid #fbbf2459;box-shadow:0 0 20px #fbbf240f}.lrn-hint-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.lrn-hint-tier-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:500}.lrn-hint-tier-badge--t1{color:#ddb7ff;background:#b76dff33}.lrn-hint-tier-badge--t2{color:#a4c9ff;background:#60a5fa33}.lrn-hint-tier-badge--t3{color:#fbbf24;background:#fbbf2433}.lrn-hint-text{color:var(--md-on-surface);margin:0;font-size:.95rem;line-height:1.6}.lrn-sparky-thinking{background:linear-gradient(135deg, var(--md-primary-container), var(--md-secondary-container), var(--md-primary-container));padding:var(--space-4);background-size:200% 200%;border-radius:16px;animation:2s infinite lrn-neural-pulse}@keyframes lrn-neural-pulse{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.lrn-sparky-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--md-primary);font-family:var(--font-headline);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#a855f71a;border:1px solid #a855f766;border-radius:12px;width:100%;font-size:.95rem;font-weight:600;transition:background .2s,box-shadow .2s;display:flex}.lrn-sparky-btn:hover{background:#a855f72e;box-shadow:0 0 16px #a855f733}.lrn-sparky-btn:active{transform:scale(.97)}.lrn-hint-action{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--md-primary);font-family:var(--font-headline);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#a855f71a;border:1px solid #a855f766;border-radius:12px;width:100%;font-size:.95rem;font-weight:600;transition:background .2s,box-shadow .2s;display:flex}.lrn-hint-action:hover:not(:disabled){background:#a855f72e;box-shadow:0 0 16px #a855f733}.lrn-hint-action:active:not(:disabled){transform:scale(.97)}.lrn-hint-action:disabled{cursor:default;opacity:.62}.lrn-rover-map{gap:var(--space-3);padding:var(--space-4) 0;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));display:grid}.lrn-module-slot{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--md-surface-container);text-align:center;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;transition:border-color .3s;display:flex}.lrn-module-slot--installed{background:#10b9810d;border-color:#10b98159}.lrn-module-slot--current{background:#a855f712;border-color:#a855f773;box-shadow:0 0 20px #a855f71f}.lrn-module-slot--pending{opacity:.45;border-style:dashed}.lrn-module-icon{font-size:1.75rem;line-height:1}.lrn-module-label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--md-on-surface-variant);text-align:center;font-size:.65rem;font-weight:500}.lrn-module-led{background:var(--circuit-green);width:6px;height:6px;box-shadow:0 0 6px var(--circuit-green);border-radius:50%}.lrn-module-slot--pending .lrn-module-led{background:var(--md-outline-variant);box-shadow:none}.lrn-badge-card{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--md-surface-container);text-align:center;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;display:flex}.lrn-badge-card--earned{border-color:#10b98166;box-shadow:0 0 24px #10b9811f}.lrn-badge-card--locked{opacity:.4;filter:grayscale(.6)}.lrn-badge-icon{border-radius:16px;place-items:center;width:64px;height:64px;font-size:2rem;display:grid}.lrn-badge-icon--earned{background:#10b98126}.lrn-badge-name{font-family:var(--font-headline);font-size:.875rem;font-weight:600}.lrn-xp-bar-wrap{align-items:center;gap:var(--space-2);display:flex}.lrn-xp-bar-track{background:var(--md-surface-container-high);border-radius:9999px;flex:1;height:6px;overflow:hidden}.lrn-xp-bar-fill{background:linear-gradient(90deg, var(--neon-purple), var(--electric-blue));border-radius:9999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.lrn-xp-label{font-family:var(--font-mono);color:var(--neon-purple);white-space:nowrap;font-size:.75rem;font-weight:500}.lrn-streak-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);color:#fbbf24;background:#eab3081a;border:1px solid #eab30859;border-radius:9999px;font-size:.8rem;font-weight:500;display:inline-flex}.lrn-journal-item,.lrn-journal-entry{padding:var(--space-4);background:var(--md-surface-container);border-left:3px solid var(--neon-purple);border-radius:12px}.lrn-journal-item time{font-family:var(--font-mono);color:var(--md-on-surface-variant);margin-bottom:var(--space-1);font-size:.7rem;display:block}.lrn-journal-item p{color:var(--md-on-surface);margin:0;font-size:.9rem;line-height:1.55}.lrn-celebrate{backdrop-filter:blur(12px);z-index:100;padding:var(--space-8);text-align:center;background:#020617e0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lrn-celebrate h2{font-family:var(--font-headline);margin:0 0 var(--space-3);font-size:2rem;font-weight:700}.lrn-rover-callout{padding:var(--space-3) var(--space-4);gap:var(--space-2);background:#60a5fa12;border:1px solid #60a5fa40;border-radius:10px;align-items:flex-start;display:flex}.lrn-rover-callout .lrn-rover-icon{color:var(--electric-blue);flex-shrink:0;margin-top:1px;font-size:1rem}.lrn-rover-callout p{color:var(--md-secondary);margin:0;font-size:.85rem;line-height:1.55}.lrn-mistake-callout{padding:var(--space-3) var(--space-4);gap:var(--space-2);background:#fb71850f;border:1px solid #fb718540;border-radius:10px;align-items:flex-start;display:flex}.lrn-mistake-callout .lrn-warn-icon{color:#fb7185;flex-shrink:0;margin-top:1px;font-size:1rem}.lrn-mistake-callout p{color:var(--md-on-surface-variant);margin:0;font-size:.85rem;line-height:1.55}.lrn-bottom-nav{-webkit-backdrop-filter:blur(16px);z-index:50;width:min(100% - 2rem,1180px);padding-bottom:env(safe-area-inset-bottom,0px);background:#0f172aeb;border-top:1px solid #ffffff0f;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.lrn-nav-item{color:var(--md-outline);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:.6rem 0;text-decoration:none;transition:color .2s;display:flex}.lrn-nav-item--active{color:var(--neon-purple)}.lrn-nav-icon{font-size:1.25rem;line-height:1}.lrn-nav-label{font-family:var(--font-headline);letter-spacing:.06em;text-transform:uppercase;font-size:.6rem;font-weight:700}.lrn-glow-purple{box-shadow:0 0 20px #a855f759}.lrn-glow-blue{box-shadow:0 0 20px #60a5fa4d}.lrn-glow-green{box-shadow:0 0 20px #10b9814d}.lrn-home-grid{gap:var(--space-6);display:grid}.lrn-home-hero,.lrn-home-map,.lrn-home-badges{padding:var(--space-6)}.lrn-home-hero{background:linear-gradient(135deg,#a855f71f,#60a5fa0f);border:1px solid #a855f738;border-radius:16px}.lrn-home-mission{padding:var(--space-6);align-self:stretch}.lrn-home-mission .lrn-btn{margin-top:var(--space-2)}.lrn-auth-page{min-height:100dvh;padding:var(--space-4);background:radial-gradient(circle at 30% 20%, #a855f726, transparent 25rem), var(--void-slate);justify-content:center;align-items:center;display:flex}.lrn-auth-card{background:var(--md-surface-container);width:min(100%,420px);padding:var(--space-8) var(--space-6);border:1px solid #ffffff12;border-radius:20px}.lrn-auth-logo{text-align:center;margin-bottom:var(--space-4);font-size:2.5rem}.lrn-auth-sub{text-align:center;color:var(--md-on-surface-variant);margin:0 0 var(--space-6);font-size:.875rem;line-height:1.5}.lrn-auth-footer{text-align:center;color:var(--md-on-surface-variant);margin-top:var(--space-4);font-size:.875rem}.lrn-notice{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);color:var(--md-on-surface-variant);background:#60a5fa12;border:1px solid #60a5fa33;border-radius:10px;font-size:.8rem;line-height:1.5}.lrn-form{gap:var(--space-3);flex-direction:column;display:flex}.lrn-field{gap:var(--space-1);flex-direction:column;display:flex}.lrn-field-label{font-family:var(--font-headline);color:var(--md-on-surface-variant);letter-spacing:.03em;font-size:.8rem;font-weight:600}.lrn-input{background:var(--surface-elevated);border:1px solid var(--md-outline-variant);color:var(--md-on-surface);font-family:var(--font-body);border-radius:10px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.lrn-input:focus{border-color:var(--electric-blue);outline:none;box-shadow:0 0 0 3px #60a5fa26}.lrn-input::placeholder{color:var(--md-outline)}.lrn-form-error{color:var(--md-error);padding:var(--space-2) var(--space-3);background:#ffb4ab12;border:1px solid #ffb4ab33;border-radius:8px;margin:0;font-size:.875rem}.lrn-link{color:var(--neon-purple);font-weight:600;text-decoration:none}.lrn-link:hover{text-decoration:underline}.lrn-profile-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.lrn-profile-card{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--md-surface-container);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;transition:border-color .2s,background .2s;display:flex}.lrn-profile-card:hover{background:#a855f70d;border-color:#a855f766}.lrn-profile-card--add{border-style:dashed;border-color:var(--md-outline-variant)}.lrn-profile-avatar{background:#a855f71f;border-radius:50%;place-items:center;width:56px;height:56px;font-size:1.75rem;display:grid}.lrn-profile-name{font-family:var(--font-headline);color:var(--md-on-surface);font-size:.95rem;font-weight:600}.lrn-profile-session{color:var(--md-on-surface-variant);font-size:.7rem}.lrn-avatar-grid{gap:var(--space-2);grid-template-columns:repeat(6,1fr);display:grid}.lrn-avatar-option{aspect-ratio:1;background:var(--surface-elevated);cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:12px;place-items:center;font-size:1.5rem;transition:border-color .15s;display:grid}.lrn-avatar-option--selected{border-color:var(--neon-purple);background:#a855f71a;box-shadow:0 0 12px #a855f740}@media (width>=768px){.lrn-page{padding:var(--space-8) var(--space-8) var(--space-12)}.lrn-rover-map{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.lrn-auth-card{padding:var(--space-12) var(--space-8)}}@media (width>=900px){.lrn-page{padding-inline:var(--space-12)}.lrn-home-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:stretch}.lrn-home-hero{padding:var(--space-8);grid-column:1/-1}.lrn-home-map,.lrn-home-badges,.lrn-home-mission{padding:var(--space-8)}.lrn-home-map{min-height:420px}.lrn-home-mission,.lrn-home-badges{min-height:220px}}.lrn-parent-page{gap:var(--space-6);flex-direction:column;display:flex}.lrn-parent-header,.lrn-parent-section-header,.lrn-circuit-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.lrn-parent-header h1,.lrn-circuit-header h1{margin:.2rem 0}.lrn-parent-muted{color:var(--md-on-surface-variant);margin:0;font-size:.9rem}.lrn-access-pill{color:#fbbf24;font-family:var(--font-mono);text-transform:uppercase;background:#fbbf2414;border:1px solid #fbbf2459;border-radius:999px;flex-shrink:0;padding:.45rem .75rem;font-size:.75rem;font-weight:700}.lrn-access-pill--active{color:var(--circuit-green);background:#10b98114;border-color:#10b98159}.lrn-access-banner{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);background:#fbbf2412;border:1px solid #fbbf2452;border-radius:8px;display:flex}.lrn-access-banner h2,.lrn-access-banner p{margin:.25rem 0 0}.lrn-access-banner p{color:var(--md-on-surface-variant)}.lrn-parent-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lrn-parent-card,.lrn-progress-card,.lrn-empty-state{background:var(--md-surface-container);border:1px solid #ffffff12;border-radius:8px}.lrn-parent-card{gap:var(--space-3);min-height:245px;padding:var(--space-6);flex-direction:column;display:flex;overflow:hidden}.lrn-parent-card--primary{background:linear-gradient(135deg,#a855f71f,#60a5fa0f);border-color:#a855f747}.lrn-parent-card h2,.lrn-parent-card p{margin:0}.lrn-parent-card h2{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.2}.lrn-parent-card p:not(.lrn-label-caps){color:var(--md-on-surface-variant);line-height:1.5}.lrn-parent-card .lrn-btn{margin-top:auto}.lrn-parent-card .lrn-btn:disabled,.lrn-empty-state .lrn-btn:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.lrn-download-note,.lrn-download-error{font-size:.8rem;line-height:1.45}.lrn-download-note{color:var(--circuit-green)}.lrn-download-error{color:var(--md-error)}.lrn-parent-section{gap:var(--space-4);flex-direction:column;display:flex}.lrn-parent-section-header h2{margin:.25rem 0 0}.lrn-empty-state{padding:var(--space-6);text-align:center}.lrn-empty-state h3,.lrn-empty-state p{margin:0 0 var(--space-3)}.lrn-empty-state p{color:var(--md-on-surface-variant)}.lrn-progress-card-list{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.lrn-progress-card{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.lrn-progress-card-header{align-items:center;gap:var(--space-3);display:flex}.lrn-progress-card-header h3,.lrn-progress-card-header p,.lrn-progress-level strong,.lrn-progress-level span{margin:0}.lrn-progress-card-header p,.lrn-progress-level span{color:var(--md-on-surface-variant);font-size:.8rem}.lrn-progress-level{text-align:right;font-family:var(--font-mono);margin-left:auto}.lrn-progress-level strong{color:var(--neon-purple);display:block}.lrn-progress-stats,.lrn-chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.lrn-progress-stats span,.lrn-chip-row span{color:var(--md-on-surface-variant);background:#ffffff0f;border-radius:6px;padding:.3rem .55rem;font-size:.75rem}.lrn-chip-row span{color:var(--circuit-green);background:#10b98117}.lrn-parent-footer{justify-content:center;gap:var(--space-4);padding:var(--space-4) 0;display:flex}.lrn-circuit-shell{gap:var(--space-3);min-height:100dvh;padding:var(--space-3);grid-template-rows:auto 1fr;display:grid}.lrn-circuit-header{padding:var(--space-3) var(--space-4);background:var(--md-surface-container);border:1px solid #ffffff12;border-radius:8px;align-items:center}.lrn-circuit-frame{background:#020617;border:1px solid #ffffff12;border-radius:8px;width:100%;height:calc(100dvh - 112px);min-height:680px}@media (width<=720px){.lrn-parent-header,.lrn-parent-section-header,.lrn-access-banner,.lrn-circuit-header{flex-direction:column;align-items:stretch}.lrn-parent-grid{grid-template-columns:1fr}.lrn-circuit-frame{min-height:620px}}