/* YL English — midnight / electric cyan */
:root{color-scheme:dark;--ink:#edf4fa;--green:#71e4e8;--muted:#a1acba;--line:#2a3342;--paper:#0a0e15;--soft:#172d36}
body{background:radial-gradient(ellipse at 95% 10%,#17404755,transparent 42%),radial-gradient(ellipse at 0% 40%,#29204944,transparent 40%),#0a0e15;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:64px 64px}
header{max-width:1100px;margin:20px auto 0;padding:14px 24px;border:1px solid #ffffff20;background:#141b248c;backdrop-filter:blur(20px);border-radius:100px}
.yl-logo{filter:drop-shadow(0 0 10px #71e4e81a)}.brand .yl-logo>path[fill]{fill:#71e4e8}.brand .yl-logo>path[stroke]{stroke:#0e252d}.brand .yl-logo text{fill:#0e252d}.brand .yl-logo circle{fill:#f5bb7c}
.header-actions{display:flex;align-items:center;gap:16px}.replay-opening{border:0;background:none;color:#c1d5df;font-size:20px;padding:8px;min-height:44px}.replay-opening span{font-size:13px;margin-left:3px}.prototype{border:1px solid #334451;border-radius:100px;padding:3px 10px;color:#adbac8}
main{max-width:950px;padding-top:40px}.intro{align-items:center}h1{font-size:clamp(36px,5vw,52px);font-weight:800;letter-spacing:-1.8px;line-height:1.15}.headline-accent{color:#71e4e8}.eyebrow{color:#a9c5ce;font-size:12px;letter-spacing:3px}.stat{border:1px solid #374858;background:linear-gradient(145deg,#243d4055,#151d2844);border-radius:22px;padding:17px 22px;transform:rotate(4deg)}.stat strong{color:#71e4e8;font-size:42px}.intro .muted{font-size:15px}
.accent-picker{margin-top:22px}.accent-picker label{background:#151c28;border-color:#344150;border-radius:100px}.accent-picker label:has(input:checked){background:#71e4e817;border-color:#71e4e8}.accent-picker input{accent-color:#71e4e8}nav{border-color:#2a3444;margin-top:26px}.tab{border-radius:3px 3px 0 0}.tab.active{color:#71e4e8}.tab span{background:#243e48;color:#a7eff1}
.daily-entry{background:linear-gradient(110deg,#8be9eb,#57cad4);color:#07242e;border:1px solid #b2f4f766;border-radius:20px;padding:21px 26px;box-shadow:0 9px 40px #4dcbd410;position:relative;overflow:hidden}.daily-entry::after{content:"";position:absolute;width:180px;height:180px;border:1px solid #143c5030;border-radius:50%;right:0;top:-75px;box-shadow:0 0 0 24px #ffffff09,0 0 0 48px #ffffff06;pointer-events:none}.daily-entry strong{font-size:20px}.daily-entry>span:last-child{z-index:1;font-size:32px}.daily-entry:hover{filter:brightness(1.08)}
.section-heading{margin-top:30px}.section-heading h2{font-size:25px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card{background:linear-gradient(145deg,#1b2434,#111822);border-color:#2e3a4c;position:relative;overflow:hidden;border-radius:20px;padding:21px;transition:transform .25s,border-color .25s,box-shadow .25s}.category-card::after{content:"↗";position:absolute;top:20px;right:20px;color:#75889b;font-size:20px}.category-card:hover:not(:disabled){border-color:#71e4e8;transform:translateY(-5px);box-shadow:0 15px 35px #0004,0 0 25px #71e4e80c}.category-card:nth-child(3n+2){background:linear-gradient(145deg,#272238,#151823)}.category-card:nth-child(3n){background:linear-gradient(145deg,#1c3036,#111a24)}.category-icon{background:#a1bbd015;box-shadow:inset 0 1px 0 #ffffff18;font-size:28px;width:50px;height:50px;border-radius:15px}.category-card strong{font-size:17px}.category-desc{color:#a6b3c6}.category-preview{color:#d9e6ef;font-size:18px;font-style:italic}.category-bottom{border-color:#354052;font-size:12px;color:#91e5e9}.category-card:disabled{opacity:.52}.category-card:disabled::after{content:"· · ·"}.category-intro{color:#a6b3c6}
.card{background:linear-gradient(135deg,#1c2836,#121925);border-color:#354454;box-shadow:0 20px 60px #0003;border-radius:24px}.badge{background:#493422;color:#f4c18e}.step{background:#253142}.step.current{background:#71e4e81d;color:#91eff0}.primary{background:#71e4e8;border-color:#71e4e8;color:#09232c;box-shadow:0 3px 15px #71e4e815}.primary:hover{background:#a0f1f4}.secondary{background:#151e2a;border-color:#455165;color:#bddde7}.choice{background:#17202d;border-color:#394557;color:#e5eef8}.choice:hover{background:#243645}.choice.correct{border-color:#71e4e8;background:#21454b}.feedback{background:#3e3025;color:#f8d3a0}.feedback.success{background:#1b4242;color:#a6f2e8;animation:correct-pop .4s ease-out}.word{background:#24303e;color:#bdc9d7}.word strong{color:#85edf0}.example{border-color:#62c9d0}.english{color:#f6fafc}input,select{background:#121d2a;color:#eaf3fb;border-color:#425467}input:focus{outline-color:#71e4e8}.library-item{background:#172130;border-color:#344254}.progress{background:#2a3849}.progress i{background:linear-gradient(90deg,#56b9d7,#a5f4df)}footer{max-width:1100px;border-color:#293341;color:#8796aa}
@keyframes correct-pop{from{transform:scale(.97);opacity:.6}to{transform:scale(1);opacity:1}}
.entering{overflow:hidden}.opening{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at 50% 45%,#153b475c,transparent 55%),#080d14;display:grid;place-items:center;overflow:hidden;padding:28px;isolation:isolate;transition:opacity .55s,transform .55s}.opening.leaving{opacity:0;transform:scale(1.035);pointer-events:none}.opening-grid{position:absolute;inset:0;background-image:linear-gradient(#69e8ed0a 1px,transparent 1px),linear-gradient(90deg,#69e8ed0a 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse,#000,transparent 75%);transform:perspective(700px) rotateX(35deg) scale(1.5);z-index:-2}.opening-orbit{position:absolute;width:min(75vw,560px);height:min(75vw,560px);border-radius:50%;background:radial-gradient(circle,#52c7de05 42%,#52c7de15 60%,transparent 72%);z-index:-1}.opening-orbit i{position:absolute;inset:0;border:1px solid #8ddde62e;border-radius:50%;transform:rotateX(55deg) rotate(-25deg)}.opening-orbit i:nth-child(2){inset:10%;transform:rotateY(50deg) rotate(30deg);border-color:#bca2ff45}.opening-orbit i:nth-child(3){inset:20%;border-style:dashed;border-color:#76e6ee38}.opening-orbit b{position:absolute;width:12px;height:12px;border-radius:50%;background:#9ef7ee;box-shadow:0 0 30px #59ddea;left:12%;top:18%}.opening-content{text-align:center;max-width:750px;position:relative}.opening-kicker{font-size:12px;letter-spacing:4px;color:#92bdc9;margin:0 0 20px}#opening-mark svg{width:230px;max-width:65vw;filter:drop-shadow(0 0 40px #5bd4d92e)}#opening-mark svg>path[fill]{fill:#71e4e8}#opening-mark svg>path[stroke]{stroke:#0e252d}#opening-mark svg text{fill:#0e252d}#opening-mark svg circle{fill:#f5bb7c}.opening-title{font-size:clamp(28px,4.5vw,49px);letter-spacing:-1px;line-height:1.3;margin:22px 0;color:#e8f7fa}.opening-title span{display:inline-block}.opening-title span:last-child{color:#71e4e8}.opening-wave{display:flex;height:35px;align-items:center;justify-content:center;gap:6px;margin:18px 0}.opening-wave i{height:12px;width:4px;border-radius:10px;background:#74e0e7}.opening-wave i:nth-child(3n){background:#c2b4ff}.opening-caption{font-size:14px;color:#9fbdca}.opening-enter{background:#71e4e814;border:1px solid #71e4e875;color:#c8faff;min-height:48px;border-radius:100px;padding:10px 23px;margin-top:12px;font-size:14px}.opening-enter span{margin-left:20px}.opening-enter:hover{background:#71e4e82e}.opening-bottom{position:absolute;bottom:28px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#6d8998}
.opening.animate #opening-mark{animation:mark-arrive 1s cubic-bezier(.16,1,.3,1) both}.opening.animate .opening-kicker{animation:word-arrive .8s .1s both}.opening.animate .opening-title span{animation:word-arrive .75s both}.opening.animate .opening-title span:nth-child(1){animation-delay:.3s}.opening.animate .opening-title span:nth-child(2){animation-delay:.45s}.opening.animate .opening-title span:nth-child(3){animation-delay:.6s}.opening.animate .opening-title span:nth-child(4){animation-delay:.75s}.opening.animate .opening-orbit{animation:orbit-arrive 3.5s ease-out both}.opening.animate .opening-wave i{animation:wave-dance .7s ease-in-out infinite alternate}.opening-wave i:nth-child(2n){animation-delay:-.4s!important}.opening-wave i:nth-child(3n){animation-delay:-.2s!important}.site-arrived main{animation:page-arrive .6s ease-out both}
@keyframes mark-arrive{from{opacity:0;transform:translateY(25px) scale(.8);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes word-arrive{from{opacity:0;transform:translateY(22px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes orbit-arrive{from{opacity:0;transform:scale(.65) rotate(-35deg)}to{opacity:1;transform:scale(1.2) rotate(25deg)}}@keyframes wave-dance{from{height:6px;opacity:.5}to{height:30px;opacity:1}}@keyframes page-arrive{from{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:1100px){header{margin:14px 20px 0}}@media(max-width:650px){header{padding:9px 14px;margin:12px 14px 0}.header-actions{gap:8px}.replay-opening span{font-size:12px}.prototype{display:none}main{padding:30px 18px 35px}.intro{gap:14px}h1{font-size:37px}.stat{padding:13px 15px;min-width:75px;border-radius:17px}.stat strong{font-size:32px}.stat span{font-size:12px}.intro .muted{font-size:14px}.eyebrow{font-size:10px;letter-spacing:2px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{padding:17px 14px}.category-card::after{right:14px;top:16px}.category-card strong{font-size:16px}.category-preview{font-size:16px}.daily-entry{padding:18px 20px}.daily-entry strong{font-size:18px}.opening{padding:20px}.opening-title span:nth-child(3)::before{content:""}.opening-title{max-width:330px;margin:20px auto;font-size:32px}.opening-kicker{font-size:10px;letter-spacing:2.5px}.opening-orbit{width:450px;height:450px}.opening-bottom{left:20px;right:20px;font-size:9px;letter-spacing:1px}.opening-caption{font-size:13px}}
@media(max-width:350px){.category-grid{grid-template-columns:1fr}.replay-opening span{display:none}}
@media(prefers-reduced-motion:reduce){.opening,.opening *,.site-arrived main,.feedback.success{animation:none!important;transition:none!important}.category-card{transition:none}.category-card:hover:not(:disabled){transform:none}}
/* Future learning space — sculpted mint, lilac and frosted glass */
:root{color-scheme:light;--ink:#202a34;--green:#286c5c;--muted:#697784;--line:#d4dce2;--paper:#edf0f2;--soft:#dbf4e9}
body{background:radial-gradient(ellipse at 80% 8%,#b5eedd80,transparent 37%),radial-gradient(ellipse at 8% 40%,#d1ccf775,transparent 36%),linear-gradient(135deg,#f4f5f6,#e8edf0);color:var(--ink)}body::before{background-image:linear-gradient(#ffffff55 1px,transparent 1px),linear-gradient(90deg,#ffffff55 1px,transparent 1px);background-size:85px 85px;mask-image:linear-gradient(transparent,#0006)}
header{background:#ffffff70;border-color:#ffffffd0;box-shadow:0 10px 35px #45556908}.brand .yl-logo{filter:drop-shadow(0 4px 4px #286c5c12)}.brand .yl-logo>path[fill]{fill:#2e6f60}.brand .yl-logo>path[stroke]{stroke:#f6fff9}.brand .yl-logo text{fill:#f6fff9}.brand .yl-logo circle{fill:#f5c16c}.replay-opening{color:#556a73}.prototype{color:#687a83;border-color:#c4d3d7}.eyebrow{color:#7c8794}main{max-width:1100px}.intro{position:relative;min-height:315px;gap:18px}.intro>div:first-child{position:relative;z-index:1;flex:1}h1{font-size:clamp(38px,5vw,58px);letter-spacing:-2px;line-height:1.15}.headline-accent{color:#328a74}.intro .muted{color:#64737d}.spatial-stage{width:430px;height:300px;position:relative;flex-shrink:0;perspective:800px;isolation:isolate}.stage-platform{position:absolute;bottom:3px;left:52px;width:330px;height:90px;border-radius:50%;background:radial-gradient(ellipse,#75d4b65c,#bce9dd22 60%,transparent 72%);transform:rotateX(35deg)}.spatial-stage::before{content:"";position:absolute;width:190px;height:225px;right:75px;top:28px;border-radius:80px 80px 55px 55px;background:linear-gradient(145deg,#a8f2d8,#6cd4b8);transform:rotate(-12deg);box-shadow:0 20px 40px #57b99920;z-index:-1}.spatial-stage::after{content:"";position:absolute;inset:20px 80px;border:1px solid #ffffffa0;border-radius:45px;transform:rotate(13deg);z-index:-2}
.yl-buddy{position:absolute;left:155px;top:58px;width:140px;height:190px;filter:drop-shadow(0 15px 14px #31685d25);animation:buddy-hover 4s ease-in-out infinite}.buddy-head{position:absolute;left:8px;top:0;width:124px;height:91px;border-radius:39px 39px 32px 32px;background:linear-gradient(140deg,#f6fff9 4%,#b9f4df 28%,#70d7b7 60%,#3aa68d);box-shadow:inset 4px 4px 7px #ffffffc0,inset -5px -6px 10px #297c6750;border:1px solid #dcfff2;transform:rotate(-5deg);z-index:3}.buddy-visor{position:absolute;left:14px;right:14px;top:21px;height:45px;border-radius:22px;background:linear-gradient(140deg,#33575f,#132f35 60%,#253e46);box-shadow:inset 2px 3px 8px #0005,0 3px 1px #eefff950;display:flex;align-items:center;justify-content:center;gap:25px;overflow:hidden}.buddy-visor::before{content:"";position:absolute;width:90px;height:16px;background:#ffffff1c;top:-2px;transform:rotate(-15deg)}.buddy-visor i{width:9px;height:15px;background:#b2ffe4;border-radius:10px;box-shadow:0 0 9px #86ffd8;animation:buddy-blink 6s infinite}.buddy-visor b{position:absolute;width:13px;height:6px;border-bottom:2px solid #a7f6df;bottom:8px;left:42px;border-radius:50%}.buddy-antenna{position:absolute;left:66px;top:-22px;width:5px;height:28px;background:linear-gradient(90deg,#5bad94,#d5fff0);transform:rotate(-9deg)}.buddy-antenna i{position:absolute;width:15px;height:15px;border-radius:50%;top:-7px;left:-5px;background:radial-gradient(circle at 30% 25%,#fff7d5,#f3c377 60%,#c08a40);box-shadow:0 0 15px #edc77950}.buddy-ear{position:absolute;top:30px;width:18px;height:35px;border-radius:12px;background:linear-gradient(90deg,#b3e5d8,#458c7b);box-shadow:inset 2px 2px 2px #fff8;z-index:2}.buddy-ear.left{left:-3px}.buddy-ear.right{right:-3px}.buddy-body{position:absolute;top:78px;left:24px;width:92px;height:90px;border-radius:27px 27px 40px 40px;background:linear-gradient(130deg,#e8fff3,#8cdbbe 55%,#388e78);box-shadow:inset 3px 3px 8px #fff9,inset -5px -5px 10px #225c4640;display:grid;place-items:center;border:1px solid #d8faec;z-index:2}.buddy-body span{display:grid;place-items:center;background:linear-gradient(140deg,#ffffffb0,#ddf5ed50);border:1px solid #effff5;border-radius:15px;width:47px;height:40px;font-size:23px;font-weight:800;color:#397b6b;box-shadow:0 4px 10px #387e7120}.buddy-hand{position:absolute;width:24px;height:60px;border-radius:20px;background:linear-gradient(100deg,#d3fae9,#6ec7a8);box-shadow:inset -3px -3px 5px #3d8a7338}.buddy-hand.left{top:91px;left:4px;transform:rotate(20deg)}.buddy-hand.right{right:-3px;top:68px;transform:rotate(-40deg);transform-origin:50% 85%;animation:buddy-wave 5s ease-in-out infinite}.buddy-foot{position:absolute;top:158px;width:38px;height:21px;background:linear-gradient(130deg,#eafff1,#56ae93);border-radius:14px;box-shadow:inset 2px 2px 4px #fff8}.buddy-foot.left{left:25px;transform:rotate(-8deg)}.buddy-foot.right{right:24px;transform:rotate(8deg)}
.floating-phrase{position:absolute;left:10px;top:24px;width:177px;padding:15px 18px;border:1px solid #fff;border-radius:19px;background:linear-gradient(135deg,#ffffffc9,#ffffffe0 60%,#e1ddffa6);backdrop-filter:blur(12px);box-shadow:0 16px 30px #62548316;transform:rotate(-7deg);z-index:4;animation:panel-float 5s ease-in-out infinite}.floating-phrase span{display:block;font-size:9px;letter-spacing:1px;color:#8b829f}.floating-phrase strong{display:block;font:600 22px/1.5 Georgia;color:#313447;margin:3px 0}.floating-phrase small{color:#72817e;font-size:12px}.floating-listen{position:absolute;right:0;top:77px;background:linear-gradient(125deg,#a995f7,#8f7be2);border:1px solid #d0c4ff;box-shadow:0 15px 25px #705ca72c;border-radius:18px;display:flex;align-items:center;gap:10px;padding:12px 17px;transform:rotate(7deg);z-index:4;color:#fff}.floating-listen i{font-style:normal;font-size:26px}.floating-listen span{font-size:12px}.floating-listen b{font-weight:600}.stat{position:absolute;left:45px;bottom:8px;background:#ffffffb0;border-color:#fff;border-radius:18px;padding:10px 20px;box-shadow:0 10px 20px #496d6210;z-index:4;transform:rotate(-4deg)}.stat strong{color:#398a70;font-size:31px}.stat span{color:#7c8a8c;font-size:12px}
.accent-picker{margin-top:4px}.accent-picker label{background:#ffffff90;border-color:#d5dce2}.accent-picker label:has(input:checked){background:#cceee1;border-color:#86c5ae}.accent-picker input{accent-color:#286c5c}.accent-picker span{color:#697784}nav{border-color:#ccd6dc}.tab.active{color:#286c5c}.tab span{background:#dfe9e5;color:#527467}.daily-entry{background:linear-gradient(120deg,#b8f1da,#81dabb);color:#1d5445;border:1px solid #ecfff6;box-shadow:0 10px 25px #4b956518,inset 0 1px 0 #fff}.daily-entry::after{border-color:#2e896325}.daily-entry strong{color:#215240}.section-heading h2{color:#27343d}.category-intro{color:#77848d}.category-card{background:linear-gradient(135deg,#ffffffd9,#f6f8fac9);border:1px solid #fff;box-shadow:0 12px 23px #3f546009,inset 0 1px 0 #fff;backdrop-filter:blur(12px);transform:perspective(800px) rotateX(0deg);transition:transform .35s,box-shadow .35s,border-color .35s}.category-card:nth-child(3n+2){background:linear-gradient(140deg,#f4f1ffeb,#e6e0ffb0)}.category-card:nth-child(3n){background:linear-gradient(140deg,#f0fcf5eb,#dcefe7b0)}.category-card:hover:not(:disabled){transform:perspective(800px) translateY(-7px) rotateX(4deg) rotateY(-3deg);border-color:#a9d6c5;box-shadow:0 20px 30px #365e501c}.category-card::after{color:#91a6a7}.category-card strong{color:#2e3944}.category-icon{background:linear-gradient(135deg,#fff,#dce7ef);border:1px solid #fff;box-shadow:5px 6px 10px #42596c18,inset 2px 2px 4px #fff;border-radius:15px;transform:rotate(-6deg);transition:transform .3s}.category-card:nth-child(3n+2) .category-icon{background:linear-gradient(135deg,#fff,#cfbff4)}.category-card:nth-child(3n) .category-icon{background:linear-gradient(135deg,#fff,#afe5cd)}.category-card:hover .category-icon{transform:rotate(5deg) translateY(-3px)}.category-desc{color:#78848f}.category-preview{color:#586371}.category-bottom{color:#477e6d;border-color:#d2ddd9}.category-card:disabled{opacity:.55}.card{background:linear-gradient(135deg,#ffffffeb,#f0f5f8e8);border-color:#fff;box-shadow:0 22px 50px #38506412}.badge{background:#f6e9d2;color:#846734}.step{background:#e3e9ed;color:#697784}.step.current{background:#cfeede;color:#38735f}.primary{background:#2d7460;border-color:#2d7460;color:white;box-shadow:0 5px 15px #286b601a}.primary:hover{background:#3f8c76}.secondary{background:#ffffff9c;border-color:#c9d5da;color:#467168}.choice{background:#ffffffaa;border-color:#d5dfe2;color:#364550}.choice:hover{background:#e8f2ec}.choice.correct{border-color:#87bda4;background:#d8f1e4}.feedback{background:#f8ebd6;color:#8c672f}.feedback.success{background:#d9efe2;color:#3b765a}.word{background:#e5ecee;color:#657780}.word strong{color:#397b65}.english{color:#34434b}.example{border-color:#9bccb4}input,select{background:#ffffffba;color:#344652;border-color:#c7d5db}input:focus{outline-color:#95c6b3}.library-item{background:#ffffffbd;border-color:#fff;box-shadow:0 8px 16px #42586b08}.progress{background:#d9e2e4}.progress i{background:linear-gradient(90deg,#ae9aea,#67c39f)}footer{color:#85919b;border-color:#cfd9df}
.opening{background:radial-gradient(ellipse at 50% 45%,#d8f6e9,transparent 60%),linear-gradient(135deg,#f7f8fa,#e7ecf0)}.opening-grid{background-image:linear-gradient(#ffffffb0 1px,transparent 1px),linear-gradient(90deg,#ffffffb0 1px,transparent 1px);transform:perspective(600px) rotateX(50deg) scale(2);mask-image:radial-gradient(ellipse,#0009,transparent 75%)}.opening-orbit{width:500px;height:310px;top:calc(50% - 270px);background:none;z-index:1}.opening-orbit .spatial-stage{margin:auto;transform:scale(.95)}.opening-content{z-index:2;padding-top:190px}.opening-kicker{color:#78968d;font-size:11px;margin-bottom:10px}#opening-mark svg{width:170px;filter:drop-shadow(0 10px 14px #42776422)}#opening-mark svg>path[fill]{fill:#2e6f60}#opening-mark svg>path[stroke]{stroke:#f6fff9}#opening-mark svg text{fill:#f6fff9}.opening-title{color:#344652;font-size:33px;margin:13px 0}.opening-title span:last-child{color:#4a9279}.opening-caption{color:#82918d;margin:7px 0}.opening-wave{height:20px;margin:10px 0}.opening-wave i{background:#78bfa6}.opening-wave i:nth-child(3n){background:#aa96de}.opening-enter{background:#ffffff90;border-color:#aacdbc;color:#397c66;margin-top:8px}.opening-enter:hover{background:#dff4e9}.opening-bottom{color:#849b98}.opening.animate .opening-orbit{animation:space-assemble 1.7s cubic-bezier(.16,1,.3,1) both}.opening.animate .floating-phrase{animation:panel-assemble 1.4s .2s cubic-bezier(.16,1,.3,1) both}.opening.animate .floating-listen{animation:panel-assemble 1.5s .4s cubic-bezier(.16,1,.3,1) both}.opening.animate #opening-mark{animation:mark-arrive 1s .5s both}.opening.leaving{transform:scale(1.05)}.site-arrived .category-card{animation:card-assemble .7s ease-out both}.site-arrived .category-card:nth-child(3n+2){animation-delay:.08s}.site-arrived .category-card:nth-child(3n){animation-delay:.16s}#today:not([hidden]) .card{animation:lesson-expand .45s ease-out both}
@keyframes buddy-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes buddy-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes buddy-wave{0%,65%,100%{transform:rotate(-40deg)}73%{transform:rotate(-62deg)}81%{transform:rotate(-30deg)}89%{transform:rotate(-56deg)}}@keyframes panel-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-5px) rotate(-5deg)}}@keyframes space-assemble{from{opacity:0;transform:translateY(70px) scale(.7) rotate(-12deg);filter:blur(9px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes panel-assemble{from{opacity:0;translate:0 45px;scale:.7}to{opacity:1;translate:0 0;scale:1}}@keyframes card-assemble{from{opacity:0;transform:perspective(800px) translateY(18px) rotateX(10deg)}to{opacity:1;transform:none}}@keyframes lesson-expand{from{opacity:.3;transform:scale(.96) translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:800px){.intro{min-height:270px}.spatial-stage{width:360px;transform:scale(.85);transform-origin:right center;margin-left:-50px;margin-right:-8px}h1{font-size:43px}}@media(max-width:650px){main{padding-top:27px}.intro{flex-wrap:wrap;min-height:0;gap:0}.intro>div:first-child{flex-basis:100%}h1{font-size:39px}.intro h1 br{display:none}.intro .muted{margin-top:10px}.spatial-stage{width:360px;height:280px;transform:scale(.82);transform-origin:center center;margin:-15px auto -35px;flex-basis:360px;flex-shrink:1}.spatial-stage::before{right:30px}.yl-buddy{left:127px}.floating-phrase{left:-6px;top:28px}.floating-listen{right:-8px;top:100px}.stat{left:5px;bottom:6px}.stage-platform{left:20px}.accent-picker{margin-top:10px}.opening-orbit{width:350px;top:calc(50% - 280px)}.opening-orbit .spatial-stage{transform:scale(.84);margin:0 auto}.opening-content{padding-top:115px}.opening-title{font-size:27px;max-width:330px}.opening-kicker{font-size:9px}.opening-bottom{font-size:9px}.category-card{padding:17px 14px}.intro .stat strong{font-size:30px}}@media(max-width:350px){.spatial-stage{transform:scale(.72);margin:-25px auto -45px}.intro h1{font-size:34px}}@media(prefers-reduced-motion:reduce){.yl-buddy,.buddy-visor i,.buddy-hand,.floating-phrase,.site-arrived .category-card,#today:not([hidden]) .card{animation:none!important}.category-card:hover:not(:disabled),.category-card:hover .category-icon{transform:none}}
@media(max-width:650px){.floating-phrase{width:157px;left:-12px;top:8px;padding:13px 15px}.floating-phrase strong{font-size:20px}.floating-listen{top:142px;right:-4px}}
body:has(#home[hidden]) .intro .spatial-stage{display:none}body:has(#home[hidden]) .intro{min-height:0;margin-bottom:20px}body:has(#home[hidden]) h1{font-size:32px}body:has(#home[hidden]) h1 br{display:none}