@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.3zvkfbs08rnj_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3strvg7o-g5v2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1wwzpfhzaj2r0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.2rlzm4mj5kw8e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_8a0cf6ed-module__SgIoga__className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.instrument_serif_8a0cf6ed-module__SgIoga__variable{--font-instrument:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb127541-module__XIXyIG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb127541-module__XIXyIG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--spacing:.25rem;--container-sm:24rem;--container-xl:36rem;--container-2xl:42rem;--container-5xl:64rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--ease-out:cubic-bezier(0, 0, .2, 1);--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--ff-body);--default-mono-font-family:var(--ff-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!relative{position:relative!important}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.m-0{margin:0}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-\[0\.26em\]{margin-right:.26em}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.h-24{height:calc(var(--spacing) * 24)}.h-full{height:100%}.min-h-72{min-height:calc(var(--spacing) * 72)}.min-h-full{min-height:100%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[22px\]{gap:22px}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:var(--spacing)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-line{border-color:var(--line)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-5{padding:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-28{padding-block:calc(var(--spacing) * 28)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-28{padding-top:calc(var(--spacing) * 28)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[0\.55em\]{font-size:.55em}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.15rem\]{font-size:1.15rem}.text-\[clamp\(2rem\,4\.4vw\,3\.6rem\)\]{font-size:clamp(2rem,4.4vw,3.6rem)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--screen-muted\)\]{color:var(--screen-muted)}.text-accent-ink{color:var(--accent-ink)}.text-fg{color:var(--fg)}.text-muted{color:var(--muted)}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-\[88px\]{top:88px}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_400px\]{grid-template-columns:minmax(0,1fr) 400px}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(360px\,440px\)\]{grid-template-columns:minmax(0,1fr) minmax(360px,440px)}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:gap-14{gap:calc(var(--spacing) * 14)}.lg\:py-16{padding-block:calc(var(--spacing) * 16)}.lg\:py-40{padding-block:calc(var(--spacing) * 40)}.lg\:pt-28{padding-top:calc(var(--spacing) * 28)}.lg\:pt-40{padding-top:calc(var(--spacing) * 40)}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:96rem){.\32 xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--ink:#0c0b09;--paper:#f3efe7;--accent:#8f00ff;--accent-deep:#6d00c4;--accent-text:#ae47ff;--violet:#4b2ff5;--bg:var(--ink);--fg:var(--paper);--muted:#f3efe78c;--line:#f3efe729;--line-strong:#f3efe752;--surface:#16140f;--surface-2:#1f1c16;--accent-ink:var(--accent-text);--on-accent:var(--paper);--rec:#ff4d5e;--danger:#ff8f8f;--danger-bg:#2a1418;--ok:#7ddba3;--ok-bg:#12251a;--warn:#f0b458;--header:#0c0b09b8;--overlay:#0c0b09cc;--screen:#07060a;--screen-fg:#f3efe7;--screen-muted:#f3efe7a6;--subtitle:#cfa6ff;--wave-grid:#f3efe70f;--wave-axis:#f3efe724;--wave-original:#f3efe78c;--wave-take:#ae47ffd9;--wave-marker:#ff4d5ecc;--wave-playhead:#f3efe7;--wave-idle:#f3efe733;--r:14px;--r-sm:8px;--nav-h:4.6rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-inout:cubic-bezier(.77, 0, .175, 1);--ff-display:"Clash Display", "Inter Tight", system-ui, sans-serif;--ff-body:"Satoshi", system-ui, sans-serif;--ff-serif:var(--font-instrument), "Instrument Serif", Georgia, serif;--ff-mono:var(--font-geist-mono), ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--bg:var(--paper);--fg:#12100c;--muted:#12100c9e;--line:#12100c29;--line-strong:#12100c52;--surface:#ebe6da;--surface-2:#e2dccd;--accent-ink:var(--accent);--danger:#a3182b;--danger-bg:#f8dfe0;--ok:#19703f;--ok-bg:#dcefe2;--warn:#8a5300;--header:#f3efe7c7;--overlay:#12100c80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--ff-body);font-size:17px;line-height:1.5}html{scroll-padding-top:calc(var(--nav-h) + 16px);scroll-behavior:smooth;overflow-x:hidden}body{flex-direction:column;transition:background-color .7s,color .7s;display:flex;overflow-x:clip}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.grain{z-index:300;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:8s steps(10,end) infinite grain;position:fixed;inset:-100%}html[data-theme=light] .grain{opacity:.07}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-5%,4%)}40%{transform:translate(4%,-3%)}60%{transform:translate(-3%,-5%)}80%{transform:translate(5%,3%)}}.scroll-progress{z-index:220;transform-origin:0;background:linear-gradient(90deg, var(--accent), #e9d5ff);pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.cursor-ring,.cursor-dot{z-index:499;pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;top:0;left:0}.cursor-dot{z-index:500}.cursor-ring.is-visible,.cursor-dot.is-visible{opacity:1}.cursor-ring-shape{border:1.5px solid var(--accent);width:42px;height:42px;transition:transform .35s var(--ease-out), background-color .3s, border-color .3s;border-radius:50%;place-items:center;margin:-21px 0 0 -21px;display:grid}.cursor-ring.is-hover .cursor-ring-shape{border-color:var(--accent);transform:scale(1.3)}@supports (color:color-mix(in lab, red, red)){.cursor-ring.is-hover .cursor-ring-shape{border-color:color-mix(in srgb, var(--accent) 70%, transparent)}}.cursor-ring.is-down .cursor-ring-shape{transform:scale(.8)}.cursor-ring.is-hover.is-down .cursor-ring-shape{transform:scale(1.1)}.cursor-dot-shape{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 1.5px var(--bg);transition:transform .3s var(--ease-out);border-radius:50%;margin:-4px 0 0 -4px}.cursor-dot.is-down .cursor-dot-shape{transform:scale(1.4)}.cursor-ring.is-text,.cursor-dot.is-text{opacity:0}body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button,body.has-custom-cursor label,body.has-custom-cursor select{cursor:none}body.is-keyboard.has-custom-cursor,body.is-keyboard.has-custom-cursor a,body.is-keyboard.has-custom-cursor button,body.is-keyboard.has-custom-cursor label,body.is-keyboard.has-custom-cursor select{cursor:auto}body.is-keyboard .cursor-ring,body.is-keyboard .cursor-dot{opacity:0!important}.wrap{width:100%;padding-inline:clamp(1.25rem,4vw,3rem)}.site-header{z-index:210;border-bottom:1px solid var(--line);background:var(--header);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.site-header-inner{height:var(--nav-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{color:var(--fg);font:600 1.15rem/1 var(--ff-display);letter-spacing:-.01em;white-space:nowrap;text-decoration:none}.wordmark sup{color:var(--accent-ink);margin-left:1px;font-size:.55em}.site-nav{align-items:center;gap:22px;display:flex}.nav-link{color:var(--muted);font:500 .95rem/1 var(--ff-body);white-space:nowrap;text-decoration:none;transition:color .3s;display:none;position:relative}@media (min-width:640px){.nav-link{display:inline-flex}}.nav-link:after,.link-underline:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .4s var(--ease-out);background:currentColor;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-link:hover,.link-underline:hover{color:var(--fg)}.nav-link:hover:after,.link-underline:hover:after{transform-origin:0;transform:scaleX(1)}.link-underline{color:var(--fg);align-items:center;gap:6px;text-decoration:none;display:inline-flex;position:relative}.theme-toggle{border:1px solid var(--line);background:var(--fg);border-radius:999px;align-items:center;height:44px;padding:4px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.theme-toggle{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.theme-toggle button{width:36px;height:34px;color:var(--muted);transition:color .25s var(--ease-out), background-color .25s var(--ease-out);background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.theme-toggle button[aria-pressed=true]{background:var(--accent);color:var(--paper)}.theme-toggle button:hover:not([aria-pressed=true]){color:var(--fg)}.site-footer{border-top:1px solid var(--line);margin-top:auto}.display{font-family:var(--ff-display);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1}.serif{color:var(--accent-ink);font-family:var(--ff-serif);letter-spacing:0;font-style:italic;font-weight:400}.outline-text{color:#0000;-webkit-text-stroke:1.5px var(--fg)}.copy{color:var(--muted);text-wrap:pretty;font-size:1.06rem;line-height:1.6}.copy-lg{font-size:1.2rem}.instruction{color:var(--fg);text-wrap:pretty;font-size:1.12rem;font-weight:500;line-height:1.5}.meta{color:var(--muted);font:500 .85rem/1.35 var(--ff-body);letter-spacing:.02em;font-variant-numeric:tabular-nums}.mono{font-family:var(--ff-mono);font-variant-numeric:tabular-nums}.label-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding-bottom:18px;display:flex}.section-label{color:var(--fg);font:500 .85rem/1.2 var(--ff-body);letter-spacing:.14em;text-transform:uppercase;align-items:baseline;gap:12px;display:inline-flex}.section-label .serif{letter-spacing:0;text-transform:none;font-size:1.25rem}.link{color:var(--accent-ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.btn{isolation:isolate;border:1px solid var(--line-strong);min-height:52px;color:var(--fg);font:500 1rem/1 var(--ff-display);letter-spacing:.01em;white-space:nowrap;transition:color .45s var(--ease-out), border-color .45s var(--ease-out), opacity .2s, transform .15s;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;border-radius:inherit;background:var(--fg);transition:transform .5s var(--ease-out);position:absolute;inset:-1px;transform:translateY(101%)}.btn:hover:not(:disabled):before{transform:translateY(0)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){border-color:var(--fg);color:var(--bg)}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--paper)}.btn-primary:before{background:var(--accent-deep)}.btn-ghost{border-color:#0000}.btn-rec{border-color:var(--rec);background:var(--rec);color:#fff}.btn-rec:before{background:#d9283a}.btn-lg{min-height:60px;padding:0 32px;font-size:clamp(1.02rem,1.4vw,1.2rem)}.btn-block{width:100%}.btn-icon{width:46px;min-height:46px;padding:0}.magnetic{display:inline-flex}.label{color:var(--fg);font:600 1rem/1.3 var(--ff-body);gap:8px;display:grid}.help{color:var(--muted);font-size:.95rem;font-weight:400}.field{border:1px solid var(--line-strong);border-radius:var(--r);background-color:var(--fg);width:100%;min-height:54px;padding:0 18px}@supports (color:color-mix(in lab, red, red)){.field{background-color:color-mix(in srgb, var(--fg) 3%, transparent)}}.field{color:var(--fg);font:500 1.06rem var(--ff-body);transition:border-color .3s,background-color .3s}.field::placeholder{color:var(--muted);opacity:1}.field:hover:not(:disabled){border-color:var(--muted)}.field:focus{outline:2px solid var(--accent);outline-offset:1px;background-color:var(--accent);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.field:focus{background-color:color-mix(in srgb, var(--accent) 6%, transparent)}}.field:disabled{opacity:.5}.field-lg{min-height:62px;font-size:1.25rem}.field-hero{border:0;border-bottom:1.5px solid var(--line-strong);min-height:0;font:600 clamp(2.2rem, 6vw, 4.5rem) / 1.05 var(--ff-display);letter-spacing:-.02em;background:0 0;border-radius:0;padding:10px 0 14px}.field-hero:hover:not(:disabled){border-color:var(--fg)}.field-hero:focus{border-color:var(--accent);background:0 0;outline:0}.field-hero::placeholder{color:var(--line-strong)}.field-code{font-family:var(--ff-mono);letter-spacing:.24em;text-transform:uppercase;font-weight:600}.field-code::placeholder{letter-spacing:.08em;text-transform:none}select.field,select.field:focus{background-color:var(--surface)}select.field option,select.field optgroup{background-color:var(--surface);color:var(--fg)}select.field option:disabled{color:var(--muted)}select.field{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 22px),calc(100% - 17px);background-repeat:no-repeat;background-size:5px 5px;padding-right:42px}input[type=range]{width:100%;accent-color:var(--accent)}.form-error{color:var(--danger);font-size:.98rem;font-weight:500}.panel{border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.divider{color:var(--muted);align-items:center;gap:12px;font-size:.95rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.tilt{transform-style:preserve-3d;will-change:transform;position:relative}.tilt-glare{z-index:3;border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;position:absolute;inset:0}.hero{isolation:isolate;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero-blob{z-index:-1;filter:blur(120px);will-change:transform;pointer-events:none;border-radius:50%;position:absolute}.hero-blob-a{background:var(--accent);opacity:.18;width:55vw;height:55vw;animation:16s ease-in-out infinite alternate blob-a;top:-18%;left:-12%}.hero-blob-b{background:var(--violet);opacity:.17;width:46vw;height:46vw;animation:20s ease-in-out infinite alternate blob-b;bottom:-24%;right:-14%}html[data-theme=light] .hero-blob-a{opacity:.12}html[data-theme=light] .hero-blob-b{opacity:.1}@keyframes blob-a{0%{transform:translate(0)scale(1)}to{transform:translate(12vw,10vh)scale(1.15)}}@keyframes blob-b{0%{transform:translate(0)scale(1.1)}to{transform:translate(-10vw,-8vh)scale(.9)}}.hero-inner{flex-direction:column;padding-block:24px clamp(40px,6dvh,72px);display:flex;position:relative}.hero-meta{color:var(--muted);font:500 .8rem/1.2 var(--ff-body);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:16px;display:flex}.hero-grid{gap:40px;padding-top:clamp(1.25rem,3dvh,2.5rem);display:grid}@media (min-width:1024px){.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2.5rem,4vw,5rem)}}.hero-copy{container-type:inline-size}.hero-title{font:600 clamp(3rem, min(22cqw, 22dvh), 15rem) / .88 var(--ff-display);letter-spacing:-.03em;text-transform:uppercase}.hero-title .line{white-space:nowrap;display:block}.hero-title .char{transition:transform .3s var(--ease-out);animation:char-in .9s var(--ease-out) both;animation-delay:calc(.15s + var(--i,0) * 40ms);display:inline-block}.hero-title .char:hover{transform:translateY(-6%)skew(-5deg)}@keyframes char-in{0%{opacity:0;transform:translateY(40%)}}.hero-visual{flex-direction:column;justify-content:space-between;gap:clamp(1rem,3dvh,2rem);display:flex}.hero-badge{aspect-ratio:1;flex:none;align-self:flex-end;place-items:center;width:clamp(112px,9vw,170px);margin-right:clamp(0px,2vw,32px);display:none;position:relative}@media (min-width:768px){.hero-badge{display:grid}}.hero-badge-ring{animation:14s linear infinite spin;position:absolute;inset:0}.hero-badge-ring span{width:1em;height:50%;color:var(--fg);font:500 clamp(.62rem, .75vw, .8rem) / 1 var(--ff-body);text-align:center;text-transform:uppercase;transform-origin:50% 100%;margin-left:-.5em;position:absolute;top:0;left:50%}.hero-badge-star{color:var(--accent-ink);transition:transform .6s var(--ease-out);font-size:1.6rem}.hero-badge:hover .hero-badge-star{transform:rotate(180deg)scale(1.4)}@keyframes spin{to{transform:rotate(360deg)}}.hero-lede{max-width:30em;color:var(--fg);margin-top:clamp(1.5rem,3dvh,2.5rem)}@supports (color:color-mix(in lab, red, red)){.hero-lede{color:color-mix(in srgb, var(--fg) 82%, transparent)}}.hero-lede{font-size:clamp(1.2rem,1.55vw,1.6rem);line-height:1.5}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:clamp(1.5rem,3dvh,2.25rem);display:flex}.btn-xl{min-height:clamp(60px,7dvh,72px);padding:0 clamp(28px,2.4vw,40px);font-size:clamp(1.08rem,1.3vw,1.35rem)}.hero-lede strong{color:var(--fg);font-weight:500}.hero-stats{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:8px 28px;margin-top:28px;padding-top:18px;font-size:1rem;display:flex}.live-dot{background:var(--accent);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.5}}.marquee{border-bottom:1px solid var(--line);padding:clamp(1.4rem,3vw,2.4rem) 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{align-items:center;width:max-content;display:flex}.marquee-track span{font:600 clamp(2.6rem, 7vw, 7rem) / 1 var(--ff-display);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}.marquee-track span.outline-text{-webkit-text-stroke:1.5px var(--fg)}.marquee-track i{color:var(--accent-ink);margin:0 3vw;font-size:clamp(1.3rem,3vw,3rem);font-style:normal}.scene-list{border-top:1px solid var(--line)}.scene-row{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--fg);text-align:left;transition:background-color .4s var(--ease-out);background:0 0;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px 20px;padding:22px 8px;display:grid;position:relative}@media (min-width:768px){.scene-row{grid-template-columns:56px minmax(0,1fr) auto 32px;padding:26px 12px}}.scene-row:hover,.scene-row[aria-pressed=true]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.scene-row:hover,.scene-row[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 6%, transparent)}}.scene-num{color:var(--muted);font:italic 400 1.15rem/1 var(--ff-serif);transition:color .3s}.scene-row[aria-pressed=true] .scene-num,.scene-row:hover .scene-num{color:var(--accent-ink)}.scene-title{min-width:0;font:600 clamp(1.3rem, 4.4vw, 3.6rem) / 1.05 var(--ff-display);letter-spacing:-.02em;transition:transform .5s var(--ease-out);align-items:center;gap:14px;display:flex}.scene-title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scene-row:hover .scene-title{transform:translate(14px)}.scene-thumb{aspect-ratio:16/10;border-radius:var(--r-sm);background:var(--screen);flex:none;width:56px;overflow:hidden}.scene-thumb img{object-fit:cover;width:100%;height:100%}@media (hover:hover) and (pointer:fine){.scene-thumb{display:none}}.scene-meta{color:var(--muted);text-align:right;font-size:.9rem;display:none}@media (min-width:768px){.scene-meta{display:block}}.scene-meta-mobile{color:var(--muted);grid-column:2/-1;margin-top:-6px;font-size:.88rem;display:block}@media (min-width:768px){.scene-meta-mobile{display:none}}.scene-mark{width:32px;height:32px;color:var(--muted);transition:transform .4s var(--ease-out), background-color .3s, color .3s;border-radius:999px;place-items:center;display:grid}.scene-row:hover .scene-mark{color:var(--fg);transform:translate(4px)}.scene-row[aria-pressed=true] .scene-mark{background:var(--accent);color:var(--paper);transform:none}.scene-add .scene-title{color:var(--muted)}.scene-add:hover .scene-title{color:var(--fg)}.scene-preview{z-index:120;aspect-ratio:16/10;border:1px solid var(--accent);width:clamp(260px,26vw,380px);margin:-110px 0 0 -130px;position:fixed;top:0;left:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.scene-preview{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent)}}.scene-preview{border-radius:var(--r);background:var(--screen);pointer-events:none;box-shadow:0 30px 80px -20px #8f00ff66}.scene-preview img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.start-grid{gap:16px;display:grid}@media (min-width:1024px){.start-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}.start-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:clamp(1.5rem,3vw,2.5rem);position:relative;overflow:hidden}.start-card-accent{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.start-card-accent{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}}.start-card-accent{background:radial-gradient(120% 120% at 100% 0%, var(--accent), transparent 60%), var(--surface)}@supports (color:color-mix(in lab, red, red)){.start-card-accent{background:radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), var(--surface)}}.dock{z-index:200;border:1px solid var(--line-strong);background:var(--bg);border-radius:999px;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:8px 8px 8px 20px;display:flex;position:fixed;bottom:18px;left:50%}@supports (color:color-mix(in lab, red, red)){.dock{background:color-mix(in srgb, var(--bg) 82%, transparent)}}.dock{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 60px -20px #0009}.dock-title{max-width:40vw;font:600 1rem/1.1 var(--ff-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stack{gap:18px;display:grid}.stack-card{top:calc(var(--nav-h) + 24px + var(--i,0) * 22px);border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:clamp(1.5rem,3.5vw,3rem);position:sticky;box-shadow:0 -20px 50px -30px #00000080}.stack-card h3{font:600 clamp(1.9rem, 4vw, 3.4rem) / 1 var(--ff-display);letter-spacing:-.02em;align-items:baseline;gap:18px;display:flex}.tag-row{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.tag{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:.85rem}.statement{font:600 clamp(1.8rem, 3.8vw, 3.2rem) / 1.15 var(--ff-display);letter-spacing:-.02em}.finale{font:italic 400 clamp(2.6rem, 7vw, 6.5rem) / 1.02 var(--ff-serif);color:var(--fg)}.finale em{color:var(--accent-ink)}.screen{aspect-ratio:16/9;border-radius:var(--r);background:var(--screen);color:var(--screen-fg);position:relative;overflow:hidden}.screen>img{object-fit:cover;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.panel>.screen{border-radius:0}.fit-still{width:100%;max-width:max(560px,177.778dvh - 604.444px);margin-inline:auto}.fit-video{width:100%;max-width:max(640px,177.778dvh - 853.333px)}.subtitle{z-index:2;text-align:center;width:min(90%,42rem);position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.subtitle-text{-webkit-line-clamp:2;border-radius:var(--r-sm);width:fit-content;max-width:100%;color:var(--subtitle);font:600 clamp(.95rem, 1.9vw, 1.25rem) / 1.45 var(--ff-body);animation:subtitle-in .5s var(--ease-out) both;background:#07060ac7;-webkit-box-orient:vertical;margin-inline:auto;padding:.2em .6em;display:-webkit-box;overflow:hidden}@keyframes subtitle-in{0%{opacity:0;transform:translateY(8px)}}.subtitle-speaker{color:var(--screen-fg);font-weight:700}.rec-badge{z-index:2;color:var(--screen-fg);font:600 .8rem/1 var(--ff-display);letter-spacing:.12em;background:#07060ad9;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex;position:absolute;top:14px;left:14px}.rec-dot{background:var(--rec);border-radius:50%;width:10px;height:10px;animation:1.1s ease-in-out infinite rec-pulse;display:inline-block}@keyframes rec-pulse{50%{opacity:.3}}.skeleton{border-radius:var(--r);background:linear-gradient(90deg, var(--surface), var(--surface-2), var(--surface));background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{50%{background-position:100% 0}}.room-code{font:600 2.6rem/1 var(--ff-display);letter-spacing:.08em;display:flex}.room-code span{transition:transform .35s var(--ease-out), color .3s;display:inline-block}.room-code span:hover{color:var(--accent-ink);transform:translateY(-12%)rotate(-6deg)}.phase-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.phase-step{color:var(--muted);font:500 .95rem/1.2 var(--ff-body);padding-top:12px;position:relative}.phase-step:before,.phase-step:after{content:"";border-radius:2px;height:2px;position:absolute;top:0;left:0}.phase-step:before{background:var(--line);right:0}.phase-step:after{background:var(--accent);transform-origin:0;width:100%;transition:transform .9s var(--ease-out);transform:scaleX(0)}.phase-step .serif{margin-right:6px}.phase-done,.phase-current{color:var(--fg)}.phase-done:after,.phase-current:after{transform:scaleX(1)}.phase-done:after{background:var(--line-strong)}.role{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);width:100%;color:var(--fg);text-align:left;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:16px;padding:10px;transition:border-color .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden}.role:hover{border-color:var(--line-strong)}.role[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:radial-gradient(120% 140% at 0% 50%, var(--accent), transparent 60%), var(--surface)}@supports (color:color-mix(in lab, red, red)){.role[aria-pressed=true]{background:radial-gradient(120% 140% at 0% 50%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%), var(--surface)}}.role-taken{opacity:.55}.role-portrait{border-radius:var(--r-sm);background:var(--screen);width:76px;height:76px;position:relative;overflow:hidden}.role-portrait img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.role:hover .role-portrait img{transform:scale(1.12)}.player-row{justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.player-row+.player-row{border-top:1px solid var(--line)}.chip{border:1px solid var(--line);color:var(--muted);font:500 .75rem/1.2 var(--ff-body);letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;display:inline-flex}.status-ready{color:var(--ok);align-items:center;gap:6px;font-weight:600;display:inline-flex}.status-wait{color:var(--muted)}.conn{color:var(--muted);font:500 .9rem/1 var(--ff-body);align-items:center;gap:8px;display:inline-flex}.conn:before{content:"";background:var(--ok);border-radius:50%;width:7px;height:7px}.conn-reconnecting:before{background:var(--warn);animation:1s ease-in-out infinite rec-pulse}.conn-offline{color:var(--danger)}.conn-offline:before{background:var(--danger)}.alert{border:1px solid var(--line);border-radius:var(--r);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.alert-error{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.alert-error{border-color:color-mix(in srgb, var(--danger) 45%, transparent)}}.alert-error{background:var(--danger-bg)}.alert-success{border-color:var(--ok)}@supports (color:color-mix(in lab, red, red)){.alert-success{border-color:color-mix(in srgb, var(--ok) 45%, transparent)}}.alert-success{background:var(--ok-bg)}.alert-info{background:var(--surface-2)}.alert-title{color:var(--fg);font-weight:600}.alert-body{color:var(--fg);margin-top:4px;font-size:.98rem}.empty-state{border:1.5px dashed var(--line-strong);border-radius:var(--r);padding:28px 24px}.progress-track{background:var(--line);border-radius:999px;height:4px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #e9d5ff);height:100%;transition:width .2s}.overlay{z-index:260;background:var(--overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;padding:16px;animation:.3s both fade-in;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);border-radius:var(--r);background:var(--bg);width:min(580px,100%);max-height:min(90dvh,820px);animation:modal-in .5s var(--ease-out) both;padding:clamp(1.4rem,3vw,2rem);overflow:auto}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(24px)scale(.98)}}.dropzone{border:1.5px dashed var(--line-strong);border-radius:var(--r);text-align:center;place-items:center;gap:6px;min-height:140px;padding:20px;transition:border-color .3s,background-color .3s;display:grid}.dropzone:hover,.dropzone-active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dropzone:hover,.dropzone-active{background:color-mix(in srgb, var(--accent) 6%, transparent)}}.waveform{border-radius:var(--r);background:var(--screen);width:100%;height:72px;margin-top:12px;display:block}.overlap-wave{border:1px solid var(--line);border-radius:var(--r);background:var(--screen);color:var(--screen-fg);gap:10px;padding:16px 18px 12px;display:grid}.overlap-wave-head,.overlap-wave-foot{color:var(--screen-muted);font:500 .9rem/1.3 var(--ff-body);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.overlap-wave-title{color:var(--screen-fg);font-weight:600}.overlap-wave-legend{align-items:center;gap:8px;display:flex}.overlap-swatch{border-radius:50%;width:10px;height:10px}.overlap-swatch.original{background:var(--wave-original)}.overlap-swatch.take{background:var(--wave-take);margin-left:10px}.overlap-wave-plot{position:relative}.overlap-wave-labels{height:20px;color:var(--screen-muted);font:500 .8rem/1 var(--ff-mono);margin-bottom:4px;position:relative}.overlap-wave-labels span{position:absolute;top:0;transform:translate(-50%)}.overlap-label-start{left:8px;transform:none!important}.overlap-label-end{right:8px;transform:none!important}.overlap-wave-canvas{width:100%;height:168px;display:block}.overlap-wave-status{align-items:center;gap:8px;display:inline-flex}.overlap-wave-clock{color:var(--screen-fg);font-family:var(--ff-mono);font-variant-numeric:tabular-nums}.player-bar{gap:14px;padding:16px;display:grid}.mix-prepare{z-index:2;color:var(--screen-fg);background:#07060ae8;align-content:center;padding:28px;display:grid;position:absolute;inset:0}.mix-prepare .progress-track{background:#f3efe71f}.rise{animation:rise .8s var(--ease-out) both;animation-delay:calc(.2s + var(--i,0) * 80ms)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.only-touch{display:none}@media (hover:none),(pointer:coarse){.only-hover{display:none}.only-touch{display:inline}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
