liquid-glass,.liquid-glass{position:relative;isolation:isolate;display:block;border-radius:var(--liquidglass-radius, inherit);background:var(--liquidglass-tint, rgba(255, 255, 255, .03));box-shadow:0 6px 24px #0000002e,inset 0 1px #ffffff29}liquid-glass:not([data-liquidglass-enhanced]),.liquid-glass:not([data-liquidglass-enhanced]){-webkit-backdrop-filter:blur(var(--liquidglass-frost, 7.5px)) saturate(1.6) brightness(1.05);backdrop-filter:blur(var(--liquidglass-frost, 7.5px)) saturate(1.6) brightness(1.05)}liquid-glass-group,.liquid-glass-group{position:relative;isolation:isolate;display:block;background:#ffffff08}liquid-glass-group:not([data-liquidglass-enhanced]),.liquid-glass-group:not([data-liquidglass-enhanced]){-webkit-backdrop-filter:blur(7.5px) saturate(1.6) brightness(1.05);backdrop-filter:blur(7.5px) saturate(1.6) brightness(1.05)}liquid-glass[data-liquidglass-group-item],.liquid-glass[data-liquidglass-group-item]{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}[data-liquidglass-group][data-liquidglass-enhanced]{background:transparent}:root{--bg: #000;--fg: #f5f5f7;--dim: rgba(245, 245, 247, .56);--faint: rgba(245, 245, 247, .12);--hair: rgba(255, 255, 255, .08);--spring: cubic-bezier(.32, .72, 0, 1);--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;background:none;border:0;padding:0;cursor:pointer;user-select:none;-webkit-user-select:none}a{color:inherit}::selection{background:#ffffff3d}.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.nav{position:fixed;z-index:50;top:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center}.nav-bar{display:flex;align-items:center;height:48px;padding:4px;border-radius:999px;position:relative}.nav-brand{height:48px;padding:0 18px;border-radius:999px;display:flex;align-items:center;font-weight:600;letter-spacing:-.02em;font-size:15px}.nav-link{position:relative;z-index:1;height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--dim);display:flex;align-items:center;transition:color .3s var(--spring)}.nav-link[aria-current=true]{color:var(--fg)}.nav-pill{position:absolute;top:4px;height:40px;border-radius:999px;background:#ffffff24;transition:left .5s var(--spring),width .5s var(--spring)}@media (max-width: 640px){.nav-brand{display:none}.nav-link{padding:0 12px;font-size:13px}}.stage{position:relative;overflow:hidden;border-radius:32px;background:#0a0a0a center / cover no-repeat}.stage-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hero{min-height:100svh;padding:12px;display:flex}.hero .stage{flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(100svh - 24px)}.hero-copy{position:relative;padding:0 clamp(20px,5vw,64px) clamp(28px,6vw,72px);pointer-events:none}.hero h1{margin:0;font-size:clamp(56px,12vw,168px);line-height:.9;letter-spacing:-.055em;font-weight:700;text-shadow:0 2px 40px rgba(0,0,0,.25)}.hero p{margin:18px 0 0;max-width:520px;font-size:clamp(17px,2vw,21px);line-height:1.4;color:#ffffffdb}.hero-actions{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap;pointer-events:auto}.chip{height:52px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;letter-spacing:-.01em;color:#fff;white-space:nowrap}.chip code{font-family:var(--mono);font-weight:500;font-size:14px}.chip-swap{display:inline-grid}.chip-swap>*{grid-area:1 / 1;transition:opacity .35s var(--spring),transform .45s var(--spring),filter .35s var(--spring)}.chip-swap>[data-hidden=true]{opacity:0;transform:translateY(6px) scale(.96)}.lens-handle{position:absolute;left:0;top:0;touch-action:none;cursor:grab;will-change:transform}.lens-handle:active{cursor:grabbing}.lens{width:180px;height:180px;border-radius:50%}@media (max-width: 640px){.lens{width:128px;height:128px}}section{padding:clamp(64px,10vw,120px) 0 0}.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;flex-wrap:wrap}.sec-head h2{margin:0;font-size:clamp(32px,5vw,56px);letter-spacing:-.045em;line-height:1;font-weight:700}.sec-head p{margin:0;max-width:420px;color:var(--dim);font-size:16px;line-height:1.45}.comp-stage{min-height:640px;padding:clamp(16px,4vw,48px);display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-content:center}.comp-stage>:not(.stage-img){position:relative}.card{border-radius:28px;padding:20px;color:#fff}.c-player{grid-column:span 5}.c-controls{grid-column:span 4;display:flex;flex-direction:column;gap:14px}.c-side{grid-column:span 3;display:flex;flex-direction:column;gap:16px}@media (max-width: 960px){.c-player,.c-controls,.c-side{grid-column:span 12}}.player-top{display:flex;gap:14px;align-items:center}.art{width:64px;height:64px;border-radius:14px;background:center / cover;flex:none}.p-title{font-weight:600;font-size:17px;letter-spacing:-.01em}.p-sub{color:#ffffffa8;font-size:14px;margin-top:2px}.p-time{display:flex;justify-content:space-between;font-size:12px;color:#fff9;font-variant-numeric:tabular-nums;margin-top:6px}.p-buttons{display:flex;justify-content:center;gap:10px;margin-top:10px;align-items:center}.round{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff}.round.sm{width:44px;height:44px}.round svg{width:22px;height:22px;fill:currentColor}.round.sm svg{width:18px;height:18px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:22px;color:#fff;font-size:15px;font-weight:500}.toggle{position:relative;width:64px;height:30px;border-radius:999px;background:#ffffff2e;transition:background .35s var(--spring);flex:none}.toggle[aria-checked=true]{background:#34c759}.toggle-thumb{position:absolute;top:2px;left:2px;width:38px;height:26px;border-radius:999px;transition:transform .45s var(--spring),width .3s var(--spring)}.toggle[aria-checked=true] .toggle-thumb{transform:translate(22px)}.toggle:active .toggle-thumb{width:44px}.toggle[aria-checked=true]:active .toggle-thumb{transform:translate(16px)}.slider{position:relative;height:32px;touch-action:none;cursor:pointer;outline:none}.slider-track{position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:99px;background:#fff3;overflow:hidden}.slider-fill{position:absolute;inset:0 auto 0 0;background:#fff;border-radius:99px}.slider-thumb{position:absolute;top:50%;width:36px;height:24px;margin:-12px 0 0 -18px;border-radius:999px;transition:width .3s var(--spring),height .3s var(--spring),margin .3s var(--spring)}.slider[data-active=true] .slider-thumb{width:52px;height:32px;margin:-16px 0 0 -26px}.slider:focus-visible .slider-track{box-shadow:0 0 0 2px #ffffff80}.slider.plain .slider-thumb{background:#fff;box-shadow:0 2px 10px #0000004d}.seg{position:relative;display:flex;padding:4px;border-radius:999px;background:#ffffff24}.seg-btn{position:relative;z-index:1;flex:1;height:34px;border-radius:999px;font-size:14px;font-weight:500;color:#ffffffb3;transition:color .3s var(--spring)}.seg-btn[aria-pressed=true]{color:#fff}.seg-ind{position:absolute;top:4px;bottom:4px;border-radius:999px;transition:left .5s var(--spring),width .5s var(--spring)}.notif{display:flex;gap:12px;align-items:flex-start}.notif-dot{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ff9f0a,#ff375f);flex:none}.notif b{display:block;font-size:15px}.notif span{font-size:14px;color:#ffffffb8;line-height:1.35}.big-num{font-size:56px;font-weight:700;letter-spacing:-.04em;line-height:1}.big-sub{color:#ffffffb3;font-size:14px;margin-top:6px}.merge-stage{height:560px;display:grid;place-items:center;touch-action:none}.merge-group{position:absolute;top:0;right:0;bottom:0;left:0}.blob{position:absolute;left:0;top:0;width:96px;height:96px;border-radius:50%;touch-action:none;cursor:grab;will-change:transform;display:grid;place-items:center;color:#fff;font-weight:600}.menu-group{position:absolute;right:clamp(20px,5vw,48px);bottom:clamp(20px,5vw,48px);width:72px;height:320px}.menu-item{position:absolute;left:4px;bottom:4px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:600;transition:transform .55s var(--spring)}.menu-main{position:absolute;left:0;bottom:0;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:#fff;z-index:2}.menu-main svg{width:26px;height:26px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;transition:transform .5s var(--spring)}.menu-item>*,.menu-item{transition:transform .55s var(--spring),color .3s var(--spring)}.menu-group:not([data-open=true]) .menu-item{color:transparent;pointer-events:none}.menu-group[data-open=true] .menu-main svg{transform:rotate(45deg)}.live-stage{height:520px;background:#050505}.live-scroll{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:14px;padding:20px;animation:drift 26s linear infinite}.live-row{display:flex;gap:14px}.live-tile{flex:1;height:120px;border-radius:22px;background:center / cover}.live-text{font-size:clamp(40px,7vw,92px);font-weight:800;letter-spacing:-.05em;line-height:.95;color:#fff;white-space:nowrap}.live-text span{color:#ff9f0a}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.live-bar{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:4px;padding:6px;border-radius:999px}.live-bar .tab{height:52px;padding:0 22px;border-radius:999px;display:grid;place-items:center;font-size:14px;font-weight:600;color:#ffffffbf;position:relative;z-index:1;transition:color .3s var(--spring)}.live-bar .tab[aria-pressed=true]{color:#fff}.live-bar .tab-ind{position:absolute;top:6px;height:52px;border-radius:999px;background:#ffffff29;transition:left .5s var(--spring),width .5s var(--spring)}@media (prefers-reduced-motion: reduce){.live-scroll{animation-duration:120s}}.pg{display:grid;grid-template-columns:1fr 340px;gap:16px}@media (max-width: 960px){.pg{grid-template-columns:1fr}}.pg-stage{height:560px;display:grid;place-items:center}.pg-stage .backdrop-text{position:absolute;top:0;right:0;bottom:0;left:0;padding:32px;font-size:22px;line-height:1.5;color:#ddd;overflow:hidden;background:#0b0b0b}.pg-stage .backdrop-text h3{font-size:64px;margin:0 0 12px;letter-spacing:-.05em;color:#fff;line-height:1}.pg-stage .backdrop-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#111;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px),linear-gradient(135deg,#ff375f,#5e5ce6 50%,#30d158);background-size:32px 32px,32px 32px,100% 100%}.pg-subject{touch-action:none;cursor:grab;position:absolute;left:0;top:0;will-change:transform}.pg-panel{border-radius:28px;background:#0c0c0c;border:1px solid var(--hair);padding:18px;display:flex;flex-direction:column;gap:14px}.ctl{display:flex;flex-direction:column;gap:4px}.ctl-top{display:flex;justify-content:space-between;font-size:13px;color:var(--dim)}.ctl-top b{color:var(--fg);font-weight:500;font-variant-numeric:tabular-nums}.opts{display:flex;gap:6px;flex-wrap:wrap}.opt{height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:500;color:var(--dim);background:#ffffff0f;transition:background .3s var(--spring),color .3s var(--spring)}.opt[aria-pressed=true]{background:#f5f5f7;color:#000}.swatch{width:32px;height:32px;border-radius:50%;background:center / cover;box-shadow:inset 0 0 0 1px #ffffff26;transition:box-shadow .3s var(--spring)}.swatch[aria-pressed=true]{box-shadow:inset 0 0 0 2px #fff}.tier{font-size:12px;color:var(--dim)}.tier b{color:var(--fg);font-weight:500}.code{position:relative;border-radius:24px;background:#0c0c0c;border:1px solid var(--hair);overflow:hidden}.code-tabs{display:flex;gap:4px;padding:10px 10px 0}.code pre{margin:0;padding:16px 20px 20px;overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.65;color:#d8d8dc}.code .copy{position:absolute;top:10px;right:10px;height:32px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;background:#ffffff14;color:var(--fg);transition:background .3s var(--spring)}.code .copy:hover{background:#ffffff24}.tok-k{color:#ff7ab2}.tok-s{color:#ffd479}.tok-c{color:#6c7986}.tok-t{color:#7cc7ff}.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 960px){.docs{grid-template-columns:1fr}}.docs h3{margin:0 0 10px;font-size:17px;letter-spacing:-.01em}table.tiers{width:100%;border-collapse:collapse;font-size:14px}table.tiers th,table.tiers td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--hair);vertical-align:top}table.tiers th{color:var(--dim);font-weight:500}table.tiers td:first-child{font-weight:600;white-space:nowrap}.tiers-wrap{border-radius:24px;border:1px solid var(--hair);overflow-x:auto;background:#0c0c0c}footer{padding:96px 0 48px;color:var(--dim);font-size:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}footer a{text-decoration:none;color:var(--fg)}footer a:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important}}