@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Fredoka:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--ink:#1f1b16;--gold:#8a6b30;--gold-light:#b2904a;--gold-bg:#f9f4e9;--ivory:#fbf8f2;--parchment:#f7f2ea;--rose:#b76e79;--rose-bg:#fcf4f5;--sage:#4e7d63;--sage-bg:#eff5f1;--taupe:#d9d0c3;--taupe-light:#ede8df;--surface:#fff;--border:var(--taupe);--border-light:var(--taupe-light);--text:var(--ink);--text-2:#5c5346;--text-secondary:#5c5346;--text-muted:#a39a8b;--text-inverse:#fbf8f2;--shadow-card:0 1px 2px #1f1b160a, 0 5px 18px -10px #1f1b1624, 0 0 0 1px #1f1b160d;--shadow-md:0 4px 20px -6px #1f1b161f;--shadow-lg:0 12px 40px -10px #1f1b1626;--shadow-gold:0 4px 16px #8a6b3026;--r-xs:6px;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:20px;--sans:"Inter", system-ui, -apple-system, sans-serif;--display:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", monospace;--font-mono:"JetBrains Mono", monospace;--transition:.2s cubic-bezier(.4,0,.2,1);--lp-bg:#faf9f6;--lp-surface:#fff;--lp-ink:#23201b;--lp-border:#ede8df;--st-say-c:#0284c7;--st-say-bg:#e8f6fe;--st-teach-c:#7c3aed;--st-teach-bg:#f1ebfe;--st-demo-c:#0d9488;--st-demo-bg:#dff9f2;--st-widget-c:#0891b2;--st-widget-bg:#e0f7fb;--st-predict-c:#9333ea;--st-predict-bg:#f6edff;--st-try-c:#16a34a;--st-try-bg:#e4f8ea;--st-debug-c:#e11d48;--st-debug-bg:#ffe9ec;--st-order-c:#ea580c;--st-order-bg:#ffefe2;--st-quiz-c:#db2777;--st-quiz-bg:#fdeaf3;--st-challenge-c:#d97706;--st-challenge-bg:#fef3d8;--xp-c:#d97706;--xp-bg:#fef3d8;--streak-c:#ea580c;--streak-bg:#ffefe2;--code-bg:#fdfcfa;--code-border:#e8e2d6;--code-header:#f6f3ec;--out-bg:#f7f8f6;--ok-c:#16a34a;--ok-bg:#e4f8ea;--err-c:#dc2626;--err-bg:#fee9e9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--sans);color:var(--text);background:#f4f4f1;font-size:15px;line-height:1.62;overflow-x:hidden}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.02em;font-weight:700;line-height:1.15}h1{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800}h2{font-family:var(--display);font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700}h3{font-size:1.05rem}a{color:var(--gold);transition:color var(--transition);text-decoration:none}a:hover{color:var(--gold-light)}.btn{border-radius:var(--r);cursor:pointer;transition:all var(--transition);font-size:.88rem;font-weight:600;font-family:var(--sans);letter-spacing:-.01em;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:10px 22px;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--ivory)}.btn-primary:hover{color:var(--ivory);background:#2d2822;transform:translateY(-1px);box-shadow:0 6px 20px #1f1b1633}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold-light);color:#fff;box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--border);color:var(--text-2);background:0 0;font-weight:500}.btn-outline:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-bg)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--parchment);color:var(--ink)}.btn-white{color:var(--ink);box-shadow:var(--shadow-md);background:#fff}.btn-white:hover{color:var(--ink);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-outline-light{color:var(--ivory);background:0 0;border:1.5px solid #ffffff47;font-weight:500}.btn-outline-light:hover{color:var(--ivory);background:#ffffff1a;border-color:#ffffff8c;transform:translateY(-1px)}.btn-sm{border-radius:var(--r-sm);padding:6px 14px;font-size:.8rem}.btn-lg{border-radius:var(--r);padding:13px 28px;font-size:.95rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:all var(--transition);box-shadow:var(--shadow-card);padding:20px}.card:hover{border-color:var(--gold-light);box-shadow:var(--shadow-md)}input,textarea,select{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);font-family:var(--sans);color:var(--text);transition:all var(--transition);outline:none;width:100%;padding:10px 14px;font-size:.9rem}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #8a6b3014}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #b78a2ea6}.card:focus-visible,a:focus-visible,button:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #b78a2eb3}:focus:not(:focus-visible){outline:none}label{color:var(--text-2);margin-bottom:5px;font-size:.82rem;font-weight:600;display:block}input::placeholder{color:var(--text-muted)}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:99px;align-items:center;gap:3px;padding:3px 9px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-basic{background:var(--parchment);color:var(--text-muted)}.badge-pro{background:var(--gold-bg);color:var(--gold)}.badge-ultra{background:var(--sage-bg);color:var(--sage);border:1px solid var(--sage)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:18px}.stat-value{color:var(--ink);font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);margin-top:2px;font-size:.78rem}.progress-bar{background:var(--parchment);border-radius:3px;height:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:3px;height:100%;transition:width .6s}.gradient-text{background:linear-gradient(90deg,var(--gold),var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container{max-width:1140px;margin:0 auto;padding:0 24px}.page{min-height:100vh;padding-top:72px;padding-bottom:32px}.navbar{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#fbf8f2e0;padding:0 20px;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1140px;height:58px;margin:0 auto;display:flex}.navbar-brand{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;align-items:center;gap:7px;font-size:1.3rem;font-weight:600;display:flex}.navbar-nav{scrollbar-width:none;align-items:center;gap:1px;max-width:100%;display:flex;overflow-x:auto}.navbar-nav::-webkit-scrollbar{display:none}.nav-link{border-radius:var(--r-sm);color:var(--text-2);transition:all var(--transition);white-space:nowrap;align-items:center;gap:5px;padding:6px 9px;font-size:.82rem;font-weight:500;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--gold);background:var(--gold-bg)}@media (width<=1180px){.nav-link span.nav-label{display:none}}.hero{color:var(--ivory);background:linear-gradient(140deg,#1f1b16,#2d2822);padding:100px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 30% 20%,#8a6b301f,#0000 50%);position:absolute;inset:0}.hero-dots{pointer-events:none;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 70%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 70%)}.hero-badge{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 18px;font-size:.82rem;display:inline-flex}.hero-badge .dot{background:var(--gold-light);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 10px #b8904a80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero h1{color:var(--ivory);max-width:580px;margin-bottom:14px}.hero-stats{gap:32px;margin-top:36px;display:flex}.hero-stat h3{color:var(--ivory);margin-bottom:0;font-size:1.5rem;font-weight:700}.hero-stat p{color:#fbf8f266;margin:0;font-size:.8rem}.hero .btn-outline{color:#fbf8f2cc;border-color:#fbf8f233}.hero .btn-outline:hover{color:var(--ivory);background:#ffffff0f;border-color:#fbf8f280}.hero .btn-primary{background:var(--gold);color:#fff;box-shadow:0 4px 20px #8a6b3033}.hero .btn-primary:hover{background:var(--gold-light);transform:translateY(-1px)}.section{padding:60px 0}.section-tag{text-transform:uppercase;letter-spacing:.12em;color:#5c4a2e;margin-bottom:8px;font-size:.82rem;font-weight:700}.section-title{max-width:560px;margin-bottom:12px}.section-subtitle{color:var(--text-2);max-width:460px;font-size:.98rem;line-height:1.65}.feat-icon{border-radius:var(--r);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:20px;display:flex}.feat-1{background:var(--gold-bg);color:var(--gold)}.feat-2{background:var(--rose-bg);color:var(--rose)}.feat-3{background:var(--sage-bg);color:var(--sage)}.feat-4{background:var(--parchment);color:#8b7355}.feat-5{color:var(--gold);background:#8a6b3014}.feat-6{color:var(--rose);background:#b76e7914}.pricing-card{background:var(--surface);border-radius:var(--r-xl);border:1.5px solid var(--border);box-shadow:var(--shadow-card);padding:30px;transition:all .3s;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.pricing-card.popular{border-color:var(--gold);box-shadow:0 4px 24px #8a6b301f}.popular-tag{background:var(--gold);color:#fff;border-radius:99px;padding:4px 16px;font-size:.72rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.cta-section{background:linear-gradient(140deg,#1f1b16,#2d2822);padding:80px 0;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 30% 20%,#8a6b301a,#0000 50%);position:absolute;inset:0}.footer{border-top:1px solid var(--border);background:var(--surface);padding:48px 0}.partner-track{gap:32px;width:max-content;animation:25s linear infinite scrollPartners;display:flex}.partner-track:hover{animation-play-state:paused}@keyframes scrollPartners{0%{transform:translate(0)}to{transform:translate(-50%)}}.partner-item{will-change:auto;isolation:isolate;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:12px 20px;transition:opacity .3s;display:flex}.partner-item:hover{opacity:1}.partner-logo{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden;box-shadow:0 3px 10px #8a6b302e}.partner-logo svg{width:100%;height:100%;display:block}.partner-name{color:var(--text-2);text-align:center;text-rendering:optimizelegibility;max-width:96px;font-size:.88rem;font-weight:600;line-height:1.3}.step-num{background:var(--gold-bg);width:38px;height:38px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:.95rem;font-weight:700;display:flex}.loading-screen{background:var(--ivory);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand-mark{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;border-radius:var(--r-sm);width:32px;height:32px;font-family:var(--display);justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:inline-flex}.pricing-amount{color:var(--ink);font-size:2rem;font-weight:700}.pricing-period{color:var(--text-muted);font-size:.9rem;font-weight:400}.footer-links a{color:var(--text-2);margin-bottom:5px;font-size:.84rem;transition:color .15s;display:block}.footer-links a:hover{color:var(--gold)}.floating-card{color:#fbf8f280;pointer-events:none;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:6px 12px;font-size:.78rem;animation:18s ease-in-out infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(0)}8%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(-240px)}}.animated-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.lines-wrap{flex-direction:column;gap:6px;display:flex}.cursor{background:var(--gold);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.comment{color:#fbf8f259;font-family:var(--font-mono);font-size:.8rem}.prompt{color:#fbf8f280;font-family:var(--font-mono);font-size:.8rem}.plan-badge{text-transform:uppercase;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.plan-basic{background:var(--parchment);color:var(--text-muted)}.plan-pro{background:var(--gold-bg);color:var(--gold)}.plan-ultra{background:var(--sage-bg);color:var(--sage);border:1px solid var(--sage)}.toast-container{z-index:1000;flex-direction:column;gap:6px;display:flex;position:fixed;top:76px;right:18px}.toast{border-radius:var(--r);min-width:260px;box-shadow:var(--shadow-lg);padding:12px 18px;font-size:.85rem;font-weight:500;animation:.3s slideIn}.toast-success{background:var(--sage-bg);border:1px solid var(--sage);color:var(--sage)}.toast-error{background:var(--rose-bg);border:1px solid var(--rose);color:var(--rose)}.toast-info{background:var(--gold-bg);border:1px solid var(--gold);color:var(--gold)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-2{color:var(--text-2)}.text-secondary{color:var(--text-secondary)}.text-gradient{background:linear-gradient(90deg,var(--gold),var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.mt-1{margin-top:6px}.mt-2{margin-top:12px}.mt-3{margin-top:20px}.mt-4{margin-top:32px}.mb-1{margin-bottom:6px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:20px}.mb-4{margin-bottom:32px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-1{gap:6px}.gap-2{gap:12px}.gap-3{gap:20px}.gap-4{gap:28px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.grid-4{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.home-split{flex:1;grid-template-columns:1fr 280px;gap:14px;display:grid}@media (width<=860px){.home-split{grid-template-columns:1fr}}.mobile-nav{display:none}.mobile-nav-toggle{color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;padding:6px;display:flex}.mobile-nav-drawer{background:var(--parchment);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:200;flex-direction:column;gap:2px;max-height:calc(100vh - 58px);padding:8px;display:flex;position:fixed;top:58px;left:0;right:0;overflow-y:auto}.mobile-nav-link{border-radius:var(--r,10px);color:var(--text);align-items:center;gap:12px;padding:12px 16px;font-size:1rem;text-decoration:none;display:flex}.mobile-nav-link.active{background:var(--gold-bg);color:var(--gold)}@media (width<=1024px){.container{padding:0 20px}.hero{padding:80px 0 60px}.hero .container>div{grid-template-columns:1fr!important}.hero-terminal{justify-content:center;margin-top:24px;display:flex}.partner-logo{width:44px;height:44px;font-size:.85rem}.partner-name{font-size:.68rem}}@media (width<=768px){.container{padding:0 16px}.navbar-nav{display:none}.mobile-nav{display:flex}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:1.8rem!important}h2{font-size:1.3rem!important}.hero{padding:70px 0 40px}.hero h1{font-size:1.6rem!important}.hero p{font-size:.9rem}.hero-stats{flex-wrap:wrap;gap:12px}.hero-stat h3{font-size:1.2rem}.section{padding:40px 0}.page{padding-top:60px}.navbar-inner{height:50px}.pricing-card{padding:20px}.hero-terminal{display:none}.card{padding:14px}.partner-track{gap:20px}.partner-item{padding:8px 12px}.partner-logo{border-radius:10px;width:40px;height:40px;font-size:.8rem}footer .container>div:first-child{gap:20px;grid-template-columns:1fr 1fr!important}.mobile-nav-drawer{top:50px}}@media (width<=480px){.mobile-nav-drawer{top:46px}.container{padding:0 12px}h1{font-size:1.5rem!important}h2{font-size:1.15rem!important}.hero{padding:60px 0 30px}.hero h1{font-size:1.35rem!important}.hero-stats{gap:8px}.hero-stat h3{font-size:1rem}.hero-stat p{font-size:.7rem}.section{padding:30px 0}.page{padding-top:56px}.navbar-inner{height:46px}.navbar-brand{font-size:1.1rem}.btn-lg{padding:10px 20px;font-size:.88rem}.card{padding:12px}.pricing-card{padding:16px}.pricing-amount{font-size:1.8rem}.partner-track{gap:14px}.partner-logo{width:36px;height:36px;font-size:.72rem}.partner-name{max-width:60px;font-size:.62rem}footer .container>div:first-child{gap:16px;grid-template-columns:1fr!important}}@keyframes mascotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mascotPop{0%{transform:scale(1)rotate(-4deg)}to{transform:scale(1.12)rotate(4deg)}}.badge-tile{border-radius:var(--r);border:1px solid var(--border-light);text-align:center;transition:all var(--transition);flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.badge-tile.locked{opacity:.4;filter:grayscale()}.badge-tile.owned{background:var(--gold-bg);border-color:var(--gold-light)}.badge-tile .b-icon{font-size:1.7rem;line-height:1}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}html[data-fontscale=lg] body{font-size:15.5px}html[data-fontscale=xl] body{font-size:17px}html[data-fontscale=sm] body{font-size:13px}@keyframes flameFlicker{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.08)rotate(2deg)}}.streak-flame{animation:1.4s ease-in-out infinite flameFlicker;display:inline-flex}.device-frame{max-width:430px;box-shadow:var(--shadow-lg);background:var(--ivory);border:10px solid #1f1b16;border-radius:36px;min-height:760px;margin:0 auto;overflow:hidden}html[data-age-group=kids]{--gold:#4fc3f7;--gold-light:#81d4fa;--gold-bg:#e1f5fe;--sage:#81c784;--sage-bg:#e8f5e9;--rose:#ff8a65;--rose-bg:#fbe9e7;--ink:#2e3a59;--parchment:#fff8e1;--display:"Fredoka",sans-serif;--sans:"Fredoka",sans-serif;--r:18px;--r-lg:24px;--r-sm:14px}html[data-age-group=kids] body{background:linear-gradient(140deg,#e1f5fe,#fff8e1 60%,#f1f8e9);font-size:17px}html[data-age-group=kids] .btn{border-radius:18px;font-weight:700}html[data-age-group=kids] .card{border-width:2px;border-radius:24px}html[data-age-group=teens]{--gold:#6366f1;--gold-light:#818cf8;--gold-bg:#eef2ff;--sage:#14b8a6;--sage-bg:#e0f2f1;--rose:#f59e0b;--rose-bg:#fef3c7;--ink:#1e293b;--parchment:#f1f5f9;--display:"Poppins",sans-serif;--sans:"Poppins",sans-serif;--r:14px;--r-lg:18px}html[data-age-group=teens] body{background:linear-gradient(140deg,#eef2ff,#f8fafc 55%,#e0f2f1)}html[data-age-group=teens] .btn{border-radius:12px}:root{--sidebar-w:236px}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);z-index:100;background:#fbf8f2f5;flex-direction:column;padding:14px 12px 10px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.sidebar-brand{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;align-items:center;gap:8px;padding:6px 8px 12px;font-size:1.25rem;font-weight:600;display:flex}.sidebar-group{margin-top:8px}.sidebar-group-title{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);padding:8px 10px 3px;font-size:.64rem;font-weight:700}.sidebar-link{border-radius:var(--r-sm);color:var(--text-2);transition:all var(--transition);white-space:nowrap;align-items:center;gap:11px;padding:8px 10px;font-size:.86rem;font-weight:500;display:flex}.sidebar-link:hover{color:var(--gold);background:var(--gold-bg)}.sidebar-link.active{color:var(--gold);background:var(--gold-bg);font-weight:600}.sidebar-link .sl-badge{margin-left:auto;font-size:.6rem}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:auto;padding-top:8px;display:flex}.app-main{margin-left:var(--sidebar-w);flex:1;min-width:0}.app-main .container{max-width:1320px}.app-topbar{display:none}.app-main .page{padding-top:26px}.app-shell.nav-hidden .sidebar{display:none}.app-shell.nav-hidden .app-main{margin-left:0}.nav-hide-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;display:flex}.nav-hide-btn:hover{background:var(--parchment);color:var(--ink)}.nav-reveal{z-index:130;background:var(--gold);color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:10px;align-items:center;padding:8px;display:flex;position:fixed;top:14px;left:14px}.nav-reveal:hover{filter:brightness(1.06)}@media (width<=768px){.sidebar{display:none}.app-main{margin-left:0}.nav-reveal,.nav-hide-btn{display:none}.app-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:110;background:#fbf8f2eb;justify-content:space-between;align-items:center;height:54px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.app-main .page{padding-top:66px}}@keyframes stepFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-fade{animation:.3s cubic-bezier(.22,.61,.36,1) stepFade}@keyframes celebratePop{0%{opacity:0;transform:scale(.82)translateY(10px)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)translateY(0)}}.celebrate-pop{animation:.42s cubic-bezier(.34,1.56,.64,1) celebratePop}@keyframes pybotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pybot-float{transform-origin:50%;animation:3s ease-in-out infinite pybotFloat}@keyframes pybotBlip{0%,to{opacity:1}50%{opacity:.35}}.pybot-blip{animation:1.6s ease-in-out infinite pybotBlip}@keyframes nodePulse{0%,to{box-shadow:0 0 #f59f004d}50%{box-shadow:0 0 0 7px #f59f001a}}.node-pulse{animation:1.8s ease-in-out infinite nodePulse}@media (prefers-reduced-motion:reduce){.step-fade,.celebrate-pop,.pybot-float,.pybot-blip,.node-pulse{animation:none}}.viz-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=920px){.viz-grid{grid-template-columns:1fr}}.seg{background:var(--parchment);border:1px solid var(--border-light);border-radius:99px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--sans);transition:all var(--transition);background:0 0;border:none;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.tool-input{border-radius:var(--r);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;font-family:var(--sans);transition:border-color var(--transition);outline:none;padding:9px 13px}.tool-input:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px #8a6b301a}.panel-head{border-bottom:1px solid var(--border);background:var(--parchment);border-radius:var(--r-lg) var(--r-lg) 0 0;align-items:center;gap:8px;padding:9px 14px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.74rem;font-weight:700}.dot{border-radius:99px;flex-shrink:0;width:9px;height:9px}.topic-head{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;text-align:left;width:100%;transition:all var(--transition);font-family:var(--sans);align-items:center;gap:12px;padding:12px 16px;display:flex}.topic-head:hover{border-color:var(--gold-light)}.tpl-card{text-align:left;cursor:pointer;flex-direction:column;gap:8px;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.tpl-card:hover{box-shadow:var(--shadow-md);border-color:var(--gold-light);transform:translateY(-3px)}.admin-shell{--ink:#1f2733;--text-2:#6b7385;--text-secondary:#4a5160;--text-muted:#8a92a3;--surface:#fff;--parchment:#f5f6f8;--ivory:#f5f6f8;--bg:#f5f6f8;--border:#e2e5ea;--border-light:#eef0f3;--gold:#b9913a;--gold-bg:#f7f1e2;--sage:#2f9e6e;--sage-bg:#e8f6ef;--rose:#e0566a;--rose-bg:#fdecef;--danger:#e0566a;--success:#2f9e6e;min-height:100vh;color:var(--ink);background:#f5f6f8;display:flex}.admin-sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-brand{color:#1f2733;align-items:center;gap:10px;padding:8px 10px 16px;font-size:1.06rem;display:flex}.admin-brand b{color:#b9913a;font-weight:700}.admin-brand span:last-child{font-weight:600}.ab-badge{color:#fff;background:linear-gradient(135deg,#caa24c,#8a6b30);border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 4px 14px #caa24c4d}.admin-nav{flex-direction:column;gap:2px;display:flex}.admin-nav-group{margin-top:12px}.admin-nav-title{letter-spacing:.1em;text-transform:uppercase;color:#9aa1b0;padding:0 11px 6px;font-size:.64rem;font-weight:700}.admin-nav-link{color:#4a5160;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;width:100%;padding:9px 11px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .14s,color .14s;display:flex}.admin-nav-link:hover{color:#1f2733;background:#f1f2f5}.admin-nav-link.active{color:#1f2733;background:linear-gradient(135deg,#caa24c2e,#caa24c14);box-shadow:inset 2px 0 #b9913a}.admin-nav-link.active svg{color:#b9913a}.admin-sidebar-foot{border-top:1px solid var(--border);margin-top:auto;padding-top:10px}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{border-bottom:1px solid var(--border);z-index:20;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 26px;display:flex;position:sticky;top:0}.admin-topbar-id{align-items:center;gap:14px;display:flex}.admin-live{color:#2f9e6e;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:7px;font-size:.74rem;font-weight:700;display:flex}.admin-live .dot{background:#2f9e6e;border-radius:50%;width:7px;height:7px;animation:2s infinite adminPulse;box-shadow:0 0 #2f9e6e88}@keyframes adminPulse{0%{box-shadow:0 0 #2f9e6e66}70%{box-shadow:0 0 0 7px #2f9e6e00}to{box-shadow:0 0 #2f9e6e00}}.admin-env{color:#8a92a3;font-size:.82rem;font-weight:600}.admin-whoami{align-items:center;gap:10px;display:flex}.admin-whoami-email{color:#4a5160;font-size:.82rem}.admin-avatar{color:#fff;background:linear-gradient(135deg,#caa24c,#8a6b30);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.admin-content{flex:1;width:100%;max-width:1320px;padding:26px}.admin-shell .card{background:var(--surface);border:1px solid var(--border);box-shadow:none;border-radius:14px}.admin-shell .card:hover{box-shadow:0 6px 18px #1f273314}.admin-shell h1,.admin-shell h2,.admin-shell h3,.admin-shell h4,.admin-shell .section-title,.admin-shell .page-title{color:var(--ink)}.admin-shell table{width:100%}.admin-shell table th{color:#8a92a3;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);text-align:left;padding:10px 12px;font-size:.72rem}.admin-shell table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:11px 12px;font-size:.86rem}.admin-shell table tr:hover td{background:#f7f8fa}.admin-shell input,.admin-shell select,.admin-shell textarea,.admin-shell .tool-input{border:1px solid var(--border);color:var(--ink);background:#fff}.admin-shell input::placeholder,.admin-shell .tool-input::placeholder{color:#9aa1b0}.admin-shell input:focus,.admin-shell select:focus,.admin-shell .tool-input:focus{border-color:#b9913a;outline:none}.admin-shell .btn-outline,.admin-shell .btn-ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.admin-shell .btn-outline:hover,.admin-shell .btn-ghost:hover{color:#1f2733;background:#f1f2f5;border-color:#b9913a}.admin-shell .btn-primary{color:#fff;background:linear-gradient(135deg,#caa24c,#8a6b30);border:none}.admin-shell .seg{border:1px solid var(--border);background:#f1f2f5}.admin-shell .seg button.on{color:#fff;background:#b9913a}.admin-shell .progress-bar{background:#e2e5ea}.admin-hamburger{color:var(--ink);cursor:pointer;background:0 0;border:none;margin-right:4px;padding:4px;display:none}.admin-nav-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;display:none}.admin-backdrop{display:none}@media (width<=880px){.admin-shell{flex-direction:row}.admin-sidebar{z-index:60;width:260px;height:100vh;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 20px 60px #00000040}.admin-shell.nav-open .admin-sidebar{transform:translate(0)}.admin-shell.nav-open .admin-backdrop{z-index:55;background:#0f121873;display:block;position:fixed;inset:0}.admin-nav-close,.admin-hamburger{display:inline-flex}.admin-main{width:100%}.admin-topbar{z-index:40;position:sticky;top:0}.admin-content{padding:16px}.admin-whoami-email{display:none}.admin-shell table{white-space:nowrap;display:block;overflow-x:auto}}.prac-toolbar{z-index:20;background:var(--ivory);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 0;display:flex;position:sticky;top:0}@media (width<=820px){.prac-toolbar{gap:8px}.prac-toolbar .seg{flex:auto;justify-content:center}}@media (width<=420px){.prac-row{gap:10px;padding:12px 14px}.prac-row .pr-num{display:none}}.prac-list{flex-direction:column;gap:24px;display:flex}.prac-group-head{font-family:var(--sans);align-items:center;gap:10px;padding:0 2px 10px;display:flex}.prac-group-head .pg-name{letter-spacing:-.01em;font-size:.9rem;font-weight:700}.prac-group-head .pg-count{color:var(--text-muted);font-size:.76rem;font-weight:600}.prac-rows{flex-direction:column;gap:8px;display:flex}.prac-row{cursor:pointer;text-align:left;width:100%;font-family:var(--sans);color:var(--text);transition:background var(--transition);background:0 0;align-items:center;gap:14px;padding:13px 16px;display:flex}.prac-row:disabled{cursor:default}.prac-row .pr-num{font-family:var(--mono);color:var(--text-muted);text-align:right;flex-shrink:0;width:22px;font-size:.74rem}.prac-row .pr-title{letter-spacing:-.01em;font-size:.92rem;font-weight:600;line-height:1.3}.prac-row .pr-topic{color:var(--text-muted);font-size:.72rem;font-weight:500}.prac-row .pr-diff{flex-shrink:0;font-size:.78rem;font-weight:700}.prac-row .pr-chev{color:var(--text-muted);opacity:0;transition:opacity var(--transition);flex-shrink:0}.prac-row:hover .pr-chev{opacity:1}.prac-showmore{color:var(--sage);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--sans);transition:background var(--transition);background:0 0;border:none;margin:2px auto 0;display:block}.prac-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:1320px;height:92vh;max-height:1040px;box-shadow:var(--shadow-lg);display:flex;overflow:hidden}.prac-pane{flex-direction:column;min-width:0;display:flex;overflow:hidden}.prac-pane-l{flex:42%}.prac-pane-r{flex:58%}.prac-pane-l{padding:24px 26px;overflow:auto}.prac-pane-r{border-left:1px solid var(--border-light);background:var(--parchment)}.prac-pane-r-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.prac-pane-r-body{flex-direction:column;flex:1;min-height:0;padding:16px 18px;display:flex;overflow:auto}.prac-tabs{border-bottom:1px solid var(--border-light);gap:4px;margin:14px 0 16px;display:flex}.prac-tab{appearance:none;color:var(--text-muted);cursor:pointer;font-size:.84rem;font-weight:600;font-family:var(--sans);transition:color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 14px;display:inline-flex}.prac-tab:hover{color:var(--text-2)}.prac-tab.on{color:var(--text);border-bottom-color:var(--sage)}@media (width<=880px){.prac-modal{flex-direction:column;height:94vh;max-height:none}.prac-pane-r{border-left:none;border-top:1px solid var(--border-light)}}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;display:grid}.hero h1{color:var(--ivory);margin-bottom:18px}.hero p{color:#ffffffdb;max-width:520px;margin-bottom:26px;font-size:1.05rem;line-height:1.7}.hero-code{font-family:var(--mono);color:#e7c98a;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:1px 7px;font-size:.92em}.hero-stats{flex-wrap:wrap;gap:30px;margin-top:34px;display:flex}.hero-stat h3{font-family:var(--display);color:var(--ivory);font-size:1.9rem;line-height:1}.hero-stat p{color:#ffffff80;font-size:.78rem;font-family:var(--mono);letter-spacing:.02em;margin:6px 0 0}.mono-tag{font-family:var(--mono);color:var(--gold);letter-spacing:.03em;margin-bottom:12px;font-size:.78rem;font-weight:500}.section-title{max-width:640px}.lp-card{transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.lp-card:hover{box-shadow:var(--shadow-md);border-color:var(--gold-light);transform:translateY(-3px)}.lp-ic{background:var(--gold-bg);width:42px;height:42px;color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lp-chip{background:var(--gold-bg);border:1px solid var(--border-light);color:var(--text-secondary);font-size:.8rem;font-weight:500;font-family:var(--mono);border-radius:8px;padding:5px 11px}.lp-step{font-family:var(--mono);color:var(--gold);font-size:1.4rem;font-weight:700}.lp-split{grid-template-columns:1fr 1fr;align-items:center;gap:44px;display:grid}.lp-checks{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.lp-checks li{color:var(--text-secondary);align-items:center;gap:10px;font-size:.92rem;display:flex}.lp-checks li svg{color:var(--sage);flex-shrink:0}.code-window{border-radius:var(--r-lg);background:#0f1620;border:1px solid #20303f;overflow:hidden;box-shadow:0 22px 50px -18px #0f16208c}.cw-bar{background:#0b121b;border-bottom:1px solid #1b2836;align-items:center;gap:7px;padding:11px 14px;display:flex}.cw-dot{border-radius:50%;width:11px;height:11px}.cw-dot.r{background:#ff5f57}.cw-dot.y{background:#febc2e}.cw-dot.g{background:#28c840}.cw-file{font-family:var(--mono);color:#5d7184;margin-left:8px;font-size:.76rem}.cw-body{margin:0;padding:18px;overflow:auto}.cw-body code{font-family:var(--mono);color:#cfe3f5;white-space:pre;font-size:.82rem;line-height:1.7}.cw-out{font-family:var(--mono);color:#9fb3c4;background:#0b121b;border-top:1px solid #1b2836;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 16px;font-size:.8rem;display:flex}.cw-run{color:#5d7184}.cw-pass{color:#28c840;align-items:center;gap:5px;margin-left:auto;font-weight:500;display:inline-flex}.lp-foot{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:30px;display:grid}.lp-foot-h{color:var(--ink);margin-bottom:12px;font-size:.85rem;font-weight:600}.lp-foot-bottom{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;font-size:.78rem;display:flex}@media (width<=860px){.hero-grid{grid-template-columns:1fr;gap:32px}.lp-split{grid-template-columns:1fr;gap:28px}.lp-foot{grid-template-columns:1fr 1fr;gap:28px}}@media (width<=768px){.lesson-card{padding:18px!important}}@media (width<=600px){.lesson-card{padding:16px!important}}@media (width<=640px){.tool-fn-head{display:none!important}.tool-fn-row{flex-wrap:wrap;gap:3px!important;padding:12px 16px!important}.tool-fn-row>code{min-width:0!important}.tool-fn-row>code:nth-child(2){font-size:.74rem!important}.tool-fn-row>span{margin-top:3px;flex:100%!important}}.proj-shell{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);height:calc(100vh - 150px);min-height:520px;box-shadow:var(--shadow-card);display:flex;overflow:hidden}.proj-sidebar{border-right:1px solid var(--border);background:var(--ivory);flex-direction:column;flex-shrink:0;width:258px;display:flex}.proj-sidebar-head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 14px;font-size:.72rem;font-weight:700;display:flex}.proj-list{flex:1;padding:8px;overflow-y:auto}.proj-row{border-radius:9px;align-items:center;margin-bottom:2px;display:flex;position:relative}.proj-row:hover{background:var(--parchment)}.proj-row.on{background:var(--gold-bg);box-shadow:inset 2px 0 0 var(--gold)}.proj-row-main{cursor:pointer;text-align:left;min-width:0;font-family:var(--sans);background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:9px 10px;display:flex}.proj-row-ic{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.proj-row-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;display:block;overflow:hidden}.proj-row-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;display:block;overflow:hidden}.proj-row-kebab{cursor:pointer;color:var(--text-muted);opacity:0;background:0 0;border:none;padding:4px 9px;font-size:1.15rem;line-height:1}.proj-row:hover .proj-row-kebab,.proj-row.on .proj-row-kebab{opacity:1}.proj-menu{z-index:20;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;min-width:142px;padding:5px;display:flex;position:absolute;top:38px;right:8px}.proj-menu button{cursor:pointer;color:var(--text-2);text-align:left;font-size:.82rem;font-family:var(--sans);background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;display:flex}.proj-menu button:hover{background:var(--parchment);color:var(--ink)}.proj-new-row{border:1.5px dashed var(--border);cursor:pointer;width:100%;color:var(--gold);font-size:.8rem;font-weight:600;font-family:var(--sans);background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding:10px;display:flex}.proj-new-row:hover{background:var(--gold-bg);border-color:var(--gold-light)}.proj-workspace{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.proj-start{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.proj-toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;padding:9px 14px;display:flex}.proj-title-input{color:var(--ink);min-width:140px;font-size:1rem;font-weight:600;font-family:var(--sans);background:0 0;border:none;border-bottom:1.5px solid #0000;outline:none;padding:4px 6px}.proj-title-input:hover{border-bottom-color:var(--border)}.proj-title-input:focus{border-bottom-color:var(--gold)}.proj-editor-wrap{flex-direction:column;flex:1;min-height:0;padding:16px;display:flex;overflow:auto}.cr-split{flex:1;align-items:stretch;gap:12px;min-height:0;display:flex}@media (width<=860px){.cr-split{flex-direction:column}}.proj-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f1b1680;justify-content:center;align-items:flex-start;padding:8vh 16px;display:flex;position:fixed;inset:0}.proj-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:480px;max-width:100%;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.proj-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.proj-modal-body{padding:8px 12px 12px;overflow-y:auto}.proj-tpl-row{cursor:pointer;width:100%;font-family:var(--sans);background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:9px 10px;display:flex}.proj-tpl-row:hover{background:var(--parchment)}@media (width<=768px){.proj-shell{flex-direction:column;height:auto;min-height:0}.proj-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:230px}.proj-workspace{min-height:62vh}}.lp-page{background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:22px;padding:0 0 22px}.lp-topbar{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--lp-border);background:#faf9f6f0;border-radius:22px 22px 0 0;flex-direction:column;gap:10px;padding:14px 22px;display:flex;position:sticky;top:0}.lp-topbar-row1{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.lp-topbar-left{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.lp-topbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.lp-topbar-row2{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lp-back{color:var(--text-muted);flex-shrink:0;align-items:center;gap:3px;font-size:.8rem;font-weight:600;display:inline-flex}.lp-back:hover{color:var(--gold)}.lp-course-chip{background:var(--gold-bg);color:var(--gold);letter-spacing:.05em;text-transform:uppercase;border-radius:99px;flex-shrink:0;align-items:center;padding:2px 10px;font-size:.64rem;font-weight:700;display:inline-flex}.lp-title{font-family:"Fredoka",var(--display);color:var(--lp-ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:1.5rem;font-weight:600;line-height:1.2;overflow:hidden}.lp-dots{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.lp-dot{background:var(--lp-border);width:9px;height:9px;transition:all var(--transition);border-radius:50%;flex-shrink:0}.lp-dot.visited{background:var(--dot-c,var(--gold))}.lp-dot.current{width:12px;height:12px;box-shadow:0 0 0 2px var(--dot-c,var(--gold));background:#fff}.lp-pct-chip{background:var(--lp-surface);border:1px solid var(--lp-border);color:var(--lp-ink);font-size:.72rem;font-weight:700;font-family:var(--mono);border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:4px 11px;display:inline-flex}.lp-wide-toggle{background:var(--lp-surface);border:1px solid var(--lp-border);cursor:pointer;color:var(--text-muted);font-size:.7rem;font-weight:700;font-family:var(--sans);border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:5px 9px;display:inline-flex}.lp-wide-toggle:hover{border-color:var(--gold-light);color:var(--gold)}.lp-shell{align-items:flex-start;gap:20px;width:100%;padding:20px 22px 0;display:flex}.lp-rail{background:var(--lp-surface);border:1px solid var(--lp-border);width:230px;max-height:calc(100vh - 96px);transition:width var(--transition);border-radius:16px;flex-shrink:0;align-self:flex-start;padding:10px;position:sticky;top:78px;overflow-y:auto}.lp-rail.collapsed{width:54px;padding:10px 6px}.lp-rail.collapsed .lp-rail-label,.lp-rail.collapsed .lp-rail-check{display:none}.lp-rail-toggle{width:100%;color:var(--text-muted);cursor:pointer;font-size:.72rem;font-weight:700;font-family:var(--sans);background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;margin-bottom:6px;padding:7px;display:flex}.lp-rail-toggle:hover{background:var(--parchment);color:var(--ink)}.lp-rail-item{cursor:pointer;text-align:left;width:100%;font-family:var(--sans);background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;margin-bottom:2px;padding:8px;display:flex}.lp-rail-item:hover:not(:disabled){background:var(--parchment)}.lp-rail-item.current{background:var(--item-bg,var(--gold-bg))}.lp-rail-item:disabled{cursor:default;opacity:.45}.lp-rail-ic{background:var(--item-bg,var(--gold-bg));width:30px;height:30px;color:var(--item-c,var(--gold));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lp-rail-label{min-width:0;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;font-weight:600;overflow:hidden}.lp-rail-item.current .lp-rail-label{color:var(--ink)}.lp-rail-check{color:var(--sage);flex-shrink:0}@media (width<=900px){.lp-rail{display:none}}.lp-stage{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.lp-stepcard{background:var(--lp-surface);width:100%;box-shadow:0 10px 34px -16px var(--card-shadow,#1f1b162e), 0 2px 8px -4px #1f1b160f;border-top:4px solid var(--card-c,var(--gold));transition:max-width var(--transition);border-radius:20px;padding:30px 32px}.lp-actionbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--lp-border);background:#fffffff0;border-radius:0 0 20px 20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:26px -32px -30px;padding:16px 32px;display:flex;position:sticky;bottom:0}.lp-actionbar-progress{flex:1;min-width:80px;max-width:240px}.lp-actionbar-next{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.lp-hint-chip{color:var(--text-2);background:var(--parchment);white-space:nowrap;border-radius:99px;padding:4px 11px;font-size:.72rem;font-weight:600}.lp-next-pill{color:#fff;cursor:pointer;transition:all var(--transition);background:var(--pill-c,var(--gold));box-shadow:0 8px 20px -8px var(--pill-c,#0000004d);border:none;border-radius:99px;align-items:center;gap:6px;padding:11px 24px;font-size:.9rem;font-weight:700;display:inline-flex}.lp-next-pill:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.lp-next-pill:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=768px){.lp-shell{padding:16px 16px 0}.lp-stepcard{padding:20px}.lp-actionbar{margin:20px -20px -20px;padding:14px 20px}.lp-title{max-width:60vw;font-size:1.25rem}}@media (width<=600px){.lp-topbar{border-radius:16px 16px 0 0;padding:12px 14px}.lp-page{border-radius:16px}.lp-shell{padding:12px 12px 0}.lp-stepcard{padding:16px}.lp-actionbar{margin:16px -16px -16px;padding:12px 16px}.lp-title{max-width:50vw;font-size:1.1rem}.lp-actionbar-next{align-items:flex-start}}.lp-stage{justify-content:center;min-height:calc(100vh - 260px)}@media (width<=900px){.lp-stage{min-height:auto}}.lp-step-body{padding-bottom:84px}@media (width<=768px){.lp-step-body{padding-bottom:116px}}.lp-prose{color:var(--lp-ink);font-size:16px;line-height:1.7}.lp-prose-say{background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:16px;padding:18px 20px}.lp-md-quote{background:var(--gold-bg);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;align-items:flex-start;gap:10px;margin:12px 0;padding:13px 15px;display:flex}.lp-stepcard .lp-md-quote{background:color-mix(in srgb, var(--card-c,var(--gold)) 12%, #fff);border-left-color:var(--card-c,var(--gold))}.lp-md-quote-ic{color:var(--gold);flex-shrink:0;margin-top:2px}.lp-stepcard .lp-md-quote-ic{color:var(--card-c,var(--gold))}.lp-md-quote-body{font-size:.94rem;line-height:1.6}.lp-md-chip{font-family:var(--font-mono);background:var(--parchment);color:var(--lp-ink);border-radius:6px;padding:2px 7px;font-size:.88em}.lp-stepcard .lp-md-chip{background:color-mix(in srgb, var(--card-c,var(--gold)) 10%, #fff)}.lp-demo-frame{border:1.5px solid color-mix(in srgb, var(--st-demo-c) 35%, white);background:var(--st-demo-bg);border-radius:16px;margin-top:2px;overflow:hidden}.lp-demo-frame-head{background:var(--st-demo-c);color:#fff;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;padding:8px 14px;font-size:.72rem;font-weight:800;display:flex}.lp-demo-frame-body{background:var(--lp-surface);padding:14px}.lp-option-card{border:1.5px solid var(--lp-border);background:var(--lp-surface);cursor:pointer;text-align:left;width:100%;font-size:.94rem;font-family:var(--sans);color:var(--lp-ink);border-radius:16px;align-items:center;gap:12px;padding:13px 16px;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:flex}.lp-option-card:hover:not(:disabled):not(.correct):not(.wrong){border-color:var(--card-c,var(--gold));transform:translateY(-2px);box-shadow:0 10px 22px -12px #1f1b1638}.lp-option-card:disabled{cursor:default}.lp-option-card.picked{border-color:var(--lp-ink);background:color-mix(in srgb, var(--lp-ink) 6%, #fff)}.lp-option-card.correct{border-color:var(--ok-c);background:var(--ok-bg)}.lp-option-card.wrong{border-color:var(--err-c);background:var(--err-bg);animation:.4s lpShake}@keyframes lpShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.lp-option-letter{background:var(--lp-bg);width:28px;height:28px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.lp-option-card.picked .lp-option-letter{background:var(--lp-ink);color:#fff}.lp-option-card.correct .lp-option-letter{background:var(--ok-c);color:#fff}.lp-option-card.wrong .lp-option-letter{background:var(--err-c);color:#fff}.lp-option-text{overflow-wrap:anywhere;flex:1;min-width:0}.lp-option-status{flex-shrink:0;align-items:center;gap:3px;font-size:.72rem;font-weight:700;display:inline-flex}.lp-option-status.ok{color:var(--ok-c)}.lp-option-status.err{color:var(--err-c)}.lp-callout{border-radius:14px;margin-top:14px;padding:14px 16px;animation:.25s lpSlideIn}.lp-callout.ok{background:var(--ok-bg);border:1px solid var(--ok-c)}.lp-callout.err{background:var(--err-bg);border:1px solid var(--err-c)}.lp-callout.info{background:var(--gold-bg);border:1px solid var(--gold)}@keyframes lpSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lp-code-lite{background:var(--code-bg);color:var(--lp-ink);border:1px solid var(--code-border);font-family:var(--font-mono);white-space:pre-wrap;border-radius:12px;padding:14px 16px;font-size:.85rem;line-height:1.7;overflow:auto}.lp-debug-frame{border:1.5px solid color-mix(in srgb, var(--st-debug-c) 35%, white);background:var(--st-debug-bg);border-radius:16px;overflow:hidden}.lp-debug-frame-head{background:var(--st-debug-c);color:#fff;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;padding:8px 14px;font-size:.72rem;font-weight:800;display:flex}.lp-debug-frame-body{background:var(--lp-surface);padding:16px}.lp-debug-editor{background:var(--code-bg);width:100%;color:var(--lp-ink);border:1px solid var(--code-border);font-family:var(--font-mono);resize:vertical;border-radius:12px;padding:14px;font-size:.85rem;line-height:1.6}.lp-debug-editor:focus{border-color:var(--st-debug-c);box-shadow:0 0 0 3px color-mix(in srgb, var(--st-debug-c) 15%, transparent);outline:none}.lp-order-line{background:var(--lp-surface);border:1.5px solid var(--lp-border);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.lp-order-line.ok{border-color:var(--ok-c);background:var(--ok-bg)}.lp-order-num{color:#fff;background:var(--st-order-c);width:26px;height:26px;font-size:.78rem;font-weight:700;font-family:var(--font-mono);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lp-order-code{font-family:var(--font-mono);color:var(--lp-ink);overflow-wrap:anywhere;flex:1;font-size:.85rem}.lp-order-arrows{flex-direction:column;gap:2px;display:flex}.lp-order-arrows button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;line-height:1}.lp-order-arrows button:hover:not(:disabled){color:var(--st-order-c)}.lp-order-arrows button:disabled{color:var(--lp-border);cursor:default}.lp-quiz-chip{background:var(--st-quiz-bg);color:var(--st-quiz-c);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;flex-shrink:0;align-items:center;gap:5px;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.lp-quiz-qcard{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:16px;padding:18px}.lp-quiz-score{text-align:center;border-radius:18px;margin-top:16px;padding:20px}.lp-quiz-score.ok{background:var(--ok-bg);border:1px solid var(--ok-c)}.lp-quiz-score.err{background:var(--err-bg);border:1px solid var(--err-c)}.lp-quiz-score-pct{font-size:2rem;font-weight:800;font-family:"Fredoka",var(--display)}.lp-celebrate-xp{color:var(--xp-c);font-size:1.9rem;font-weight:800;font-family:"Fredoka",var(--display)}.lp-celebrate-badge{background:var(--xp-bg);color:var(--xp-c);border-radius:99px;align-items:center;gap:5px;padding:6px 13px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 3px 10px -4px #d9770666}.lp-cta-primary.btn-primary{background:linear-gradient(120deg, var(--st-try-c), #0d8f57);color:#fff}.lp-cta-primary.btn-primary:hover{color:#fff;background:linear-gradient(120deg,#189b48,#0a7a49)}.lp-consult-wrap{padding:0 22px 22px}@media (width<=768px){.lp-consult-wrap{padding:0 16px 16px}}@media (width<=600px){.lp-consult-wrap{padding:0 12px 12px}}.lp-code{background:var(--code-bg);border:1px solid var(--code-border);border-radius:14px;overflow:hidden}.lp-code-head{background:var(--code-header);border-bottom:1px solid var(--code-border);align-items:center;gap:8px;padding:7px 10px;display:flex}.lp-code-chip{font-size:.72rem;font-weight:700;font-family:var(--sans);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 11px;display:inline-flex}.lp-code-chip-py{color:var(--st-try-c);background:var(--st-try-bg)}.lp-code-chip-sql{color:var(--st-widget-c);background:var(--st-widget-bg)}.lp-code-chip-js{color:var(--st-order-c);background:var(--st-order-bg)}.lp-code-chip-html{color:var(--st-challenge-c);background:var(--st-challenge-bg)}.lp-code-chip-sh{color:var(--st-debug-c);background:var(--st-debug-bg)}.lp-code-chip-java{color:var(--st-say-c);background:var(--st-say-bg)}.lp-code-chip-cpp{color:var(--st-predict-c);background:var(--st-predict-bg)}.lp-code-reset{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .15s,color .15s;display:inline-flex}.lp-code-reset:hover{background:color-mix(in srgb, var(--lp-ink) 8%, transparent);color:var(--lp-ink)}.lp-run-btn{background:var(--ok-c);color:#fff;font-size:.86rem;font-weight:700;font-family:var(--sans);cursor:pointer;box-shadow:0 8px 18px -9px color-mix(in srgb, var(--ok-c) 70%, transparent);border:none;border-radius:99px;align-items:center;gap:7px;padding:10px 22px;transition:filter .15s,transform .15s;display:inline-flex}.lp-run-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.lp-run-btn:disabled{opacity:.75;cursor:default;transform:none}.lp-run-btn.sm{padding:5px 14px;font-size:.78rem}.lp-run-spin{animation:.8s linear infinite lpSpin}@keyframes lpSpin{to{transform:rotate(360deg)}}.lp-output{background:var(--out-bg);border:1px solid var(--code-border);border-radius:12px;margin-top:10px;padding:12px 14px}.lp-output.ok{border-left:3px solid var(--ok-c)}.lp-output.err{background:var(--err-bg);border-color:var(--err-c);border-left:3px solid var(--err-c)}.lp-output-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:.68rem;font-weight:800}.lp-output-empty{color:var(--text-muted);font-size:.8rem}.lp-output-err-head{color:var(--err-c);margin:2px 0 6px;font-size:.84rem;font-weight:700}.lp-output pre{font-family:var(--font-mono);white-space:pre-wrap;color:var(--lp-ink);margin:0;font-size:.82rem;line-height:1.6}.lp-output pre.lp-output-err-text{color:var(--err-c)}.lp-term{background:var(--code-bg);border:1px solid var(--code-border);border-radius:14px;overflow:hidden}.lp-term-head{background:var(--code-header);border-bottom:1px solid var(--code-border);align-items:center;gap:8px;padding:7px 12px;display:flex}.lp-term-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.lp-term-body{font-family:var(--font-mono);color:var(--lp-ink);cursor:text;padding:12px;font-size:.84rem;line-height:1.55;overflow:auto}.lp-term-prompt{color:var(--gold);white-space:pre;font-weight:700}.lp-term-out{white-space:pre-wrap}.lp-term-err{white-space:pre-wrap;color:var(--err-c)}.lp-term-sys{white-space:pre-wrap;color:var(--text-muted)}.lp-term-input{color:var(--lp-ink);font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}.lp-help{border-top:1px solid var(--lp-border);margin-top:16px;padding-top:14px}.lp-help-tabs{flex-wrap:wrap;gap:8px;display:flex}.lp-help-chip{border:1.5px solid var(--lp-border);background:var(--lp-surface);color:var(--text-2);font-size:.82rem;font-weight:700;font-family:var(--sans);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:7px 14px;transition:all .15s;display:inline-flex}.lp-help-chip:hover:not(:disabled){border-color:var(--gold-light);color:var(--gold)}.lp-help-chip:disabled{opacity:.6;cursor:default}.lp-help-chip.active{background:var(--gold-bg);border-color:var(--gold);color:var(--gold)}.lp-help-panel{margin-top:12px;animation:.2s lpSlideIn}.lp-help-hint{background:var(--xp-bg);border:1px solid var(--xp-c);border-radius:14px;padding:13px 15px}.lp-help-hint ol{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:.88rem;display:flex}.lp-help-lock{background:var(--gold-bg);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:14px;padding:14px}@media (prefers-reduced-motion:reduce){.lp-option-card.wrong,.lp-callout,.lp-help-panel{animation:none}.lp-run-spin{animation-duration:1.6s}}.lp-xp-chip,.lp-streak-chip{font-size:.72rem;font-weight:800;font-family:var(--mono);border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.lp-xp-chip{color:var(--xp-c);background:var(--xp-bg)}.lp-streak-chip{color:var(--streak-c);background:var(--streak-bg)}.lp-actionbar-next{position:relative}.lp-xp-sparkle{background:var(--xp-bg);color:var(--xp-c);font-size:.72rem;font-weight:800;font-family:"Fredoka",var(--display);white-space:nowrap;pointer-events:none;border-radius:99px;padding:2px 10px;animation:1.1s forwards lpXpFloat;position:absolute;top:-18px;right:2px;box-shadow:0 4px 12px -6px #d9770680}@keyframes lpXpFloat{0%{opacity:0;transform:translateY(6px)scale(.85)}20%{opacity:1;transform:translateY(-2px)scale(1)}to{opacity:0;transform:translateY(-34px)scale(1.05)}}@media (prefers-reduced-motion:reduce){.lp-xp-sparkle{opacity:0;animation:none}}.lp-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr));gap:14px;display:grid}.lp-spec-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;display:grid}.lp-lessons-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px;display:grid}.lp-hero{background:linear-gradient(120deg, var(--st-teach-bg) 0%, var(--st-demo-bg) 50%, var(--st-challenge-bg) 100%);border:1px solid var(--lp-border);border-radius:22px;margin-bottom:14px;padding:16px 20px 14px}.lp-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lp-hero-title{font-family:"Fredoka",var(--display);color:var(--lp-ink);font-size:1.4rem;font-weight:600;line-height:1.15}.lp-hero-sub{color:var(--text-2);margin-top:3px;font-size:.84rem}.lp-hero-stat{color:var(--lp-ink);white-space:nowrap;background:#fff;border-radius:99px;flex-shrink:0;align-items:center;gap:7px;padding:6px 13px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 6px 16px -8px #1f1b164d}.lp-hero-stat svg{color:var(--gold);flex-shrink:0}.lp-hero-search{width:100%;max-width:560px;margin-top:12px;position:relative}.lp-hero-search svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.lp-hero-search input{width:100%;height:42px;font-size:.9rem;font-family:var(--sans);color:var(--lp-ink);background:#fff;border:1.5px solid #0000;border-radius:999px;outline:none;padding:0 16px 0 42px;transition:box-shadow .2s,border-color .2s;box-shadow:0 10px 24px -14px #1f1b1659}.lp-hero-search input::placeholder{color:var(--text-muted)}.lp-hero-search input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #b78a2e38,0 10px 24px -14px #1f1b1659}.lp-cat-head{margin-bottom:12px}.lp-cat-head-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lp-cat-label{font-family:"Fredoka",var(--display);color:var(--lp-ink);font-size:1.15rem;font-weight:600}.lp-cat-count{color:var(--text-muted);background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:99px;padding:2px 10px;font-size:.72rem;font-weight:700}.lp-cat-underline{background:var(--gold);border-radius:3px;width:24px;height:3px;margin-top:7px}.lp-cat-blurb{color:var(--text-muted);margin-top:7px;font-size:.84rem}.lp-card{border:1px solid var(--lp-border);height:100%;color:inherit;background:var(--lp-surface);box-shadow:0 8px 20px -16px color-mix(in srgb, var(--c-tint,#8a6b30) 70%, transparent), var(--shadow-card);border-radius:20px;flex-direction:column;padding:0;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.lp-card:hover{box-shadow:0 18px 36px -14px color-mix(in srgb, var(--c-tint,#8a6b30) 65%, transparent), var(--shadow-card);transform:translateY(-4px)}.lp-card-cover{flex-shrink:0;justify-content:center;align-items:center;height:86px;display:flex;position:relative}.lp-card-emoji{font-size:2.2rem}.lp-card-badge{position:absolute;top:8px;right:8px}.lp-card-body{flex-direction:column;flex:1;gap:5px;padding:14px 16px 16px;display:flex}.lp-card-title{color:var(--lp-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.lp-card-meta{color:var(--text-muted);font-size:.74rem;font-weight:600}.lp-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin:3px 0 4px;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.lp-card-footer{margin-top:auto}.lp-card-progress{border-radius:99px;height:6px;margin-bottom:8px;overflow:hidden}.lp-card-progress-fill{border-radius:99px;height:100%;transition:width .4s}.lp-card-footrow{justify-content:space-between;align-items:center;gap:8px;display:flex}.lp-card-done{color:var(--text-muted);font-size:.72rem;font-weight:600}.lp-card-pill{border-radius:99px;flex-shrink:0;padding:4px 11px;font-size:.7rem;font-weight:700}.lp-jumpback-grid{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:12px;padding:2px 2px 8px;display:flex;overflow:auto hidden}.lp-jumpback-grid::-webkit-scrollbar{height:6px}.lp-jumpback-grid::-webkit-scrollbar-thumb{background:var(--lp-border);border-radius:99px}.lp-jumpback-card{scroll-snap-align:start;flex-direction:column;flex:0 0 232px;padding:14px;display:flex}.lp-jumpback-emoji{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex;box-shadow:0 3px 10px -4px #1f1b164d}.lp-continue-pill{color:#fff;border-radius:99px;flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;font-size:.74rem;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}.lp-continue-pill:hover{filter:brightness(1.08);color:#fff;transform:translateY(-1px)}.lp-search-heading{font-family:"Fredoka",var(--display);color:var(--lp-ink);font-size:1.05rem;font-weight:600}.lp-search-query{color:var(--text-muted);margin-left:6px;font-size:.85rem;font-weight:400}.lp-search-empty{text-align:center;background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:20px;margin-top:14px;padding:44px 20px}.lp-search-empty-emoji{margin-bottom:10px;font-size:2.4rem}.lp-search-empty-title{color:var(--lp-ink);margin-bottom:4px;font-size:.98rem;font-weight:700}.lp-search-empty-sub{color:var(--text-muted);font-size:.84rem}.lp-start-banner{color:inherit;border:1px solid var(--lp-border);background:linear-gradient(120deg, var(--st-teach-bg) 0%, var(--st-demo-bg) 50%, var(--st-challenge-bg) 100%);border-radius:20px;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 22px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.lp-start-banner:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px #1f1b1666}.lp-start-banner-icon{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.6rem;display:flex;box-shadow:0 4px 14px -6px #1f1b164d}.lp-start-banner-btn{flex-shrink:0}@media (width<=480px){.lp-start-banner{padding:16px}.lp-start-banner-btn{justify-content:center;width:100%}}.lp-dash-hero{background:linear-gradient(120deg, var(--st-teach-bg) 0%, var(--st-demo-bg) 55%, var(--st-challenge-bg) 100%);border:1px solid var(--lp-border);border-radius:24px;flex-wrap:wrap;align-items:stretch;gap:22px;padding:22px 26px;display:flex}.lp-dash-hero-left{flex:260px;min-width:240px}.lp-dash-chip-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.lp-plan-chip{color:var(--lp-ink);letter-spacing:.03em;background:#fff;border-radius:99px;align-items:center;gap:4px;padding:4px 12px;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:0 4px 12px -6px #1f1b164d}.lp-freeze-chip{color:#3f8fc9;background:#fff;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px -6px #1f1b1640}.lp-dash-greeting{font-family:"Fredoka",var(--display);color:var(--lp-ink);margin:0 0 12px;font-size:1.6rem;font-weight:600;line-height:1.15}.lp-dash-rank-row{justify-content:space-between;align-items:center;gap:10px;max-width:420px;margin-bottom:6px;font-size:.8rem;display:flex}.lp-dash-rank-name{color:var(--lp-ink);font-weight:800}.lp-dash-rank-next{color:var(--text-2)}.lp-dash-xpbar{background:#8a6b302e;border-radius:99px;max-width:420px;height:7px;overflow:hidden}.lp-dash-xpbar-fill{background:linear-gradient(90deg, var(--xp-c), var(--gold-light));border-radius:99px;height:100%;transition:width .4s}.lp-dash-continue{min-width:260px;color:inherit;background:#fff;border-radius:18px;flex-direction:column;flex:0 340px;justify-content:center;padding:18px 20px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 10px 26px -16px #1f1b1659}.lp-dash-continue:hover{color:inherit;transform:translateY(-3px);box-shadow:0 16px 34px -16px #1f1b1666}.lp-dash-continue-eyebrow{text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:800}.lp-dash-continue-emoji{background:var(--lp-bg);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.5rem;display:flex;box-shadow:0 3px 10px -5px #1f1b164d}.lp-dash-continue-title{font-family:"Fredoka",var(--display);color:var(--lp-ink);font-size:1.08rem;line-height:1.15}.lp-dash-continue-meta{color:var(--text-muted);font-size:.78rem}.lp-dash-continue-bar{border-radius:99px;max-width:100%;height:7px;margin-top:12px;overflow:hidden}.lp-dash-continue-bar-fill{border-radius:99px;height:100%;transition:width .4s}.lp-dash-continue-cta{align-self:flex-start;margin-top:12px;box-shadow:0 8px 20px -10px #1f1b1666}.lp-dash-continue-empty{text-align:center;align-items:center;gap:8px}.lp-dash-continue-empty-emoji{font-size:1.9rem}.lp-stat-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;display:grid}.lp-stat-tile{background:var(--tile-bg);border-radius:20px;align-items:center;gap:13px;padding:16px 18px;display:flex;box-shadow:0 8px 20px -16px #1f1b1659}.lp-stat-icon{width:40px;height:40px;color:var(--tile-c);background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 3px 10px -5px #1f1b164d}.lp-stat-value{color:var(--lp-ink);font-size:1.35rem;font-weight:800;line-height:1}.lp-stat-label{color:var(--text-2);margin-top:2px;font-size:.74rem;font-weight:600}.lp-streak-nudge{background:linear-gradient(120deg, var(--streak-bg), #fff 85%);border:1px solid var(--streak-bg);border-radius:18px;align-items:center;gap:12px;padding:13px 18px;text-decoration:none;display:flex;box-shadow:0 6px 18px -14px #1f1b164d}.lp-streak-nudge-icon{width:38px;height:38px;color:var(--streak-c);background:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 3px 10px -5px #1f1b1640}.lp-streak-nudge-pill{background:var(--streak-c);color:#fff;white-space:nowrap;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:6px 13px;font-size:.76rem;font-weight:700;display:inline-flex}.lp-arcade-banner{color:inherit;border:1px solid var(--lp-border);background:linear-gradient(120deg, var(--st-demo-bg), #fff 85%);border-radius:20px;align-items:center;gap:14px;padding:15px 20px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 8px 20px -16px #1f1b164d}.lp-arcade-banner:hover{color:inherit;transform:translateY(-2px);box-shadow:0 14px 28px -16px #1f1b1659}.lp-arcade-icon{background:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex;box-shadow:0 3px 10px -5px #1f1b164d}.lp-arcade-title{color:var(--lp-ink);font-size:.94rem;font-weight:700;display:block}.lp-arcade-sub{color:var(--text-2);font-size:.82rem;display:block}.lp-arcade-pill{background:var(--st-demo-c);color:#fff;white-space:nowrap;flex-shrink:0}.lp-course-tile{color:inherit;border-radius:20px;padding:14px;text-decoration:none;transition:transform .18s,box-shadow .18s}.lp-course-tile:hover{color:inherit;transform:translateY(-3px)}.lp-goal-card{text-align:center;color:inherit;border:1px solid var(--lp-border);border-radius:16px;padding:12px 10px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.lp-goal-card:hover{color:inherit;transform:translateY(-2px);box-shadow:0 10px 22px -16px #1f1b164d}.lp-goal-icon{background:var(--g-bg);width:34px;height:34px;color:var(--g-c);border-radius:10px;justify-content:center;align-items:center;margin:0 auto 6px;font-size:1.05rem;display:flex}.lp-goal-title{color:var(--lp-ink);margin:0 0 2px;font-size:.76rem;font-weight:700}.lp-goal-desc{color:var(--text-muted);font-size:.68rem;line-height:1.3}.lp-goal-start{color:var(--g-c);margin-top:7px;font-size:.66rem;font-weight:800;display:inline-block}.lp-tip-callout{background:var(--gold-bg);border:1px solid var(--gold-light);border-radius:16px;padding:18px}.lp-badge-empty{background:linear-gradient(120deg, var(--rose-bg), #fff 85%);border:1px solid var(--rose-bg);border-radius:16px;align-items:center;gap:12px;padding:15px 16px;display:flex}.lp-badge-empty-emoji{flex-shrink:0;font-size:1.7rem}.lp-discover-chip{text-transform:capitalize;border-radius:99px;padding:6px 13px;font-size:.78rem;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-block}.lp-discover-chip:hover{transform:translateY(-1px)}.lp-practice-pill{background:var(--st-teach-c);color:#fff}@media (width<=480px){.lp-dash-hero{padding:18px}.lp-dash-continue{flex-basis:100%}}.prac-continue-pill.btn-gold{border-radius:999px;flex-shrink:0;box-shadow:0 8px 20px -10px #8a6b3080}.prac-chip-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.prac-chip{color:var(--text-2);white-space:nowrap;background:#fff;border-radius:99px;flex-shrink:0;align-items:center;gap:5px;padding:6px 13px;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 6px 16px -8px #1f1b164d}.prac-chip b{font-weight:800}.prac-upgrade-link{border-radius:999px;margin:12px 0 16px;display:inline-flex}.prac-picker{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:14px;padding:2px 2px 10px;display:flex;overflow:auto hidden}.prac-picker::-webkit-scrollbar{height:6px}.prac-picker::-webkit-scrollbar-thumb{background:var(--lp-border);border-radius:99px}.prac-course-chip{scroll-snap-align:start;border:1.5px solid var(--lp-border);color:var(--text-2);white-space:nowrap;cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--sans);background:#fff;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:8px 15px;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex}.prac-course-chip:hover{transform:translateY(-1px);box-shadow:0 6px 16px -10px #1f1b164d}.prac-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--lp-border);background:#faf9f6e6}.prac-group-emoji{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.02rem;display:flex}.prac-group-head .pg-name{font-family:"Fredoka",var(--display);color:var(--lp-ink);letter-spacing:0;white-space:nowrap;font-size:1rem;font-weight:600}.prac-group-head .pg-count{color:var(--text-muted);background:var(--lp-bg);border:1px solid var(--lp-border);white-space:nowrap;border-radius:99px;flex-shrink:0;padding:3px 10px;font-size:.7rem;font-weight:700}.pg-allsolved{color:var(--ok-c)!important;background:var(--ok-bg)!important;border-color:var(--ok-bg)!important}.prac-group-bar{background:var(--lp-border);border-radius:99px;flex:1;min-width:60px;max-width:360px;height:5px;margin-left:2px;overflow:hidden}.prac-group-bar-fill{border-radius:99px;height:100%;transition:width .4s}.prac-row{border:1px solid var(--lp-border);box-shadow:none;background:#fff;border-radius:14px;transition:transform .15s,box-shadow .15s,border-color .15s}.prac-row:hover{border-color:var(--lp-border);background:#fff;transform:translateY(-2px);box-shadow:0 10px 24px -16px #1f1b164d}.prac-row.is-solved{border-left:3px solid var(--sage);background:linear-gradient(90deg,#4e7d630f,#fff 16%)}.pr-status{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.pr-status-done{background:var(--ok-bg)}.prac-row .pr-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.prac-row .pr-topic{background:var(--lp-bg);border:1px solid var(--lp-border);width:fit-content;color:var(--text-muted);border-radius:99px;padding:2px 9px;font-size:.66rem;font-weight:700;display:inline-block}.prac-row .pr-diff{border-radius:99px;padding:4px 11px}.prac-showmore{border:1px solid var(--lp-border);background:var(--lp-bg);border-radius:99px;align-items:center;gap:4px;padding:8px 18px;display:inline-flex}.prac-showmore:hover{background:var(--taupe-light)}.prac-showless{color:var(--text-muted)}.prac-back-btn{color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--sans);transition:color var(--transition);background:0 0;border:none;align-items:center;gap:4px;margin-bottom:12px;padding:0;display:inline-flex}.prac-back-btn:hover{color:var(--text)}.prac-solve-title{font-family:"Fredoka",var(--display);letter-spacing:-.01em;color:var(--lp-ink);font-size:1.35rem;font-weight:600;line-height:1.15}.prac-coin-chip{color:var(--gold);background:var(--gold-bg);border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}@media (width<=480px){.prac-hero{padding:16px}.prac-continue-pill{justify-content:center;width:100%}.prac-group-bar{display:none}}.lp-dash-duo{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:12px;display:grid}.lp-dash-grid2{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:stretch;gap:14px;display:grid}.lp-dash-fill{height:100%}.lp-course-ghost{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:104px;display:flex;border:1.5px dashed var(--gold)!important;background:var(--gold-bg)!important;box-shadow:none!important;border-left-width:1.5px!important}.lp-course-ghost:hover{transform:translateY(-2px);background:#fbf3df!important}.lp-course-carousel{scroll-snap-type:x proximity;scrollbar-width:thin;grid-template-rows:repeat(2,auto);grid-auto-columns:minmax(240px,280px);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.lp-course-carousel>*{scroll-snap-align:start}@media (width<=640px){.lp-course-carousel{grid-auto-columns:minmax(210px,240px)}}.lp-tip-strip{background:linear-gradient(120deg, var(--gold-bg), #fffdf7);border:1px solid #8a6b3040;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.lp-course-carousel{grid-template-rows:auto}.lp-course-carousel.two-rows{grid-template-rows:repeat(2,auto)}.lp-next-course{color:var(--lp-ink);border:1px solid;border-radius:14px;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.lp-next-course:hover{color:var(--lp-ink);transform:translateY(-2px);box-shadow:0 8px 18px -10px #1f1b1640}.lp-goal-row-icon{background:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.05rem;display:flex;box-shadow:0 3px 8px -3px #1f1b162e}.lp-dash-grid2{align-items:start}.lp-week-bars{flex:1;grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;min-height:86px;display:grid}.lp-week-day{flex-direction:column;align-items:center;gap:4px;display:flex}.lp-week-track{background:var(--lp-bg);border-radius:8px;align-items:flex-end;width:100%;max-width:26px;height:64px;display:flex;overflow:hidden}.lp-week-fill{background:var(--xp-c);border-radius:8px 8px 0 0;width:100%;transition:height .4s}.lp-week-fill.today{background:var(--streak-c)}.lp-week-label{color:var(--text-muted);font-size:.66rem;font-weight:700}.lp-week-label.today{color:var(--streak-c)}.lp-dash-grid2{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}.viz-hero-title{font-size:1.5rem}.viz-hero-sub{max-width:640px}.viz-tabs{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.viz-tab{cursor:pointer;font-size:.84rem;font-weight:700;font-family:var(--sans);color:var(--text-2);background:#fff;border:none;border-radius:99px;align-items:center;gap:7px;padding:9px 17px;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:inline-flex;box-shadow:0 6px 16px -10px #1f1b1659}.viz-tab:hover{transform:translateY(-1px)}.viz-tab.on.viz-tab-demo{background:var(--st-demo-c);color:#fff}.viz-tab.on.viz-tab-try{background:var(--st-try-c);color:#fff}.viz-tab.on.viz-tab-teach{background:var(--st-teach-c);color:#fff}.viz-lib{margin-bottom:14px;padding:16px 18px}.viz-lib-head{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.viz-lib-headings{flex:1;min-width:220px}.viz-lib-title{color:var(--lp-ink);font-size:1rem;font-weight:700;font-family:var(--sans);align-items:center;gap:7px;margin:0 0 3px;display:flex}.viz-lib-sub{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.45}.viz-lib-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.viz-lib-search{border:1.5px solid var(--lp-border);color:var(--text-muted);background:#fff;border-radius:99px;align-items:center;gap:7px;padding:7px 13px;display:inline-flex}.viz-lib-search:focus-within{border-color:var(--gold-light)}.viz-lib-search input{font-family:var(--sans);color:var(--lp-ink);background:0 0;border:none;outline:none;width:170px;font-size:.8rem}.viz-lib-search input::-webkit-search-cancel-button{display:none}.viz-lib-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;display:inline-flex}.viz-lib-body{grid-template-columns:216px 1fr;align-items:start;gap:14px;display:grid}@media (width<=820px){.viz-lib-body{grid-template-columns:1fr}}.viz-lib-rail{flex-direction:column;gap:3px;max-height:392px;padding-right:4px;display:flex;overflow-y:auto}@media (width<=820px){.viz-lib-rail{flex-direction:row;max-height:none;padding-bottom:6px;overflow:auto hidden}.viz-lib-rail .viz-cat{flex-shrink:0;width:auto}}.viz-cat{width:100%;color:var(--text-2);font-family:var(--sans);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1.5px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:7px 11px;font-size:.8rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.viz-cat:hover{background:var(--parchment)}.viz-cat.on{background:var(--st-demo-c);border-color:var(--st-demo-c);color:#fff}.viz-cat-name{text-overflow:ellipsis;align-items:center;gap:7px;display:inline-flex;overflow:hidden}.viz-cat-n{opacity:.75;font-size:.68rem;font-weight:700}.viz-lib-main{max-height:392px;padding-right:4px;overflow-y:auto}.viz-lib-none{padding:18px 4px;font-size:.84rem}.viz-lib-group+.viz-lib-group{margin-top:14px}.viz-lib-group-head{flex-wrap:wrap;align-items:baseline;gap:9px;margin-bottom:7px;display:flex}.viz-lib-group-name{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);font-size:.75rem;font-weight:700;font-family:var(--sans);align-items:center;gap:6px;display:inline-flex}.viz-lib-group-hint{color:var(--text-muted);font-size:.73rem}.viz-lib-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,196px),1fr));gap:8px;display:grid}.viz-prog{border:1.5px solid var(--lp-border);cursor:pointer;text-align:left;font-family:var(--sans);background:#fff;border-radius:12px;align-items:flex-start;gap:9px;padding:9px 11px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.viz-prog:hover{border-color:var(--gold-light);transform:translateY(-1px);box-shadow:0 6px 16px -10px #1f1b164d}.viz-prog.on{border-color:var(--st-demo-c);background:var(--st-demo-bg)}.viz-prog-emoji{flex-shrink:0;font-size:1.05rem;line-height:1.2}.viz-prog-body{flex-direction:column;gap:2px;min-width:0;display:flex}.viz-prog-name{color:var(--lp-ink);font-size:.82rem;font-weight:700}.viz-prog-desc{color:var(--text-muted);font-size:.72rem;line-height:1.35}.viz-now{background:var(--parchment);border:1px solid var(--border-light);border-radius:var(--r);align-items:center;gap:12px;margin-bottom:14px;padding:10px 15px;display:flex}.viz-now-emoji{font-size:1.4rem;line-height:1}.viz-now-text{flex-direction:column;gap:1px;min-width:0;display:flex}.viz-now-name{color:var(--lp-ink);font-size:.92rem;font-weight:700;font-family:var(--sans)}.viz-now-desc{color:var(--text-muted);font-size:.76rem}.viz-lang-note{border-top:1px solid var(--code-border);background:var(--parchment);color:var(--lp-ink);margin:0;padding:9px 14px;font-size:.78rem;line-height:1.5}.viz-run-intro{margin-bottom:14px;font-size:.84rem;line-height:1.55}.viz-cols{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;min-height:calc(100vh - 330px);display:grid}@media (width<=900px){.viz-cols{grid-template-columns:1fr;min-height:auto}}.viz-panel{flex-direction:column;min-height:0;display:flex}.viz-linecount{color:var(--text-muted);white-space:nowrap;margin-left:4px;font-size:.72rem;font-weight:600}.viz-editor-body{background:var(--code-bg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.viz-code-lines{flex:1;min-height:0;padding:8px 0;overflow:auto}.viz-code-line{border-left:3px solid #0000;align-items:center;padding:2px 12px 2px 0;transition:background .15s;display:flex}.viz-code-line.active{border-left:3px solid var(--gold);background:#d4a0172e}.viz-code-arrow{text-align:center;width:18px;color:var(--gold);opacity:0;flex-shrink:0;font-size:.7rem}.viz-code-line.active .viz-code-arrow{opacity:1}.viz-code-ln{text-align:right;width:26px;font-family:var(--font-mono);color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;margin-right:12px;font-size:.78rem}.viz-code-line.active .viz-code-ln{color:var(--gold);font-weight:700}.viz-code-text{font-family:var(--font-mono);white-space:pre;color:var(--lp-ink);font-size:.82rem}.viz-code-line.active .viz-code-text{font-weight:600}.viz-controls{border-top:1px solid var(--code-border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.viz-speed{background:var(--parchment);border:1px solid var(--border-light);border-radius:99px;align-items:center;gap:2px;padding:3px;display:inline-flex}.viz-speed-btn{color:var(--text-2);cursor:pointer;font-size:.74rem;font-weight:700;font-family:var(--sans);transition:all var(--transition);background:0 0;border:none;border-radius:99px;padding:5px 12px}.viz-speed-btn.on{background:var(--lp-ink);color:#fff}.viz-pulse-wrap{display:inline-flex;position:relative}.viz-pulse-dot{background:var(--sage);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite vizPulse;position:absolute;top:-2px;right:-2px}@keyframes vizPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.6)}}.viz-step-chip{color:var(--sage);background:color-mix(in srgb, var(--sage) 12%, transparent);white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:.72rem;font-weight:700}.viz-story-body{flex:1;min-height:0;padding:16px;overflow:auto}.viz-empty{text-align:center;padding:52px 16px}.viz-empty-icon{background:color-mix(in srgb, var(--sage) 12%, transparent);width:56px;height:56px;color:var(--sage);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.viz-empty-title{margin-bottom:4px;font-weight:600}.viz-empty-sub{max-width:320px;margin:0 auto;font-size:.84rem}.viz-callout{--vc:var(--sage);background:color-mix(in srgb, var(--vc) 9%, white);border:1px solid color-mix(in srgb, var(--vc) 24%, transparent);border-left:4px solid var(--vc);border-radius:14px;margin-bottom:16px;padding:14px 16px}.viz-callout-meta{text-transform:uppercase;letter-spacing:.04em;color:var(--vc);align-items:center;gap:6px;margin-bottom:4px;font-size:.72rem;font-weight:700;display:flex}.viz-callout-dot{background:var(--vc);border-radius:99px;flex-shrink:0;width:7px;height:7px;display:inline-block}.viz-callout-text{color:var(--lp-ink);font-size:1.02rem;font-weight:600;line-height:1.45}.viz-subhead{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:9px;font-size:.74rem;display:flex}.viz-term-dots{gap:3px;display:inline-flex}.viz-term-dots i{border-radius:99px;width:7px;height:7px;font-style:normal;display:inline-block}.viz-term-dots i:first-child{background:#ff5f56}.viz-term-dots i:nth-child(2){background:#ffbd2e}.viz-term-dots i:nth-child(3){background:#27c93f}.viz-var-chip{font-family:var(--font-mono);background:var(--code-bg);border:1px solid var(--code-border);color:var(--lp-ink);border-radius:7px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.viz-ref-chip{border:1.5px solid;border-radius:99px;align-items:center;gap:3px;padding:1px 7px;font-size:.72rem;font-weight:700;display:inline-flex}@media (width<=600px){.viz-hero-title{font-size:1.3rem}.viz-tab{padding:8px 13px;font-size:.8rem}}.algo-lab{margin-top:2px}.algo-picker{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;align-items:center;gap:10px;margin-bottom:6px;padding:2px 2px 10px;display:flex;overflow:auto hidden}.algo-picker::-webkit-scrollbar{height:6px}.algo-picker::-webkit-scrollbar-thumb{background:var(--lp-border);border-radius:99px}.algo-cat-group{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.algo-cat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;padding-right:2px;font-size:.68rem;font-weight:800}.algo-chip{scroll-snap-align:start;border:1.5px solid var(--lp-border);color:var(--text-2);white-space:nowrap;cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--sans);background:#fff;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:8px 15px;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s,color .15s;display:inline-flex}.algo-chip:hover{transform:translateY(-1px);box-shadow:0 6px 16px -10px #1f1b164d}.algo-chip.on{background:var(--st-teach-c);border-color:var(--st-teach-c);color:#fff}.algo-blurb{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:.82rem;display:flex}.algo-bigo-badge{text-transform:none;letter-spacing:0}.algo-stage{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}@media (width<=980px){.algo-stage{grid-template-columns:1fr}}.algo-panel{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.algo-panel-canvas{padding-bottom:2px}.algo-panel .panel-head{padding:9px 14px}.algo-panel .panel-title{font-size:.86rem;font-weight:700}.algo-panel-canvas>.viz-callout,.algo-panel-canvas>.algo-legend{margin-left:14px;margin-right:14px}.algo-panel-canvas>.viz-callout{margin-top:12px}.algo-canvas{background:var(--parchment);border-radius:var(--r);height:210px;margin:12px 14px 0;padding:14px 10px 8px;display:flex;overflow:hidden}.algo-bars{flex:1;align-items:flex-end;gap:6px;min-width:0;display:flex}.algo-bar-slot{border-radius:6px 6px 0 0;flex:1;align-items:flex-end;min-width:0;height:100%;display:flex}.algo-bar-slot.in-range{background:color-mix(in srgb, var(--gold) 10%, transparent)}.algo-bar{color:#fff;border-radius:5px 5px 0 0;justify-content:center;align-items:flex-start;width:100%;padding-top:4px;font-size:.72rem;font-weight:700;transition:height .2s,background .2s;display:flex}.algo-bar-neutral{background:var(--gold-light)}.algo-bar-cmp{background:var(--rose)}.algo-bar-sorted{background:var(--sage)}.algo-bar-pivot{background:var(--st-challenge-c)}.algo-boxes{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.algo-box-slot{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.algo-box{background:var(--parchment);width:38px;height:44px;color:var(--text-muted);border:1px solid var(--border-light);border-radius:8px;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.algo-box.range{background:var(--gold-bg);color:var(--lp-ink);border-color:var(--gold-light)}.algo-box.at{background:var(--gold);color:#fff;border-color:var(--gold)}.algo-box.found{background:var(--sage);color:#fff;border-color:var(--sage)}.algo-box.dead{background:var(--parchment);color:var(--text-muted);opacity:.55}.algo-box-idx{color:var(--text-muted);font-size:.6rem}.algo-ptr{color:var(--gold);white-space:nowrap;min-height:12px;font-size:.62rem;font-weight:700}.algo-stack,.algo-queue{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.algo-stack{flex-direction:column-reverse}.algo-queue{flex-direction:row}.algo-stack-item{background:var(--gold-light);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:40px;font-size:.85rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.algo-stack-item.touched{box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 35%, transparent);transform:scale(1.06)}.algo-marker{color:var(--gold);white-space:nowrap;font-size:.62rem;font-weight:700;position:absolute;top:-18px}.algo-stack .algo-marker{top:auto;right:-38px}.algo-marker-front{left:0;right:auto}.algo-marker-back{right:0}.algo-empty-note{font-size:.84rem}.algo-callstack{flex-direction:column-reverse;flex:1;justify-content:flex-end;gap:6px;min-width:0;display:flex;overflow:auto}.algo-frame{color:#fff;border-radius:8px;flex-shrink:0;justify-content:space-between;gap:10px;padding:7px 12px;font-size:.82rem;font-weight:700;display:flex}.algo-frame.waiting{background:var(--gold-light)}.algo-frame.returned{background:var(--sage)}.algo-legend{color:var(--text-muted);flex-wrap:wrap;gap:12px;padding:8px 14px 0;font-size:.72rem;display:flex}.algo-legend-item{align-items:center;gap:5px;display:inline-flex}.algo-swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.algo-swatch-cmp{background:var(--rose)}.algo-swatch-sorted{background:var(--sage)}.algo-swatch-pivot{background:var(--st-challenge-c)}.algo-swatch-at{background:var(--gold)}.algo-swatch-found{background:var(--sage)}.algo-swatch-dead{background:var(--parchment);border:1px solid var(--border-light)}.algo-swatch-range{background:var(--gold-bg);border:1px solid var(--gold-light)}.algo-swatch-touch{background:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 35%, transparent)}.algo-swatch-waiting{background:var(--gold-light)}.algo-swatch-returned{background:var(--sage)}.algo-inline-group{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.algo-inline-label{color:var(--text-2);white-space:nowrap;margin-right:2px;font-size:.8rem}.algo-lang-chip{cursor:pointer;font-family:var(--sans);border:1.5px solid #0000;transition:background .15s,border-color .15s,color .15s}.algo-lang-off{border-color:var(--border-light);color:var(--text-muted);background:0 0}.algo-lang-off:hover{border-color:var(--gold-light);color:var(--text-2)}.algo-code{background:var(--code-bg);flex:1;min-height:220px;max-height:340px;padding:8px 0;overflow:auto}.algo-line-note{border-top:1px solid var(--code-border);background:var(--parchment);color:var(--lp-ink);padding:9px 14px;font-size:.8rem}.algo-bigO{flex-wrap:wrap;gap:8px;padding:10px 14px 12px;display:flex}.algo-bigO-chip{color:var(--text-2);background:var(--parchment);border:1px solid var(--border-light);white-space:nowrap;border-radius:99px;padding:3px 11px;font-size:.72rem;font-weight:700}.algo-explain{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin-top:16px;display:grid}.algo-explain-card{padding:18px 20px}.algo-explain-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.8rem;font-family:var(--sans);margin-bottom:8px}.algo-explain-text{color:var(--lp-ink);font-size:.86rem;line-height:1.55}.algo-explain-steps{color:var(--lp-ink);margin:0;padding-left:18px;font-size:.86rem;line-height:1.7}.algo-explain-steps li{margin-bottom:2px}@media (width<=560px){.algo-canvas{height:180px;padding:10px 6px 6px}.algo-bars{gap:4px}.algo-bar-val{font-size:.66rem}.algo-boxes{gap:4px}.algo-box{width:32px;height:38px;font-size:.74rem}.algo-stack-item{width:44px;height:36px;font-size:.76rem}.algo-chip{padding:7px 12px;font-size:.76rem}.algo-explain-card{padding:16px}}.story-hero-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.story-hero-bar{background:#fff;border-radius:99px;flex:220px;min-width:180px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #1f1b1614}.story-hero-fill{background:linear-gradient(90deg, var(--gold-light), var(--gold));border-radius:99px;height:100%;transition:width .5s}.story-continue.btn-gold{border-radius:999px;flex-shrink:0;box-shadow:0 8px 20px -10px #8a6b3080}.story-map{flex-direction:column;gap:18px;display:flex}.story-wing{padding:0;overflow:hidden}.story-wing.locked{opacity:.72}.story-wing-head{background:linear-gradient(120deg, var(--wing-bg), #fff 78%);border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:16px 20px;display:flex}.story-wing-emoji{width:44px;height:44px;box-shadow:var(--shadow-card);background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.story-wing-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--wing-c);font-size:.68rem;font-weight:800}.story-wing-name{font-family:"Fredoka",var(--display);color:var(--lp-ink);font-size:1.1rem;font-weight:600;line-height:1.2}.story-wing-tag{color:var(--text-2);margin-top:1px;font-size:.78rem}.story-wing-count{color:var(--wing-c);background:var(--wing-bg);white-space:nowrap;border-radius:99px;flex-shrink:0;margin-left:auto;padding:4px 12px;font-size:.74rem;font-weight:800}.story-wing-lock{color:var(--text-muted);align-items:center;gap:6px;padding:10px 20px 0;font-size:.76rem;display:flex}.story-trail{max-width:620px;margin:0 auto;position:relative}.story-trail-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.story-node{appearance:none;cursor:pointer;width:120px;font-family:var(--sans);background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;padding:0;display:flex;position:absolute;transform:translate(-50%)}.story-node:disabled{cursor:not-allowed}.story-node-dot{border:2.5px solid var(--border-light);width:52px;height:52px;box-shadow:var(--shadow-card);transition:transform var(--transition), box-shadow var(--transition);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.35rem;display:flex;position:relative}.story-node:not(:disabled):hover .story-node-dot{box-shadow:var(--shadow-md);transform:translateY(-3px)scale(1.05)}.story-node.done .story-node-dot{background:var(--sage-bg);border-color:var(--sage)}.story-node.done .story-node-check{background:var(--sage);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;right:-4px}.story-node.now .story-node-dot{border-color:var(--gold);background:var(--gold-bg);box-shadow:0 0 0 6px #b2904a38, var(--shadow-md);animation:1.8s ease-in-out infinite story-pulse}.story-node.locked .story-node-dot{filter:grayscale();opacity:.55;border-style:dashed}.story-node-lock{border:1px solid var(--border-light);width:20px;height:20px;color:var(--text-muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.story-node-label{color:var(--text-2);text-align:center;font-size:.7rem;font-weight:700;line-height:1.25}.story-node.locked .story-node-label{color:var(--text-muted);font-weight:600}.story-node.now .story-node-label{color:var(--gold)}.story-node-here{letter-spacing:.07em;color:#fff;background:var(--gold);border-radius:99px;padding:2px 8px;font-size:.6rem;font-weight:800}@keyframes story-pulse{0%,to{box-shadow:0 0 0 5px #b2904a2e, var(--shadow-md)}50%{box-shadow:0 0 0 10px #b2904a14, var(--shadow-md)}}.story-crown{text-align:center;background:linear-gradient(120deg, var(--gold-bg), #fff 80%);border:1.5px solid var(--gold-light);margin-top:18px;padding:26px}.story-play-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.story-play-chip{color:var(--wing-c);background:var(--wing-bg);white-space:nowrap;border-radius:99px;padding:4px 12px;font-size:.72rem;font-weight:800}.story-play-card{padding:0;overflow:hidden}.story-play-head{background:linear-gradient(120deg, var(--wing-bg), #fff 80%);border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:18px 22px;display:flex}.story-play-icon{width:52px;height:52px;box-shadow:var(--shadow-card);background:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.7rem;display:flex}.story-play-room{font-family:"Fredoka",var(--display);color:var(--lp-ink);font-size:1.25rem;font-weight:600;line-height:1.2}.story-play-body{padding:20px 22px}.story-bubble-row{align-items:flex-end;gap:14px;display:flex}.story-bubble{background:var(--parchment);border-radius:16px 16px 16px 5px;flex:1;margin-bottom:16px;padding:14px 16px;font-size:.95rem;line-height:1.6;position:relative;box-shadow:0 3px 12px #1f1b160f}.story-bubble-tail{background:var(--parchment);width:14px;height:14px;position:absolute;bottom:14px;left:-7px;transform:rotate(45deg)}.story-task{border-radius:var(--r);background:var(--gold-bg);border-left:3px solid var(--gold);margin:16px 0 4px;padding:13px 15px;font-size:.9rem;line-height:1.55}.story-hint summary{cursor:pointer;color:var(--gold);margin-top:10px;font-size:.82rem;font-weight:700}.story-hint p{color:var(--text-2);background:var(--parchment);border-radius:var(--r-sm);margin-top:8px;padding:10px 12px;font-size:.86rem}@media (width<=640px){.story-wing-head{padding:13px 14px}.story-wing-tag{display:none}.story-node{width:96px}.story-node-dot{width:46px;height:46px;font-size:1.15rem}}.arc-hero-emojis{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.arc-hero-emoji{width:38px;height:38px;box-shadow:var(--shadow-card);background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.arc-cat-row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.arc-cat-chip{appearance:none;border:1.5px solid var(--border-light);font-family:var(--sans);color:var(--text-2);cursor:pointer;transition:all var(--transition);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 15px;font-size:.82rem;font-weight:700;display:inline-flex}.arc-cat-chip:hover{border-color:var(--gold-light)}.arc-cat-chip.on{background:var(--arc-bg,var(--gold-bg));border-color:var(--arc-c,var(--gold));color:var(--arc-c,var(--gold))}.arc-cat-n{background:var(--parchment);color:var(--text-muted);border-radius:99px;padding:1px 7px;font-size:.7rem;font-weight:800}.arc-cat-chip.on .arc-cat-n{color:var(--arc-c,var(--gold));background:#fff}.arc-group-head{align-items:center;gap:9px;margin:22px 0 12px;display:flex}.arc-group-emoji{font-size:1.15rem}.arc-group-name{font-family:"Fredoka",var(--display);color:var(--lp-ink);font-size:1.05rem;font-weight:600}.arc-group-n{color:var(--arc-c);background:var(--arc-bg);border-radius:99px;padding:2px 10px;font-size:.72rem;font-weight:800}.arc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,224px),1fr));gap:14px;display:grid}.arc-card{text-align:left;cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;padding:0;display:flex;overflow:hidden}.arc-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.arc-card-top{background:linear-gradient(120deg, var(--arc-bg), #fff 92%);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.arc-card-emoji{font-size:2rem;line-height:1}.arc-run-chip{letter-spacing:.06em;color:var(--arc-c);border:1px solid color-mix(in srgb, var(--arc-c) 30%, white);background:#fff;border-radius:99px;padding:3px 9px;font-size:.6rem;font-weight:800}.arc-card-body{flex-direction:column;flex:1;gap:7px;padding:14px 16px 15px;display:flex}.arc-card-title{color:var(--lp-ink);font-size:1rem;font-weight:700;line-height:1.3}.arc-card-blurb{color:var(--text-2);flex:1;font-size:.8rem;line-height:1.5}.arc-card-go{color:var(--arc-c);align-items:center;gap:5px;margin-top:2px;font-size:.78rem;font-weight:800;display:inline-flex}.arc-chips{flex-wrap:wrap;gap:5px;display:flex}.arc-chip{background:var(--parchment);color:var(--text-muted);border-radius:99px;padding:2px 8px;font-size:.66rem;font-weight:700}.arc-play-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.arc-play-emoji{background:var(--arc-bg);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.9rem;display:flex}.arc-play-title{font-family:"Fredoka",var(--display);color:var(--lp-ink);font-size:1.35rem;font-weight:600}.arc-play-cat{color:var(--arc-c);background:var(--arc-bg);white-space:nowrap;border-radius:99px;flex-shrink:0;padding:5px 13px;font-size:.74rem;font-weight:800}.arc-walk-code{font-family:var(--font-mono);background:var(--code-bg);color:var(--lp-ink);border:1px solid var(--code-border);word-break:break-word;white-space:pre-wrap;border-radius:5px;padding:3px 8px;font-size:.78rem;display:inline-block}.story-coin-chip{background:var(--gold-bg);color:var(--gold)}.story-sol{margin-top:14px}.story-sol-label{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);align-items:center;gap:6px;margin-bottom:7px;font-size:.74rem;font-weight:800;display:flex}.story-sol-code{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--r);font-family:var(--font-mono);white-space:pre;color:var(--lp-ink);margin:0;padding:13px 15px;font-size:.82rem;line-height:1.65;overflow-x:auto}.story-sol-note{color:var(--text-muted);margin-top:7px;font-size:.78rem}.story-sol-cost{color:var(--gold);background:var(--gold-bg);border-radius:99px;align-items:center;gap:4px;margin-left:6px;padding:2px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.story-sol-confirm{background:var(--gold-bg);border:1px solid var(--gold-light);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;font-size:.85rem;display:flex}.story-sol-err{color:var(--st-debug-c);background:var(--st-debug-bg);border-radius:var(--r-sm);margin-top:8px;padding:9px 12px;font-size:.82rem}.story-earn-pop{z-index:80;color:var(--gold);border:1.5px solid var(--gold-light);box-shadow:var(--shadow-lg);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:9px 18px;font-size:.88rem;font-weight:800;animation:.35s story-pop;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}@keyframes story-pop{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.hero-terminal{width:520px;margin:0 auto;position:relative}.terminal-window{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1423f0;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden;box-shadow:0 16px 48px #0006,inset 0 0 0 1px #ffffff0a}.terminal-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;gap:6px;padding:9px 12px;display:flex}.terminal-dot{border-radius:50%;width:9px;height:9px}.terminal-dot:first-child{background:#ff5f56}.terminal-dot:nth-child(2){background:#ffbd2e}.terminal-dot:nth-child(3){background:#27c93f}.terminal-title{text-align:center;color:#ffffff4d;font-size:.68rem;font-family:var(--font-mono);flex:1}.terminal-body{height:340px;font-family:var(--font-mono);scroll-behavior:smooth;flex-direction:column-reverse;padding:18px 20px;font-size:.8rem;line-height:1.85;display:flex;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:0;height:0}.terminal-body .lines-wrap{flex-direction:column;display:flex}.terminal-body .line{flex-shrink:0;animation:.15s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.terminal-body .prompt{color:#27c93f;-webkit-user-select:none;user-select:none;margin-right:6px}.terminal-body .string{color:#f1fa8c}.terminal-body .comment{color:#6272a4}.terminal-body .cursor{vertical-align:text-bottom;background:#f8f8f2;width:7px;height:14px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}.floating-card{font-family:var(--font-mono);color:#fff3;pointer-events:none;background:#19263ca6;border:1px solid #ffffff0d;border-radius:6px;padding:6px 12px;font-size:.68rem;animation:6s ease-in-out infinite cardFloat;position:absolute}.floating-card:first-child{animation-delay:0s;top:-14px;right:-12px}.floating-card:nth-child(2){animation-delay:1.5s;bottom:-10px;left:-10px}.floating-card:nth-child(3){animation-delay:3s;top:35%;right:-20px}.floating-card:nth-child(4){animation-delay:4.5s;bottom:30%;left:-18px}@keyframes cardFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(1deg)}}@media (width<=768px){.hero-terminal{width:100%}.floating-card{display:none}.terminal-body{height:220px;font-size:.7rem}}