@font-face{font-family:Fredoka;src:url(../fonts/fredoka-latin-wght-normal.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/nunito-latin-wght-normal.woff2) format("woff2");font-weight:200 1000;font-display:swap}:root{--cp-ink:#2b2350;--cp-line:#e9e3f7;--cp-muted:#6b6490;--cp-bg:#fff9ec;--cp-card:#fff;--cp-yellow:#ffc93c;--cp-coral:#ff6f61;--cp-teal:#19c3b1;--cp-purple:#7a5cfa;--cp-green:#5ccb5f;--cp-blue:#3ea6ff;--cp-pink:#ff8fc7;--cp-sky:#dff3ff;--cp-radius:24px;--cp-font:"Nunito","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--cp-display:"Fredoka","Nunito","Segoe UI",system-ui,sans-serif;--cp-x-7c3aed:#7c3aed;--cp-x-6d28d9:#6d28d9;--cp-x-5a3fd6:#5a3fd6;--cp-x-f5f3ff:#f5f3ff;--cp-x-f3efff:#f3efff;--cp-x-f1edff:#f1edff;--cp-x-ede9fe:#ede9fe;--cp-x-e4dcff:#e4dcff;--cp-x-e6e0f7:#e6e0f7;--cp-x-d9d2ee:#d9d2ee;--cp-x-b9b2d6:#b9b2d6;--cp-x-c4b5fd:#c4b5fd;--cp-x-4a4275:#4a4275;--cp-x-fff9ec:#fff9ec;--cp-x-e9e3f7:#e9e3f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--cp-font);color:var(--cp-ink);background:var(--cp-bg);-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%}h1,h2,h3{font-family:var(--cp-display);font-weight:600}:focus-visible{outline:4px solid var(--cp-blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cp-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.cp-logo b{font-family:var(--cp-display);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:var(--cp-ink)}.cp-logo em{font-style:normal;color:var(--cp-coral)}.cp-logo svg{transition:transform .3s}.cp-logo:hover svg{transform:rotate(-10deg) scale(1.08)}.cp-eye{animation:cp-blink 5s infinite;transform-origin:center;transform-box:fill-box}@keyframes cp-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.cp-btn{--b:var(--cp-purple);--d:var(--cp-x-5a3fd6);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:9px 22px;border:0;border-radius:999px;background:var(--b);color:var(--cp-ink);font:800 1rem var(--cp-font);text-decoration:none;cursor:pointer;box-shadow:0 5px 0 var(--d);transition:transform .1s,box-shadow .1s,filter .15s;white-space:nowrap}.cp-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 0 var(--d)}.cp-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--d)}.cp-btn:disabled{opacity:.62;cursor:not-allowed;transform:none}.cp-btn.yellow{--b:var(--cp-yellow);--d:#e0a400;color:var(--cp-ink)}.cp-btn.teal{--b:var(--cp-teal);--d:#0f9c8d}.cp-btn.ghost{--b:#fff;--d:var(--cp-x-d9d2ee);color:var(--cp-ink);box-shadow:0 5px 0 var(--d),inset 0 0 0 2px var(--cp-line)}.cp-btn.big{min-height:58px;padding:12px 30px;font-size:1.12rem}.cp-btn.small{min-height:36px;padding:5px 14px;font-size:.84rem;box-shadow:0 3px 0 var(--d)}.cp-btn.small.ghost{box-shadow:0 3px 0 var(--d),inset 0 0 0 2px var(--cp-line)}.cp-btn.wide{width:100%}.cp-btn.danger{--b:#ff7468;--d:#cf2f24}.cp-link{border:0;background:none;padding:0;color:var(--cp-x-5a3fd6);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}.cp-muted{color:var(--cp-muted)}.small{font-size:.88rem}.cp-err{margin:8px 0;padding:10px 16px;border-radius:16px;background:#fff0ee;color:#a1271b;font-weight:800;font-size:.92rem;border:2px solid #ffc9c2}.cp-ok{margin:8px 0;padding:10px 16px;border-radius:16px;background:#ecfbea;color:#1f6b22;font-weight:800;font-size:.92rem;border:2px solid #bfeabd}.cp-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40vh;color:var(--cp-muted);font-weight:800}.cp-spinner{width:26px;height:26px;border-radius:50%;border:4px solid var(--cp-x-e4dcff);border-top-color:var(--cp-purple);animation:cp-rot .8s linear infinite}.cp-spin{animation:cp-rot .8s linear infinite}@keyframes cp-rot{to{transform:rotate(360deg)}}.cp-center{display:grid;place-items:center;min-height:100vh;padding:20px}.cp-card{background:#fff;border-radius:var(--cp-radius);padding:28px;border:3px solid var(--cp-ink);box-shadow:0 8px 0 var(--cp-ink)}.cp-narrow{max-width:440px;text-align:center}.cp-chip{display:inline-block;padding:3px 12px;border-radius:999px;background:color-mix(in srgb,var(--tone,var(--cp-purple)) 16%,#fff);color:var(--cp-ink);font-size:.78rem;font-weight:900}.cp-avatar{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--tone,var(--cp-purple));color:var(--cp-ink);font:700 1.1rem var(--cp-display);flex:none;border:3px solid #fff;box-shadow:0 0 0 2px var(--cp-ink)}.cp-avatar.small{width:32px;height:32px;font-size:.9rem;border-width:2px}.cp-mascot .cp-m-arm{transform-origin:158px 132px;animation:cp-wave-arm 1.6s ease-in-out infinite}.cp-mascot .cp-m-head{transform-origin:100px 124px;animation:cp-nod 4s ease-in-out infinite}.cp-mascot .cp-m-bulb{animation:cp-bulb 1.6s ease-in-out infinite}@keyframes cp-wave-arm{0%,to{transform:rotate(0)}50%{transform:rotate(-16deg)}}@keyframes cp-nod{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes cp-bulb{50%{fill:#ff6f61}}@keyframes cp-bob{50%{translate:0 -10px}}.cp-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:70px;display:block}.cp-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.cp-hero-bg i{position:absolute;border-radius:50%;opacity:.5;animation:cp-float 14s ease-in-out infinite alternate}.cp-hero-bg .b1{width:320px;height:320px;left:-90px;top:-90px;background:var(--cp-yellow)}.cp-hero-bg .b2{width:260px;height:260px;right:-70px;top:22%;background:var(--cp-pink);animation-delay:-5s}.cp-hero-bg .b3{width:300px;height:300px;left:30%;bottom:-140px;background:var(--cp-teal);animation-delay:-9s}@keyframes cp-float{to{transform:translate(30px,24px) scale(1.1)}}.cp-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#ffffffaa 2.5px,transparent 3px);background-size:34px 34px}.cp-land{background:var(--cp-bg);overflow-x:hidden}.cp-top{position:sticky;top:10px;z-index:50;display:flex;align-items:center;gap:20px;margin:10px clamp(10px,3vw,40px) 0;padding:10px 18px;border-radius:999px;background:#fff;border:3px solid var(--cp-ink);box-shadow:0 6px 0 var(--cp-ink)}.cp-home{text-decoration:none}.cp-top nav{display:flex;gap:6px;margin-left:16px}.cp-top nav a{padding:7px 14px;border-radius:999px;color:var(--cp-ink);text-decoration:none;font-weight:800}.cp-top nav a:hover{background:var(--cp-sky)}.cp-top-actions{display:flex;gap:10px;margin-left:auto}.cp-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;margin-top:-76px;padding:150px clamp(16px,5vw,72px) 150px;background:linear-gradient(180deg,#8fd3ff,#c5e9ff 60%,#dff3ff)}.cp-hero>*:not(.cp-sky):not(.cp-wave){position:relative;z-index:1}.cp-sky{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cp-sun{position:absolute;right:6%;top:90px;width:110px;height:110px;border-radius:50%;background:var(--cp-yellow);box-shadow:0 0 0 14px #ffe58a88,0 0 0 30px #ffe58a44}.cp-sun i{position:absolute;top:-46px;right:-46px;bottom:-46px;left:-46px;border-radius:50%;background:repeating-conic-gradient(#ffd95a 0 8deg,transparent 8deg 30deg);mask:radial-gradient(circle,transparent 66px,#000 67px,#000 92px,transparent 93px);animation:cp-rot 40s linear infinite}.cp-cloud{position:absolute;width:180px;opacity:.95;animation:cp-drift 40s linear infinite}.cp-cloud.c1{left:-200px;top:110px}.cp-cloud.c2{left:-200px;top:300px;width:130px;animation-duration:60s;animation-delay:-25s}.cp-cloud.c3{left:-200px;top:200px;width:220px;animation-duration:75s;animation-delay:-50s}@keyframes cp-drift{to{transform:translate(calc(100vw + 420px))}}.cp-deco{position:absolute;width:38px;animation:cp-twinkle 3s ease-in-out infinite}.cp-deco.s1{left:44%;top:120px}.cp-deco.s2{left:6%;bottom:150px;width:30px;animation-delay:-1s}.cp-deco.s3{right:30%;bottom:130px;width:26px;animation-delay:-2s}@keyframes cp-twinkle{50%{transform:scale(1.25) rotate(18deg)}}.cp-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:#fff;border:3px solid var(--cp-ink);box-shadow:0 4px 0 var(--cp-ink);font-weight:900;font-size:.95rem;transform:rotate(-2deg)}.cp-pill svg{color:var(--cp-coral)}.cp-hero h1{margin:22px 0 18px;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.02;font-weight:700;letter-spacing:-.01em}.cp-hl{position:relative;display:inline-block;color:var(--cp-coral);z-index:0}.cp-hl:after{content:"";position:absolute;left:-4px;right:-4px;bottom:.06em;height:.34em;border-radius:999px;background:var(--cp-yellow);z-index:-1;transform:rotate(-1.5deg)}.cp-hl.teal{color:var(--cp-teal)}.cp-hl.pink{color:#e0559d}.cp-hl.pink:after{background:#ffe08a}.cp-hero p{max-width:540px;font-size:1.2rem;line-height:1.55;font-weight:600;color:#3d3566}.cp-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.cp-hero-proof{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 0;padding:0;list-style:none}.cp-hero-proof li{padding:8px 16px;border-radius:16px;background:#fff;border:3px solid var(--cp-ink);font-weight:700;box-shadow:0 4px 0 var(--cp-ink)}.cp-hero-proof li:nth-child(odd){transform:rotate(-2deg)}.cp-hero-proof li:nth-child(2n){transform:rotate(2deg)}.cp-hero-proof b{font-family:var(--cp-display);font-size:1.2rem;margin-right:4px}.cp-hero-proof .t1 b{color:var(--cp-red-t)}.cp-hero-proof .t2 b{color:var(--cp-green-t)}.cp-hero-proof .t3 b{color:var(--cp-blue-t)}.cp-hero-proof .t4 b{color:#a85d00}.cp-hero-stage{position:relative}.cp-tv{position:relative;border-radius:34px;overflow:hidden;background:#fff;border:6px solid var(--cp-ink);box-shadow:0 12px 0 var(--cp-ink);padding:12px 12px 34px}.cp-hero-stage .cp-tv{transform:rotate(2deg);animation:cp-bob 6s ease-in-out infinite;background:var(--cp-yellow)}.cp-tv-dots{position:absolute;left:0;right:0;bottom:9px;display:flex;justify-content:center;gap:10px}.cp-tv-dots i{width:15px;height:15px;border-radius:50%;background:var(--cp-coral);border:3px solid var(--cp-ink)}.cp-tv-dots i:nth-child(2){background:var(--cp-teal)}.cp-tv-dots i:nth-child(3){background:var(--cp-purple)}.cp-clip{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--cp-sky);border-radius:20px;border:4px solid var(--cp-ink)}.cp-hero-mascot{position:absolute;left:-70px;bottom:-60px;z-index:2;animation:cp-bob 3.5s ease-in-out infinite;filter:drop-shadow(0 8px 0 #2b235022)}.cp-sticker{position:absolute;z-index:3;display:grid;gap:5px;padding:12px;border-radius:20px;background:#fff;border:4px solid var(--cp-ink);box-shadow:0 6px 0 var(--cp-ink);animation:cp-bob 5s ease-in-out infinite}.cp-sticker.k1{right:-22px;top:-34px;transform:rotate(5deg);animation-delay:-2s}.cp-sticker.k2{right:6%;bottom:-30px;display:flex;align-items:center;gap:4px;color:#f5a300;font-weight:900;transform:rotate(-4deg);animation-delay:-3s}.cp-sticker.k2 span{color:var(--cp-ink);margin-left:6px}.cp-blk{display:inline-block;padding:7px 14px;border-radius:12px;color:var(--cp-ink);font-weight:900;font-size:.86rem;box-shadow:inset 0 -4px #0000002e}.cp-blk.orange{background:#ffa41b;border-radius:18px 18px 12px 12px}.cp-blk.blue{background:var(--cp-blue);margin-left:10px}.cp-blk.purple{background:var(--cp-purple);margin-left:10px}.cp-blk b{display:inline-block;margin-left:4px;padding:0 7px;border-radius:999px;background:#fff;color:var(--cp-ink)}.cp-sec{position:relative;padding:90px clamp(16px,5vw,72px) 150px}.cp-sec.cream{background:var(--cp-x-fff9ec)}.cp-sec.sky{background:var(--cp-sky)}.cp-sec.purple{background:var(--cp-purple);color:var(--cp-ink)}.cp-sec-head{max-width:760px;margin:0 auto 46px;text-align:center}.cp-kicker{display:inline-block;margin-bottom:12px;padding:5px 16px;border-radius:999px;background:var(--cp-ink);color:#fff;font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cp-sec.purple .cp-kicker{background:var(--cp-yellow);color:var(--cp-ink)}.cp-kicker.dark{background:var(--cp-ink)!important;color:#fff!important}.cp-sec h2,.cp-final h2{margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:1.1;font-weight:700}.cp-sec-head p{margin-top:14px;color:var(--cp-x-4a4275);font-size:1.12rem;line-height:1.55;font-weight:600}.cp-reveal{opacity:0;transform:translateY(30px) scale(.97);transition:opacity .6s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}.cp-reveal.in{opacity:1;transform:none}.cp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1150px;margin:0 auto}.cp-step{position:relative;padding:34px 26px 26px;border-radius:30px;background:#fff;border:4px solid var(--cp-ink);box-shadow:0 10px 0 var(--tone);text-align:center;transition:transform .2s}.cp-step:nth-child(odd){rotate:-1.5deg}.cp-step:nth-child(2n){rotate:1.5deg}.cp-step:hover{transform:translateY(-6px) rotate(0)}.cp-step-n{position:absolute;left:50%;top:-26px;translate:-50% 0;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--tone);border:4px solid var(--cp-ink);font:700 1.6rem var(--cp-display)}.cp-step-icon{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:26px;background:color-mix(in srgb,var(--tone) 28%,#fff);color:var(--cp-ink);margin-top:8px}.cp-step h3{margin:16px 0 8px;font-size:1.45rem}.cp-step p{margin:0;color:var(--cp-x-4a4275);line-height:1.5;font-weight:600}.cp-show{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:28px;max-width:1150px;margin:70px auto 0;align-items:center}.cp-show-tabs{display:grid;gap:14px}.cp-show-tabs button{position:relative;display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:22px;border:4px solid var(--cp-ink);background:#fff;color:var(--cp-ink);text-align:left;cursor:pointer;overflow:hidden;font:inherit;box-shadow:0 5px 0 var(--cp-ink);transition:transform .15s,box-shadow .15s,background .2s}.cp-show-tabs button:hover{transform:translateY(-2px)}.cp-show-tabs button>span{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:15px;background:var(--tone);color:var(--cp-ink);border:3px solid var(--cp-ink)}.cp-show-tabs button.on{background:color-mix(in srgb,var(--tone) 22%,#fff);box-shadow:0 5px 0 var(--tone);transform:translate(8px)}.cp-show-tabs strong{display:block;font:600 1.15rem var(--cp-display)}.cp-show-tabs small{display:block;margin-top:2px;color:var(--cp-x-4a4275);line-height:1.4;font-size:.9rem;font-weight:600}.cp-show-bar{position:absolute;left:0;bottom:0;height:5px;background:var(--tone);animation:cp-progress 9s linear}@keyframes cp-progress{0%{width:0}to{width:100%}}.cp-show-video{aspect-ratio:16/10.6;padding:12px;background:var(--cp-teal);rotate:-1.5deg}.cp-show-slide{position:absolute;top:12px;right:12px;bottom:12px;left:12px;opacity:0;transition:opacity .5s}.cp-show-slide.on{opacity:1}.cp-show-slide .cp-clip{height:100%}.cp-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1150px;margin:0 auto}.cp-stage{position:relative;border-radius:30px;background:#fff;border:4px solid var(--cp-ink);box-shadow:0 10px 0 var(--tone);transition:transform .25s}.cp-stage:hover{transform:translateY(-8px) rotate(-1deg)}.cp-stage-emoji{position:absolute;right:-14px;top:-22px;z-index:2;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--tone);border:4px solid var(--cp-ink);font-size:1.9rem;animation:cp-bob 4s ease-in-out infinite}.cp-stage-img{aspect-ratio:16/10;overflow:hidden;border-radius:24px 24px 0 0;border-bottom:4px solid var(--cp-ink)}.cp-stage-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.cp-stage:hover img{transform:scale(1.07)}.cp-stage-body{padding:18px 22px 22px}.cp-stage-body small{display:inline-block;padding:3px 12px;border-radius:999px;background:var(--tone);color:var(--cp-ink);font-weight:900;font-size:.8rem}.cp-stage-body h3{margin:10px 0 6px;font-size:1.6rem}.cp-stage-body p{margin:0;color:var(--cp-x-4a4275);line-height:1.5;font-weight:600}.cp-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;max-width:1150px;margin:56px auto 0}.cp-numbers>div{display:grid;place-items:center;align-content:center;width:150px;height:150px;border-radius:50%;background:var(--tone);border:4px solid var(--cp-ink);box-shadow:0 8px 0 var(--cp-ink);color:var(--cp-ink);animation:cp-bob 5s ease-in-out infinite}.cp-numbers>div:nth-child(2){animation-delay:-1.2s}.cp-numbers>div:nth-child(3){animation-delay:-2.4s}.cp-numbers>div:nth-child(4){animation-delay:-3.6s}.cp-numbers b{font:700 2.8rem/1 var(--cp-display)}.cp-numbers span{font-weight:900}.cp-teach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center;max-width:1150px;margin:0 auto}.cp-feats{display:grid;gap:16px;margin:26px 0 30px;padding:0;list-style:none}.cp-feats li{display:flex;gap:14px;align-items:flex-start}.cp-feats li>span{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:16px;border:3px solid var(--cp-ink);color:var(--cp-ink);box-shadow:0 4px 0 var(--cp-ink)}.cp-feats strong{display:block;font:600 1.15rem var(--cp-display)}.cp-feats p{margin:2px 0 0;color:var(--cp-ink);line-height:1.45;font-weight:600}.cp-mock{padding:22px;border-radius:30px;background:#fff;color:var(--cp-ink);border:4px solid var(--cp-ink);box-shadow:0 12px 0 var(--cp-ink);transform:rotate(2deg)}.cp-mock-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cp-mock-head b{font:600 1.3rem var(--cp-display)}.cp-mock-code{font-size:.85rem;color:var(--cp-muted);font-weight:700}.cp-mock-code code{padding:3px 10px;border-radius:999px;background:var(--cp-yellow);color:var(--cp-ink);font-weight:900}.cp-mock-grid{display:grid;gap:8px}.cp-mock-row{display:grid;grid-template-columns:30px 54px repeat(8,1fr);gap:6px;align-items:center}.cp-mock-pic{font-size:1.25rem}.cp-mock-name{font-weight:800;font-size:.88rem}.cp-mock-row i{height:24px;border-radius:8px}.cp-mock-foot{display:flex;justify-content:space-between;margin-top:14px;font-size:.86rem;font-weight:900;color:var(--cp-muted)}.cp-mock-foot span{display:inline-flex;gap:5px;align-items:center}.s3{background:#2fb344}.s2{background:#7ddc86}.s1{background:#c9f2cc}.s0{background:#ffd9a8}.s-1{background:#f0edf8}.cp-login-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;max-width:1150px;margin:70px auto 0;padding:34px;border-radius:34px;background:#fff;color:var(--cp-ink);border:4px solid var(--cp-ink);box-shadow:0 12px 0 var(--cp-yellow)}.cp-login-demo h3{margin:0 0 10px;font-size:1.7rem}.cp-login-demo p{color:var(--cp-x-4a4275);line-height:1.55;font-weight:600}.cp-pics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.cp-pics span{display:grid;place-items:center;aspect-ratio:1;border-radius:20px;background:var(--cp-sky);border:3px solid var(--cp-ink);font-size:2rem;animation:cp-bob 3s ease-in-out infinite}.cp-pics span.on{background:var(--cp-yellow);box-shadow:0 0 0 5px var(--cp-green);animation:cp-pop 1.2s ease-in-out infinite}@keyframes cp-pop{50%{transform:scale(1.14) rotate(-6deg)}}.cp-final{position:relative;overflow:hidden;padding:70px 20px 220px;text-align:center;background:linear-gradient(180deg,var(--cp-x-fff9ec),#dff3ff)}.cp-final>*:not(.cp-hills){position:relative;z-index:1}.cp-final p{color:var(--cp-x-4a4275);font-size:1.15rem;font-weight:600}.cp-final .cp-hero-cta{justify-content:center}.cp-final-mascot{animation:cp-bob 3s ease-in-out infinite}.cp-hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:150px}.cp-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:20px clamp(16px,5vw,72px);background:var(--cp-green);color:var(--cp-ink);font-weight:800;font-size:.92rem}.cp-foot span{display:inline-flex;align-items:center;gap:5px}.cp-foot svg{color:var(--cp-ink)}.cp-auth{position:relative;min-height:100vh;padding:24px;background:linear-gradient(180deg,#8fd3ff,#dff3ff);overflow:hidden}.cp-auth-logo{position:relative;z-index:2;display:inline-block;padding:8px 18px;border-radius:999px;background:#fff;border:3px solid var(--cp-ink);box-shadow:0 5px 0 var(--cp-ink);text-decoration:none}.cp-auth-wrap{position:relative;z-index:1;display:flex;justify-content:center;align-items:stretch;max-width:960px;margin:5vh auto 0;border-radius:34px;border:4px solid var(--cp-ink);box-shadow:0 12px 0 var(--cp-ink);overflow:hidden;background:#fff;width:fit-content}.cp-auth-side{flex:0 0 330px;padding:34px;background:var(--cp-purple);color:var(--cp-ink);border-right:4px solid var(--cp-ink)}.cp-auth-side h2{margin:14px 0;font-size:1.7rem}.cp-auth-side ul{padding-left:20px;line-height:1.9;font-weight:700}.cp-auth-card{flex:1;width:min(520px,calc(100vw - 56px));padding:34px;background:#fff;color:var(--cp-ink)}.cp-auth-card h1{margin:0 0 6px;font-size:1.9rem}.cp-form{display:grid;gap:14px;margin-top:18px}.cp-form label{display:grid;gap:6px;font-weight:900;font-size:.95rem}.cp-form label small{font-weight:700;color:var(--cp-muted)}.cp-form input,.cp-field input,.cp-field select,.cp-field textarea,.cp-panel textarea,.cp-inline input{width:100%;min-height:50px;padding:10px 16px;border:3px solid var(--cp-x-d9d2ee);border-radius:16px;background:#fff;color:var(--cp-ink);font:700 1.02rem var(--cp-font)}.cp-form input:focus,.cp-field input:focus,.cp-field select:focus,.cp-panel textarea:focus{border-color:var(--cp-purple);outline:0;box-shadow:0 0 0 4px var(--cp-x-e4dcff)}.cp-pass{position:relative;display:block}.cp-pass button{position:absolute;right:8px;top:50%;translate:0 -50%;border:0;background:none;color:var(--cp-muted);cursor:pointer;padding:6px}.cp-switch{margin:18px 0 0;text-align:center;color:var(--cp-muted);font-weight:700}.cp-switch a{color:var(--cp-x-5a3fd6);font-weight:900}.cp-switch.small{display:flex;justify-content:center;align-items:center;gap:6px;font-size:.9rem;margin-top:8px}.cp-join-icon{display:grid;place-items:center;width:70px;height:70px;margin-bottom:14px;border-radius:22px;background:var(--cp-yellow);border:4px solid var(--cp-ink);box-shadow:0 5px 0 var(--cp-ink);color:var(--cp-ink);transform:rotate(-6deg)}.cp-code-input{text-align:center;font-size:2.3rem!important;font-weight:700!important;letter-spacing:.3em;text-transform:uppercase;min-height:84px!important;font-family:var(--cp-display)!important;border-color:var(--cp-ink)!important;background:var(--cp-sky)!important}.cp-word-input{font-size:1.4rem!important;text-align:center}.cp-class-banner{display:grid;gap:2px;margin:-34px -34px 22px;padding:22px 34px;background:var(--tone);color:var(--cp-ink);border-bottom:4px solid var(--cp-ink)}.cp-class-banner small{opacity:.9;font-weight:800}.cp-class-banner strong{font:700 1.7rem var(--cp-display)}.cp-class-banner span{font-weight:900;opacity:.95}.cp-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:16px 0}.cp-names button{display:flex;align-items:center;gap:10px;min-height:62px;padding:8px 12px;border-radius:20px;border:3px solid var(--cp-ink);background:#fff;font:800 1rem var(--cp-font);color:var(--cp-ink);cursor:pointer;text-align:left;box-shadow:0 4px 0 var(--cp-ink);transition:transform .12s,box-shadow .12s,background .15s}.cp-names button:hover{transform:translateY(-2px) rotate(-1deg);background:var(--cp-sky)}.cp-names button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cp-ink)}.cp-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;border:0;background:none;color:var(--cp-muted);font:800 .92rem var(--cp-font);cursor:pointer;text-decoration:none}.cp-picgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:16px 0}.cp-picgrid button{display:grid;place-items:center;aspect-ratio:1;border-radius:20px;border:3px solid var(--cp-ink);background:var(--cp-sky);font-size:2.1rem;cursor:pointer;box-shadow:0 4px 0 var(--cp-ink);transition:transform .12s,background .15s,box-shadow .12s}.cp-picgrid button:nth-child(4n+1){background:#fff3c9}.cp-picgrid button:nth-child(4n+2){background:#fde3e2}.cp-picgrid button:nth-child(4n+3){background:#d9f7f3}.cp-picgrid button:hover{transform:scale(1.1) rotate(-4deg);background:var(--cp-yellow)}.cp-picgrid button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cp-ink)}.cp-picgrid button.shake{animation:cp-shake .5s;background:#ffd0cb}@keyframes cp-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.cp-play{min-height:100vh;background:#f4f6fb}.cp-playbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:10px clamp(12px,3vw,28px);background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--cp-line)}.cp-playbar a{text-decoration:none}.cp-playbar-class{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--cp-muted);font-size:.9rem}.cp-playbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.cp-play .cp-btn.ghost{color:var(--cp-ink)}.cp-me{display:flex;align-items:center;gap:8px}.cp-me-pic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--cp-x-f1edff);font-size:1.4rem}.cp-me b{display:block;font-size:.9rem}.cp-me small{display:block;color:var(--cp-muted);font-size:.72rem;font-weight:700}.cp-sync{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:.75rem;font-weight:800;background:#f0fdf4;color:#166534}.cp-sync.saving{background:#eff6ff;color:#1d4ed8}.cp-sync.off{background:#fff7ed;color:#9a3412}.cp-guest{max-width:1400px;margin:12px auto 0;padding:10px 16px;border-radius:12px;background:#eef2ff;color:#3730a3;font-weight:700;font-size:.88rem}.cp-guest a{color:var(--cp-x-6d28d9)}.cp-wide{max-width:1400px;margin:14px auto}.cp-sim{max-width:1500px;margin:0 auto;padding:12px clamp(8px,2vw,20px) 40px}.rb-classtitle{display:inline-flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:900;color:var(--studio-ink)}.rb-classtrail .rb-crumbs nav{flex-direction:column;align-items:flex-start;gap:2px}.rb-classtrail .rb-crumbs nav small{color:var(--studio-muted);font-weight:700}.cp-app{min-height:100vh;background:var(--cp-bg)}.cp-appbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:22px;padding:10px clamp(12px,3vw,32px);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--cp-line)}.cp-appbar>a{text-decoration:none}.cp-appbar nav{display:flex;gap:4px}.cp-appbar nav a{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:10px;text-decoration:none;font-weight:800;font-size:.88rem;color:var(--cp-muted)}.cp-appbar nav a:hover{background:#f1f3f9;color:var(--cp-ink)}.cp-appbar nav a.on{background:var(--cp-x-f1edff);color:var(--cp-x-6d28d9)}.cp-appbar-user{display:flex;align-items:center;gap:10px;margin-left:auto;font-weight:800;font-size:.9rem}.cp-app .cp-btn.ghost{color:var(--cp-ink)}.cp-app-main{max-width:1320px;margin:0 auto;padding:26px clamp(12px,3vw,32px) 60px}.cp-page h1{margin:4px 0 6px;font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.02em}.cp-welcome{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#1e1b4b,#4c1d95 55%,#0e7490);color:var(--cp-ink);position:relative;overflow:hidden}.cp-welcome:after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(#22d3ee55,transparent 70%)}.cp-welcome small{font-weight:800;opacity:.75;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.cp-welcome h1{color:var(--cp-ink)}.cp-welcome p{margin:0;opacity:.85}.cp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0}.cp-kpi{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--cp-line)}.cp-kpi>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--tone,var(--cp-x-7c3aed)) 12%,#fff);color:var(--tone,var(--cp-x-7c3aed))}.cp-kpi b{display:block;font-size:1.45rem}.cp-kpi small{color:var(--cp-muted);font-weight:700;font-size:.78rem}.cp-classes{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin-top:8px}.cp-classcard{position:relative;display:block;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--cp-line);text-decoration:none;overflow:hidden;transition:transform .15s,box-shadow .15s}.cp-classcard:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--tone),color-mix(in srgb,var(--tone) 40%,#22d3ee))}.cp-classcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px var(--tone)}.cp-classcard-top{display:flex;justify-content:space-between;align-items:center}.cp-code-chip{font-family:Cascadia Code,Consolas,monospace;font-weight:900;color:var(--cp-muted);font-size:.85rem;letter-spacing:.08em}.cp-classcard h3{margin:12px 0 4px;font-size:1.25rem}.cp-classcard p{margin:0 0 14px;color:var(--cp-muted);font-size:.86rem;font-weight:600}.cp-bar{height:8px;border-radius:5px;background:#eef0f6;overflow:hidden}.cp-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--tone,var(--cp-x-7c3aed)),#22d3ee)}.cp-classcard-foot{display:flex;justify-content:space-between;margin-top:8px;font-size:.78rem;font-weight:700;color:var(--cp-muted)}.cp-classcard-foot span{display:inline-flex;gap:4px;align-items:center}.cp-classcard.add{display:grid;place-items:center;align-content:center;gap:8px;min-height:180px;border:2px dashed #d6dbea;background:transparent;color:var(--cp-muted);font-weight:800}.cp-classcard.add:before{display:none}.cp-classcard.add:hover{border-color:var(--cp-x-7c3aed);color:var(--cp-x-6d28d9)}.cp-empty{display:grid;justify-items:center;gap:8px;margin:30px auto;padding:46px 24px;max-width:640px;text-align:center;border-radius:24px;background:#fff;border:1px solid var(--cp-line)}.cp-empty.small{padding:30px}.cp-empty h2{margin:6px 0}.cp-empty p{margin:0 0 12px;color:var(--cp-muted)}.cp-empty-art{position:relative;width:120px;height:120px;display:grid;place-items:center;font-size:3.6rem}.cp-empty-art i{position:absolute;width:14px;height:14px;border-radius:4px;animation:cp-orbit 6s linear infinite}.cp-empty-art i:nth-child(2){background:#22d3ee}.cp-empty-art i:nth-child(3){background:#a3e635;animation-delay:-2s}.cp-empty-art i:nth-child(4){background:#f472b6;animation-delay:-4s}@keyframes cp-orbit{0%{transform:rotate(0) translate(58px) rotate(0)}to{transform:rotate(360deg) translate(58px) rotate(-360deg)}}.cp-steps-nav{display:flex;gap:10px;margin:14px 0 18px;padding:0;list-style:none;flex-wrap:wrap}.cp-steps-nav li{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--cp-line);font-weight:800;font-size:.85rem;color:var(--cp-muted)}.cp-steps-nav li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eef0f6;font-size:.78rem}.cp-steps-nav li.on{border-color:var(--cp-x-7c3aed);color:var(--cp-x-6d28d9)}.cp-steps-nav li.on span{background:var(--cp-x-7c3aed);color:var(--cp-ink)}.cp-steps-nav li.done span{background:#16a34a;color:var(--cp-ink)}.cp-panel{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--cp-line)}.cp-panel h2{margin:0 0 10px;font-size:1.2rem}.cp-panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.cp-panel.danger{border-color:#fecaca}.cp-field{display:grid;gap:7px;margin-bottom:18px;font-weight:800;font-size:.9rem}.cp-field>span{display:block}.cp-field small{font-weight:600;color:var(--cp-muted)}.cp-field textarea,.cp-panel textarea{min-height:120px;resize:vertical;font-weight:600;line-height:1.5}.cp-colors{display:flex;gap:8px}.cp-colors button{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px #d6dbea;cursor:pointer}.cp-colors button.on{box-shadow:0 0 0 3px var(--cp-ink)}.cp-stage-pick,.cp-mode-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.cp-stage-pick button,.cp-mode-pick button{display:grid;gap:4px;padding:16px;border-radius:16px;border:1.5px solid #e4e7f2;background:#fff;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.cp-stage-pick button small,.cp-mode-pick button small{color:var(--cp-muted);font-weight:600;line-height:1.4}.cp-stage-pick button.on,.cp-mode-pick button.on,.cp-grade-pick button.on{border-color:var(--cp-x-7c3aed);box-shadow:0 0 0 4px var(--cp-x-ede9fe)}.cp-mode-pics{font-size:1.5rem;font-weight:900;color:var(--cp-x-6d28d9)}.cp-grade-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cp-grade-pick button{display:grid;gap:2px;padding:0 0 10px;border-radius:16px;border:1.5px solid #e4e7f2;background:#fff;overflow:hidden;cursor:pointer;font:inherit;text-align:left}.cp-grade-pick img{width:100%;aspect-ratio:16/9;object-fit:cover}.cp-grade-pick b,.cp-grade-pick small{padding:0 12px}.cp-grade-pick small{color:var(--cp-muted);font-weight:600}.cp-gradeinfo{margin-top:6px;padding:14px 16px;border-radius:14px;background:var(--cp-x-f5f3ff);color:#3b0764;line-height:1.5}.cp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cp-tags span{padding:3px 10px;border-radius:999px;background:#fff;font-size:.76rem;font-weight:800;color:var(--cp-x-6d28d9)}.cp-wiz-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.cp-picker{display:grid;gap:10px}.cp-picker-head{position:sticky;top:60px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--cp-x-f5f3ff);font-weight:700}.cp-search{display:flex;align-items:center;gap:6px;flex:1;min-width:200px;padding:0 12px;border-radius:10px;background:#fff;border:1px solid #e4e7f2;color:var(--cp-muted)}.cp-search input{flex:1;border:0;min-height:36px;font:600 .9rem var(--cp-font);outline:0;background:transparent}.cp-pk-grade{border:1px solid var(--cp-line);border-radius:16px;overflow:hidden}.cp-pk-grade.mine{border-color:var(--cp-x-c4b5fd)}.cp-pk-ghead{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:0;background:#fafbff;font:inherit;cursor:pointer;text-align:left}.cp-pk-ghead small{color:var(--cp-muted);font-weight:600}.cp-pk-count{margin-left:auto;font-weight:800;color:var(--cp-muted);font-size:.85rem}.cp-pk-trail{padding:10px 14px;border-top:1px solid var(--cp-line)}.cp-pk-trailhead{display:flex;align-items:center;gap:10px;cursor:pointer}.cp-pk-trailhead img{width:56px;height:35px;object-fit:cover;border-radius:7px}.cp-pk-trailhead small{display:block;color:var(--cp-muted);font-weight:600;font-size:.78rem}.cp-pk-levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;margin:10px 0 4px 26px}.cp-pk-levels label{display:flex;gap:8px;align-items:flex-start;padding:7px 9px;border-radius:10px;border:1px solid #eef0f6;cursor:pointer;font-weight:700;font-size:.86rem}.cp-pk-levels label.on{background:var(--cp-x-f5f3ff);border-color:var(--cp-x-c4b5fd)}.cp-pk-levels small{display:block;color:var(--cp-muted);font-weight:600;font-size:.74rem}.cp-pk-levels input,.cp-pk-trailhead input{width:18px;height:18px;accent-color:var(--cp-x-7c3aed);flex:none;margin-top:1px}.cp-classhead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:24px;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 12%,#fff),#fff);border:1px solid color-mix(in srgb,var(--tone) 30%,var(--cp-line))}.cp-classhead p{margin:0;color:var(--cp-muted);font-weight:600}.cp-codebox{display:grid;gap:6px;padding:16px 18px;border-radius:18px;background:#0b1020;color:#fff;min-width:280px}.cp-codebox small{color:#9aa5cf;font-weight:700}.cp-codebox>b{font-family:Cascadia Code,Consolas,monospace;font-size:2rem;letter-spacing:.2em;background:linear-gradient(90deg,#22d3ee,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.cp-codebox>div{display:flex;flex-wrap:wrap;gap:6px}.cp-codebox .cp-btn.ghost,.cp-codebox-hint b{color:#fff}.cp-tabs{display:flex;gap:4px;margin:18px 0 14px;border-bottom:1px solid var(--cp-line);overflow-x:auto}.cp-tabs a{display:inline-flex;align-items:center;gap:7px;padding:11px 15px;border-bottom:3px solid transparent;text-decoration:none;font-weight:800;font-size:.9rem;color:var(--cp-muted);white-space:nowrap}.cp-tabs a.on{border-color:var(--cp-x-7c3aed);color:var(--cp-x-6d28d9)}.cp-help{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;padding:12px 14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;font-size:.88rem;line-height:1.7}.cp-help>div{display:flex;flex-wrap:wrap;gap:4px 12px}.cp-help .cp-link{color:#9a3412}.cp-grid-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.cp-seg{display:inline-flex;padding:3px;border-radius:11px;background:#eef0f6}.cp-seg button{border:0;background:none;padding:6px 12px;border-radius:9px;font:800 .82rem var(--cp-font);color:var(--cp-muted);cursor:pointer}.cp-seg button.on{background:#fff;color:var(--cp-ink);box-shadow:0 2px 6px -2px #0002}.cp-legend{display:inline-flex;align-items:center;gap:6px;margin-right:auto;font-size:.76rem;font-weight:700;color:var(--cp-muted)}.cp-legend i{width:14px;height:14px;border-radius:4px;margin-left:6px}.cp-heat-wrap{overflow:auto;border-radius:16px;border:1px solid var(--cp-line);background:#fff;max-height:70vh}.cp-heat{border-collapse:separate;border-spacing:0;font-size:.84rem}.cp-heat th,.cp-heat td{padding:4px;border-bottom:1px solid #f1f3f9}.cp-heat thead th{position:sticky;top:0;z-index:2;background:#fafbff;font-weight:800;color:var(--cp-muted)}.cp-heat thead th span{display:inline-grid;place-items:center;min-width:30px}.cp-heat .sticky{position:sticky;left:0;z-index:1;background:#fff;text-align:left;min-width:190px}.cp-heat thead .sticky{z-index:3;background:#fafbff;padding-left:14px}.cp-heat tbody th{display:flex;align-items:center;gap:8px;padding:6px 12px}.cp-heat tbody th small{display:block;color:var(--cp-muted);font-weight:600;font-size:.72rem}.cp-pic-sm{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--cp-x-f5f3ff);font-size:1.2rem;flex:none}.cp-cell{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;font:900 .78rem var(--cp-font);color:#14532d;cursor:pointer;transition:transform .12s}.cp-cell:hover{transform:scale(1.15)}.cp-cell.s3{color:var(--cp-ink)}.cp-cell.s0{color:#9a3412}.cp-total{white-space:nowrap;text-align:center;padding:0 12px!important}.cp-total small{display:block;color:var(--cp-muted);font-weight:700}.cp-level-key{columns:3 220px;margin:14px 0 0;padding:0;list-style:none;font-size:.82rem;color:var(--cp-muted)}.cp-level-key li{padding:2px 0}.cp-level-key b{display:inline-block;min-width:24px;color:var(--cp-ink)}.cp-drawer-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0b102073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end}.cp-drawer{position:relative;width:min(540px,100%);height:100%;overflow:auto;padding:26px;background:#fff;box-shadow:-30px 0 60px -30px #000;animation:cp-slide .25s ease}@keyframes cp-slide{0%{transform:translate(40px);opacity:0}}.cp-drawer-x{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:#f1f3f9;cursor:pointer}.cp-drawer-who{display:flex;gap:14px;align-items:center;margin-bottom:16px}.cp-drawer-who h2{margin:2px 0 6px}.cp-drawer-who small{color:var(--cp-muted);font-weight:800}.cp-pic-lg{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:var(--cp-x-f5f3ff);font-size:2rem}.cp-drawer-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.cp-drawer-stats>div{padding:10px;border-radius:12px;background:#f8f9fd;text-align:center}.cp-drawer-stats b{font-size:1.2rem}.cp-drawer-stats small{display:block;color:var(--cp-muted);font-weight:700;font-size:.74rem}.cp-drawer h3{margin:20px 0 8px;font-size:1rem}.cp-code{margin:0;padding:14px 16px;border-radius:14px;background:#0b1020;color:#d7ecfa;font:600 .84rem/1.6 Cascadia Code,Consolas,monospace;overflow:auto;white-space:pre}.cp-stars{display:inline-flex;gap:2px;color:#cbd5e1}.cp-stars .got{color:#f59f00}.cp-cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}.cp-roster{margin:0;padding:0;list-style:none}.cp-roster li{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #f1f3f9}.cp-roster-name{flex:1;min-width:0}.cp-roster-name small{display:block;color:var(--cp-muted);font-weight:600;font-size:.76rem}.cp-roster-name code{padding:1px 6px;border-radius:6px;background:var(--cp-x-f5f3ff);color:var(--cp-x-6d28d9);font-weight:800}.cp-roster-actions{display:flex;gap:4px}.cp-icon{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:#f4f5fa;color:var(--cp-muted);cursor:pointer}.cp-icon:hover{background:var(--cp-x-ede9fe);color:var(--cp-x-6d28d9)}.cp-icon.danger:hover{background:#fef2f2;color:#dc2626}.cp-inline{display:flex;flex:1;gap:6px}.cp-inline input{min-height:36px}.cp-toggle{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.85rem;color:var(--cp-muted)}.cp-panel .cp-btn.wide{margin-top:10px}.cp-print{padding:20px;background:#fff;min-height:100vh}.cp-print-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1000px;margin:0 auto 16px;font-weight:700;color:var(--cp-muted)}.cp-print .cp-btn.ghost{color:var(--cp-ink)}.cp-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:0;max-width:1000px;margin:0 auto}.cp-logincard{padding:16px;border:1.5px dashed #c5cad9;break-inside:avoid;page-break-inside:avoid}.cp-lc-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:3px solid var(--tone);font-weight:900;color:var(--tone)}.cp-lc-body{display:flex;gap:14px;margin-top:12px}.cp-lc-secret{display:grid;place-items:center;align-content:center;width:110px;flex:none;padding:8px;border-radius:14px;background:color-mix(in srgb,var(--tone) 10%,#fff);text-align:center}.cp-lc-pic{font-size:3.4rem;line-height:1}.cp-lc-secret small{color:var(--cp-muted);font-weight:700}.cp-lc-secret b{font-size:1.05rem}.cp-lc-name{display:block;font-size:1.3rem;margin-bottom:4px}.cp-lc-info ol{margin:0;padding-left:18px;font-size:.8rem;line-height:1.55}.cp-lc-code{font-family:Cascadia Code,Consolas,monospace;letter-spacing:.12em;font-size:1rem}@media print{.cp-print-bar{display:none}.cp-print{padding:0}.cp-cards{max-width:none}body{background:#fff}@page{margin:10mm}}.cp-play{background:var(--cp-sky)}.cp-app{background:var(--cp-bg)}.cp-playbar,.cp-appbar{position:sticky;top:8px;margin:8px clamp(8px,2vw,24px) 0;border-radius:999px;background:#fff;border:3px solid var(--cp-ink);box-shadow:0 5px 0 var(--cp-ink);-webkit-backdrop-filter:none;backdrop-filter:none}.cp-appbar nav a{border-radius:999px;color:var(--cp-ink)}.cp-appbar nav a:hover{background:var(--cp-sky)}.cp-appbar nav a.on{background:var(--cp-yellow);color:var(--cp-ink)}.cp-me-pic{border-radius:50%;background:var(--cp-yellow);border:3px solid var(--cp-ink)}.cp-sync{border:2px solid currentColor}.cp-guest{border-radius:999px;background:#fff;border:3px solid var(--cp-ink);color:var(--cp-ink);text-align:center}.cp-page h1{font-size:clamp(1.8rem,3vw,2.4rem)}.cp-welcome{border-radius:34px;background:var(--cp-purple);border:4px solid var(--cp-ink);box-shadow:0 10px 0 var(--cp-ink)}.cp-welcome:after{right:30px;top:-40px;width:170px;height:170px;background:var(--cp-yellow);opacity:.9}.cp-welcome:before{content:"";position:absolute;right:150px;bottom:-50px;width:110px;height:110px;border-radius:50%;background:var(--cp-pink)}.cp-welcome>*{position:relative;z-index:1}.cp-kpi,.cp-panel,.cp-empty,.cp-heat-wrap{border:3px solid var(--cp-ink);border-radius:26px;box-shadow:0 6px 0 var(--cp-ink)}.cp-kpi>span{border-radius:16px;border:3px solid var(--cp-ink);background:color-mix(in srgb,var(--tone,var(--cp-purple)) 30%,#fff);color:var(--cp-ink)}.cp-kpi:nth-child(4n+1){--tone:#ffc93c}.cp-kpi:nth-child(4n+2){--tone:#19c3b1}.cp-kpi:nth-child(4n+3){--tone:var(--cp-pink)}.cp-kpi:nth-child(4n+4){--tone:#3ea6ff}.cp-kpi b{font-family:var(--cp-display);font-size:1.7rem}.cp-classcard{border:3px solid var(--cp-ink);border-radius:28px;box-shadow:0 8px 0 var(--tone)}.cp-classcard:before{height:12px;background:var(--tone)}.cp-classcard:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 12px 0 var(--tone)}.cp-classcard h3{font-size:1.5rem;margin-top:18px}.cp-classcard.add{border:4px dashed #b9afe0;box-shadow:none;border-radius:28px}.cp-bar{height:12px;border-radius:999px;border:2px solid var(--cp-ink);background:#fff}.cp-bar i{background:var(--tone,var(--cp-green))}.cp-code-chip{font-family:var(--cp-display);padding:2px 10px;border-radius:999px;background:var(--cp-yellow);color:var(--cp-ink)}.cp-steps-nav li{border:3px solid var(--cp-ink);box-shadow:0 3px 0 var(--cp-ink)}.cp-steps-nav li.on{background:var(--cp-yellow);color:var(--cp-ink);border-color:var(--cp-ink)}.cp-steps-nav li.on span{background:var(--cp-ink)}.cp-stage-pick button,.cp-mode-pick button,.cp-grade-pick button{border:3px solid var(--cp-ink);border-radius:22px;box-shadow:0 4px 0 var(--cp-ink);transition:transform .12s,background .15s}.cp-stage-pick button:hover,.cp-mode-pick button:hover,.cp-grade-pick button:hover{transform:translateY(-2px)}.cp-stage-pick button.on,.cp-mode-pick button.on,.cp-grade-pick button.on{background:#fff3c9;border-color:var(--cp-ink);box-shadow:0 4px 0 var(--cp-coral)}.cp-stage-pick b,.cp-mode-pick b,.cp-grade-pick b{font:600 1.1rem var(--cp-display)}.cp-colors button{width:36px;height:36px;border:3px solid var(--cp-ink);box-shadow:none}.cp-colors button.on{box-shadow:0 0 0 4px var(--cp-yellow);transform:scale(1.12)}.cp-gradeinfo{border-radius:20px;background:#fff3c9;color:var(--cp-ink);border:3px dashed var(--cp-ink)}.cp-tags span{border:2px solid var(--cp-ink);color:var(--cp-ink)}.cp-picker-head{border-radius:999px;background:var(--cp-yellow);border:3px solid var(--cp-ink);top:76px}.cp-pk-grade{border:3px solid var(--cp-ink);border-radius:22px}.cp-pk-grade.mine{box-shadow:0 5px 0 var(--cp-purple)}.cp-pk-ghead{background:var(--cp-sky)}.cp-pk-ghead b{font:600 1.1rem var(--cp-display)}.cp-pk-levels label{border:2px solid var(--cp-x-d9d2ee);border-radius:14px}.cp-pk-levels label.on{background:#fff3c9;border-color:var(--cp-ink)}.cp-pk-levels input,.cp-pk-trailhead input{accent-color:var(--cp-coral)}.cp-classhead{border-radius:34px;border:4px solid var(--cp-ink);box-shadow:0 10px 0 var(--tone);background:#fff}.cp-codebox{border-radius:26px;background:var(--cp-yellow);color:var(--cp-ink);border:3px solid var(--cp-ink)}.cp-codebox small{color:var(--cp-ink)}.cp-codebox>b{font-family:var(--cp-display);background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--cp-ink);font-size:2.3rem}.cp-codebox .cp-btn.ghost,.cp-codebox-hint b{color:var(--cp-ink)}.cp-tabs{border-bottom:0;gap:8px}.cp-tabs a{border:3px solid var(--cp-ink);border-radius:999px;padding:8px 16px;background:#fff;color:var(--cp-ink);box-shadow:0 3px 0 var(--cp-ink);margin-bottom:6px}.cp-tabs a.on{background:var(--cp-purple);color:var(--cp-ink);border-color:var(--cp-ink)}.cp-help{border-radius:22px;border:3px solid var(--cp-ink);background:#ffe9c9;color:var(--cp-ink)}.cp-help .cp-link{color:#a1271b}.cp-seg{border-radius:999px;border:2px solid var(--cp-ink);background:#fff}.cp-seg button{border-radius:999px}.cp-seg button.on{background:var(--cp-yellow)}.cp-heat thead th,.cp-heat thead .sticky{background:var(--cp-sky)}.cp-cell{width:32px;height:32px;border-radius:10px;border:2px solid #2b235033}.cp-cell:hover{transform:scale(1.2) rotate(-6deg)}.cp-pic-sm{border-radius:50%;background:var(--cp-yellow);border:2px solid var(--cp-ink)}.cp-pic-lg{border-radius:50%;background:var(--cp-yellow);border:4px solid var(--cp-ink)}.cp-drawer{border-left:4px solid var(--cp-ink)}.cp-drawer-stats>div{border-radius:18px;border:2px solid var(--cp-ink);background:var(--cp-sky)}.cp-code{border-radius:20px;background:var(--cp-ink)}.cp-icon{border-radius:50%;border:2px solid var(--cp-ink);background:#fff;color:var(--cp-ink)}.cp-icon:hover{background:var(--cp-yellow);color:var(--cp-ink)}.cp-icon.danger:hover{background:#ffd0cb;color:#a1271b}.cp-auth-mascot{position:absolute;right:6%;bottom:4%;z-index:0;animation:cp-bob 3.5s ease-in-out infinite}.cp-empty h2{font-size:1.7rem}.cp-logincard{border:3px dashed var(--cp-ink)}.cp-lc-secret{border-radius:22px;border:3px solid var(--cp-ink);background:#fff3c9}.cp-lc-name{font-family:var(--cp-display)}.cp-roster li{border-bottom:2px dashed var(--cp-x-e9e3f7)}.cp-roster-name code{background:var(--cp-yellow);color:var(--cp-ink)}.cp-toggle input{accent-color:var(--cp-coral);width:18px;height:18px}.rb-classtitle{font-family:var(--cp-display)}@media(max-width:1000px){.cp-hero,.cp-teach,.cp-show,.cp-login-demo{grid-template-columns:1fr}.cp-hero{padding-top:130px}.cp-hero-mascot{left:-10px;bottom:-70px;width:110px;height:auto}.cp-sticker.k1{right:0}.cp-steps,.cp-stages{grid-template-columns:1fr;gap:40px}.cp-top nav{display:none}.cp-cols{grid-template-columns:1fr}.cp-auth-side{display:none}.cp-show-tabs button.on{transform:none}.cp-sun{top:80px;right:4%;scale:.7}}@media(max-width:640px){.cp-auth-mascot{display:none}.cp-top{padding:8px 12px}.cp-top-actions .cp-btn{padding:6px 14px;font-size:.84rem;min-height:38px;box-shadow:0 3px 0 var(--d)}.cp-top .cp-logo b{font-size:1.2rem}.cp-picgrid,.cp-pics{grid-template-columns:repeat(4,1fr)}.cp-appbar nav a span,.cp-hide-sm{display:none}.cp-appbar{gap:8px}.cp-appbar nav a{padding:8px}.cp-cards{grid-template-columns:1fr}.cp-auth-card{padding:24px}.cp-class-banner{margin:-24px -24px 18px;padding:18px 24px}.cp-sticker.k1,.cp-playbar-class{display:none}.cp-numbers>div{width:120px;height:120px}.cp-numbers b{font-size:2.1rem}.cp-hero-cta .cp-btn.big{width:100%}.cp-sec{padding-bottom:120px}.cp-login-demo{padding:22px}}.cp-foot .cp-logo em{color:var(--cp-ink)}.cp-play{background:linear-gradient(180deg,var(--cp-sky) 0,#f3fbff 320px,var(--cp-bg) 900px)}.cp-sim .studio{--acc:var(--cp-purple);--acc2:#19c3b1;--studio-ink:var(--cp-ink);--studio-muted:var(--cp-muted);--studio-line:#e2daf6;--studio-panel:#fff;--glass:rgba(255,255,255,.9);--glass-line:var(--cp-ink);font-family:Nunito,system-ui,sans-serif;color:var(--cp-ink)}.cp-sim .studio h1,.cp-sim .studio h2,.cp-sim .studio h3,.cp-sim .studio strong,.cp-sim .studio button,.cp-sim .rb-gi-obj{font-family:Fredoka,Nunito,sans-serif}.cp-sim .studio-heading h1{letter-spacing:-.01em;font-weight:700}.cp-sim .studio-heading h1 em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--cp-coral)}.cp-sim .studio-kicker{background:var(--cp-yellow);border:2.5px solid var(--cp-ink);color:var(--cp-ink);box-shadow:0 3px 0 var(--cp-ink)}.cp-sim .studio .studio-reset{border:2.5px solid var(--cp-ink);border-radius:999px;box-shadow:0 4px 0 var(--cp-ink);font-weight:700}.cp-sim .studio .studio-reset:hover{background:#fff6d6;border-color:var(--cp-ink)}.cp-sim .rb-profile{border:3px solid var(--cp-ink);border-radius:24px;background:#fff3c4;box-shadow:0 6px 0 var(--cp-ink);padding:12px 18px}.cp-sim .rb-plevel>svg{color:var(--cp-purple)}.cp-sim .rb-pcoins>svg{color:#f2a100}.cp-sim .rb-pbar{height:10px;border-radius:99px;border:2px solid var(--cp-ink);background:#fff}.cp-sim .rb-pbar i{background:var(--cp-purple)}.cp-sim .studio .rb-shopbtn{border:3px solid var(--cp-ink);border-radius:999px;background:var(--cp-coral);box-shadow:0 5px 0 var(--cp-ink);font-size:.95rem;transition:transform .1s,box-shadow .1s}.cp-sim .studio .rb-shopbtn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--cp-ink)}.cp-sim .studio .rb-crumbs nav button,.cp-sim .studio .rb-ghost{border:2.5px solid var(--cp-ink);border-radius:999px;background:#fff;color:var(--cp-ink);box-shadow:0 3px 0 var(--cp-ink);font-weight:700}.cp-sim .studio .rb-crumbs nav button.on{background:var(--cp-yellow)}.cp-sim .studio .rb-ghost:hover{background:#fff6d6}.cp-sim .studio .rb-ghost.on{background:var(--cp-yellow);border-color:var(--cp-ink)}.cp-sim .studio .rb-stagecard,.cp-sim .studio .rb-card{border:3px solid var(--cp-ink);border-radius:26px;background:#fff;box-shadow:0 7px 0 var(--cp-ink);transition:transform .12s,box-shadow .12s}.cp-sim .studio .rb-stagecard:hover,.cp-sim .studio .rb-card:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 11px 0 var(--cp-ink)}.cp-sim .studio .rb-card.on{border-color:var(--cp-ink);box-shadow:0 7px 0 var(--tone)}.cp-sim .rb-stage-imgs,.cp-sim .rb-card-img{background:var(--cp-sky);border-bottom:3px solid var(--cp-ink)}.cp-sim .rb-stage-imgs{gap:3px;background:var(--cp-ink)}.cp-sim .rb-stage-body strong{font-size:1.35rem;color:var(--cp-ink)}.cp-sim .rb-card-body .rb-grade-name{font-size:1.2rem;color:var(--cp-ink)}.cp-sim .rb-here{background:var(--cp-coral);border:2px solid var(--cp-ink)}.cp-sim .rb-stage-go{display:grid;place-items:center;width:34px;height:34px;right:10px;bottom:12px;border-radius:50%;background:var(--tone);border:2.5px solid var(--cp-ink);color:var(--cp-ink)}.cp-sim .rb-card-bar{height:8px;border-radius:99px;border:2px solid var(--cp-ink);background:#fff}.cp-sim .rb-gradeinfo,.cp-sim .rb-trailgroup,.cp-sim .rb-brief,.cp-sim .rb-options,.cp-sim .rb-pickhint{border:3px solid var(--cp-ink);border-radius:24px;box-shadow:0 6px 0 var(--cp-ink)}.cp-sim .rb-gradeinfo{background:#eafbf3}.cp-sim .rb-trailgroup{background:color-mix(in srgb,var(--tone) 10%,#fff);padding:14px 16px 8px}.cp-sim .rb-pickhint{border-style:dashed;box-shadow:none;background:#fff}.cp-sim .rb-gi-focus span{border:2px solid var(--cp-ink);background:#fff}.cp-sim .rb-trailhead img{width:84px;height:52px;border-radius:12px;border:2.5px solid var(--cp-ink)}.cp-sim .studio .rb-missions button{border:2.5px solid var(--cp-ink);border-radius:18px;box-shadow:0 4px 0 var(--cp-ink);transition:transform .1s,box-shadow .1s}.cp-sim .studio .rb-missions button:not(.locked):hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--cp-ink)}.cp-sim .studio .rb-missions button.locked{opacity:1;background:#f1eefa;color:#9a94b8;border-color:var(--cp-x-b9b2d6);box-shadow:0 4px 0 var(--cp-x-b9b2d6)}.cp-sim .studio .rb-missions button.on{background:var(--cp-yellow);border-color:var(--cp-ink);box-shadow:0 4px 0 var(--cp-ink)}.cp-sim .rb-missions button b{border-radius:50%;border:2px solid var(--cp-ink);background:#fff}.cp-sim .rb-missions button.on b{background:var(--cp-coral);color:var(--cp-ink)}.cp-sim .rb-missions{gap:10px;padding-bottom:12px}.cp-sim .rb-stars .got,.cp-sim .rb-card-meta svg{color:#ffb400}.cp-sim .rb-concept{border:2px solid var(--cp-ink);background:#d9f7f3}.cp-sim .rb-brief .rb-tip{border:2px dashed #e0a800;background:#fff6d6;border-radius:14px}.cp-sim .rb-lab{gap:4px}.cp-sim .rb-editor{border:3px solid var(--cp-ink);border-radius:26px;background:#fff;box-shadow:0 7px 0 var(--cp-ink);color:var(--cp-ink)}.cp-sim .rb-editor>header{border-bottom:3px solid var(--cp-ink);background:var(--cp-x-f3efff)}.cp-sim .rb-tabs{background:#fff;border:2.5px solid var(--cp-ink);border-radius:999px}.cp-sim .studio .rb-tabs button{border-radius:999px;color:var(--cp-ink)}.cp-sim .studio .rb-tabs button.on{background:var(--cp-purple);color:var(--cp-ink)}.cp-sim .rb-count{color:var(--cp-muted,var(--cp-muted))}.cp-sim .rb-editor .rb-ghost{border-color:var(--cp-ink);color:var(--cp-ink);box-shadow:0 2px 0 var(--cp-ink)}.cp-sim .rb-editor .blocklyFlyoutLabelText{fill:var(--cp-ink)}.cp-sim .rb-editor .blocklyTreeLabel,.cp-sim .rb-editor .blocklyToolboxCategoryLabel{font:800 .82rem Nunito,sans-serif}.cp-sim .rb-python,.cp-sim .rb-pyedit{background:var(--cp-ink)}.cp-sim .rb-python span i,.cp-sim .rb-pygutter{color:#8f86c4}.cp-sim .studio .rb-pytext{color:#f4f0ff;caret-color:var(--cp-yellow)}.cp-sim .rb-pymsg{border-top:3px solid var(--cp-ink);background:var(--cp-x-f3efff);color:var(--cp-ink)}.cp-sim .rb-pymsg span{color:var(--cp-muted)}.cp-sim .rb-pymsg.err{background:#ffe1dd;color:#a3271b}.cp-sim .rb-pymsg.ok{color:#1c7c3a}.cp-sim .rb-warn{background:#fff3c4;color:#7a5200}.cp-sim .rb-split i{background:var(--cp-x-b9b2d6)}.cp-sim .rb-split:hover i,.cp-sim .rb-split:active i{background:var(--cp-purple)}.cp-sim .studio .rb-stage{border:3px solid var(--cp-ink);border-radius:26px;background:var(--cp-sky);box-shadow:0 7px 0 var(--cp-ink);color:var(--cp-ink)}.cp-sim .rb-loading{color:var(--cp-ink)}.cp-sim .stage-chip{border:2.5px solid var(--cp-ink);border-radius:16px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 3px 0 var(--cp-ink)}.cp-sim .stage-chip span{color:var(--cp-muted)}.cp-sim .stage-chip strong{color:var(--cp-ink);font-weight:700}.cp-sim .stage-chip strong small{color:var(--cp-muted)}.cp-sim .studio .studio-full{border:2.5px solid var(--cp-ink);color:var(--cp-ink);background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 3px 0 var(--cp-ink)}.cp-sim .studio .studio-full:hover{background:var(--cp-yellow);border-color:var(--cp-ink)}.cp-sim .rb-hud{background:#ffffffed;border:2.5px solid var(--cp-ink);border-radius:18px;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--cp-ink);box-shadow:0 4px 0 var(--cp-ink)}.cp-sim .studio .rb-hud-toggle,.cp-sim .rb-hud h4{color:var(--cp-purple)}.cp-sim .rb-hud dt,.cp-sim .rb-hud dd em{color:var(--cp-muted);font-weight:700}.cp-sim .rb-bar,.cp-sim .rb-motor{height:8px;border-radius:99px;background:var(--cp-x-e6e0f7)}.cp-sim .rb-motor:after{background:var(--cp-ink)}.cp-sim .rb-swatch{border:2px solid var(--cp-ink)}.cp-sim .rb-bar-bottom{background:#fff;border:3px solid var(--cp-ink);border-radius:22px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 5px 0 var(--cp-ink)}.cp-sim .studio .rb-run{border:3px solid var(--cp-ink);border-radius:999px;background:var(--cp-green);color:var(--cp-ink);box-shadow:0 4px 0 var(--cp-ink);font-size:1rem;transition:transform .1s,box-shadow .1s}.cp-sim .studio .rb-run:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cp-ink)}.cp-sim .studio .rb-run.stop{background:var(--cp-coral);color:var(--cp-ink)}.cp-sim .studio .rb-icon{border:2.5px solid var(--cp-ink);border-radius:50%;background:#fff;color:var(--cp-ink)}.cp-sim .studio .rb-icon.on{background:var(--cp-yellow);border-color:var(--cp-ink)}.cp-sim .rb-seg{background:var(--cp-x-f3efff);border:2.5px solid var(--cp-ink);border-radius:999px}.cp-sim .studio .rb-seg button{border-radius:999px;color:var(--cp-ink)}.cp-sim .studio .rb-seg button.on{background:var(--cp-blue);color:var(--cp-ink)}.cp-sim .studio .rb-select{color:var(--cp-muted)}.cp-sim .studio .rb-select select{border:2.5px solid var(--cp-ink);border-radius:999px;background:#fff;color:var(--cp-ink);padding:4px 12px}.cp-sim .studio .rb-pad button{border:2.5px solid var(--cp-ink);background:#fff;color:var(--cp-ink);box-shadow:0 3px 0 var(--cp-ink)}.cp-sim .studio .rb-pad button:active{background:var(--cp-yellow);color:var(--cp-ink)}.cp-sim .rb-result{background:#fff;border:3px solid var(--cp-ink);border-radius:26px;box-shadow:0 8px 0 var(--cp-ink);color:var(--cp-ink)}.cp-sim .rb-result.ok{border-color:var(--cp-ink);box-shadow:0 8px 0 var(--cp-green)}.cp-sim .rb-result.fail{border-color:var(--cp-ink);box-shadow:0 8px 0 var(--cp-coral)}.cp-sim .rb-result p{color:var(--cp-ink)}.cp-sim .rb-result .rb-small,.cp-sim .rb-result .rb-coins small{color:var(--cp-muted)}.cp-sim .rb-result .rb-coins{color:#c98600}.cp-sim .rb-result .rb-levelup{color:var(--cp-purple)}.cp-sim .studio .rb-result-actions button{border:2.5px solid var(--cp-ink);border-radius:999px;background:#fff;color:var(--cp-ink);box-shadow:0 3px 0 var(--cp-ink)}.cp-sim .studio .rb-result-actions .primary{border:2.5px solid var(--cp-ink);background:var(--cp-green);color:var(--cp-ink)}.cp-sim .rb-options input{accent-color:var(--cp-purple)}.cp-sim .rb-lab.rb-expanded,.cp-sim .rb-lab:fullscreen{background:var(--cp-sky)}.cp-sim .studio-card{background:var(--cp-ink);border:3px solid var(--cp-ink);border-radius:24px;box-shadow:0 6px #1a1436}.cp-sim .studio-card header span,.cp-sim .studio-card-note,.cp-sim .rb-sensors li{color:#d9d3f5}.cp-sim .rb-shop-back,.rb-shop-back.cp{background:#2b23508c}.cp-sim .rb-shop{background:var(--cp-bg);border:3px solid var(--cp-ink);border-radius:28px;color:var(--cp-ink);box-shadow:0 10px 0 var(--cp-ink)}.cp-sim .rb-shop header>div span,.cp-sim .rb-shop-info,.cp-sim .rb-stats>strong small,.cp-sim .rb-shop-level small{color:var(--cp-muted)}.cp-sim .rb-shop-level,.cp-sim .rb-shop-coins{background:#fff;border:2.5px solid var(--cp-ink);color:var(--cp-ink)}.cp-sim .rb-shop-coins{background:var(--cp-yellow)}.cp-sim .studio .rb-shop-x{border:2.5px solid var(--cp-ink);border-radius:50%;color:var(--cp-ink);background:#fff}.cp-sim .rb-shop-build,.cp-sim .rb-item{background:#fff;border:2.5px solid var(--cp-ink);border-radius:20px}.cp-sim .rb-item{box-shadow:0 4px 0 var(--cp-ink)}.cp-sim .rb-item.on{border-color:var(--cp-ink);box-shadow:0 4px 0 var(--cp-green)}.cp-sim .rb-item.locked{opacity:.7}.cp-sim .rb-item-icon{background:var(--cp-x-f3efff);border:2px solid var(--cp-ink);text-shadow:none}.cp-sim .rb-item p,.cp-sim .rb-stat{color:#4a4470}.cp-sim .rb-stat b{color:var(--cp-ink)}.cp-sim .rb-item-req{color:var(--cp-muted)}.cp-sim .rb-item.on .rb-item-req{color:#1c7c3a}.cp-sim .rb-item.locked .rb-item-req{color:#c2410c}.cp-sim .rb-statbar{height:9px;border-radius:99px;background:var(--cp-x-e6e0f7)}.cp-sim .rb-statbar i{background:var(--cp-teal)}.cp-sim .studio .rb-shop-tabs button{border:2.5px solid var(--cp-ink);border-radius:999px;color:var(--cp-ink);background:#fff}.cp-sim .studio .rb-shop-tabs button.on{background:var(--cp-purple);border-color:var(--cp-ink);color:var(--cp-ink)}.cp-sim .studio .rb-item button{border:2.5px solid var(--cp-ink);border-radius:999px;background:#fff;color:var(--cp-ink)}.cp-sim .studio .rb-item button.buy{border:2.5px solid var(--cp-ink);background:var(--cp-yellow);color:var(--cp-ink);box-shadow:0 3px 0 var(--cp-ink)}.cp-sim .studio .rb-item button.on{border-color:var(--cp-ink);background:#d8f5d9;color:#1c7c3a}.cp-sim .rb-shop-msg{color:#1c7c3a}.cp-sim .rb-mini i{border-color:var(--cp-ink)}.cp-sim .stage-chip.accent strong{color:var(--cp-ink)}.cp-sim .edu-bar,.cp-sim .edu-deck{border:3px solid var(--cp-ink);border-radius:24px;box-shadow:0 6px 0 var(--cp-ink);background:#fff}.cp-sim .edu-deck{margin-top:22px}.cp-sim .studio-insight{border:3px solid var(--cp-ink);border-radius:24px;box-shadow:0 6px 0 var(--cp-ink);background:#fff3c4}.cp-deco{background:none!important}.cp-adm-actions{display:flex;gap:8px;flex-wrap:wrap}.cp-adm-tablewrap{overflow-x:auto;border:3px solid var(--cp-ink);border-radius:20px;background:#fff}.cp-adm-table{width:100%;border-collapse:collapse;font-size:.92rem}.cp-adm-table th{padding:11px 14px;text-align:left;font:700 .78rem Fredoka,sans-serif;letter-spacing:.04em;text-transform:uppercase;background:var(--cp-x-f3efff);color:var(--cp-ink);border-bottom:3px solid var(--cp-ink);white-space:nowrap}.cp-adm-table td{padding:10px 14px;border-bottom:2px dashed var(--cp-x-e9e3f7);vertical-align:middle}.cp-adm-table tr:last-child td{border-bottom:0}.cp-adm-table tr.off td{opacity:.55}.cp-adm-table td small{color:var(--cp-muted);font-weight:700}.cp-adm-table code{padding:2px 8px;border-radius:8px;background:var(--cp-yellow);font-weight:900;letter-spacing:.06em}.cp-adm-row-actions{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}.cp-adm-row-actions a.cp-icon{text-decoration:none}.cp-adm-dot{display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:50%;border:2px solid var(--cp-ink);vertical-align:-1px}.cp-adm-role{display:inline-block;padding:2px 10px;border-radius:999px;border:2px solid var(--cp-ink);font-weight:900;font-size:.76rem;background:#fff;white-space:nowrap}.cp-adm-role.r-master{background:var(--cp-coral);color:var(--cp-ink)}.cp-adm-role.r-gestor{background:var(--cp-purple);color:var(--cp-ink)}.cp-adm-role.r-diretor{background:var(--cp-yellow)}.cp-adm-role.r-coordenador{background:#bdf0ea}.cp-adm-role.r-professor{background:#e3f4ff}.cp-adm-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}.cp-adm-filters select,.cp-form select{min-height:46px;padding:8px 14px;border:3px solid var(--cp-x-d9d2ee);border-radius:16px;background:#fff;color:var(--cp-ink);font:700 .95rem var(--cp-font,Nunito,sans-serif)}.cp-form select{width:100%;min-height:50px}.cp-form select:focus,.cp-adm-filters select:focus{border-color:var(--cp-purple);outline:0}.cp-adm-search{flex:1 1 260px;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border:3px solid var(--cp-x-d9d2ee);border-radius:16px;background:#fff;color:var(--cp-muted)}.cp-adm-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:700 .95rem var(--cp-font,Nunito,sans-serif);color:var(--cp-ink)}.cp-adm-search:focus-within{border-color:var(--cp-purple)}.cp-adm-empty{margin:8px 0 14px;padding:18px;border:3px dashed var(--cp-x-d9d2ee);border-radius:18px;text-align:center;color:var(--cp-muted);font-weight:700}.cp-adm-tree{display:grid;gap:14px}.cp-adm-tree section{padding:14px 16px;border:3px solid var(--cp-ink);border-radius:20px;background:#f3fbff}.cp-adm-tree h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:1.1rem}.cp-adm-tree h3 small{color:var(--cp-muted);font-weight:700}.cp-adm-tree ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.cp-adm-tree li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;background:#fff;border:2px solid var(--cp-ink)}.cp-adm-tree li span{margin-left:auto;color:var(--cp-muted);font-weight:700;font-size:.85rem}.cp-adm-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:16px;background:#2b23508c;overflow:auto}.cp-adm-modal{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:22px 24px 24px;border:3px solid var(--cp-ink);border-radius:26px;background:var(--cp-bg);box-shadow:0 10px 0 var(--cp-ink)}.cp-adm-modal header{display:flex;justify-content:space-between;align-items:center;gap:12px}.cp-adm-modal h2{margin:0;font-size:1.35rem}.cp-adm-narrow{max-width:520px}.cp-ok{margin:0;padding:10px 14px;border-radius:14px;background:#d8f5d9;color:#1c6b34;font-weight:800}.cp-form .cp-toggle{display:flex;align-items:center;gap:10px}.cp-form .cp-toggle input{width:20px;min-height:0;height:20px;accent-color:var(--cp-purple)}.cp-panel-head h2 .cp-chip{vertical-align:middle;margin-left:6px}.cp-adm-h3-actions{display:flex;gap:6px;align-items:center;margin-left:auto}.cp-adm-tree li .cp-icon{flex:none}.cp-adm-pick{min-height:40px;padding:6px 12px;border:3px solid var(--cp-x-d9d2ee);border-radius:999px;background:#fff;color:var(--cp-ink);font:700 .9rem var(--cp-font,Nunito,sans-serif)}:root{--cp-ink:#17335c;--cp-muted:#4a6585;--cp-line:#d5e6f6;--cp-bg:#fff;--cp-purple:#3aaeff;--cp-blue:#3aaeff;--cp-green:#4cc417;--cp-teal:#4cc417;--cp-yellow:#ffc61a;--cp-coral:#ff7468;--cp-pink:#ff7468;--cp-sky:#d9efff;--cp-blue-d:#1487dd;--cp-blue-t:#0a66b5;--cp-green-t:#2c8509;--cp-red-t:#cf2f24;--cp-green-d:#379a0c;--cp-yellow-d:#dd9f00;--cp-red-d:#d93a2e;--cp-x-7c3aed:#0a66b5;--cp-x-6d28d9:#0a66b5;--cp-x-5a3fd6:#0a66b5;--cp-x-f5f3ff:#e8f5ff;--cp-x-f3efff:#e8f5ff;--cp-x-f1edff:#e8f5ff;--cp-x-ede9fe:#d2ebff;--cp-x-e4dcff:#d2ebff;--cp-x-e6e0f7:#d2ebff;--cp-x-d9d2ee:#cfe0f0;--cp-x-b9b2d6:#b3c9de;--cp-x-c4b5fd:#8fcdfb;--cp-x-4a4275:#35506f;--cp-x-fff9ec:#ffffff;--cp-x-e9e3f7:#dbe7f3}.cp-app{background:#fff}.cp-welcome{background:linear-gradient(135deg,#6cc6ff,#3aaeff)}.cp-tabs a.on{background:#3aaeff;text-shadow:none}.cp-appbar nav a.on{background:#ffc61a;color:var(--cp-ink)}.cp-seg button.on{background:#ffc61a}.cp-adm-role.r-gestor{background:#3aaeff}.cp-adm-role.r-coordenador{background:#d9f0c3}.cp-adm-role.r-professor,.cp-adm-table th{background:#e6f3fe}.cp-btn:not(.ghost):not(.yellow):not(.white){text-shadow:none}.s-1{background:#edf4fb}.cp-play{background:linear-gradient(180deg,var(--cp-sky) 0,#f5fbff 320px,#fff 900px)}.cp-play{background:linear-gradient(180deg,#9fd6ff 0,#d9efff 260px,#f3faff 700px,#fff 1300px)}.cp-sim .studio{--acc:#0a66b5;--acc2:#2c8509;--studio-line:#d5e6f6}.cp-sim .studio-heading h1{font-size:clamp(2.4rem,5vw,3.6rem)}.cp-sim .studio-heading h1 em{color:#ff7468}.cp-sim .studio-heading p{font-size:1.05rem;color:var(--cp-ink)}.cp-sim .studio-kicker{background:#ffc61a}.cp-sim .rb-profile{border:4px solid var(--cp-ink);border-radius:28px;background:linear-gradient(180deg,#ffd84d,#ffc61a);box-shadow:0 8px 0 var(--cp-ink);padding:14px 20px;gap:12px 26px}.cp-sim .rb-plevel strong,.cp-sim .rb-pcoins strong,.cp-sim .rb-probot strong{font-size:1.15rem;color:var(--cp-ink)}.cp-sim .rb-profile small{color:#5b4500;font-weight:800}.cp-sim .rb-plevel>svg,.cp-sim .rb-pcoins>svg{width:38px;height:38px;padding:8px;border-radius:50%;background:#fff;border:3px solid var(--cp-ink);color:#3aaeff;box-shadow:0 3px 0 var(--cp-ink)}.cp-sim .rb-pcoins>svg{color:#dd9f00}.cp-sim .rb-pbar{height:14px;width:190px;border:3px solid var(--cp-ink);background:#fff}.cp-sim .rb-pbar i{background:linear-gradient(90deg,#4cc417,#8fe04a);border-radius:99px}.cp-sim .rb-probot>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;border:3px solid var(--cp-ink);box-shadow:0 3px 0 var(--cp-ink);font-size:1.5rem}.cp-sim .studio .rb-shopbtn{min-height:52px;padding:8px 24px;border:4px solid var(--cp-ink);background:linear-gradient(180deg,#ff8c82,#ff7468);box-shadow:0 6px 0 var(--cp-ink);font-size:1.05rem;text-shadow:none}.cp-sim .studio .rb-shopbtn:hover{filter:none;transform:translateY(-2px);box-shadow:0 8px 0 var(--cp-ink)}.cp-sim .studio .rb-crumbs nav button,.cp-sim .studio .rb-ghost{min-height:42px;padding:6px 18px;border:3px solid var(--cp-ink);box-shadow:0 4px 0 var(--cp-ink);font-size:.95rem}.cp-sim .studio .rb-crumbs nav button.on{background:var(--tone,#3aaeff);border-color:var(--cp-ink);color:var(--cp-ink)}.cp-sim .rb-crumbs nav>svg{color:var(--cp-ink);width:20px;height:20px}.cp-sim .rb-crumbs{margin-bottom:20px}.cp-sim .rb-stages{gap:24px}.cp-sim .studio .rb-stagecard{border:4px solid var(--cp-ink);border-radius:30px;background:var(--tone);box-shadow:0 9px 0 var(--cp-ink);overflow:hidden}.cp-sim .rb-stage-imgs{border-bottom:4px solid var(--cp-ink);gap:4px}.cp-sim .rb-stage-body{padding:18px 20px 20px;background:linear-gradient(160deg,color-mix(in srgb,var(--tone) 80%,#fff),var(--tone))}.cp-sim .rb-stage-body strong{font-size:1.7rem;color:var(--cp-ink)}.cp-sim .rb-stage-body small{color:var(--cp-ink);font-weight:800;font-size:.95rem;opacity:.95}.cp-sim .rb-stage-body .rb-card-meta{color:var(--cp-ink);font-weight:800}.cp-sim .rb-stage-body .rb-card-meta svg{color:#ffe36b}.cp-sim .rb-stage-body .rb-card-bar{height:12px;border:3px solid var(--cp-ink);background:#ffffffe6}.cp-sim .rb-stage-body .rb-card-bar i{background:#ffc61a}.cp-sim .rb-stage-go{width:44px;height:44px;background:#fff;color:var(--cp-ink);border:3px solid var(--cp-ink);box-shadow:0 4px 0 var(--cp-ink)}.cp-sim .rb-here{background:#ffc61a;color:var(--cp-ink);border:2.5px solid var(--cp-ink);font-weight:900}.cp-sim .rb-stagegroup{padding:0;border:0;background:none}.cp-sim .rb-stagegroup h3{margin:0 0 16px;font:700 1.5rem Fredoka,sans-serif;letter-spacing:0;text-transform:none;color:var(--cp-ink)}.cp-sim .rb-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}.cp-sim .studio .rb-card{border:4px solid var(--cp-ink);border-radius:26px;box-shadow:0 8px 0 var(--tone)}.cp-sim .studio .rb-card:hover{box-shadow:0 12px 0 var(--tone)}.cp-sim .rb-card-body{padding:14px 16px 16px}.cp-sim .rb-card-body .rb-grade-name{font-size:1.5rem;color:color-mix(in srgb,var(--tone) 85%,#000)}.cp-sim .rb-card-body small{color:var(--cp-muted);font-weight:700}.cp-sim .rb-card-bar{height:12px;border:3px solid var(--cp-ink)}.cp-sim .rb-card-bar i{background:var(--tone)}.cp-sim .rb-card-done{background:#4cc417;border:3px solid var(--cp-ink)}.cp-sim .rb-gradeview{gap:26px}.cp-sim .rb-gradeinfo{position:relative;overflow:hidden;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px 28px;padding:28px 30px;border:4px solid var(--cp-ink);border-radius:32px;box-shadow:0 9px 0 var(--cp-ink);color:var(--cp-ink);background:radial-gradient(circle at 8% -20%,rgba(255,255,255,.34) 0 120px,transparent 121px),radial-gradient(circle at 52% 125%,rgba(255,255,255,.16) 0 170px,transparent 171px),radial-gradient(circle at 30% 60%,rgba(255,255,255,.1) 0 60px,transparent 61px),linear-gradient(140deg,color-mix(in srgb,var(--tone) 78%,#fff),var(--tone))}.cp-sim .rb-gi-title{display:block;margin:12px 0 8px;font:700 clamp(2.4rem,5vw,3.4rem)/1 Fredoka,sans-serif;color:var(--cp-ink)}.cp-sim .rb-gi-main .rb-gi-kicker{width:fit-content;padding:6px 14px;border-radius:999px;background:#fff;border:2.5px solid var(--cp-ink);color:var(--cp-ink);font-size:.78rem}.cp-sim .rb-gi-obj{margin:0 0 8px;font-size:1.25rem;line-height:1.35;color:var(--cp-ink)}.cp-sim .rb-gi-details{font-size:1rem;color:var(--cp-ink)}.cp-sim .rb-gi-focus{gap:10px;margin-top:6px}.cp-sim .rb-gi-focus span{padding:6px 16px;border:3px solid var(--cp-ink);background:#fff;color:var(--cp-ink);box-shadow:0 4px 0 var(--cp-ink);font:700 .9rem Fredoka,sans-serif}.cp-sim .rb-gi-focus span:nth-child(4n+1){background:#ffc61a}.cp-sim .rb-gi-focus span:nth-child(4n+3){background:#d9efff}.cp-sim .rb-gi-side{padding:20px 22px;border:4px solid var(--cp-ink);border-radius:24px;background:#fff;color:var(--cp-ink);box-shadow:0 6px #00000038}.cp-sim .rb-gi-side .rb-gi-kicker{color:color-mix(in srgb,var(--tone) 80%,#000);font-size:.82rem}.cp-sim .rb-gi-side ul,.cp-sim .rb-gi-side ol{list-style:none;padding:0;margin:10px 0 16px;display:grid;gap:8px;font-size:.95rem;font-weight:700}.cp-sim .rb-gi-side ul li{position:relative;padding-left:32px}.cp-sim .rb-gi-side ul li:before{content:"✓";position:absolute;left:0;top:-1px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#4cc417;color:var(--cp-ink);font-weight:900;font-size:.8rem;border:2px solid var(--cp-ink)}.cp-sim .rb-gi-side ol{counter-reset:m;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.cp-sim .rb-gi-side ol li{counter-increment:m;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#f3faff;border:2.5px solid var(--cp-line)}.cp-sim .rb-gi-side ol li:before{content:counter(m);flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--tone);color:var(--cp-ink);font:700 .9rem Fredoka,sans-serif;border:2px solid var(--cp-ink)}.cp-sim .rb-gi-side small{color:var(--cp-muted)}.cp-sim .rb-trailgroup{padding:0;overflow:hidden;border:4px solid var(--cp-ink);border-radius:32px;background:#fff;box-shadow:0 9px 0 var(--cp-ink)}.cp-sim .rb-trailhead{margin:0;padding:18px 22px;gap:18px;border-bottom:4px solid var(--cp-ink);background:radial-gradient(circle at 96% -40%,rgba(255,255,255,.3) 0 110px,transparent 111px),linear-gradient(135deg,color-mix(in srgb,var(--tone) 80%,#fff),var(--tone))}.cp-sim .rb-trailhead img{width:128px;height:80px;border-radius:16px;border:4px solid #fff;box-shadow:0 5px #00000040}.cp-sim .rb-trailhead strong{font:700 1.6rem/1.1 Fredoka,sans-serif;color:var(--cp-ink)}.cp-sim .rb-trailhead p{margin-top:4px;font-size:1rem;font-weight:700;color:var(--cp-ink)}.cp-sim .rb-trailbar{display:block;width:min(340px,100%);height:14px;margin-top:10px;border-radius:99px;border:3px solid var(--cp-ink);background:#ffffffeb;overflow:hidden}.cp-sim .rb-trailbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ffc61a,#ffe36b)}.cp-sim .rb-trailhead .rb-card-meta{flex:none;padding:8px 16px;border-radius:999px;border:3px solid var(--cp-ink);background:#fff;color:var(--cp-ink);font:700 1rem Fredoka,sans-serif;box-shadow:0 4px 0 var(--cp-ink)}.cp-sim .rb-trailhead .rb-card-meta svg{width:16px;height:16px;color:#ffb400}.cp-sim .rb-gradeview .rb-missions{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:34px 8px;margin:0;padding:44px 18px 26px;background:radial-gradient(circle,color-mix(in srgb,var(--tone) 22%,transparent) 2px,transparent 2.5px) 0 0/26px 26px,#fff}.cp-sim .studio .rb-missions button,.cp-sim .studio .rb-missions button.on,.cp-sim .studio .rb-missions button.locked{position:relative;flex-direction:column;align-items:center;gap:12px;min-height:0;padding:0 4px;border:0;border-radius:20px;background:none;box-shadow:none;text-align:center;transform:none}.cp-sim .studio .rb-missions button:not(.locked):hover{transform:none;box-shadow:none}.cp-sim .rb-missions button b,.cp-sim .rb-missions button.on b{display:grid;place-items:center;width:84px;height:74px;border-radius:50%;border:4px solid var(--cp-ink);background:radial-gradient(ellipse at 50% 18%,rgba(255,255,255,.55) 0 22%,transparent 23%),var(--tone);color:var(--cp-ink);font:700 1.9rem Fredoka,sans-serif;box-shadow:0 9px color-mix(in srgb,var(--tone) 62%,#001a40),0 9px 0 4px var(--cp-ink);transition:transform .12s,box-shadow .12s}.cp-sim .rb-missions button:not(.locked):hover b{transform:translateY(-4px)}.cp-sim .rb-missions button:not(.locked):active b{transform:translateY(7px);box-shadow:0 2px color-mix(in srgb,var(--tone) 62%,#001a40),0 2px 0 4px var(--cp-ink)}.cp-sim .rb-missions button.done b{background:radial-gradient(ellipse at 50% 18%,rgba(255,255,255,.6) 0 22%,transparent 23%),#ffc61a;color:var(--cp-ink);text-shadow:none;box-shadow:0 9px #dd9f00,0 9px 0 4px var(--cp-ink)}.cp-sim .rb-missions button.locked b{background:#e3ebf3;color:#8ea1b5;text-shadow:none;border-color:#9fb1c4;box-shadow:0 9px #c3d0dd,0 9px 0 4px #9fb1c4}.cp-sim .rb-missions button.locked b svg{width:26px;height:26px}.cp-sim .rb-missions button.on b{outline:5px solid #ffc61a;outline-offset:5px}.cp-sim .rb-missions button>span{gap:6px;margin-top:8px;font:700 .98rem/1.2 Fredoka,sans-serif;color:var(--cp-ink)}.cp-sim .rb-missions button.locked>span{color:#8496a8}.cp-sim .rb-missions .rb-stars{display:inline-flex;gap:2px;justify-content:center}.cp-sim .rb-missions .rb-stars svg{width:17px;height:17px;color:#c7d3df}.cp-sim .rb-missions .rb-stars .got{color:#ffb400}.cp-sim .rb-missions button.next b{animation:cp-node 1.4s ease-in-out infinite}.cp-sim .rb-missions button.next:before{content:"COMEÇAR";position:absolute;top:-36px;left:50%;translate:-50% 0;z-index:1;padding:5px 12px;border-radius:12px;border:3px solid var(--cp-ink);background:#fff;color:color-mix(in srgb,var(--tone) 85%,#000);font:700 .8rem Fredoka,sans-serif;letter-spacing:.06em;box-shadow:0 3px 0 var(--cp-ink);animation:cp-bubble 1.4s ease-in-out infinite;white-space:nowrap}@keyframes cp-node{50%{transform:translateY(-6px)}}@keyframes cp-bubble{50%{translate:-50% -6px}}@media(prefers-reduced-motion:reduce){.cp-sim .rb-missions button.next b,.cp-sim .rb-missions button.next:before{animation:none}}.cp-sim .rb-pickhint{padding:18px 22px;border:4px dashed #8fcdfb;border-radius:24px;background:#f3faff;font:700 1.05rem Fredoka,sans-serif;color:var(--cp-ink)}.cp-sim .rb-classtitle{font:700 1.3rem Fredoka,sans-serif;color:var(--cp-ink)}.cp-sim .rb-brief{border:4px solid var(--cp-ink);border-radius:28px;box-shadow:0 8px 0 var(--cp-ink);padding:20px 24px;background:#fff}.cp-sim .rb-brief strong{font-size:1.35rem}.cp-sim .rb-concept{background:#d9efff;border:2.5px solid var(--cp-ink);font-weight:800}.cp-sim .rb-concept.real{background:#ffc61a}.cp-sim .rb-goals span{border:2.5px solid var(--cp-line);border-radius:999px;padding:4px 12px;font-weight:800}.cp-sim .rb-goals span.ok{background:#e3f8d6;border-color:#4cc417;color:#256d05}.cp-sim .edu-bar,.cp-sim .edu-deck{border:4px solid var(--cp-ink);border-radius:28px;box-shadow:0 8px 0 var(--cp-ink)}.cp-sim .rb-editor,.cp-sim .studio .rb-stage{border-width:4px;border-radius:30px;box-shadow:0 9px 0 var(--cp-ink)}.cp-sim .rb-editor>header{background:linear-gradient(180deg,#e8f5ff,#d2ebff);border-bottom-width:4px}.cp-sim .studio .rb-tabs button.on{background:#3aaeff;text-shadow:none}.cp-sim .studio .rb-run{min-height:52px;padding:8px 26px;border-width:4px;background:linear-gradient(180deg,#6fdc35,#4cc417);color:var(--cp-ink);font-size:1.15rem;box-shadow:0 6px 0 var(--cp-ink)}.cp-sim .studio .rb-run.stop{background:linear-gradient(180deg,#ff8c82,#ff7468);text-shadow:none}.cp-sim .rb-bar-bottom{border-width:4px;border-radius:26px;box-shadow:0 6px 0 var(--cp-ink)}.cp-sim .studio .rb-seg button.on{background:#3aaeff}.cp-sim .rb-result{border-width:4px;border-radius:30px}.cp-sim .rb-result.ok{box-shadow:0 9px #4cc417}.cp-sim .rb-result.fail{box-shadow:0 9px #ff7468}.cp-sim .studio .rb-result-actions .primary{background:linear-gradient(180deg,#6fdc35,#4cc417);color:var(--cp-ink)}.cp-sim .studio-card{background:linear-gradient(160deg,#17335c,#0f2444)}.cp-sim .rb-shop-back{background:#0f244499;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cp-sim .rb-shop{width:min(1000px,100%);padding:0 0 14px;overflow:hidden;border:4px solid var(--cp-ink);border-radius:34px;background:#f3faff;box-shadow:0 12px 0 var(--cp-ink)}.cp-sim .rb-shop>*{margin-left:24px;margin-right:24px}.cp-sim .rb-shop>header{margin:0;padding:20px 24px;border-bottom:4px solid var(--cp-ink);background:radial-gradient(circle at 92% -60%,rgba(255,255,255,.3) 0 130px,transparent 131px),linear-gradient(135deg,#6cc6ff,#3aaeff)}.cp-sim .rb-shop header strong{font:700 1.8rem Fredoka,sans-serif;color:var(--cp-ink)}.cp-sim .rb-shop header>div span{color:var(--cp-ink);font-size:.95rem;font-weight:700}.cp-sim .rb-shop-level,.cp-sim .rb-shop-coins{padding:8px 16px;border:3px solid var(--cp-ink);box-shadow:0 4px 0 var(--cp-ink);font:700 1rem Fredoka,sans-serif}.cp-sim .rb-shop-coins{background:#ffc61a;font-size:1.25rem}.cp-sim .rb-shop-coins svg{color:#7a5200}.cp-sim .studio .rb-shop-x{width:46px;height:46px;border:3px solid var(--cp-ink);background:#fff;box-shadow:0 4px 0 var(--cp-ink)}.cp-sim .studio .rb-shop-x:hover{background:#ff7468;color:var(--cp-ink)}.cp-sim .rb-shop-build{margin-top:18px;padding:18px 22px;gap:18px 30px;border:4px solid var(--cp-ink);border-radius:26px;background:#fff;box-shadow:0 6px 0 var(--cp-ink)}.cp-sim .rb-mini{width:150px;height:110px;border-radius:20px;border:3px solid var(--cp-ink);background:linear-gradient(180deg,#9fd6ff 0,#9fd6ff 62%,#7ed957 62%,#7ed957);overflow:hidden}.cp-sim .rb-mini b{left:41px;top:44px}.cp-sim .rb-mini i{top:64px;border-color:#17335c}.cp-sim .rb-mini i:nth-child(1){left:35px}.cp-sim .rb-mini i:nth-child(2){left:91px}.cp-sim .rb-mini em{left:35px;top:24px}.cp-sim .rb-mini s{bottom:18px;left:10px;right:auto;width:30px;height:5px}.cp-sim .rb-stats{gap:9px}.cp-sim .rb-stats>strong{font:700 1.35rem Fredoka,sans-serif;color:var(--cp-ink)}.cp-sim .rb-stat{grid-template-columns:130px 1fr 96px;font-size:.92rem;font-weight:800;color:var(--cp-ink)}.cp-sim .rb-statbar{height:16px;border:3px solid var(--cp-ink);background:#fff}.cp-sim .rb-statbar i{border-radius:99px;background:linear-gradient(90deg,#4cc417,#8fe04a)}.cp-sim .rb-stat:nth-of-type(2) .rb-statbar i{background:linear-gradient(90deg,#3aaeff,#6cc4ff)}.cp-sim .rb-stat:nth-of-type(3) .rb-statbar i{background:linear-gradient(90deg,#ffb400,#ffd84d)}.cp-sim .rb-stat:nth-of-type(4) .rb-statbar i{background:linear-gradient(90deg,#ff7468,#ff9086)}.cp-sim .rb-shop-tabs{margin-top:18px;gap:10px}.cp-sim .studio .rb-shop-tabs button{min-height:46px;padding:6px 22px;border:3px solid var(--cp-ink);box-shadow:0 4px 0 var(--cp-ink);font:700 1rem Fredoka,sans-serif}.cp-sim .studio .rb-shop-tabs button.on{background:#3aaeff;color:var(--cp-ink)}.cp-sim .rb-shop-info{margin:14px 24px 10px;font-size:.98rem;font-weight:700;color:var(--cp-ink)}.cp-sim .rb-items{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:4px 4px 12px}.cp-sim .rb-item,.cp-sim .rb-item.locked{grid-template-columns:76px 1fr;gap:10px 14px;padding:16px;border:4px solid var(--cp-ink);border-radius:26px;background:#fff;box-shadow:0 7px 0 var(--cp-ink);opacity:1}.cp-sim .rb-item.on{box-shadow:0 7px #4cc417;background:#f4fdec}.cp-sim .rb-item-icon{width:76px;height:76px;border-radius:22px;border:3px solid var(--cp-ink);background:#d9efff;font-size:2.3rem;box-shadow:0 4px 0 var(--cp-ink)}.cp-sim .rb-item.locked .rb-item-icon{position:relative;color:#fff}.cp-sim .rb-item.locked .rb-item-icon svg{width:30px;height:30px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.cp-sim .rb-item strong{font:700 1.25rem Fredoka,sans-serif;color:var(--cp-ink)}.cp-sim .rb-item p{font-size:.92rem;font-weight:600;color:#3f5878}.cp-sim .rb-item-req{font-size:.85rem}.cp-sim .rb-item.locked .rb-item-req{width:fit-content;padding:3px 10px;border-radius:999px;background:#ffe9d6;color:#c2410c}.cp-sim .rb-item.on .rb-item-req{color:#256d05}.cp-sim .studio .rb-item button{min-height:48px;border:3px solid var(--cp-ink);box-shadow:0 4px 0 var(--cp-ink);font:700 1.05rem Fredoka,sans-serif}.cp-sim .studio .rb-item button.buy{background:linear-gradient(180deg,#ffd84d,#ffc61a);color:var(--cp-ink)}.cp-sim .studio .rb-item button.on{background:#4cc417;color:var(--cp-ink);border-color:var(--cp-ink)}.cp-sim .studio .rb-item button:disabled{filter:none;opacity:1}.cp-sim .studio .rb-item button.buy:disabled{background:#e3ebf3;color:#6f8399;border-color:#9fb1c4;box-shadow:0 4px #9fb1c4}.cp-sim .rb-shop-msg{margin-top:4px;font:700 1rem Fredoka,sans-serif;color:#256d05}@media(max-width:700px){.cp-sim .rb-gradeinfo{grid-template-columns:1fr;padding:20px}.cp-sim .rb-trailhead{flex-wrap:wrap}.cp-sim .rb-trailhead img{width:96px;height:60px}.cp-sim .rb-gradeview .rb-missions{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.cp-sim .rb-shop>*{margin-left:14px;margin-right:14px}}.cp-sim .studio .rb-stagecard,.cp-sim .studio .rb-stagecard.here{border-color:var(--cp-ink);padding:0}.cp-sim .rb-stage-imgs{margin:0;border-radius:0}.cp-sim .rb-stage-body .rb-card-bar{display:block;width:calc(100% - 60px);margin-top:10px}.cp-sim .rb-stage-body .rb-card-meta{font-size:.9rem}.cp-sec,[id]{scroll-margin-top:120px}.cp-hl{color:var(--cp-red-t)}.cp-hl.teal{color:var(--cp-green-t)}.cp-hl.pink{color:var(--cp-blue-t)}.cp-sim .studio-heading h1 em,.cp-logo em{color:var(--cp-red-t)}.cp-sim .studio .rb-hud-toggle,.cp-sim .rb-hud h4{color:var(--cp-blue-t)}.cp-sim .rb-card-body .rb-grade-name,.cp-sim .rb-gi-side .rb-gi-kicker{color:var(--cp-ink)}.cp-sim .rb-missions button.next:before{color:var(--cp-ink)}.cp-sim .rb-item.locked .rb-item-req{color:#a3360a}.cp-sim .studio .rb-item button.buy:disabled{color:#4f6177}.cp-sim .rb-profile small{color:var(--cp-ink)}.cp-adm-table tr.off td{opacity:.75}.cp-sim .rb-plevel>svg{color:var(--cp-blue-t)}.cp-btn.danger{color:var(--cp-ink)!important}.cp-sim .studio .rb-shopbtn{color:var(--cp-ink);text-shadow:none}.cp-sim .studio-insight>span,.cp-sim .edu-link{color:var(--cp-blue-t)}.cp-sim .studio .rb-tabs button.on,.cp-sim .studio .rb-seg button.on,.cp-sim .studio .rb-shop-tabs button.on{background:var(--cp-blue);color:var(--cp-ink)}.cp-sim .studio{--acc:#0a66b5!important;--acc2:#2c8509!important}.cp-sim .studio .edu-link{color:var(--cp-blue-t)}.cp-sim .edu-missions li.locked{opacity:1;background:#f1f5f9}.cp-sim .edu-missions li.locked strong{color:#4a6585}.cp-sim .studio .rb-item button small{color:inherit;opacity:1}.cp-sim .edu-badge{background:var(--cp-yellow);color:var(--cp-ink);border:2.5px solid var(--cp-ink)}.cp-sim .studio .studio-action,.cp-sim .studio .studio-action:hover,.cp-sim .studio .stage-bar button.play{background:var(--cp-blue);color:var(--cp-ink);border:2.5px solid var(--cp-ink)}.cp-sim .edu-progress em,.cp-sim .cm-meter b{background:linear-gradient(90deg,#4cc417,#8fe04a)}.cp-sim .studio-toggle input:checked+i{background:var(--cp-green)}.cp-play{background:#f8f6fc}.cp-auth{background:radial-gradient(ellipse at 10% 15%,#eee5ff,transparent 65%),#faf8ff;color:#30204e}.cp-auth .cp-hero-bg{display:none}.cp-auth .cp-auth-card{background:#fff;border:1px solid #e0d5ef;border-radius:24px;box-shadow:0 16px 60px #4f287015}.cp-auth :is(h1,h2,h3){font-family:Nunito,sans-serif;font-weight:900}.cp-auth .cp-auth-side{color:#594070}.cp-auth .cp-form input{border:1px solid #dcd1ec;border-radius:12px;background:#fdfcff;color:#30204e;box-shadow:none}.cp-auth .cp-form input:focus{border-color:#8b50d6;outline:2px solid #e2d1fa}.cp-auth .cp-btn{border:0;border-radius:12px;background:#7838cb;color:#fff;box-shadow:0 4px 12px #6d36b51a}.cp-auth .cp-switch a{color:#7838cb}.cp-auth .cp-join-icon{border:0;background:#ede3fc;color:#7735c9;box-shadow:none}.cp-logo b{font-family:var(--cp-font);font-weight:900;letter-spacing:-.055em;color:#302158}.cp-logo em{color:#7845df}.cp-land{background:#faf9ff;color:#302158}.cp-land .cp-hero-art{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 18px 50px #7044aa18}.cp-land h1,.cp-land h2,.cp-land h3{font-family:var(--cp-font);font-weight:900;letter-spacing:-.035em}.cp-land .cp-btn,.cp-playbar .cp-btn{background:#7644df;color:#fff;border:1px solid transparent;border-radius:12px;box-shadow:0 3px 8px #7644df1a;font-weight:900;transition:background .2s,transform .2s}.cp-land .cp-btn:hover,.cp-playbar .cp-btn:hover{background:#6232c6;box-shadow:0 5px 12px #7644df24;transform:translateY(-1px)}.cp-land .cp-btn.yellow,.cp-playbar .cp-btn.ghost{background:#fff;color:#6232c6;border-color:#d7c9f3;box-shadow:none}.cp-land .cp-btn.teal{background:#008577;color:#fff}.cp-land .cp-top{top:0;margin:0;padding:16px clamp(18px,4vw,72px);min-height:86px;border:0;border-bottom:1px solid #e8e2f3;border-radius:0;box-shadow:0 4px 18px #46317105;background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cp-land .cp-top nav a{border-radius:10px;padding:10px 12px;font-size:.94rem}.cp-land .cp-top nav a:hover{color:#6538ca;background:#f1ebfc}.cp-land .cp-hero{max-width:1600px;margin:0 auto;padding:76px clamp(24px,5vw,80px) 90px;gap:64px;min-height:610px;background:radial-gradient(ellipse at 80% 35%,#e9e0ff 0,transparent 52%),linear-gradient(135deg,#fff 8%,#f4f0ff 70%,#e7faf5)}.cp-land .cp-pill,.cp-land .cp-kicker{background:#eee7fb;color:#6333bc;border:0;border-radius:8px;box-shadow:none;transform:none;font-family:var(--cp-font);font-weight:900}.cp-land .cp-hero h1{font-size:clamp(2.7rem,4.4vw,4.5rem);line-height:1.08;margin:20px 0}.cp-land .cp-hl{padding:0;background:none;box-shadow:none;color:#7b42df}.cp-land .cp-hl:after,.cp-land .cp-hl:before{display:none}.cp-land .cp-hl.teal{color:#008c7f}.cp-land .cp-hl.pink{color:#7b42df}.cp-land .cp-hero p{font-size:1.1rem;font-weight:600;line-height:1.7;color:#655b7d}.cp-land .cp-hero-cta{gap:12px}.cp-land .cp-hero .cp-btn.big{font-size:1rem;padding:13px 19px;min-height:52px}.cp-land .cp-hero-proof{gap:20px;margin-top:30px}.cp-land .cp-hero-proof li{background:none;border:0;border-radius:0;padding:0;box-shadow:none;transform:none;color:#756b87;font-size:.85rem}.cp-land .cp-hero-proof b{display:block;margin:0;color:#463366;font:900 1.25rem var(--cp-font)}.cp-land .cp-tv{border:1px solid #d8caef;border-radius:22px;padding:8px;box-shadow:0 22px 55px #58399220;background:#fff;transform:none;rotate:none;animation:none}.cp-land .cp-hero-stage .cp-tv{background:#fff;transform:none;animation:none}.cp-land .cp-tv .cp-clip{border:0;border-radius:15px}.cp-land .cp-tv-dots{display:none}.cp-land .cp-hero-mascot{width:130px;height:auto;left:-35px;bottom:-35px;filter:drop-shadow(0 8px 8px #412b5c15)}.cp-land .cp-sticker{border:1px solid #ded3ef;border-radius:15px;box-shadow:0 10px 26px #42266414;animation:none}.cp-land .cp-sticker.k1{top:-30px;right:-10px;transform:rotate(3deg)}.cp-land .cp-sticker.k2{bottom:-20px;right:10%;transform:none;font-size:.9rem}.cp-land .cp-sec{padding:76px clamp(24px,5vw,80px)}.cp-land .cp-sec.cream{background:#fff}.cp-land .cp-sec.sky{background:#f6f3fc}.cp-land .cp-sec.purple{background:#eeebfa;color:#302158}.cp-land .cp-sec.purple .cp-kicker{background:#e4daf8;color:#6333bc}.cp-land .cp-sec-head{margin-bottom:36px}.cp-land .cp-sec h2,.cp-land .cp-final h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.2}.cp-land .cp-sec-head p{color:#706481;font-size:1.05rem}.cp-land .cp-step{border:1px solid #e7e0f3;border-radius:20px;box-shadow:0 6px 20px #49347706;padding:26px;rotate:none;text-align:left}.cp-land .cp-step:hover{transform:translateY(-3px)}.cp-land .cp-step-icon{width:56px;height:56px;border-radius:16px;margin:0}.cp-land .cp-step-icon svg{width:25px;height:25px}.cp-land .cp-step h3{font-size:1.25rem}.cp-land .cp-step p{font-weight:600;color:#706481;line-height:1.6}.cp-land .cp-show{gap:36px}.cp-land .cp-show-tabs button{border:1px solid #e7e0f3;border-radius:16px;box-shadow:none;padding:17px}.cp-land .cp-show-tabs button.on{border-color:#cab9e9;background:#f4effc;box-shadow:none;transform:none}.cp-land .cp-show-tabs button>span{border:0;background:color-mix(in srgb,var(--tone) 15%,white);border-radius:12px}.cp-land .cp-show-tabs strong{font:900 1rem var(--cp-font)}.cp-land .cp-show-tabs small{font-size:.86rem;color:#706481}.cp-land .cp-show-slide{top:8px;right:8px;bottom:8px;left:8px}.cp-land .cp-stage{border:1px solid #e3daee;border-radius:20px;box-shadow:0 7px 20px #4c33780a;overflow:hidden}.cp-land .cp-stage:hover{transform:translateY(-4px)}.cp-land .cp-stage-img{border:0;border-radius:0;aspect-ratio:16/9}.cp-land .cp-stage-body{padding:24px}.cp-land .cp-stage-body small{background:color-mix(in srgb,var(--tone) 12%,white);color:#504362;border:0;padding:5px 10px}.cp-land .cp-stage-body h3{font-size:1.5rem}.cp-land .cp-stage-body p{min-height:76px;color:#706481;font-weight:600;line-height:1.55}.cp-stage-link{display:inline-flex;align-items:center;gap:8px;color:#6b39ca;margin-top:22px;text-decoration:none;font-weight:900}.cp-stage-link:hover{text-decoration:underline}.cp-land .cp-numbers{gap:0;margin-top:42px;border-top:1px solid #e3daee;padding-top:32px}.cp-land .cp-numbers>div{width:25%;height:auto;border:0;box-shadow:none;border-radius:0;background:none;animation:none;gap:7px}.cp-land .cp-numbers b{color:#673bb8;font:900 2rem var(--cp-font)}.cp-land .cp-numbers span{font-weight:700;color:#756986}.cp-land .cp-feats li>span{border:0;box-shadow:none;width:43px;height:43px;border-radius:12px}.cp-land .cp-feats strong{font:900 1.05rem var(--cp-font)}.cp-land .cp-feats p{color:#655a7a;font-weight:600;font-size:.95rem}.cp-land .cp-mock{border:1px solid #dcd2ee;border-radius:20px;box-shadow:0 15px 40px #4e337510;transform:none}.cp-demo-label{color:#81738f;font-size:.8rem;margin:0 0 16px}.cp-land .cp-login-demo{border:1px solid #e3daee;border-radius:20px;box-shadow:none;margin-top:44px}.cp-land .cp-pics>span{border:1px solid #e3daee;box-shadow:none;background:#f6f2fd;border-radius:16px;animation:none}.cp-land .cp-pics>span.on{border-color:#8c5ee4;background:#e9e0fc}.cp-land .cp-final{padding:70px 24px;background:#fff}.cp-land .cp-final-mascot{width:110px;height:auto}.cp-land .cp-foot{border-top:1px solid #e9e1f4;background:#f9f7fd;color:#7c708b;font-weight:600}.cp-land .cp-foot .cp-logo em{color:#7845df}.cp-play .cp-playbar{top:0;margin:0;padding:14px clamp(16px,3vw,36px);border:0;border-bottom:1px solid #e4dbf2;border-radius:0;background:#ffffffed;box-shadow:0 4px 16px #49347706;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:76px}.cp-playbar-tagline{font-size:.8rem;line-height:1.4;max-width:112px;color:#786a8d;border-left:1px solid #e4dbf2;padding-left:16px}.cp-play .cp-guest{max-width:1400px;margin:16px auto 0;padding:10px 18px;border:1px solid #e5def1;border-radius:12px;background:#f5f1fb;color:#736386;font-weight:600;font-size:.85rem}.cp-play .cp-guest a{color:#6437c4;font-weight:900}@media(max-width:1050px){.cp-land .cp-top{gap:12px;padding:14px 20px}.cp-land .cp-top nav{display:none}.cp-land .cp-hero{gap:34px;padding:60px 28px 70px}.cp-land .cp-sticker.k1{display:none}.cp-land .cp-hero h1{font-size:3rem}.cp-playbar-tagline{display:none}}@media(max-width:760px){.cp-land .cp-top{flex-wrap:wrap;justify-content:space-between}.cp-land .cp-top-actions{gap:7px}.cp-land .cp-top .cp-btn{min-height:40px;padding:8px 10px;font-size:.8rem}.cp-land .cp-top .cp-btn svg{display:none}.cp-land .cp-top .cp-logo b{font-size:1.3rem}.cp-land .cp-hero{grid-template-columns:1fr;gap:60px;padding:40px 24px 64px;min-height:0}.cp-land .cp-hero h1{font-size:clamp(2.4rem,9vw,3.5rem)}.cp-land .cp-hero p{font-size:1rem}.cp-land .cp-hero-stage{max-width:550px;width:100%;margin:0 auto}.cp-land .cp-hero-mascot{left:-15px;width:95px}.cp-land .cp-sec{padding:48px 22px}.cp-land .cp-steps,.cp-land .cp-stages,.cp-land .cp-show,.cp-land .cp-teach,.cp-land .cp-login-demo{grid-template-columns:1fr}.cp-land .cp-steps,.cp-land .cp-stages{gap:18px}.cp-land .cp-stage-body p{min-height:0}.cp-land .cp-show{margin-top:36px}.cp-land .cp-login-demo{gap:20px;padding:22px}.cp-land .cp-numbers{gap:24px 0}.cp-land .cp-numbers>div{width:50%}.cp-land .cp-foot{justify-content:center;text-align:center}.cp-play .cp-playbar{flex-wrap:wrap;gap:10px;padding:12px 16px}.cp-play .cp-playbar-right{gap:7px}.cp-play .cp-playbar-class{order:3;width:100%}.cp-play .cp-guest{border-radius:0;margin-top:0;border-width:0 0 1px;text-align:left}}@media(prefers-reduced-motion:reduce){.cp-land .cp-hero-mascot,.cp-land .cp-final-mascot{animation:none}}.cp-play{background:#f8f6fe}.cp-land .cp-hero-art{display:block;width:100%;aspect-ratio:1.12;object-fit:cover;object-position:right center;border-radius:28px;box-shadow:0 20px 60px #7950be16}.cp-land .cp-hero-film{position:relative;width:100%;margin:0;overflow:hidden;border-radius:28px;background:#e8dcfa;box-shadow:0 20px 60px #7950be20}.cp-land .cp-hero-video{display:block;width:100%;aspect-ratio:1.125;object-fit:cover}.cp-land .cp-hero-film figcaption{position:absolute;right:16px;left:16px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#45246a;font:800 .85rem Nunito,sans-serif}.cp-land .cp-hero-film figcaption>span{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:16px;background:#ffffffed}.cp-land .cp-hero-film button{display:flex;align-items:center;gap:6px;min-height:40px;border:1px solid #d9c5f2;border-radius:20px;padding:8px 14px;background:#fff;color:#6e28b8;font:inherit;cursor:pointer;box-shadow:0 3px 12px #512b891a}.cp-land .cp-hero-film button:focus-visible{outline:3px solid #8a33df;outline-offset:3px}.cp-auth{background:radial-gradient(ellipse at 10% 0,#e6ddfb,transparent 58%),linear-gradient(140deg,#faf9ff,#f0fbf8)}.cp-auth .cp-hero-bg{opacity:.16}.cp-auth .cp-hero-bg .b1{background:#a68be8}.cp-auth .cp-hero-bg .b2{background:#c8a9ed}.cp-auth .cp-hero-bg .b3{background:#97ded4}.cp-auth .cp-auth-logo{border:0;box-shadow:none;background:transparent;padding:8px 0}.cp-auth .cp-auth-wrap{border:1px solid #e2d8ef;border-radius:24px;box-shadow:0 18px 55px #4c2e7710}.cp-auth .cp-auth-side{border-right:1px solid #e5dcf3;background:linear-gradient(145deg,#ece3fc,#e3f6f2);color:#443060}.cp-auth .cp-auth-side>svg{color:#7542cf}.cp-auth h1,.cp-auth h2{font-family:var(--cp-font);font-weight:900;letter-spacing:-.025em}.cp-auth .cp-auth-card h1{font-size:1.65rem;line-height:1.25}.cp-auth .cp-btn{border:1px solid transparent;border-radius:12px;color:#fff;background:#7644df;box-shadow:0 3px 8px #7644df1a}.cp-auth .cp-btn:hover{background:#6334c8;transform:translateY(-1px);box-shadow:0 5px 12px #7644df22}.cp-auth .cp-btn:disabled{transform:none}.cp-auth .cp-form input{border:1px solid #d9cde9;border-radius:12px;font-weight:700}.cp-auth .cp-pass input{padding-right:48px}.cp-auth .cp-form input:focus{border-color:#8051d9;box-shadow:0 0 0 3px #eee6fb}.cp-auth .cp-code-input{background:#f7f3fd!important;border-color:#c6b3e6!important;font-family:var(--cp-font)!important}.cp-auth .cp-join-icon{background:#efe7fc;border:0;box-shadow:none;color:#7440cc;transform:none;border-radius:18px;width:60px;height:60px}.cp-auth .cp-class-banner{background:color-mix(in srgb,var(--tone) 16%,#fff);border-bottom:1px solid #e2d8ef}.cp-auth .cp-class-banner strong{font-family:var(--cp-font)}.cp-auth .cp-names button,.cp-auth .cp-picgrid button{border:1px solid #dfd4ee;border-radius:14px;box-shadow:none}.cp-auth .cp-names button:hover{transform:translateY(-1px);background:#f3edfb}.cp-auth .cp-picgrid button:hover{transform:scale(1.04);border-color:#8e61d8;background:#eee5fc}.cp-auth .cp-avatar{border:2px solid white;box-shadow:0 0 0 1px #e2d6ef;background:color-mix(in srgb,var(--tone) 24%,white)}.cp-auth .cp-err{border:1px solid #f3c5c0;border-radius:12px}.cp-logo em,.cp-land .cp-foot .cp-logo em{color:#05b9ad}.cp-play .cp-playbar{gap:clamp(16px,2.5vw,40px)}.cp-learning-nav{display:flex;align-items:center;gap:12px}.cp-learning-nav a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;border-radius:14px;font-weight:900;font-size:1rem;white-space:nowrap;color:#342153}.cp-learning-nav a:hover{background:#f2ebfc;color:#6a32c3}.cp-learning-nav a.active{color:#fff;background:linear-gradient(110deg,#9337e6,#6c22cf);box-shadow:0 4px 10px #7624c724}.cp-play .cp-playbar-class{display:none}.cp-play .cp-me-pic{background:#f0e5ff;border:1px solid #e6d4f9}@media(max-width:1180px){.cp-learning-nav{gap:4px}.cp-learning-nav a{padding:9px 12px;font-size:.9rem}.cp-play .cp-playbar{gap:16px}.cp-play .cp-playbar-right .cp-btn{padding:7px 10px}}@media(max-width:960px){.cp-play .cp-playbar{flex-wrap:wrap}.cp-play .cp-learning-nav{order:3;width:100%;justify-content:center;padding-top:2px}.cp-play .cp-learning-nav a{flex:1;max-width:220px}}@media(max-width:480px){.cp-play .cp-playbar{padding:10px 12px;gap:10px}.cp-play .cp-playbar .cp-logo b{font-size:1.2rem}.cp-play .cp-playbar .cp-logo svg{width:30px;height:30px}.cp-play .cp-learning-nav a{gap:7px;padding:8px;font-size:.82rem;min-height:40px}.cp-play .cp-learning-nav a svg{width:18px;height:18px}.cp-play .cp-playbar-right{gap:5px}.cp-play .cp-playbar-right .cp-btn{font-size:.72rem;min-height:32px;padding:5px 7px}.cp-play .cp-me{font-size:.78rem}}.cp-play .cp-playbar{display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);gap:22px;padding:12px clamp(20px,3vw,44px)}.cp-play .cp-playbar>a{justify-self:start}.cp-play .cp-playbar .cp-logo{gap:10px}.cp-play .cp-playbar .cp-logo svg{width:46px;height:46px}.cp-play .cp-playbar .cp-logo b{font-size:2.4rem;line-height:1;letter-spacing:-.055em}.cp-play .cp-learning-nav{justify-self:center;gap:14px}.cp-play .cp-learning-nav a{font-size:1.125rem;padding:10px 20px;gap:11px}.cp-play .cp-learning-nav a svg{width:23px;height:23px}.cp-play .cp-playbar-right{justify-self:end;margin-left:0}@media(max-width:1280px){.cp-play .cp-playbar{grid-template-columns:auto 1fr auto;gap:16px;padding-inline:22px}.cp-play .cp-playbar .cp-logo b{font-size:1.85rem}.cp-play .cp-playbar .cp-logo svg{width:40px;height:40px}.cp-play .cp-learning-nav{gap:5px}.cp-play .cp-learning-nav a{font-size:1rem;padding:10px 13px;gap:8px}}@media(max-width:1050px){.cp-play .cp-playbar{grid-template-columns:1fr auto}.cp-play .cp-learning-nav{grid-row:2;grid-column:1 / -1;width:100%;justify-content:center}.cp-play .cp-learning-nav a{flex:1;max-width:220px}.cp-play .cp-playbar-right{grid-row:1;grid-column:2}}@media(max-width:560px){.cp-play .cp-playbar{padding:10px 12px;gap:10px}.cp-play .cp-playbar .cp-logo{gap:6px}.cp-play .cp-playbar .cp-logo b{font-size:1.35rem}.cp-play .cp-playbar .cp-logo svg{width:32px;height:32px}.cp-play .cp-learning-nav{gap:5px}.cp-play .cp-learning-nav a{font-size:.85rem;padding:8px;gap:7px}.cp-play .cp-learning-nav a svg{width:18px;height:18px}.cp-play .cp-playbar-right{min-width:0;flex-wrap:wrap;justify-content:flex-end}}