.sn{--sc:#a78bfa}.sn:before{opacity:.06}.sn-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5cqw,96px);padding-top:clamp(24px,3.6cqw,56px)}.sn-hero__txt{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:20px;min-width:0}.sn-badge{display:inline-flex;align-items:center;gap:9px;margin:0;padding:8px 14px 8px 12px;border-radius:999px;font:600 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background-color:color-mix(in srgb,var(--sc) 18%,rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 55%,transparent),0 0 24px -6px color-mix(in srgb,var(--sc) 70%,transparent);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md))}.sn-badge__dot{width:8px;height:8px;border-radius:50%;background:var(--sc);box-shadow:0 0 color-mix(in srgb,var(--sc) 60%,transparent);animation:sn-ping 1.8s var(--ease-out) infinite}@keyframes sn-ping{to{box-shadow:0 0 0 10px transparent}}.sn-h1{display:grid;margin:0;font:500 clamp(38px,4.6cqw,70px)/1 var(--font-display);letter-spacing:-.045em;animation:sn-in .7s var(--ease-out) both}.sn-h1 .as-accent{font-size:1.1em;letter-spacing:-.01em;padding-right:.05em}@keyframes sn-in{0%{opacity:0;translate:0 16px;filter:blur(8px)}}.sn-lead{max-width:33.25em}.sn-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:0;padding:0;list-style:none;width:100%;max-width:620px}.sn-feats li{display:flex;align-items:flex-start;gap:10px;font:500 14.5px/1.45 var(--font-sans);color:#dfe5f2;animation:sn-in .6s var(--ease-out) calc(.2s + var(--i) * 70ms) both}.sn-feats .as-ic{flex:none;width:18px;height:18px;margin-top:1px;padding:3px;box-sizing:border-box;border-radius:50%;color:#0b0f18;background:var(--sc)}@container svh (max-width:480px){.sn-feats{grid-template-columns:minmax(0,1fr)}}.sn-wl{display:grid;gap:12px;width:100%;max-width:620px;margin-top:6px;padding:18px;border-radius:26px;background-color:#0a0e18d6;background-image:radial-gradient(70% 120% at 0% 0%,color-mix(in srgb,var(--sc) 18%,transparent),transparent 70%),var(--specular-soft);box-shadow:var(--edge-glass),var(--shadow-drop)}.sn-wl__k{display:flex;align-items:center;gap:8px;margin:0;font:500 12.5px/1.3 var(--font-mono);color:var(--text-secondary)}.sn-wl__row{display:flex;flex-wrap:wrap;gap:10px}.sn-wl__row .as-btn{flex:none}.sn-field{display:flex;align-items:center;gap:10px;flex:1 1 240px;min-width:0;height:58px;padding:0 16px;border-radius:999px;cursor:text;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1f;transition:box-shadow var(--dur-slow) var(--ease-out),background-color var(--dur-slow)}.sn-field:focus-within{background:#ffffff14;box-shadow:inset 0 0 0 1px #fff3,0 0 0 2px #8db8ff8c}.sn-field.is-err{box-shadow:inset 0 0 0 1px #f87171b3}.sn-field>.as-ic{flex:none;width:18px;height:18px;color:var(--text-secondary)}.sn-field input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;background:none;outline:none;color:#fff;font:500 16px/1 var(--font-sans)}.sn-field input::placeholder{color:var(--text-tertiary)}.sn-check{position:relative;display:flex;align-items:flex-start;gap:10px;cursor:pointer;font:500 13px/1.5 var(--font-sans);color:var(--text-secondary)}.sn-check input{position:absolute;opacity:0;width:22px;height:22px;margin:0}.sn-check__box{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:7px;background:#ffffff0f;box-shadow:inset 0 0 0 1.5px #ffffff47;transition:background-color var(--dur-base),box-shadow var(--dur-base)}.sn-check__box .as-ic{width:14px;height:14px;color:#0b0f18;opacity:0;scale:.5;transition:opacity var(--dur-base),scale var(--dur-release) var(--ease-spring)}.sn-check input:checked+.sn-check__box{background:var(--sc);box-shadow:none}.sn-check input:checked+.sn-check__box .as-ic{opacity:1;scale:1}.sn-check input:focus-visible+.sn-check__box{outline:2px solid var(--focus-ring);outline-offset:2px}.sn-check a{color:var(--link)}.sn-wl__err{display:flex;align-items:center;gap:8px;margin:0;font:500 13px/1.4 var(--font-sans);color:#fecaca}.sn-wl__err .as-ic{flex:none;width:16px;height:16px;color:#f87171}.sn-wl__count{margin:0;font:500 12px/1.4 var(--font-sans);color:var(--text-tertiary)}.sn-wl__count b{font:700 14px/1 var(--font-accent-dot);color:#fff}.sn-wl--done{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;animation:sn-pop .6s var(--ease-spring) both}@keyframes sn-pop{0%{transform:scale(.96) translateY(10px)}}.sn-wl__ok{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;background:linear-gradient(140deg,#6ee7b7e6,#059669b3);box-shadow:0 0 24px -4px #10b981cc}.sn-wl__ok .as-ic{width:22px;height:22px}.sn-wl--done b{display:block;font:600 17px/1.3 var(--font-sans)}.sn-wl--done span{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:var(--text-secondary);overflow-wrap:anywhere}.sn-wl--done em{font:700 15px/1 var(--font-accent-dot);font-style:normal;color:#fff}@container svh (max-width:480px){.sn-wl{padding:14px}.sn-wl__row .as-btn{flex:1 1 100%;justify-content:center}}.sn-hero__vis{position:relative;container:snv/inline-size;min-width:0}.sn-glow{position:absolute;left:50%;top:50%;width:90%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--sc) 30%,transparent),transparent);pointer-events:none}.sn-ribbon{position:absolute;z-index:3;right:14px;top:-14px;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font:600 11.5px/1 var(--font-mono);color:#0b0f18;background:var(--sc);box-shadow:0 10px 24px -8px color-mix(in srgb,var(--sc) 80%,transparent);rotate:3deg}.sn-ribbon .as-ic{width:13px;height:13px;animation:sn-hg 3s var(--ease-in-out) infinite}@keyframes sn-hg{0%,40%{rotate:0deg}50%,90%{rotate:180deg}to{rotate:360deg}}.sn-v{position:relative;display:grid;gap:14px;padding:18px;border-radius:30px;background-color:#0a0e18e6;background-image:radial-gradient(70% 60% at 100% 0%,color-mix(in srgb,var(--sc) 16%,transparent),transparent 70%),var(--specular-soft);box-shadow:var(--edge-glass),var(--shadow-drop)}.sn-voice__top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.sn-voice__av{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--sc) 90%,#fff),color-mix(in srgb,var(--sc) 60%,#000));box-shadow:0 0 color-mix(in srgb,var(--sc) 55%,transparent);animation:sn-ring 1.2s var(--ease-out) infinite}.sn-voice__av.is-live{animation:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--sc) 20%,transparent)}@keyframes sn-ring{to{box-shadow:0 0 0 16px transparent}}.sn-voice__av .as-ic{width:20px;height:20px}.sn-voice__who{display:grid;gap:4px;min-width:0}.sn-voice__who b{font:600 15px/1.2 var(--font-sans)}.sn-voice__who small{font:500 12px/1.2 var(--font-mono);color:var(--text-secondary)}.sn-voice__ai{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font:600 11.5px/1 var(--font-mono);color:#fff;background:color-mix(in srgb,var(--sc) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 50%,transparent)}.sn-voice__ai .as-ic{width:13px;height:13px}.sn-wave{display:flex;align-items:center;gap:3px;height:56px;padding:0 4px}.sn-wave i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 90%,#fff),color-mix(in srgb,var(--sc) 40%,transparent));transform-origin:50% 50%;transform:scaleY(.12);transition:transform .4s var(--ease-out)}.sn-wave.is-live i{animation:sn-wave .9s var(--ease-in-out) var(--d) infinite alternate}@keyframes sn-wave{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.sn-tr{display:grid;align-content:start;gap:8px;min-height:190px;margin:0;padding:0;list-style:none}.sn-tr__m{display:grid;gap:3px;max-width:86%;padding:9px 13px;border-radius:16px;font:500 13.5px/1.45 var(--font-sans);animation:sn-msg .45s var(--ease-spring) both}@keyframes sn-msg{0%{opacity:0;transform:translateY(8px) scale(.96)}}.sn-tr__m small{font:500 11px/1 var(--font-mono);color:var(--text-tertiary)}.sn-tr__m--c{justify-self:end;border-bottom-right-radius:4px;background:#ffffff1a}.sn-tr__m--a{justify-self:start;border-bottom-left-radius:4px;background:color-mix(in srgb,var(--sc) 20%,rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 35%,transparent)}.sn-voice__done{display:flex;align-items:center;gap:12px;margin:0;padding:10px 14px 10px 10px;border-radius:16px;background:#4fd6a00f;box-shadow:inset 0 0 0 1px #4fd6a02e;opacity:.35;transition:opacity .4s var(--ease-out),background-color .4s,box-shadow .4s}.sn-voice__done.is-on{opacity:1;background:#4fd6a01f;box-shadow:inset 0 0 0 1px #4fd6a073}.sn-voice__done .as-ic{flex:none;width:32px;height:32px;padding:8px;box-sizing:border-box;border-radius:11px;color:#fff;background:linear-gradient(140deg,#6ee7b7d9,#059669a6)}.sn-voice__done span{display:grid;gap:3px}.sn-voice__done b{font:600 13.5px/1.2 var(--font-sans)}.sn-voice__done small{font:500 12px/1.2 var(--font-sans);color:var(--text-secondary)}.sn-player{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#06080f;box-shadow:inset 0 0 0 1px #ffffff1a}.sn-player__art{position:absolute;inset:0;display:grid;align-content:end;gap:6px;padding:18px 20px 44px;background:radial-gradient(70% 90% at 80% 20%,color-mix(in srgb,var(--sc) 45%,transparent),transparent 70%),linear-gradient(160deg,#141a2b,#05070c)}.sn-player__k{font:600 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--sc) 70%,#fff)}.sn-player__art b{max-width:80%;font:500 clamp(18px,5.4cqw,28px)/1.1 var(--font-display);letter-spacing:-.03em;text-wrap:balance;animation:sn-in .5s var(--ease-out) both}.sn-player__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(80% 80% at 80% 20%,#000,transparent);mask-image:radial-gradient(80% 80% at 80% 20%,#000,transparent);pointer-events:none}.sn-player__play{position:absolute!important;left:50%;top:44%;translate:-50% -50%}.sn-player__bar{position:absolute;left:14px;right:14px;bottom:12px;display:flex;align-items:center;gap:10px}.sn-player__bar>span{position:relative;flex:1;height:5px;border-radius:99px;background:#ffffff2e;overflow:hidden}.sn-player__bar i{position:absolute;inset:0;background:var(--sc);transform-origin:0 50%;box-shadow:0 0 10px var(--sc)}.sn-player__bar small{font:500 11px/1 var(--font-mono);color:#dfe5f2}.sn-ch{display:grid;gap:6px;margin:0;padding:0;list-style:none}.sn-ch li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:6px 12px 6px 6px;border-radius:14px;font:500 13.5px/1.3 var(--font-sans);color:#dfe5f2;background:#ffffff08;transition:background-color .4s,color .4s}.sn-ch__ic{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#ffffff12;transition:background .4s}.sn-ch__ic .as-ic{width:14px;height:14px}.sn-ch li small{font:500 11.5px/1 var(--font-mono);color:var(--text-tertiary)}.sn-ch li.is-done .sn-ch__ic{color:#0b0f18;background:var(--sc)}.sn-ch li.is-on{color:#fff;background:color-mix(in srgb,var(--sc) 14%,rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 40%,transparent)}.sn-ch li.is-on .sn-ch__ic{color:#fff;background:color-mix(in srgb,var(--sc) 55%,transparent)}.sn-ch li.is-lock{color:var(--text-secondary)}.sn-ch__t{min-width:0;overflow-wrap:anywhere}.sn-course__meta,.sn-docs__meta{display:flex;align-items:center;gap:8px;margin:0;font:500 12.5px/1.3 var(--font-mono);color:var(--text-secondary)}.sn-course__meta .as-ic,.sn-docs__meta .as-ic{width:15px;height:15px;color:var(--sc)}.sn-stack{position:relative;height:clamp(300px,74cqw,380px);margin:8px 6%}.sn-doc{position:absolute;left:0;right:0;top:0;display:grid;grid-template-rows:auto 1fr auto;gap:14px;height:calc(100% - 36px);padding:16px;border-radius:22px;background:linear-gradient(170deg,#161c2c,#0b0f19);box-shadow:inset 0 0 0 1px #ffffff1a,0 24px 48px -20px #000000f2;transform-origin:50% 0;transform:translateY(calc(var(--p) * 12px)) scale(calc(1 - var(--p) * .05)) rotate(calc(var(--p) * 1.5deg));filter:brightness(calc(1 - var(--p) * .18));transition:transform .7s var(--ease-spring),filter .5s var(--ease-out)}.sn-doc__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.sn-doc__ic{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#0b0f18;background:var(--sc)}.sn-doc__ic .as-ic{width:16px;height:16px}.sn-doc__head b{font:600 14.5px/1.25 var(--font-sans);overflow-wrap:anywhere}.sn-doc__head em{padding:4px 8px;border-radius:999px;font:600 10.5px/1 var(--font-mono);font-style:normal;color:#dfe5f2;background:#ffffff14}.sn-doc__dl{justify-self:start;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;font:600 13px/1 var(--font-sans);color:#0b0f18;background:var(--sc);box-shadow:0 8px 20px -8px var(--sc)}.sn-doc__dl .as-ic{width:15px;height:15px}.sn-doc__list{display:grid;align-content:start;gap:10px}.sn-doc__list span{display:flex;align-items:center;gap:10px}.sn-doc__list i{flex:none;width:16px;height:16px;border-radius:5px;box-shadow:inset 0 0 0 1.5px #ffffff4d}.sn-doc__list span.is-on i{background:var(--sc);box-shadow:none}.sn-doc__list b{height:7px;width:70%;border-radius:4px;background:#ffffff24}.sn-doc__list span:nth-child(2) b{width:55%}.sn-doc__list span:nth-child(4) b{width:62%}.sn-doc__flow{display:flex;align-items:center;gap:6px;align-self:center}.sn-doc__flow i{flex:none;width:clamp(30px,10cqw,44px);aspect-ratio:1;border-radius:12px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff24}.sn-doc__flow i.is-hi{background:var(--sc)}.sn-doc__flow b{flex:1;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.1),var(--sc),rgba(255,255,255,.1))}.sn-doc__lines{display:grid;align-content:start;gap:9px}.sn-doc__lines b{height:7px;border-radius:4px;background:#ffffff24}.sn-doc__lines b:first-child{width:50%;height:11px;background:#fff6}.sn-doc__lines b:nth-child(3){width:86%}.sn-doc__lines b:nth-child(5){width:64%}.sn-doc__tbl{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:6px;align-content:start}.sn-doc__tbl i{height:22px;border-radius:6px;background:#ffffff0f}.sn-doc__tbl i.is-num{background:color-mix(in srgb,var(--sc) 30%,transparent)}.sn-status{display:grid;gap:16px;margin-top:clamp(48px,6cqw,96px);padding:clamp(18px,2.4cqw,28px);border-radius:28px;background-color:#0a0e18c7;box-shadow:var(--edge-glass)}.sn-status__k{display:flex;align-items:center;gap:10px;margin:0;font:500 13px/1.4 var(--font-mono);color:var(--text-secondary)}.sn-status__k .as-ic{flex:none;width:16px;height:16px;color:var(--sc)}.sn-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.sn-steps li{position:relative;display:grid;justify-items:start;gap:8px;padding:14px;border-radius:18px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12}.sn-steps__dot{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font:700 12px/1 var(--font-mono);color:var(--text-secondary);background:#ffffff0f}.sn-steps__dot .as-ic{width:15px;height:15px}.sn-steps b{font:600 15px/1.2 var(--font-sans);color:var(--text-secondary)}.sn-steps small{position:absolute;right:12px;top:14px;padding:4px 8px;border-radius:999px;font:600 11px/1 var(--font-mono);color:#0b0f18;background:var(--sc)}.sn-steps li.is-done .sn-steps__dot{color:#0b0f18;background:var(--sc)}.sn-steps li.is-done b{color:#fff}.sn-steps li.is-on{background:color-mix(in srgb,var(--sc) 12%,rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 45%,transparent)}.sn-steps li.is-on .sn-steps__dot{color:#fff;background:color-mix(in srgb,var(--sc) 45%,transparent);box-shadow:0 0 color-mix(in srgb,var(--sc) 55%,transparent);animation:sn-ping 1.8s var(--ease-out) infinite}.sn-steps li.is-on b{color:#fff}@container svh (max-width:640px){.sn-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.sn-more{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(24px,4cqw,56px);margin-top:clamp(48px,6cqw,96px)}.sn-more__col{display:grid;align-content:start;gap:14px;min-width:0}.sn-h2{margin:0;font:500 clamp(22px,2.2cqw,30px)/1.1 var(--font-display);letter-spacing:-.035em}.sn-links{display:grid;gap:10px;margin:0;padding:0;list-style:none}.sn-links a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:12px 16px 12px 12px;border-radius:20px;color:#fff;text-decoration:none;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;transition:background-color var(--dur-base),box-shadow var(--dur-base),translate var(--dur-base) var(--ease-out)}.sn-links a:hover{background:#ffffff0f;box-shadow:var(--edge-glass-hover);translate:0 -2px}.sn-links a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.sn-links__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;background:linear-gradient(140deg,#6eb4ffb8,#1f58e48c);box-shadow:inset 0 1px #fff6}.sn-links__ic--soon{color:#0b0f18;background:var(--sc)}.sn-links__ic .as-ic{width:18px;height:18px}.sn-links a>span:nth-child(2){display:grid;gap:4px;min-width:0}.sn-links b{font:600 15px/1.25 var(--font-sans)}.sn-links small{font-size:13px;line-height:1.45;color:var(--text-secondary)}.sn-links__go{width:17px;height:17px;color:var(--text-tertiary);transition:transform var(--dur-slow) var(--ease-out),color var(--dur-base)}.sn-links a:hover .sn-links__go{color:#fff;transform:translate(3px)}@container svh (max-width:960px){.sn-hero{grid-template-columns:minmax(0,1fr)}.sn-hero__vis{max-width:600px;width:100%;justify-self:center}.sn-more{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.sn-badge__dot,.sn-h1,.sn-feats li,.sn-ribbon .as-ic,.sn-voice__av,.sn-wave.is-live i,.sn-tr__m,.sn-player__art b,.sn-steps li.is-on .sn-steps__dot,.sn-wl--done{animation:none}.sn-doc,.sn-wave i{transition:none}}
