@font-face{font-family:Inter;src:url(assets/Inter-Regular.woff2);font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(assets/Inter-Medium.woff2);font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(assets/Inter-SemiBold.woff2);font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(assets/Inter-Bold.woff2);font-weight:700 900;font-display:swap}:root{--blue:#1357e6;--ink:#0a1a33;--muted:#56647b;--line:#dbe5f5;--pale:#edf4ff;--shadow:0 18px 48px #1b427518;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.6 Inter,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6fa1ff;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}button svg,.button svg,.icon{width:22px;height:22px;flex-shrink:0}.icon{object-fit:contain}.skip{position:absolute;top:-80px;z-index:20;background:#fff;padding:10px}.skip:focus{top:0}.header{position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(20px);border-bottom:1px solid #e9eff8}.header-inner{max-width:1440px;height:82px;margin:auto;padding:0 42px;display:flex;align-items:center;gap:38px}.brand{flex-shrink:0}.brand img{object-fit:contain;width:128px;height:39px}.header nav{display:flex;align-items:center;gap:34px;margin-left:42px;font-weight:600;font-size:14px}.header nav a{padding:12px 0;position:relative}.header nav a.active{color:var(--blue)}.header nav a.active:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--blue)}.external{margin-left:auto}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 23px;border-radius:99px;background:var(--blue);color:#fff;font-weight:600;font-size:15px;line-height:1.3;min-height:50px;box-shadow:0 8px 22px #1357e62b;transition:transform .2s,background .2s}.button:hover{background:#0b47c7;transform:translateY(-2px)}.button-small{padding:12px 18px;min-height:44px;font-size:13px;border-radius:13px}.button img{filter:brightness(0) invert(1)}.button-secondary{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}.button-secondary:hover{background:var(--pale)}.button-secondary img{filter:none}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--blue);font-size:14px;font-weight:600}.hero-wrap{overflow:hidden;background:radial-gradient(ellipse at 75% 10%,#dceaff 0,transparent 53%),linear-gradient(180deg,#f3f8ff,#fff 96%)}.hero{max-width:1440px;margin:auto;padding:54px 42px 26px;display:grid;grid-template-columns:47% 53%;align-items:center;min-height:490px;position:relative}.hero-copy{z-index:2;padding-bottom:32px}.hero h1{font-size:clamp(39px,4.15vw,62px);line-height:1.08;letter-spacing:-2.5px;font-weight:700;max-width:650px}.hero h1 span{display:block}.hero p{max-width:485px;font-size:17px;line-height:1.75;color:var(--muted);margin:24px 0 28px}.hero-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.hero-art{position:relative;isolation:isolate;margin:-20px -40px -10px -30px;min-height:400px;display:grid;place-items:center}.hero-illustration{width:100%;position:relative;z-index:1;animation:levitate 7s ease-in-out infinite;filter:drop-shadow(0 16px 14px #2656a020)}.glass-caption{position:absolute;bottom:7%;left:22%;z-index:2;background:linear-gradient(120deg,#ffffffed,#d5e6ffb8);backdrop-filter:blur(16px);border:1px solid #fff;box-shadow:0 12px 25px #2556a018;border-radius:15px;padding:12px 22px;display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600;white-space:nowrap}.glass-orb{position:absolute;width:104px;height:104px;border-radius:50%;top:1%;right:4%;background:radial-gradient(circle at 30% 25%,#fff0 30%,#669aff30 65%,#ffffff80 80%,#8cb2ff25 90%);box-shadow:inset 3px 5px 9px #ffffffb8,inset -3px -4px 10px #4585ec25;border:1px solid #d1e5ff;animation:orb 9s ease-in-out infinite;z-index:0}.glass-orb.small{width:60px;height:60px;top:65%;left:2%;animation-delay:-3s}.page-width{max-width:1440px;padding:0 42px;margin:auto}.home-choices{padding-top:12px;padding-bottom:34px}.section-title{font-size:29px;letter-spacing:-1px;line-height:1.25;font-weight:700}.choices{margin-top:21px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.choice{display:flex;align-items:center;gap:16px;padding:22px 20px;text-align:left;border:1px solid #d1e0fb;border-radius:17px;background:linear-gradient(145deg,#fff,#edf4ff);min-width:0;transition:.2s}.choice:hover{transform:translateY(-3px);border-color:#7ba5f4;box-shadow:var(--shadow)}.choice .icon{width:32px;height:32px}.choice b{font-size:15px;flex:1}.choice>svg{width:16px;height:16px}.featured{display:grid;grid-template-columns:43% 57%;align-items:center;border:1px solid #dbe6fa;border-radius:26px;background:linear-gradient(120deg,#edf5ff,#fff);overflow:hidden;min-height:245px}.featured-art{height:260px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#dae9ff,transparent 70%)}.featured-art img{width:95%;height:340px;object-fit:contain;object-position:50% 16%;position:absolute;top:-20px;left:1%}.featured-copy{padding:26px 36px;border-left:1px solid #d8e4f6}.featured-copy h2{font-size:31px;letter-spacing:-1px;margin-bottom:9px}.featured-copy p{color:var(--muted);font-size:15px;max-width:520px;margin-bottom:20px}.featured-copy .button{padding:12px 20px;min-height:46px}.library{padding-top:54px;padding-bottom:50px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading p{color:var(--muted);font-size:14px;margin-top:7px}.search{display:flex;gap:10px;align-items:center;background:#f5f8fd;border:1px solid var(--line);border-radius:99px;padding:11px 17px;min-width:290px}.search .icon{width:20px;height:20px}.search input{border:0;background:transparent;outline:none;width:100%;color:var(--ink);font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid var(--line);border-radius:99px;padding:8px 15px;background:#fff;font-size:12px;font-weight:600;min-height:39px}.filter.active{border-color:var(--blue);background:var(--blue);color:#fff}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lesson-card{display:grid;grid-template-columns:46px 1fr 20px;gap:14px;align-items:start;padding:23px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:18px;min-height:170px;transition:.2s}.lesson-card:hover{border-color:#9ab6ec;box-shadow:var(--shadow);transform:translateY(-3px)}.lesson-icon{width:43px;height:43px;border-radius:13px;background:#edf4ff;display:grid;place-items:center}.lesson-icon img{width:26px;height:26px}.lesson-card h3{font-size:16px;line-height:1.4;letter-spacing:-.3px;margin-bottom:8px}.lesson-card p{font-size:12px;color:var(--muted);line-height:1.6}.lesson-meta{font-size:11px;color:#647a9c;display:flex;gap:12px;margin-top:14px}.done-mark{color:#158454}.empty{padding:50px;text-align:center;background:#f7faff;border-radius:20px;grid-column:1/-1}.empty p{margin-bottom:15px;color:var(--muted)}.footer{max-width:1356px;margin:0 auto;padding:26px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;font-size:12px;color:var(--muted)}.footer p{margin-right:auto}.footer-logo img{object-fit:contain;height:27px;width:90px}.toast{position:fixed;left:50%;bottom:26px;z-index:20;background:var(--ink);color:#fff;padding:12px 22px;border-radius:15px;max-width:min(90vw,650px);opacity:0;pointer-events:none;transform:translate(-50%,15px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%)}.lesson-page{max-width:1440px;margin:auto;padding:27px 42px 52px;animation:enter .3s ease}.breadcrumb{display:flex;gap:11px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:15px}.breadcrumb a{color:var(--blue)}.lesson-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.lesson-heading h1{font-size:34px;letter-spacing:-1.3px;line-height:1.2}.step-count{white-space:nowrap;padding:7px 13px;border-radius:10px;background:var(--pale);font-size:12px;font-weight:600}.lesson-workspace{display:grid;grid-template-columns:54% 46%;align-items:stretch;gap:0}.scene{border-radius:26px;position:relative;overflow:hidden;min-height:430px;background:radial-gradient(ellipse at 30% 25%,#e9f2ff,transparent 60%),linear-gradient(140deg,#c8e0ff,#f4f8ff 60%,#d6e7ff);isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end}.scene:before{content:"";position:absolute;width:150%;height:90px;transform:rotate(-25deg);background:#ffffff35;top:5%;left:-10%;z-index:0}.scene-art{position:absolute;z-index:1;height:100%;width:100%;object-fit:contain;object-position:50% 25%;animation:levitate 9s ease-in-out infinite}.scene-account .scene-art{height:92%;width:100%;top:-7%;object-position:left center}.scene-market .scene-art{width:96%;height:85%;top:0;left:2%}.scene-payment .scene-art{height:96%;top:-6%;object-position:50% 25%}.scene-rail{position:relative;z-index:3;margin:0 22px 23px;display:flex;align-items:center;gap:12px}.scene-label{font-size:11px;font-weight:600;position:absolute;top:20px;left:22px;z-index:2;color:#3d629b}.cue-card{display:flex;align-items:center;gap:10px;flex:1;max-width:410px;min-width:0;background:#fffffff0;backdrop-filter:blur(20px);box-shadow:0 14px 30px #3767b01c;border:1px solid white;border-radius:18px;padding:15px 18px;font-weight:600;font-size:14px;line-height:1.4}.cue-card img{width:26px;height:26px}.cue-card span{overflow-wrap:anywhere}.scene-rail>.arrow{width:47px;flex-shrink:0;filter:drop-shadow(0 3px 4px #1357e633);animation:point 1.8s ease-in-out infinite;color:var(--blue)}.cue-next{flex:0 0 44px;height:44px;border:1px solid #fff;background:#ffffffd9;backdrop-filter:blur(20px);border-radius:50%;display:grid;place-items:center;color:var(--blue)}.cue-next svg{width:25px;height:25px}.instruction{padding:12px 0 0 36px;display:flex;flex-direction:column}.instruction h2{font-size:27px;letter-spacing:-.9px;line-height:1.25;margin-bottom:16px}.action-text{font-size:17px;font-weight:500;line-height:1.65;margin-bottom:16px}.detail-text{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:22px}.expected{display:flex;gap:12px;align-items:flex-start;background:#edf8f1;border:1px solid #d6edde;border-radius:15px;padding:16px;font-size:13px;color:#286144;margin-top:auto}.expected svg{width:22px;height:22px;flex-shrink:0}.expected small{display:block;text-transform:uppercase;font-size:9px;letter-spacing:1px;color:#548367;margin-bottom:3px;font-weight:700}.tip{font-size:12px;color:#64748b;display:flex;gap:10px;line-height:1.6;margin-top:16px}.tip img{width:18px;height:18px;flex-shrink:0;margin-top:2px}.prerequisites{margin:0 0 15px;font-size:12px;color:var(--muted)}.prerequisites summary{cursor:pointer;color:var(--blue);font-weight:600}.prerequisites ul{padding-left:20px;margin:8px 0}.player{margin-top:18px;padding:14px 18px;display:flex;align-items:center;gap:17px;border:1px solid #dbe6f9;background:linear-gradient(120deg,#f0f6ff,#fff);border-radius:17px;min-height:78px}.play-button{width:46px;height:46px;flex-shrink:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}.play-button svg{width:23px;height:23px}.voice-name{font-size:13px;font-weight:700;min-width:64px}.voice-name small{display:block;font-weight:400;font-size:10px;color:var(--muted)}.seek-wrap{display:flex;align-items:center;gap:14px;flex:1;min-width:30px}.seek{accent-color:var(--blue);width:100%;cursor:pointer;height:20px}.time{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;min-width:78px}.speed{border:1px solid #ccdcf4;border-radius:99px;background:#fff;font-size:12px;padding:6px;color:var(--ink);max-width:70px}.continuous{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted);cursor:pointer;white-space:nowrap}.continuous input{accent-color:var(--blue)}.step-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px}.step-navigation .button{font-size:13px;min-height:45px;padding:12px 19px}.step-dots{display:flex;align-items:center;gap:8px;max-width:50%;overflow:auto;padding:6px}.step-dot{width:30px;height:30px;flex-shrink:0;border:1px solid #c6d4e9;border-radius:50%;background:#fff;font-size:11px;color:var(--muted)}.step-dot.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 0 0 4px #e7efff}.step-dot.past{border-color:#a5c4ff;background:#edf4ff;color:var(--blue)}.lesson-outline{margin-top:32px;border-top:1px solid var(--line);padding-top:22px}.lesson-outline summary{font-size:15px;font-weight:600;cursor:pointer}.outline-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 0 0;list-style:none;margin:0}.outline-list button{width:100%;display:flex;align-items:center;gap:11px;border:1px solid var(--line);padding:13px 14px;border-radius:12px;text-align:left;font-size:12px;line-height:1.4;background:#fff}.outline-list button.active{border-color:#97baf4;background:#f0f6ff;color:var(--blue)}.outline-list span{font-variant-numeric:tabular-nums;color:#6c86ab;flex-shrink:0}.complete{padding:65px 20px;text-align:center;max-width:720px;margin:auto}.complete h1{font-size:40px;letter-spacing:-1.5px;margin-bottom:15px}.complete>picture>img{height:230px;width:100%;object-fit:contain}.complete p{color:var(--muted);margin-bottom:25px}.complete-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.journey-head{padding:45px 0 25px}.journey-head h1{font-size:40px;letter-spacing:-1.5px}.journey-head p{color:var(--muted);margin-top:12px}.progress-summary{display:flex;gap:15px;margin:25px 0}.progress-summary div{padding:18px 24px;border-radius:18px;background:var(--pale);font-size:12px;color:var(--muted)}.progress-summary strong{font-size:28px;display:block;color:var(--blue)}@keyframes levitate{50%{transform:translateY(-8px)}}@keyframes orb{50%{transform:translate(8px,-14px)}}@keyframes point{50%{transform:translate(5px)}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1600px){.hero{min-height:525px}}@media(max-width:1100px){.header-inner,.hero,.page-width,.lesson-page{padding-left:28px;padding-right:28px}.header nav{margin-left:10px;gap:25px}.hero h1{font-size:45px}.hero-art{margin-right:-20px}.choices{gap:10px}.choice{padding:18px 14px;gap:10px}.choice b{font-size:13px}.choice .icon{width:27px;height:27px}.lesson-grid{grid-template-columns:repeat(2,1fr)}.scene{min-height:430px}.instruction{padding-left:27px}.instruction h2{font-size:24px}.action-text{font-size:16px}.continuous{display:none}.footer{margin:0 28px}.featured-copy h2{font-size:27px}}@media(max-width:760px){.header-inner{height:70px;padding:0 18px;gap:18px;flex-wrap:wrap}.brand img{width:102px;height:32px}.header nav{order:3;width:100%;margin:0;justify-content:center;gap:28px;font-size:12px;padding-bottom:6px}.header{height:112px}.header .button{font-size:11px;padding:10px 13px;min-height:36px}.header nav a{padding:4px 0 10px}.header nav a.active:after{bottom:3px}.hero{grid-template-columns:1fr;padding:35px 22px 4px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:39px;letter-spacing:-1.7px;max-width:500px}.hero p{font-size:14px;line-height:1.65;margin:18px 0 21px;max-width:480px}.hero-actions{gap:16px}.hero .button{font-size:13px;min-height:44px;padding:12px 18px}.hero .text-link{font-size:12px}.hero-art{margin:14px -10px 5px;min-height:0;height:auto}.hero-illustration{width:100%;max-height:360px;object-fit:contain}.glass-caption{padding:9px 13px;font-size:11px;bottom:5%;left:26%}.glass-caption img{width:18px;height:18px}.glass-orb{width:68px;height:68px}.page-width{padding-left:22px;padding-right:22px}.home-choices{padding-top:10px;padding-bottom:25px}.section-title{font-size:24px;letter-spacing:-.9px}.choices{grid-template-columns:repeat(2,1fr);margin-top:18px;gap:9px}.choice{padding:15px 12px;gap:9px;border-radius:14px}.choice b{font-size:12px}.choice .icon{width:25px;height:25px}.featured{grid-template-columns:1fr;border-radius:21px}.featured-art{height:210px}.featured-art img{height:290px;left:1%;top:-22px;object-position:center top}.featured-copy{padding:23px;border-left:0;border-top:1px solid #d8e4f6}.featured-copy h2{font-size:27px}.featured-copy p{font-size:13px}.library{padding-top:35px}.section-heading{display:block;margin-bottom:18px}.search{margin-top:19px;min-width:0;width:100%}.filters{flex-wrap:nowrap;overflow:auto;padding-bottom:7px;gap:7px;margin-bottom:18px}.filter{white-space:nowrap;flex-shrink:0}.lesson-grid{grid-template-columns:1fr;gap:11px}.lesson-card{min-height:0;padding:20px 17px;grid-template-columns:42px 1fr 15px;gap:12px}.lesson-card h3{font-size:15px}.lesson-icon{width:39px;height:39px}.footer{margin:0 22px;padding:23px 0;gap:15px;flex-wrap:wrap}.footer p{font-size:11px;width:calc(100% - 105px);margin:0}.footer>a{font-size:11px}.lesson-page{padding:22px 20px 35px}.breadcrumb{font-size:10px;gap:7px;margin-bottom:14px}.lesson-heading{gap:10px;align-items:start;margin-bottom:18px}.lesson-heading h1{font-size:26px;letter-spacing:-1px}.step-count{font-size:10px;padding:6px 9px}.lesson-workspace{grid-template-columns:1fr}.scene{min-height:0;height:290px;border-radius:22px}.scene-art{max-height:none}.scene-rail{margin:0 14px 15px;gap:8px}.cue-card{font-size:12px;padding:12px 14px;border-radius:14px}.scene-rail>.arrow{width:30px}.scene-label{font-size:9px;top:13px;left:15px}.instruction{padding:24px 0 0}.instruction h2{font-size:24px;margin-bottom:14px}.action-text{font-size:16px;margin-bottom:12px}.detail-text{font-size:13px;margin-bottom:16px}.expected{font-size:12px;padding:14px}.tip{font-size:11px;margin-top:12px}.player{padding:12px;gap:10px;flex-wrap:wrap;margin-top:20px;border-radius:15px}.play-button{width:40px;height:40px}.voice-name{min-width:54px;font-size:12px}.seek-wrap{flex:1}.time{font-size:10px;min-width:68px}.speed{font-size:11px;padding:5px;max-width:60px}.step-navigation{flex-wrap:wrap;margin-top:20px;gap:12px}.step-navigation .button{font-size:12px;padding:12px 15px;min-height:44px}.step-dots{order:3;max-width:100%;width:100%;justify-content:center}.step-dot{width:27px;height:27px}.outline-list{grid-template-columns:1fr;gap:8px}.lesson-outline{margin-top:18px}.complete{padding:40px 22px}.complete h1,.journey-head h1{font-size:31px}.progress-summary{gap:10px}.progress-summary div{padding:15px}.progress-summary strong{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{.header,.footer,.player,.step-navigation,.scene,.toast{display:none}.lesson-workspace{display:block}.instruction{padding:0}}img,.hero-illustration{height:auto}.scene-account .scene-art{height:100%;top:0;object-position:center top}.scene-payment .scene-art{height:100%;top:0}.scene .scene-art{width:100%;height:100%}.scene-market .scene-art{width:96%;height:85%}@media(min-width:761px){.hero-art{min-height:400px}.hero-illustration{max-height:475px;object-fit:contain}.scene-account .scene-art{object-position:center top}}@media(max-width:760px){.continuous{display:flex;flex-basis:100%;justify-content:flex-end;padding-top:3px}.scene .scene-art{height:100%}.scene-market .scene-art{height:85%}}@media(max-width:760px){.lesson-page{display:flex;flex-direction:column}.breadcrumb{order:0}.lesson-heading{order:1}.player{order:2;margin:0 0 18px}.lesson-workspace{order:3}.step-navigation{order:4}.lesson-outline{order:5}.seek-wrap{flex-basis:100%;order:3}.speed{margin-left:auto}.continuous{order:4}.player .time{min-width:78px}}.step-dot{width:40px;height:40px}.step-dots{flex-wrap:wrap;overflow:visible}@media(max-width:760px){.step-dot{width:44px;height:44px}.step-dots{gap:7px}}@media(min-width:761px)and (max-width:1100px){.player{flex-wrap:wrap}.continuous{display:flex;margin-left:auto}}.header-inner{gap:0}.header nav{margin-left:clamp(28px,4vw,56px);gap:clamp(18px,2.4vw,34px)}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.language-select{appearance:none;-webkit-appearance:none;min-width:58px;height:40px;padding:0 19px 0 11px;border:1px solid var(--line);border-radius:12px;background:#f7f9fd;color:var(--ink);font-size:12px;font-weight:700;line-height:1;cursor:pointer}.language-select:focus-visible{outline:3px solid #6fa1ff;outline-offset:3px}.header-actions .external{margin-left:0;white-space:nowrap}.header-actions .external img{width:21px;height:21px;object-fit:contain}@media(max-width:1100px){.header nav{margin-left:clamp(18px,3vw,30px);gap:clamp(14px,2vw,22px)}.header-actions{gap:8px}}@media(max-width:760px){.header{height:112px}.header-inner{height:70px;padding:0 14px;gap:0;align-content:center}.brand{order:0}.brand img{width:96px;height:30px}.header-actions{order:1;gap:7px;margin-left:auto}.language-select{min-width:52px;width:52px;height:36px;padding:0 14px 0 8px;border-radius:10px;font-size:11px}.header nav{order:2;width:100%;margin:0;justify-content:center;gap:clamp(14px,6vw,28px);font-size:12px;padding-bottom:7px}.header .button{font-size:11px;padding:9px 10px;min-height:36px;gap:6px;border-radius:11px}.header-actions .external img{width:18px;height:18px}}@media(max-width:350px){.header-inner{padding:0 11px}.brand img{width:88px}.header-actions{gap:5px}.language-select{min-width:48px;width:48px;padding-left:7px}.header .button{padding:8px;font-size:10px}.header nav{gap:14px;font-size:11px}}@media(max-width:760px){.header-inner{height:112px;padding:0 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:64px 48px;align-content:stretch;align-items:center;column-gap:12px;row-gap:0}.brand{grid-column:1;grid-row:1;order:0;justify-self:start}.header-actions{grid-column:2;grid-row:1;order:0;margin-left:0;justify-self:end}.header nav{grid-column:1/-1;grid-row:2;order:0;width:100%;margin:0;padding:0;align-self:center;justify-content:center;gap:clamp(14px,6vw,28px)}}@media(max-width:350px){.header-inner{padding:0 11px;column-gap:8px}.header nav{gap:14px}}.header-actions .external img{filter:none}.language-select{height:44px;min-width:62px;padding-right:25px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 4.5 3.5 3 3.5-3' fill='none' stroke='%2356647b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px 12px}.header-actions .external img{width:25px;height:25px}@media(max-width:760px){.header .button{min-height:44px}.language-select{height:44px;min-width:56px;width:56px}.header-actions .external img{width:25px;height:25px}}@media(max-width:350px){.header .button{min-height:44px;padding:8px 7px;font-size:10px}.language-select{min-width:50px;width:50px;padding-left:7px;padding-right:22px}}body.search-open{overflow:hidden}.global-search-trigger,.global-search-close{width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:13px;background:#f7f9fd;display:grid;place-items:center;box-shadow:none;transition:background .2s,border-color .2s,transform .2s}.global-search-trigger:hover,.global-search-close:hover{background:#edf4ff;border-color:#b8cff4;transform:translateY(-1px)}.global-search-trigger img,.global-search-close img{width:22px;height:22px}.global-search{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none}.global-search.open{visibility:visible;pointer-events:auto}.global-search-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#07163073;backdrop-filter:blur(9px);opacity:0;transition:opacity .34s ease}.global-search.open .global-search-backdrop{opacity:1}.global-search-panel{position:absolute;top:18px;left:50%;width:min(820px,calc(100% - 32px));max-height:calc(100dvh - 36px);display:flex;flex-direction:column;background:#fff;border:1px solid #e4ecf8;border-radius:28px;box-shadow:0 32px 100px #07163035;overflow:hidden;opacity:0;transform:translate(-50%,-24px) scale(.985);transition:opacity .28s ease,transform .42s cubic-bezier(.22,1,.36,1)}.global-search.open .global-search-panel{opacity:1;transform:translate(-50%) scale(1)}.global-search-field{display:grid;grid-template-columns:26px minmax(0,1fr) 44px;align-items:center;gap:16px;padding:23px 24px 18px;border-bottom:1px solid #e7edf7}.global-search-field>img{width:26px;height:26px}.global-search-field label{display:block;font-size:12px;font-weight:700;color:#5c6f8c;margin-bottom:3px}.global-search-field input{display:block;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:clamp(20px,3vw,28px);font-weight:650;letter-spacing:-.6px;line-height:1.25;padding:0}.global-search-field input::placeholder{color:#9ba8bc;font-weight:500}.global-search-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;color:#6b7d98;font-size:11px;background:#fbfdff}.search-shortcut kbd{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d7e1f0;border-bottom-width:2px;border-radius:7px;background:#fff;color:#62748e;font:600 12px/1 Inter,Arial,sans-serif}.global-search-results{overflow:auto;padding:6px 10px 14px;overscroll-behavior:contain}.global-search-result{display:grid;grid-template-columns:44px minmax(0,1fr) auto 20px;align-items:center;gap:14px;padding:14px;border-radius:17px;transition:background .2s,transform .2s}.global-search-result:hover,.global-search-result:focus-visible{background:#edf4ff;transform:translate(3px);outline:none}.search-result-icon{width:44px;height:44px;border-radius:13px;background:#e6f0ff;display:grid;place-items:center}.search-result-icon .icon{width:25px;height:25px}.search-result-copy{min-width:0}.search-result-copy strong,.search-result-copy small{display:block}.search-result-copy strong{font-size:15px;line-height:1.35}.search-result-copy small{margin-top:3px;color:#62738d;font-size:12px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-category{font-size:10px;font-weight:700;color:#60718c;background:#f4f7fc;padding:5px 9px;border-radius:99px;white-space:nowrap}.global-search-result>svg{width:18px;height:18px;color:var(--blue)}.global-search-empty{min-height:220px;display:grid;place-content:center;justify-items:center;text-align:center;color:#6a7b94;padding:32px}.global-search-empty .icon{width:34px;height:34px;margin-bottom:14px}.global-search-empty p{max-width:430px;font-size:14px}.section-heading{align-items:flex-end}@media(max-width:760px){.global-search-trigger{width:44px;height:44px;border-radius:11px}.global-search-panel{top:8px;width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:22px}.global-search-field{grid-template-columns:23px minmax(0,1fr) 40px;gap:11px;padding:18px 15px 15px}.global-search-field>img{width:23px;height:23px}.global-search-close{width:40px;height:40px}.global-search-field input{font-size:20px;letter-spacing:-.35px}.global-search-meta{padding:10px 15px}.global-search-results{padding:5px 7px 12px}.global-search-result{grid-template-columns:40px minmax(0,1fr) 16px;gap:11px;padding:12px 9px}.search-result-icon{width:40px;height:40px}.search-result-category{display:none}.search-result-copy strong{font-size:14px}.search-result-copy small{font-size:11px}.header-actions{gap:6px}}@media(max-width:480px){.header-actions .external{width:44px;padding:0}.header-actions .external span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(prefers-reduced-motion:reduce){.global-search-backdrop,.global-search-panel{transition:none}}.guide-avatar{width:44px;height:44px;flex:0 0 auto;object-fit:cover;object-position:50% 28%;border-radius:50%;background:#e9f1ff;border:2px solid #fff;box-shadow:0 2px 8px #0a1a3312}.guide-signature{display:flex;align-items:center;gap:11px;margin-top:23px;font-size:12px;color:var(--muted)}.guide-duo{display:flex;padding-left:5px}.guide-duo .guide-avatar{width:32px;height:32px;margin-left:-5px}.hero-art>picture{display:contents}.featured-art>picture,.scene>picture{display:contents}@media(max-width:760px){.guide-signature{font-size:11px;margin-top:18px}.player .guide-avatar{width:36px;height:36px}.voice-name{min-width:0}.player{column-gap:9px}}.global-search-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.artifact-token{position:absolute;z-index:2;right:24px;top:22px;width:62px;height:62px;border:1px solid #fff;background:linear-gradient(145deg,#ffffffed,#edf5ffcf);border-radius:21px;display:grid;place-items:center;box-shadow:0 18px 38px #1a5db626;backdrop-filter:blur(18px);animation:artifact-float 4.8s ease-in-out infinite}.artifact-token:after{content:"";position:absolute;inset:-8px;border:1px solid #ffffff91;border-radius:27px;opacity:.65}.artifact-token-icon{width:31px;height:31px;filter:drop-shadow(0 5px 8px #2c66bd27)}@keyframes artifact-float{0%,to{transform:translateZ(0) rotate(-2deg)}50%{transform:translate3d(0,-8px,0) rotate(2deg)}}@media(max-width:760px){.artifact-token{right:15px;top:13px;width:48px;height:48px;border-radius:16px}.artifact-token:after{inset:-5px;border-radius:20px}.artifact-token-icon{width:25px;height:25px}}@media(prefers-reduced-motion:reduce){.artifact-token{animation:none}}.footer-practice-note{max-width:235px;font-size:10px;line-height:1.45;color:#7a879b}@media(max-width:760px){.footer-practice-note{order:5;max-width:none;width:100%;font-size:9px}}
