:root{--snrg-primary-lime: #00ff66;--snrg-primary-cyan: #00ced1;--snrg-primary-blue: #0060ff;--snrg-primary-purple: #7d00ff;--snrg-primary-gradient: linear-gradient(135deg, #00ff66 0%, #00ced1 33%, #0060ff 66%, #7d00ff 100%);--snrg-primary-gradient-horizontal: linear-gradient(90deg, #00ff66 0%, #00ced1 33%, #0060ff 66%, #7d00ff 100%);--snrg-primary-gradient-radial: radial-gradient(circle, #00ff66 0%, #00ced1 25%, #0060ff 50%, #7d00ff 100%);--snrg-primary-lime-dark: #00b82e;--snrg-primary-cyan-dark: #008a8d;--snrg-primary-blue-dark: #0036a5;--snrg-primary-purple-dark: #31008b;--snrg-primary-lime-light: #5fff7d;--snrg-primary-cyan-light: #4ff2f5;--snrg-primary-blue-light: #3f8cff;--snrg-primary-purple-light: #8b4fff;--snrg-primary-lime-alpha: rgba(0, 255, 65, .35);--snrg-primary-cyan-alpha: rgba(0, 206, 209, .35);--snrg-primary-blue-alpha: rgba(0, 85, 223, .35);--snrg-primary-purple-alpha: rgba(86, 0, 223, .35);--snrg-primary-lime-alpha-light: rgba(0, 255, 65, .15);--snrg-primary-cyan-alpha-light: rgba(0, 206, 209, .15);--snrg-primary-blue-alpha-light: rgba(0, 85, 223, .15);--snrg-primary-purple-alpha-light: rgba(86, 0, 223, .15);--snrg-primary-lime-alpha-dark: rgba(0, 255, 65, .5);--snrg-primary-cyan-alpha-dark: rgba(0, 206, 209, .5);--snrg-primary-blue-alpha-dark: rgba(0, 85, 223, .5);--snrg-primary-purple-alpha-dark: rgba(86, 0, 223, .5);--snrg-primary-mixed-alpha: rgba(22, 142, 181, .35);--snrg-primary-gradient-alpha: linear-gradient(135deg, rgba(0, 255, 65, .3) 0%, rgba(0, 206, 209, .3) 33%, rgba(0, 85, 223, .3) 66%, rgba(86, 0, 223, .3) 100%);--snrg-secondary: #1a0a28;--snrg-secondary-warm: #2d1b3d;--snrg-secondary-cool: #0a1820;--snrg-secondary-alpha: rgba(26, 10, 40, .85);--snrg-accent-electric: #00ffd4;--snrg-accent-neon: #ff00e5;--snrg-accent-gold: #ffd700;--snrg-accent-electric-alpha: rgba(0, 255, 212, .7);--snrg-accent-neon-alpha: rgba(255, 0, 229, .7);--snrg-accent-gold-alpha: rgba(255, 215, 0, .7);--snrg-bg-base: #030206;--snrg-bg-primary: #05070d;--snrg-bg-secondary: #0a0e18;--snrg-bg-tertiary: #111622;--snrg-bg-quaternary: #1a2030;--snrg-bg-elevated: #232d42;--snrg-bg-glass-ultra: rgba(10, 15, 25, .25);--snrg-bg-glass: rgba(10, 18, 28, .65);--snrg-bg-glass-medium: rgba(12, 20, 32, .75);--snrg-bg-glass-heavy: rgba(8, 12, 20, .85);--snrg-bg-glass-solid: rgba(5, 8, 15, .95);--snrg-bg-gradient-primary: linear-gradient(180deg, #05070d 0%, #111622 100%);--snrg-bg-gradient-radial: radial-gradient(circle at 50% 0%, #0a0e18 0%, #030206 100%);--snrg-bg-gradient-mesh: radial-gradient(at 20% 30%, rgba(0, 255, 65, .08) 0%, transparent 50%), radial-gradient(at 80% 20%, rgba(0, 206, 209, .08) 0%, transparent 50%), radial-gradient(at 40% 80%, rgba(0, 85, 223, .08) 0%, transparent 50%), radial-gradient(at 90% 70%, rgba(86, 0, 223, .08) 0%, transparent 50%), #05070d;--snrg-text-bright: #ffffff;--snrg-text-primary: #f2f7ff;--snrg-text-secondary: #c5d9e8;--snrg-text-tertiary: #9ab0c5;--snrg-text-quaternary: #7a8fa3;--snrg-text-muted: #5e7280;--snrg-text-subtle: #48565f;--snrg-text-disabled: #363e45;--snrg-text-ghost: #252b30;--snrg-text-lime: #8cffaa;--snrg-text-cyan: #7de8eb;--snrg-text-blue: #6ba3ff;--snrg-text-purple: #a780ff;--snrg-text-accent: #00ffd4;--snrg-border-lime: rgba(0, 255, 65, .35);--snrg-border-cyan: rgba(0, 206, 209, .35);--snrg-border-blue: rgba(0, 85, 223, .35);--snrg-border-purple: rgba(86, 0, 223, .65);--snrg-border-lime-light: rgba(0, 255, 65, .15);--snrg-border-cyan-light: rgba(0, 206, 209, .15);--snrg-border-blue-light: rgba(0, 85, 223, .15);--snrg-border-purple-light: rgba(86, 0, 223, .15);--snrg-border-lime-strong: rgba(0, 255, 65, .6);--snrg-border-cyan-strong: rgba(0, 206, 209, .6);--snrg-border-blue-strong: rgba(0, 85, 223, .6);--snrg-border-purple-strong: rgba(86, 0, 223, .6);--snrg-border-mixed: rgba(30, 150, 190, .35);--snrg-border-mixed-light: rgba(30, 150, 190, .15);--snrg-border-mixed-strong: rgba(30, 150, 190, .6);--snrg-border-neutral: rgba(150, 160, 180, .15);--snrg-border-neutral-medium: rgba(150, 160, 180, .25);--snrg-border-neutral-strong: rgba(150, 160, 180, .45);--snrg-glow-lime: 0 0 8px rgba(0, 255, 65, .4), 0 0 20px rgba(0, 255, 65, .25);--snrg-glow-cyan: 0 0 8px rgba(0, 206, 209, .4), 0 0 20px rgba(0, 206, 209, .25);--snrg-glow-blue: 0 0 8px rgba(0, 85, 223, .4), 0 0 20px rgba(0, 85, 223, .25);--snrg-glow-purple: 0 0 8px rgba(86, 0, 223, .4), 0 0 20px rgba(86, 0, 223, .25);--snrg-glow-lime-intense: 0 0 15px rgba(0, 255, 65, .6), 0 0 35px rgba(0, 255, 65, .4), 0 0 55px rgba(0, 255, 65, .2);--snrg-glow-cyan-intense: 0 0 15px rgba(0, 206, 209, .6), 0 0 35px rgba(0, 206, 209, .4), 0 0 55px rgba(0, 206, 209, .2);--snrg-glow-blue-intense: 0 0 15px rgba(0, 85, 223, .6), 0 0 35px rgba(0, 85, 223, .4), 0 0 55px rgba(0, 85, 223, .2);--snrg-glow-purple-intense: 0 0 15px rgba(86, 0, 223, .6), 0 0 35px rgba(86, 0, 223, .4), 0 0 55px rgba(86, 0, 223, .2);--snrg-glow-mixed: 0 0 12px rgba(0, 255, 65, .2), 0 0 24px rgba(0, 206, 209, .2), 0 0 36px rgba(0, 85, 223, .2);--snrg-glow-quad: 0 0 8px rgba(0, 255, 65, .25), 0 0 16px rgba(0, 206, 209, .25), 0 0 24px rgba(0, 85, 223, .25), 0 0 32px rgba(86, 0, 223, .25);--snrg-glow-text-lime: 0 0 10px rgba(0, 255, 65, .8);--snrg-glow-text-cyan: 0 0 10px rgba(0, 255, 255, .8);--snrg-glow-text-blue: 0 0 12px rgba(0, 130, 255, .8);--snrg-glow-text-purple: 0 0 12px rgba(150, 0, 255, .8);--snrg-glow-text-mixed: 0 0 15px rgba(0, 200, 220, .6);--snrg-shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--snrg-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--snrg-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--snrg-shadow-xl: 0 12px 40px rgba(0, 0, 0, .6);--snrg-success: #00ff88;--snrg-success-bg: rgba(0, 255, 136, .15);--snrg-success-border: rgba(0, 255, 136, .4);--snrg-warning: #ffb800;--snrg-warning-bg: rgba(255, 184, 0, .15);--snrg-warning-border: rgba(255, 184, 0, .4);--snrg-error: #ff3366;--snrg-error-bg: rgba(255, 51, 102, .15);--snrg-error-border: rgba(255, 51, 102, .4);--snrg-info: #00b8ff;--snrg-info-bg: rgba(0, 184, 255, .15);--snrg-info-border: rgba(0, 184, 255, .4);--snrg-primary: #7d00ff;--snrg-primary-dark: #31008b;--snrg-primary-light: #8b4fff;--snrg-primary-alpha: rgba(86, 0, 223, .35);--snrg-primary-alpha-light: rgba(86, 0, 223, .15);--snrg-primary-alpha-dark: rgba(86, 0, 223, .5);--snrg-lime: #00ff66;--snrg-lime-alpha: rgba(0, 255, 65, .35);--snrg-lime-light: #5fff7d;--snrg-lime-dark: #00b82e;--snrg-cyan: #00ced1;--snrg-cyan-alpha: rgba(0, 206, 209, .35);--snrg-cyan-light: #4ff2f5;--snrg-cyan-dark: #008a8d;--snrg-blue: #0060ff;--snrg-blue-alpha: rgba(0, 85, 223, .35);--snrg-blue-light: #3f8cff;--snrg-blue-dark: #0036a5;--snrg-accent: #00ffd4;--snrg-accent-alpha: rgba(0, 255, 212, .7);--snrg-bg-glass-light: rgba(15, 22, 35, .45);--snrg-bg-glass-dark: rgba(8, 12, 20, .85);--snrg-border-primary: rgba(86, 0, 223, .35);--snrg-border-secondary: rgba(86, 0, 223, .2);--snrg-border-light: rgba(86, 0, 223, .1);--snrg-border-alpha: rgba(86, 0, 223, .2);--snrg-shadow-primary: 0 0 5px rgba(86, 0, 223, .3), 0 0 10px rgba(86, 0, 223, .3), 0 0 15px rgba(86, 0, 223, .3);--snrg-shadow-glow: 0 0 15px rgba(86, 0, 223, .4), 0 0 25px rgba(86, 0, 223, .4);--snrg-shadow-text: 0 0 8px rgba(86, 0, 223, .8);--snrg-animation-duration-fast: .3s;--snrg-animation-duration-normal: .6s;--snrg-animation-duration-slow: 1.2s;--snrg-animation-duration-pulse: 2s;--snrg-animation-duration-cycle: 8s;@keyframes snrg-comic-glow{0%,to{filter:drop-shadow(0 0 8px rgba(0,255,65,.8)) drop-shadow(0 0 16px rgba(0,255,65,.4))}25%{filter:drop-shadow(0 0 8px rgba(0,206,209,.8)) drop-shadow(0 0 16px rgba(0,206,209,.4))}50%{filter:drop-shadow(0 0 8px rgba(0,85,223,.8)) drop-shadow(0 0 16px rgba(0,85,223,.4))}75%{filter:drop-shadow(0 0 8px rgba(86,0,223,.8)) drop-shadow(0 0 16px rgba(86,0,223,.4))}}@keyframes snrg-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes snrg-pulse-quad{0%,to{box-shadow:0 0 8px #00ff4166,0 0 20px #00ff4133}25%{box-shadow:0 0 8px #00ced166,0 0 20px #00ced133}50%{box-shadow:0 0 8px #0055df66,0 0 20px #0055df33}75%{box-shadow:0 0 8px #5600df66,0 0 20px #5600df33}}}:root .snrg-comic-glow{animation:snrg-comic-glow var(--snrg-animation-duration-cycle) ease-in-out infinite}:root .snrg-gradient-animated{background:var(--snrg-primary-gradient-horizontal);background-size:200% 200%;animation:snrg-gradient-shift var(--snrg-animation-duration-cycle) ease infinite}:root .snrg-pulse-quad{animation:snrg-pulse-quad var(--snrg-animation-duration-cycle) ease-in-out infinite}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--learn-purple: var(--snrg-primary-purple);--learn-purple-soft: rgba(125, 0, 255, .26);--learn-purple-line: rgba(167, 128, 255, .42);--learn-bg: #030206;--learn-panel: rgba(13, 12, 24, .72);--learn-panel-strong: rgba(20, 17, 36, .86);--learn-border: rgba(180, 150, 255, .22);--learn-text: #f7f3ff;--learn-muted: #b9aacd;--learn-radius: 18px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;background:var(--learn-bg);color:var(--learn-text)}body{overflow:hidden}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--snrg-primary-purple-light);outline-offset:3px}.skip-link{position:fixed;top:12px;left:12px;z-index:50;transform:translateY(-140%);border:1px solid var(--learn-purple-line);border-radius:999px;background:#140a25;padding:10px 14px;color:#fff;text-decoration:none}.skip-link:focus{transform:translateY(0)}.learn-app{display:grid;grid-template-columns:304px minmax(0,1fr);height:100vh;background:radial-gradient(circle at 18% 12%,rgba(125,0,255,.24),transparent 34%),radial-gradient(circle at 88% 8%,rgba(255,0,229,.12),transparent 28%),linear-gradient(145deg,#030206,#0b0615 55%,#05030b)}.learn-app:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 78%)}.learn-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--learn-border);background:linear-gradient(180deg,#100a1cf5,#05040ceb),radial-gradient(circle at 50% 0%,rgba(125,0,255,.22),transparent 46%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:18px 16px;z-index:20}.sidebar-brand{display:flex;align-items:center;min-height:100px;margin-bottom:16px}.sidebar-brand img{width:100%;max-width:250px;height:auto;object-fit:contain}.learn-sidebar nav{display:grid;gap:6px}.learn-sidebar nav a{position:relative;display:flex;align-items:center;gap:11px;min-height:44px;border:1px solid transparent;border-radius:12px;padding:0 12px;color:var(--learn-muted);text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.learn-sidebar nav a:hover,.learn-sidebar nav a.active{transform:translate(3px);border-color:var(--learn-purple-line);background:linear-gradient(90deg,#7d00ff38,#ffffff0a);color:#fff;box-shadow:inset 3px 0 0 var(--learn-purple)}.sidebar-card{margin-top:18px;border:1px solid var(--learn-border);border-radius:16px;background:#ffffff0f;padding:16px;box-shadow:var(--snrg-shadow-lg)}.mini-label,.section-kicker{color:var(--snrg-text-purple);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.sidebar-card strong{display:block;margin-top:7px;font-size:2rem}.sidebar-card span{color:var(--learn-muted)}.learn-content{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;height:100vh;overflow:hidden}.learn-topbar{display:flex;align-items:center;gap:14px;min-height:76px;border-bottom:1px solid var(--learn-border);background:#05040cb3;padding:14px 28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-search{display:flex;align-items:center;gap:10px;width:min(560px,50vw);min-height:44px;border:1px solid var(--learn-border);border-radius:999px;background:#ffffff0e;color:var(--learn-muted);padding:0 15px}.wallet-area{position:relative;margin-left:auto}.wallet-button,.primary-action,.primary-link,.ghost-link,.card-link,.icon-button,.icon-link,.neon-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border:1px solid var(--learn-purple-line);border-radius:999px;background:linear-gradient(135deg,#7d00ffe6,#481a7fdb);color:#fff;padding:0 16px;text-decoration:none;box-shadow:0 0 24px #7d00ff2e;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.wallet-button:hover,.primary-action:hover,.primary-link:hover,.card-link:hover,.icon-link:hover{transform:translateY(-2px);border-color:#dccdffb3;box-shadow:0 0 32px #7d00ff59}.wallet-message{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,80vw);border:1px solid var(--learn-border);border-radius:14px;background:#0a0816f5;color:var(--learn-muted);padding:12px;box-shadow:var(--snrg-shadow-lg)}.ghost-link,.icon-button{background:#ffffff0f}.mobile-menu{display:none}.learn-main{min-height:0;overflow-y:auto;padding:30px clamp(20px,4vw,56px) 70px;scroll-behavior:smooth}.hero-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);gap:26px;min-height:430px;overflow:hidden;border:1px solid var(--learn-border);border-radius:28px;background:radial-gradient(circle at 76% 42%,rgba(125,0,255,.34),transparent 32%),linear-gradient(135deg,#150e28e6,#080612c2);padding:clamp(28px,5vw,58px);box-shadow:0 24px 80px #0000005c}.hero-copy{position:relative;z-index:1}.hero-copy h1{max-width:820px;margin:0;font-size:clamp(2.35rem,5.6vw,5.8rem);line-height:.95;letter-spacing:0}.hero-copy p{max-width:730px;color:var(--learn-muted);font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-visual{position:relative;display:grid;place-items:center;min-height:330px}.hero-visual img{width:min(320px,60vw);filter:drop-shadow(0 0 42px rgba(125,0,255,.38));animation:floatIcon 5.5s ease-in-out infinite}.orbital-ring{position:absolute;border:1px solid rgba(177,142,255,.32);border-radius:50%;inset:34px;animation:rotateRing 18s linear infinite}.ring-two{inset:64px;border-style:dashed;animation-direction:reverse}.hero-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hero-stat,.stat-pill{border:1px solid rgba(180,150,255,.18);border-radius:16px;background:#ffffff0f;padding:14px}.hero-stat span,.stat-pill span{display:block;color:var(--learn-muted);font-size:.78rem}.hero-stat strong,.stat-pill strong{display:block;margin-top:5px;font-size:1.5rem}.page-title{display:flex;align-items:center;gap:18px;margin-bottom:26px}.page-title-icon,.path-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--learn-purple-line);border-radius:18px;background:#7d00ff2e;color:#dccbff}.page-title h1{margin:0;font-size:clamp(2rem,3.6vw,4.2rem);line-height:1}.page-title p,.glass-panel p,.module-row p,.timeline-item p,.resource-link em{color:var(--learn-muted);line-height:1.62}.glass-panel{border:1px solid var(--learn-border);border-radius:var(--learn-radius);background:linear-gradient(135deg,#ffffff13,#ffffff07),var(--learn-panel);box-shadow:0 18px 60px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:22px}.dashboard-grid,.path-detail-layout,.profile-grid,.quiz-layout,.split-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 32px}.split-panels,.profile-grid,.quiz-layout,.lesson-player-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.continue-card{grid-column:span 1}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 16px}.section-header.compact{margin-top:0}.section-header h2,.glass-panel h2,.quiz-question h2{margin:0 0 10px;letter-spacing:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.path-card{min-height:280px}.path-card h2,.glass-panel h2{color:#fff}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chip-row span{border:1px solid rgba(180,150,255,.22);border-radius:999px;background:#7d00ff24;color:#ded2ff;padding:6px 9px;font-size:.78rem;text-transform:capitalize}.card-link{width:fit-content;min-height:36px;margin-top:12px;padding:0 13px}.module-list{display:grid;gap:12px}.module-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto 42px;align-items:center;gap:16px}.module-index{color:var(--snrg-text-purple);font-size:1.55rem;font-weight:900}.module-meta{display:grid;gap:6px;color:var(--learn-muted);text-align:right}.icon-link{width:42px;min-height:42px;padding:0}.lesson-player-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.lesson-content h2{margin-top:22px;font-size:1.75rem}.callout,.manifest-card,.checkpoint-card,.code-block{border:1px solid rgba(180,150,255,.2);border-radius:16px;background:#00000038;margin:18px 0;padding:18px}.callout strong,.manifest-card h3,.checkpoint-card h3{color:#fff}.code-block{overflow-x:auto;color:#ddcbff}.manifest-card div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;border-top:1px solid rgba(255,255,255,.08);padding:10px 0}.manifest-card span{color:var(--learn-muted);text-transform:capitalize}.progress-rail{position:sticky;top:20px;height:fit-content}.progress-rail ol{display:grid;gap:10px;padding-left:22px}.progress-rail li{color:var(--learn-muted)}.progress-rail li.is-active{color:#fff}.wallet-safety,.reward-toast{display:flex;align-items:center;gap:10px;border:1px solid rgba(167,128,255,.28);border-radius:14px;background:#7d00ff29;padding:12px}.answer-stack{display:grid;gap:10px;margin:16px 0}.answer{min-height:48px;border:1px solid rgba(180,150,255,.18);border-radius:14px;background:#ffffff0e;color:#fff;padding:12px 14px;text-align:left}.answer:hover,.answer.is-selected{border-color:var(--learn-purple-line);background:#7d00ff38}.quiz-question{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:18px;margin-bottom:18px}.quiz-result{height:fit-content}.progress-orbit-card{display:grid;place-items:center;text-align:center}.progress-orbit{display:grid;place-items:center;width:148px;height:148px;border-radius:50%;background:radial-gradient(circle,#0b0715 58%,transparent 60%),conic-gradient(var(--learn-purple) var(--progress),rgba(255,255,255,.1) 0deg);box-shadow:0 0 32px #7d00ff47}.progress-orbit span{font-size:2rem;font-weight:900}.reward-toast{margin-top:16px}.reward-toast span{display:grid}.reward-toast em{color:var(--learn-muted);font-style:normal}.badge-card{text-align:center}.badge-card img,.profile-icon{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(125,0,255,.32))}.resource-link{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.08);padding:14px 0;text-decoration:none}.resource-link span{display:grid}.resource-link em{font-style:normal}.timeline-list,.mini-list,.search-results{display:grid;gap:12px}.timeline-item{border-left:2px solid var(--learn-purple-line);padding-left:14px}.mini-list>div,.leaderboard-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0b;padding:12px}.mini-list em{color:var(--learn-muted);font-style:normal}.filter-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.filter-row label{display:grid;gap:6px;color:var(--learn-muted)}.filter-row select,.search-input{min-height:44px;border:1px solid var(--learn-border);border-radius:12px;background:#ffffff12;color:#fff;padding:0 12px}.search-input{width:100%;margin-bottom:16px}.toggle-row,.check-list li{display:flex;align-items:center;gap:10px;color:var(--learn-muted);margin:10px 0}.spotlight{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:28px}.inline-note{color:var(--learn-muted)}@keyframes floatIcon{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.03)}}@keyframes rotateRing{to{transform:rotate(360deg)}}@media(max-width:1180px){.card-grid,.dashboard-grid,.path-detail-layout,.split-panels,.profile-grid,.quiz-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{grid-template-columns:1fr}}@media(max-width:860px){body{overflow:auto}.learn-app{display:block;height:auto;min-height:100vh}.learn-sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,320px);transform:translate(-105%);transition:transform .18s ease}.learn-sidebar.is-open{transform:translate(0)}.drawer-scrim{position:fixed;inset:0 0 0 min(86vw,320px);z-index:10;border:0;background:#0000008c}.learn-content{min-height:100vh;height:auto;overflow:visible}.learn-main{overflow:visible;padding:20px 16px 48px}.learn-topbar{position:sticky;top:0;z-index:8;padding:12px 16px}.mobile-menu{display:inline-flex;width:42px;padding:0}.topbar-search{display:none}.wallet-button span{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-stats,.card-grid,.dashboard-grid,.path-detail-layout,.split-panels,.profile-grid,.quiz-layout,.lesson-player-layout{grid-template-columns:1fr}.hero-panel{min-height:auto;padding:24px}.hero-visual{min-height:230px}.module-row{grid-template-columns:44px minmax(0,1fr) 42px}.module-meta{grid-column:2 / 3;grid-row:2;text-align:left}.spotlight{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}