:root{--bg:#0a0a0a;--fg:#f2f2f2;--muted:#8c8c8c;--line:#f2f2f224;--f-head:"Geist", system-ui, sans-serif;--f-body:"Geist", system-ui, sans-serif;--f-mono:"Geist Mono", ui-monospace, monospace;--pad:clamp(16px, 4vw, 56px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font:400 17px/1.55 var(--f-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:inherit;text-underline-offset:3px}a:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.wrap{padding-left:var(--pad);padding-right:var(--pad);max-width:1320px;margin-left:auto;margin-right:auto}.mono{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;font-size:12px}code{font-family:var(--f-mono);color:var(--fg);font-size:.86em}media-i18n,video-player{display:contents}.sc-head{padding-top:clamp(48px,9vw,120px);padding-bottom:clamp(28px,4vw,48px)}.sc-kicker{color:var(--muted);margin:0 0 18px}.sc-title{font:300 clamp(60px, 12.5vw, 184px) / .9 var(--f-head);letter-spacing:-.055em;margin:0}.sc-lede{max-width:34ch;margin:clamp(18px,2.5vw,30px) 0 0;font-size:clamp(19px,1.8vw,25px);line-height:1.4}.sc-stage{padding-bottom:clamp(56px,8vw,110px)}.sc-player{width:100%}.sc-hint{color:var(--muted);margin:16px 0 0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sc-player.is-drop{outline:2px dashed var(--fg);outline-offset:6px;border-radius:12px}.sc-own{border-top:1px solid var(--line);margin-top:clamp(28px,4vw,44px);padding-top:22px}.sc-own-label{color:var(--muted);margin:0 0 14px}.sc-own-row{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.sc-own-url{flex:340px;gap:10px;min-width:0;display:flex}.sc-own-url input{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--fg);font:400 15px var(--f-body);background:#f2f2f20a;border-radius:6px;flex:1;padding:0 14px}.sc-own-url input::placeholder{color:var(--muted)}.sc-own-url input:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sc-btn{min-height:44px;color:var(--fg);font:500 14px var(--f-body);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #f2f2f247;border-radius:6px;justify-content:center;align-items:center;padding:0 18px;display:inline-flex;position:relative}.sc-btn:hover{background:#f2f2f214}.sc-btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sc-btn:has(input:focus-visible){outline:2px solid var(--fg);outline-offset:2px}.sc-btn input[type=file]{opacity:0;width:1px;height:1px;position:absolute}.sc-btn[hidden]{display:none}.sc-own-note{color:var(--muted);margin:12px 0 0;font-size:14px}.sc-own-status{color:var(--fg);min-height:1.2em;margin:8px 0 0}.sc-section{border-top:1px solid var(--line);padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(48px,7vw,96px)}.sc-h2{font:300 clamp(34px, 4.6vw, 60px) / 1 var(--f-head);letter-spacing:-.04em;margin:0 0 24px}.sc-cols{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.sc-text{max-width:62ch;color:color-mix(in srgb, var(--fg) 82%, transparent)}.sc-text p{margin:0 0 1em}@media (width>=900px){.sc-cols{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}}.sc-parts{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.sc-parts li{background:var(--bg);padding:24px 22px 26px}.sc-parts .mono{color:var(--muted)}.sc-parts h3{font:600 18px/1.25 var(--f-body);margin:14px 0 8px}.sc-parts p{color:color-mix(in srgb, var(--fg) 75%, transparent);margin:0;font-size:15px}.sc-player-small{max-width:360px;margin-top:8px}.sc-keys{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:8px 24px;margin:24px 0 0;display:grid}.sc-keys div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.sc-keys dt{color:var(--fg)}.sc-keys dd{color:var(--muted);text-align:right;margin:0}.sc-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:32px;padding-bottom:40px;display:flex}.sc-foot p{margin:0}body{background:radial-gradient(70vw 50vw at 78% -10%, #6ebeff21, transparent 70%), radial-gradient(50vw 40vw at 0% 30%, #a078ff14, transparent 70%), var(--bg);background-repeat:no-repeat}.sc-player{border-radius:18px;overflow:hidden;box-shadow:0 40px 90px -40px #000000e6,0 0 0 1px #ffffff0f}.sc-player-small{border-radius:16px}