/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-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";--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--cm-font-mono);--text-micro:10px;--text-mini:11px}}@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{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-\[max\(12px\,env\(safe-area-inset-top\)\)\]{top:max(12px, env(safe-area-inset-top))}.right-1{right:var(--spacing)}.right-3{right:calc(var(--spacing) * 3)}.right-\[max\(12px\,env\(safe-area-inset-right\)\)\]{right:max(12px, env(safe-area-inset-right))}.bottom-0{bottom:0}.bottom-\[calc\(16px\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(16px + env(safe-area-inset-bottom))}.bottom-\[calc\(92px\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(92px + env(safe-area-inset-bottom))}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[80\]{z-index:80}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-\[7px\]{margin-top:7px}.mt-auto{margin-top:auto}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.\!flex{display:flex!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-\[240\/152\]{aspect-ratio:240/152}.\!h-11{height:calc(var(--spacing) * 11)!important}.\!h-12{height:calc(var(--spacing) * 12)!important}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-\[22px\]{height:22px}.h-\[120px\]{height:120px}.h-\[152px\]{height:152px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[100dvh\]{max-height:100dvh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-\[22px\]{width:22px}.w-auto{width:auto}.w-full{width:100%}.max-w-\[210px\]{max-width:210px}.max-w-\[860px\]{max-width:860px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.origin-left{transform-origin:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[42\%_1fr\]{grid-template-columns:42% 1fr}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.\!flex-row{flex-direction:row!important}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.\!items-center{align-items:center!important}.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{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-\[2px\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(2px * var(--tw-space-y-reverse));margin-block-end:calc(2px * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-line{border-color:var(--cm-line)}.border-line-2{border-color:var(--cm-line-2)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-\[\#111216\]{background-color:#111216}.bg-\[var\(--body-2\)\]{background-color:var(--body-2)}.bg-bg{background-color:var(--cm-bg)}.bg-bg-2{background-color:var(--cm-bg-2)}.bg-cognac{background-color:var(--cm-cognac)}.bg-ice{background-color:var(--cm-ice)}.bg-line-2{background-color:var(--cm-line-2)}.bg-panel{background-color:var(--cm-panel)}.bg-panel-2{background-color:var(--cm-panel-2)}.bg-shade,.bg-shade\/30{background-color:var(--cm-shade)}@supports (color:color-mix(in lab, red, red)){.bg-shade\/30{background-color:color-mix(in oklab, var(--cm-shade) 30%, transparent)}}.bg-shade\/40{background-color:var(--cm-shade)}@supports (color:color-mix(in lab, red, red)){.bg-shade\/40{background-color:color-mix(in oklab, var(--cm-shade) 40%, transparent)}}.bg-shade\/45{background-color:var(--cm-shade)}@supports (color:color-mix(in lab, red, red)){.bg-shade\/45{background-color:color-mix(in oklab, var(--cm-shade) 45%, transparent)}}.bg-shade\/70{background-color:var(--cm-shade)}@supports (color:color-mix(in lab, red, red)){.bg-shade\/70{background-color:color-mix(in oklab, var(--cm-shade) 70%, transparent)}}.bg-tint\/5{background-color:var(--cm-tint)}@supports (color:color-mix(in lab, red, red)){.bg-tint\/5{background-color:color-mix(in oklab, var(--cm-tint) 5%, transparent)}}.bg-tint\/\[0\.03\]{background-color:var(--cm-tint)}@supports (color:color-mix(in lab, red, red)){.bg-tint\/\[0\.03\]{background-color:color-mix(in oklab, var(--cm-tint) 3%, transparent)}}.bg-tint\/\[0\.04\]{background-color:var(--cm-tint)}@supports (color:color-mix(in lab, red, red)){.bg-tint\/\[0\.04\]{background-color:color-mix(in oklab, var(--cm-tint) 4%, transparent)}}.bg-\[linear-gradient\(120deg\,rgb\(255_255_255\/0\.22\)\,transparent_30\%\,transparent_70\%\,rgb\(255_255_255\/0\.08\)\)\]{background-image:linear-gradient(120deg,#ffffff38,#0000 30% 70%,#ffffff14)}.\[stroke-width\:2\.6\]{stroke-width:2.6px}.object-cover{object-fit:cover}.\!p-3{padding:calc(var(--spacing) * 3)!important}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-\[3\%\]{padding:3%}.p-\[5\%\]{padding:5%}.\!px-0{padding-inline:0!important}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-1{padding-top:var(--spacing)}.pr-1{padding-right:var(--spacing)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-36{padding-right:calc(var(--spacing) * 36)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-\[max\(12px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(12px, env(safe-area-inset-bottom))}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.font-display{font-family:var(--cm-font-display)}.font-label{font-family:var(--cm-font-label)}.font-mono{font-family:var(--cm-font-mono)}.font-serif{font-family:var(--cm-font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.85em\]{font-size:.85em}.text-\[1\.15em\]{font-size:1.15em}.text-\[3\.2em\]{font-size:3.2em}.text-\[8px\]{font-size:8px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[max\(7px\,0\.6em\)\]{font-size:max(7px,.6em)}.text-\[max\(8px\,0\.72em\)\]{font-size:max(8px,.72em)}.text-micro{font-size:var(--text-micro)}.text-mini{font-size:var(--text-mini)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.\!font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.35em\]{--tw-tracking:.35em;letter-spacing:.35em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#ece6d6\]{color:#ece6d6}.text-\[\#ecebe6\]{color:#ecebe6}.text-\[\#f2ede1\]{color:#f2ede1}.text-\[var\(--accent\)\]{color:var(--accent)}.text-cognac-text{color:var(--cm-cognac-text)}.text-ink{color:var(--cm-ink)}.text-ink2{color:var(--cm-ink-2)}.text-ink3{color:var(--cm-ink-3)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_6px_16px_-6px_rgb\(0_0_0\/0\.7\)\]{--tw-shadow:0 6px 16px -6px var(--tw-shadow-color,#000000b3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_50px_-12px_rgb\(0_0_0\/0\.8\)\]{--tw-shadow:0 24px 50px -12px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--cm-drop\)\]{--tw-shadow:var(--cm-drop);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--cm-field\)\]{--tw-shadow:var(--cm-field);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--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)}.ring-line{--tw-ring-color:var(--cm-line)}.ring-line-2{--tw-ring-color:var(--cm-line-2)}.ring-shade\/30{--tw-ring-color:var(--cm-shade)}@supports (color:color-mix(in lab, red, red)){.ring-shade\/30{--tw-ring-color:color-mix(in oklab, var(--cm-shade) 30%, transparent)}}.ring-tint\/10{--tw-ring-color:var(--cm-tint)}@supports (color:color-mix(in lab, red, red)){.ring-tint\/10{--tw-ring-color:color-mix(in oklab, var(--cm-tint) 10%, transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_6px_10px_rgb\(0_0_0\/0\.35\)\]{--tw-drop-shadow-size:drop-shadow(0 6px 10px var(--tw-drop-shadow-color,#00000059));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_10px_18px_rgb\(0_0_0\/0\.45\)\]{--tw-drop-shadow-size:drop-shadow(0 10px 18px var(--tw-drop-shadow-color,#00000073));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.transition-\[bottom\]{transition-property:bottom;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.group-active\:scale-95:is(:where(.group):active *){--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.placeholder\:text-ink3::placeholder{color:var(--cm-ink-3)}@media (hover:hover){.hover\:border-tint\/25:hover{border-color:var(--cm-tint)}@supports (color:color-mix(in lab, red, red)){.hover\:border-tint\/25:hover{border-color:color-mix(in oklab, var(--cm-tint) 25%, transparent)}}.hover\:bg-panel:hover{background-color:var(--cm-panel)}.hover\:bg-tint\/5:hover{background-color:var(--cm-tint)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-tint\/5:hover{background-color:color-mix(in oklab, var(--cm-tint) 5%, transparent)}}.hover\:bg-tint\/\[0\.05\]:hover{background-color:var(--cm-tint)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-tint\/\[0\.05\]:hover{background-color:color-mix(in oklab, var(--cm-tint) 5%, transparent)}}.hover\:text-ink:hover{color:var(--cm-ink)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:top-2:focus{top:calc(var(--spacing) * 2)}.focus\:left-2:focus{left:calc(var(--spacing) * 2)}.focus\:z-50:focus{z-index:50}.focus\:rounded:focus{border-radius:.25rem}.focus\:border-ice:focus{border-color:var(--cm-ice)}.focus\:bg-panel:focus{background-color:var(--cm-panel)}.focus\:p-2:focus{padding:calc(var(--spacing) * 2)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-ice:focus-visible{outline-color:var(--cm-ice)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-25:disabled{opacity:.25}.disabled\:opacity-40:disabled{opacity:.4}@media (width>=40rem){.sm\:inline{display:inline}.sm\:max-w-none{max-width:none}.sm\:grid-cols-\[minmax\(0\,300px\)_1fr\]{grid-template-columns:minmax(0,300px) 1fr}.sm\:items-center{align-items:center}.sm\:rounded-b-\[20px\]{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.sm\:p-6{padding:calc(var(--spacing) * 6)}}@container not (width>=28rem){.\@max-md\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.touch\:\!h-12:where(.shell:not([data-mode=desktop]) *){height:calc(var(--spacing) * 12)!important}.touch\:h-10:where(.shell:not([data-mode=desktop]) *){height:calc(var(--spacing) * 10)}.touch\:h-11:where(.shell:not([data-mode=desktop]) *){height:calc(var(--spacing) * 11)}.touch\:h-12:where(.shell:not([data-mode=desktop]) *){height:calc(var(--spacing) * 12)}.touch\:w-8:where(.shell:not([data-mode=desktop]) *){width:calc(var(--spacing) * 8)}.touch\:w-10:where(.shell:not([data-mode=desktop]) *){width:calc(var(--spacing) * 10)}.touch\:w-11:where(.shell:not([data-mode=desktop]) *){width:calc(var(--spacing) * 11)}.touch\:min-w-12:where(.shell:not([data-mode=desktop]) *){min-width:calc(var(--spacing) * 12)}.touch\:py-2\.5:where(.shell:not([data-mode=desktop]) *){padding-block:calc(var(--spacing) * 2.5)}.touch\:text-base:where(.shell:not([data-mode=desktop]) *){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.touch\:text-lg:where(.shell:not([data-mode=desktop]) *){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cm-bg:#0e1012;--cm-bg-2:#121518;--cm-panel:#15181b;--cm-panel-2:#1b1f23;--cm-line:#c9d4dc14;--cm-line-2:#c9d4dc26;--cm-ink:#e4e7e8;--cm-ink-2:#8e969c;--cm-ink-3:#5f676d;--cm-ice:#c9d4dc;--cm-ice-ink:#0e1012;--cm-cognac:#9a5a34;--cm-cognac-text:#c48a62;--cm-tint:#fff;--cm-shade:#000;--cm-sweep:radial-gradient(1100px 620px at 50% -14%, #c9d4dc0f, transparent 64%);--cm-drop:0 40px 80px -20px #000000b3, 0 12px 24px -12px #0009;--cm-field:inset 0 1px 2px #00000080;--cm-radius:14px;--cm-tray:#08090b;--cm-tray-shadow:inset 0 1px 3px #000000b3, 0 1px 0 #c9d4dc12;--cm-cap:#20242a;--cm-cap-hi:#2b3037;--cm-cap-lo:#1a1d22;--cm-cap-ink:#a9b0b6;--cm-cap-shadow:inset 0 1px 0 #ffffff14, 0 2px 0 #000000a6, 0 0 0 1px #00000080;--cm-cap-on:#dfe3e6;--cm-cap-on-hi:#f4f6f7;--cm-cap-on-lo:#c3c9ce;--cm-cap-on-ink:#15181b;--cm-cap-sunk:inset 0 2px 3px #00000059, 0 0 0 1px #00000080;--cm-led-off:#00000073;--cm-font-ui:"IBM Plex Sans Thai", system-ui, sans-serif;--cm-font-serif:"Cormorant Garamond", "Noto Serif Thai", Georgia, serif;--cm-font-mark:"Syncopate", sans-serif;--cm-font-mono:"JetBrains Mono", ui-monospace, monospace;--cm-font-display:"Unbounded", "IBM Plex Sans Thai", sans-serif;--cm-font-label:"Kanit", "IBM Plex Sans Thai", sans-serif;--cm-font-brand:"Righteous", "IBM Plex Sans Thai", sans-serif;--cm-font-type:"Special Elite", "Itim", monospace;--cm-font-hand:"Itim", cursive}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cm-bg:#f2f2ef;--cm-bg-2:#e9e9e5;--cm-panel:#fafaf8;--cm-panel-2:#ebebe7;--cm-line:#161a1e1a;--cm-line-2:#161a1e2e;--cm-ink:#1a1d20;--cm-ink-2:#5a6167;--cm-ink-3:#8a9095;--cm-ice:#4f6774;--cm-ice-ink:#f2f2ef;--cm-cognac:#9a5a34;--cm-cognac-text:#8a4e2b;--cm-tint:#fff;--cm-shade:#000;--cm-sweep:radial-gradient(1100px 620px at 50% -14%, #ffffffe6, transparent 64%);--cm-drop:0 40px 70px -24px #141a1e66, 0 10px 22px -12px #141a1e4d;--cm-field:inset 0 1px 2px #141a1e1f;--cm-tray:#dcdcd7;--cm-tray-shadow:inset 0 1px 3px #141a1e38, 0 1px 0 #ffffffe6;--cm-cap:#f7f7f4;--cm-cap-hi:#fff;--cm-cap-lo:#ebebe6;--cm-cap-ink:#4a5157;--cm-cap-shadow:inset 0 1px 0 #ffffffe6, 0 2px 0 #141a1e38, 0 0 0 1px #141a1e24;--cm-cap-on:#2b3036;--cm-cap-on-hi:#3a4047;--cm-cap-on-lo:#202429;--cm-cap-on-ink:#f2f2ef;--cm-cap-sunk:inset 0 2px 3px #00000059, 0 0 0 1px #141a1e4d;--cm-led-off:#141a1e2e}.deck-frame{--deck-w:30;--deck-h:47;--px-w:0px;--px-h:0px;--deck-max:440px;width:min(100%, var(--deck-max), calc((var(--fit-h,100000px) - var(--px-h)) * var(--deck-w) / var(--deck-h) + var(--px-w)));margin-inline:auto;container-type:inline-size}.deck-frame[data-model=pocket]{--deck-h:35.6}.deck-frame[data-wide][data-model=one]{--deck-w:40;--deck-h:29.4;--deck-max:1100px}.deck-frame[data-wide][data-model=pocket]{--deck-w:44;--deck-h:26;--deck-max:1000px}.deck{--face:#f4ecd9;--face-ink:#2a241d;--cap:var(--key)}@supports (color:color-mix(in lab, red, red)){.deck{--cap:color-mix(in srgb, var(--key) 8%, #eceef0)}}.deck{--cap-ink:#1b1c20;--bezel:#0c0c0e;--legend:var(--ink);font-size:calc((100cqw - var(--px-w)) / var(--deck-w));width:calc(var(--deck-w) * 1em + var(--px-w));color:var(--ink);background:linear-gradient(180deg, var(--body), var(--body) 22%, var(--body) 78%, var(--body));border-radius:1.9em;position:relative}@supports (color:color-mix(in lab, red, red)){.deck{background:linear-gradient(180deg, color-mix(in srgb, var(--body) 90%, #fff 10%), var(--body) 22%, var(--body) 78%, color-mix(in srgb, var(--body) 88%, #000))}}.deck{box-shadow:inset 0 1px 0 #fff3, inset 0 -2px 0 #00000038, 0 0 0 1px #00000080, var(--cm-drop);-webkit-user-select:none;user-select:none}.wordmark{font-family:var(--cm-font-mark);white-space:nowrap;color:var(--accent);text-shadow:0 1px #00000040;font-weight:700;line-height:1;display:block}.deck .legend{font-family:var(--cm-font-mono);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:var(--legend);opacity:.78;align-items:center;font-size:max(7px,.55em);font-weight:600;line-height:1;display:inline-flex;position:relative}.deck .legend .accent{color:var(--accent)}.latch-dot{background:var(--accent);width:.5em;height:.5em;box-shadow:0 0 .35em var(--accent);opacity:0;border-radius:50%;margin-top:-.25em;transition:opacity .15s;position:absolute;top:50%;right:calc(100% + .55em)}[data-latched]>.legend .latch-dot,[data-latched]>.flush-legend .latch-dot{opacity:1}.run{flex-direction:column;align-items:center;gap:.6em;display:inline-flex}.led{background:#00000073;border-radius:50%;width:.5em;height:.5em;box-shadow:inset 0 1px 1px #0009}.led[data-on]{background:var(--accent);box-shadow:0 0 .3em var(--accent)}@supports (color:color-mix(in lab, red, red)){.led[data-on]{box-shadow:0 0 .3em color-mix(in srgb, var(--accent) 70%, transparent)}}.deck .plate{--legend:#2a2b30;--plate:var(--body)}@supports (color:color-mix(in lab, red, red)){.deck .plate{--plate:color-mix(in srgb, var(--body) 10%, #d9dce0)}}.deck .plate{color:#2a2b30;background:repeating-linear-gradient(90deg, #ffffff29 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--plate), var(--plate) 40%, var(--plate))}@supports (color:color-mix(in lab, red, red)){.deck .plate{background:repeating-linear-gradient(90deg, #ffffff29 0 1px, transparent 1px 3px), linear-gradient(180deg, color-mix(in srgb, var(--plate) 70%, #fff), var(--plate) 40%, color-mix(in srgb, var(--plate) 88%, #000))}}.deck .plate{box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #0003,0 0 0 1px #00000059}.tape-door{background:radial-gradient(90% 60% at 50% 115%, var(--vfd), transparent 70%), linear-gradient(180deg, #0b0c0f, #16181d);border-radius:1.2em;place-items:center;min-width:0;min-height:0;padding:.8em;display:grid;container-type:size}@supports (color:color-mix(in lab, red, red)){.tape-door{background:radial-gradient(90% 60% at 50% 115%, color-mix(in srgb, var(--vfd) 14%, transparent), transparent 70%), linear-gradient(180deg, #0b0c0f, #16181d)}}.tape-door{box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 .7em 1.6em #000000bf,0 1px #ffffff24}.tape-box{width:min(100cqw,157.895cqh)}.tape-door[data-sideways] .tape-box{width:min(100cqw,63.3333cqh)}.tape-turn{aspect-ratio:152/240;width:100%;position:relative}.tape-turn>.tape-stage{width:157.9%;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-90deg}.tape-stage{perspective:1000px}.tape-flip{cursor:pointer;width:100%;transform-style:preserve-3d;border-radius:.7em;display:block;position:relative}.tape-face{backface-visibility:hidden}.tape-face--back{position:absolute;inset:0;transform:rotateY(180deg)}.deck .case{background:linear-gradient(135deg,#ffffff29,#ffffff0a);box-shadow:inset 0 0 0 1px #ffffff59,0 .7em 1.4em #00000073}.pack{transform-box:fill-box;transform-origin:50%;transition:transform .25s linear}.dial{background:var(--face);min-width:0;height:3.6em;box-shadow:inset 0 0 0 1px #0000002e, inset 0 .2em .4em #00000038, 0 0 0 .2em var(--body-2), 0 1px 0 .2em #ffffff14;cursor:pointer;touch-action:none;border-radius:.4em;padding:.25em .5em .15em;position:relative}.dial:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff59,#0000 40%);position:absolute;inset:0}.dial:after{content:"";position:absolute;inset-block:calc(min(0px,1.8em - 22px));inset-inline:0}.dial[aria-disabled]{cursor:default}.dial-scale{width:100%;height:100%;display:block;overflow:visible}.dial-tick{stroke:var(--face-ink);stroke-width:.5px;opacity:.5}.dial-tick--major{stroke-width:.7px;opacity:.9}.dial-num{font-family:var(--cm-font-mono);fill:var(--face-ink);font-size:6.4px}.dial-unit{font-family:var(--cm-font-mono);letter-spacing:.15em;fill:var(--face-ink);opacity:.55;font-size:4.6px}.dial-needle{stroke:#d8452f;stroke-width:1px}.counter{cursor:pointer;flex-direction:column;align-items:center;gap:.5em;display:inline-flex}.counter-window{box-shadow:inset 0 .14em .4em #000c, 0 0 0 .2em var(--body-2), 0 .14em 0 .2em #00000026;background:#15120f;border-radius:.68em;align-items:center;gap:.14em;padding:.34em .48em;display:flex}.drum{background:linear-gradient(#050505,#2a2622 30%,#2f2a26 50%,#2a2622 70%,#050505);border-radius:.2em;width:1.06em;height:1.77em;display:block;position:relative;overflow:hidden}.drum:after{content:"";background:linear-gradient(#0000008c,#0000 32% 68%,#0000008c);position:absolute;inset:0}.drum-strip{flex-direction:column;transition:transform .35s cubic-bezier(.3,1.3,.5,1);display:flex}.drum-strip>span{text-align:center;font-family:var(--cm-font-mono);color:#f4efe4;height:1.3em;font-size:1.36em;font-weight:600;line-height:1.3em}.counter-colon{font-family:var(--cm-font-mono);color:#f4efe4;opacity:.6;font-size:1.1em;font-weight:600;line-height:1}.counter-legend{letter-spacing:.2em}.next-strip{background:linear-gradient(90deg, var(--accent) 0 .34em, var(--face) .34em);min-width:0;height:2.2em;color:var(--face-ink);border-radius:.4em;align-items:center;gap:.6em;padding:0 .8em 0 1.1em;display:flex;box-shadow:inset 0 0 0 1px #00000024,0 .14em #0000002e}.next-legend{font-family:var(--cm-font-mono);letter-spacing:.2em;color:#c0342b;flex:none;font-size:max(7px,.6em)}.next-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--cm-font-label);font-size:.9em;overflow:hidden}.keys{gap:.55em;display:flex}.keys--col{flex-direction:column;gap:.68em}.key{flex-direction:column;flex:1 1 0;align-items:center;gap:.34em;min-width:0;display:flex}.key-btn{background:var(--bezel);cursor:pointer;touch-action:manipulation;border-radius:.75em;width:100%;padding:.2em;display:block;box-shadow:inset 0 .14em .2em #000c,0 1px #ffffff24}.key-cap{height:2.85em;color:var(--cap-ink);background:linear-gradient(180deg, var(--cap), var(--cap) 45%, var(--cap));border-radius:.55em;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.key-cap{background:linear-gradient(180deg, color-mix(in srgb, var(--cap) 80%, #fff), var(--cap) 45%, color-mix(in srgb, var(--cap) 86%, #000))}}.key-cap{transition:transform 80ms,box-shadow 80ms,filter .15s;transform:translateY(-.14em);box-shadow:inset 0 1px #ffffffa6,inset 0 -.14em #00000029,0 .2em #0000008c}.keys--col .key-cap{height:2.6em}.key--play{--cap:var(--accent);--cap-ink:var(--accent-ink,#1b1c20)}.key-btn:active .key-cap,.key[data-latched] .key-cap{filter:brightness(.93);transform:translateY(.07em);box-shadow:inset 0 .14em .27em #00000059}.key-glyph{width:1.6em;height:1.6em}.round{flex-direction:column;flex:none;align-items:center;gap:.4em;display:flex}.round-key{background:var(--bezel);cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;width:2.9em;height:2.9em;padding:.2em;display:grid;position:relative;box-shadow:inset 0 .14em .2em #000c,0 1px #ffffff24}.round-key:before{content:"";position:absolute;inset:calc(min(0px,1.45em - 22px))}.round-cap{width:100%;height:100%;color:var(--cap-ink);background:radial-gradient(circle at 50% 30%, var(--cap), var(--cap) 55%, var(--cap));border-radius:50%;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.round-cap{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--cap) 75%, #fff), var(--cap) 55%, color-mix(in srgb, var(--cap) 85%, #000))}}.round-cap{transition:transform 80ms,box-shadow 80ms,color .15s;transform:translateY(-.07em);box-shadow:inset 0 1px #fff9,0 .14em #0000008c}.round-key:active .round-cap,[data-latched]>.round-key .round-cap{transform:translateY(.07em);box-shadow:inset 0 .14em .27em #0000004d}[data-latched]>.round-key .round-cap{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){[data-latched]>.round-key .round-cap{color:color-mix(in srgb, var(--accent) 80%, #000)}}.round-glyph{width:1.5em;height:1.5em}.round-dot{background:currentColor;border-radius:50%;width:.26em;height:.26em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.round-legend{letter-spacing:.16em;font-size:max(7px,.5em)}.jacks{justify-content:center;gap:.9em;display:flex}.flush{cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;gap:.4em;display:inline-flex;position:relative}.flush:before{content:"";position:absolute;inset-block:calc(min(-.3em,.95em - 22px));inset-inline:-.3em}.flush-face{color:#ecebe7;background:var(--body);border-radius:50%;place-items:center;width:1.9em;height:1.9em;display:grid}@supports (color:color-mix(in lab, red, red)){.flush-face{background:color-mix(in srgb, var(--body) 25%, #0c0c0e)}}.flush-face{opacity:.88;transition:opacity .15s,transform .1s,color .15s;box-shadow:inset 0 1px 2px #0009,0 1px #ffffff1f}.flush:hover .flush-face{opacity:1}.flush:active .flush-face{transform:translateY(1px)}.flush[data-latched] .flush-face{color:var(--accent)}.flush-glyph{width:1.2em;height:1.2em}.flush-legend{letter-spacing:.16em;font-size:max(7px,.5em)}.wheel{flex-direction:column;align-items:center;gap:.45em;display:flex}.wheel-hit{cursor:ns-resize;touch-action:none;flex:1;justify-content:center;width:100%;min-height:0;display:flex}.wheel-slot{border-radius:.4em;width:1.65em;position:relative;overflow:hidden;box-shadow:inset 0 .4em .4em #000000a6,inset 0 -.4em .4em #000000a6,0 0 0 1px #0009}.wheel-slot:after{content:"";pointer-events:none;background:linear-gradient(#000000b3,#0000 26%,#ffffff1a 50%,#0000 74%,#000000b3);position:absolute;inset:0}.wheel-knurl{background:repeating-linear-gradient(#1c1d21 0 .2em,#5b5f67 .2em .34em) 0 0/100% .34em;height:100%;transition:background-position .12s linear;display:block}.deck--one{grid-template-columns:minmax(0,1fr) 7.9em;height:47em;display:grid;overflow:hidden}.one-main{flex-direction:column;gap:1em;min-width:0;min-height:0;padding:1.2em 1.2em 1.1em;display:flex}.one-head{justify-items:center;gap:.55em;padding-top:.3em;display:grid}.one-mark{letter-spacing:.3em;color:var(--ink);margin-right:-.3em;font-size:1.75em}.deck .one-sub{letter-spacing:.28em;opacity:.7;display:block}.one-door{flex:1 1 0}.one-dial{flex:none}.one-next{display:none}.one-foot{justify-content:space-between;align-items:flex-end;padding-left:.2em;display:flex}.one-foot .run{padding-bottom:.2em}.one-plate{flex-direction:column;align-items:center;gap:1.3em;min-height:0;padding:1.3em .8em 1.2em;display:flex;box-shadow:inset 1px 0 #ffffffb3,-1px 0 #00000073}.one-keys{width:100%}.one-controls{display:contents}.one-round{gap:.5em;display:flex}.one-wheel{flex:1;min-height:0}.one-jacks{margin-top:auto}.deck-frame:not([data-wide],[data-book]) .one-jacks{flex-wrap:wrap;row-gap:.7em}.deck--pocket{--soft:var(--body)}@supports (color:color-mix(in lab, red, red)){.deck--pocket{--soft:color-mix(in srgb, var(--body) 80%, #fff 20%)}}.deck--pocket{background:radial-gradient(120% 60% at 50% -12%, #ffffff3d, transparent 60%), linear-gradient(180deg, var(--soft), var(--body) 38%, var(--body-2));height:35.6em;box-shadow:inset 0 .2em 0 #ffffff4d, inset 0 -.45em 0 #00000029, 0 0 0 1px #0006, var(--cm-drop);border-radius:2.45em;grid-template:"brand brand""door side"minmax(0,1fr)"dial dial""read read""keys keys"/minmax(0,1fr) 4.4em;gap:.85em .8em;padding:1.3em 1.4em 1.5em;display:grid}.pocket-brand{grid-area:brand;justify-content:space-between;align-items:center;gap:.8em;min-width:0;display:flex}.pocket-name{align-items:baseline;gap:.6em;min-width:0;display:flex}.pocket-mark{letter-spacing:.18em;font-size:1.2em}.pocket-sub{letter-spacing:.3em;opacity:.6}.pocket-status{align-items:center;gap:.8em;display:flex}.pocket-status .run{flex-direction:row;gap:.5em}.pocket-jacks{gap:.55em}.pocket-jacks .flush-legend{display:none}.pocket-door{box-shadow:inset 0 0 0 1px #ffffff0f, inset 0 .7em 1.6em #000000bf, 0 0 0 .4em var(--body-2), 0 .2em 0 .4em #00000029;border-radius:1.5em;grid-area:door}.pocket-side{flex-direction:column;grid-area:side;justify-content:space-between;align-items:center;gap:.6em;min-height:0;padding-block:.1em;display:flex}.pocket-wheel{flex:1;min-height:0}.pocket-dial{grid-area:dial;margin-top:.35em}.pocket-read{grid-area:read;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.9em;display:grid}.pocket-keys{grid-area:keys}.deck--pocket .key-btn{border-radius:1.1em}.deck--pocket .key-cap{border-radius:.9em}@media (prefers-reduced-motion:reduce){.drum-strip,.wheel-knurl,.pack{transition:none}}.monitor-col{gap:.8em;min-width:0;min-height:0;display:flex}.monitor{background:linear-gradient(#0b0c0f,#16181d);border-radius:1.2em;flex:none;padding:.7em;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 .5em 1.2em #000000bf,0 1px #ffffff24}.monitor-screen{background:#000;border-radius:6px;width:200px;height:200px}.monitor-base{border-radius:1.2em;flex:1;min-width:0;min-height:0;padding:.8em .5em;container:monitor-base/size}.monitor-keys{justify-content:space-evenly;align-items:center;height:100%;font-size:min(1.35em,27.7778cqh,6.53595cqw)}@container monitor-base not (aspect-ratio>=1.6){.monitor-keys{flex-direction:column;font-size:min(1.35em,7.14286cqh,29.4118cqw)}}.deck-frame[data-monitor] .deck .one-jacks,.deck-frame[data-monitor] .deck .pocket-jacks{display:none}.deck-frame[data-monitor]{--deck-h:49.6;--px-h:200px}.deck-frame[data-monitor][data-model=pocket]{--deck-h:37.8}.deck-frame[data-monitor]:not([data-wide],[data-book]) .monitor-col{grid-column:1/-1;grid-template-columns:subgrid;column-gap:normal;display:grid}.deck-frame[data-monitor]:not([data-wide],[data-book]) .monitor{place-items:center;min-width:calc(200px + .6em);padding-inline:.3em;display:grid}.deck-frame[data-monitor]:not([data-wide],[data-book]) .deck--one{grid-template-rows:minmax(0,1fr) calc(200px + 2.6em);height:calc(49.6em + 200px)}.deck-frame[data-monitor]:not([data-wide],[data-book]) .deck--one .monitor{margin:0 1.2em 1.2em}.deck-frame[data-monitor]:not([data-wide],[data-book]) .deck--one .one-plate{grid-area:1/2/span 2;padding-bottom:calc(200px + 3.8em)}.deck-frame[data-monitor]:not([data-wide],[data-book]) .deck--one .monitor-col{grid-row:2}.deck-frame[data-monitor]:not([data-wide],[data-book]) .deck--one .monitor-base{box-shadow:none;background:0 0;border-radius:0}.deck-frame[data-monitor]:not([data-wide],[data-book]) .deck--pocket{grid-template-rows:auto minmax(0,1fr) auto auto auto calc(200px + 1.4em);grid-template-areas:"brand brand""door side""dial dial""read read""keys keys""mon mon";height:calc(37.8em + 200px)}.deck-frame[data-monitor]:not([data-wide],[data-book]) .deck--pocket .monitor-col{grid-area:mon}.deck-frame[data-wide] .deck--one{grid-template-columns:minmax(0,1fr) 15em;height:29.4em}.deck-frame[data-wide] .one-main{gap:.85em}.deck-frame[data-wide] .deck--one .one-head{flex-wrap:wrap;align-items:baseline;gap:.45em 1.2em;padding-top:.1em;display:flex}.deck-frame[data-wide] .deck--one .one-mark{font-size:1.45em}.deck-frame:is([data-wide],[data-book=rows]) .tape-door[data-sideways] .tape-box{width:min(100cqw,157.895cqh)}.deck-frame:is([data-wide],[data-book=rows]) .tape-turn{aspect-ratio:auto}.deck-frame:is([data-wide],[data-book=rows]) .tape-turn>.tape-stage{width:100%;position:static;translate:none;rotate:none}.deck-frame[data-wide] .deck--one .one-foot{align-items:center;gap:1em}.deck-frame[data-wide] .deck--one .one-next{flex:1;display:flex}.deck-frame[data-wide] .deck--one .one-plate{flex-direction:row;align-items:stretch;gap:.9em;padding:1.3em .9em 1.2em}.deck-frame[data-wide] .deck--one .one-keys{flex:1;justify-content:space-between}.deck-frame[data-wide] .deck--one .one-controls{flex-direction:column;align-items:center;gap:1em;width:5.2em;display:flex}.deck-frame[data-wide] .deck--one .one-round,.deck-frame[data-wide] .deck--one .one-jacks{flex-direction:column;align-items:center;gap:.9em}.deck-frame[data-wide] .deck--pocket{border-radius:2.2em;grid-template:"brand brand brand""door side dial""door side read""door side read"minmax(0,1fr)"keys keys keys"/22em 4.4em minmax(0,1fr);gap:.85em .9em;height:26em}.deck-frame[data-wide] .deck--pocket .pocket-dial{margin-top:.2em}.deck-frame[data-wide] .deck--pocket .pocket-read{grid-template-columns:minmax(0,1fr);align-content:space-between;justify-items:start;gap:1em}.deck-frame[data-wide] .deck--pocket .next-strip{justify-self:stretch}.deck-frame[data-monitor][data-wide]{--px-w:200px;--px-h:0px}.deck-frame[data-monitor][data-wide][data-model=one]{--deck-w:42.4;--deck-h:29.4}.deck-frame[data-monitor][data-wide][data-model=pocket]{--deck-w:46.3;--deck-h:26}.deck-frame[data-wide][data-monitor] .monitor-col{flex-direction:column}.deck-frame[data-wide][data-monitor] .deck--one{grid-template-columns:minmax(0,1fr) calc(200px + 1.4em) 15em;column-gap:1em;height:max(29.4em,200px + 9em)}.deck-frame[data-wide][data-monitor] .deck--one .monitor-col{grid-area:1/2;padding-block:1.2em}.deck-frame[data-wide][data-monitor] .deck--one .one-plate{grid-area:1/3}.deck-frame[data-wide][data-monitor] .deck--pocket{grid-template-columns:22em 4.4em minmax(0,1fr) calc(200px + 1.4em);grid-template-areas:"brand brand brand mon""door side dial mon""door side read mon""door side read mon""keys keys keys mon";height:max(26em,200px + 9.6em)}.deck-frame[data-wide][data-monitor] .deck--pocket .monitor-col{grid-area:mon}.deck-frame[data-book=cols][data-model]{--deck-w:41.6;--deck-h:42;--px-w:var(--fold-gap,0px);--px-h:0px}.deck-frame[data-book=rows][data-model]{--deck-w:36;--deck-h:37.6;--px-w:0px;--px-h:var(--fold-gap,0px)}.deck-frame[data-book=rows][data-model][data-monitor]{--deck-w:35.3;--px-w:200px}.deck-frame[data-book] .deck{border-radius:1.9em;padding:1.4em}.deck-frame[data-book=cols] .deck{height:var(--stage-deck-h,42em)}.deck-frame[data-book=rows] .deck{height:var(--stage-deck-h,calc(37.6em + var(--fold-gap,0px)))}.deck-frame[data-book] .deck--one .one-main{display:contents}.deck-frame[data-book] .deck--one .one-head{flex-wrap:wrap;grid-area:head;align-items:baseline;gap:.45em 1.2em;padding-top:.1em;display:flex}.deck-frame[data-book] .deck--one .one-mark{font-size:1.45em}.deck-frame[data-book] .deck--one .one-door{grid-area:door}.deck-frame[data-book] .deck--one .one-dial{grid-area:dial}.deck-frame[data-book] .deck--one .one-foot{grid-area:foot;align-items:center;gap:1em}.deck-frame[data-book] .deck--one .one-next{flex:1;display:flex}.deck-frame[data-book] .monitor-col{flex-direction:row;grid-area:mon}.deck-frame[data-book] .deck--one .one-plate{border-radius:1.4em;flex-direction:row;grid-area:plate;align-items:stretch;gap:.9em;padding:1.2em .9em 1.1em;box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #0003,0 0 0 1px #00000059}.deck-frame[data-book] .deck--one .one-keys{flex:1}.deck-frame[data-book] .deck--one .one-controls{align-items:center;gap:.9em;display:flex}.deck-frame[data-book] .deck--pocket .pocket-brand{flex-wrap:wrap;row-gap:.5em}.deck-frame[data-book] .deck--pocket .pocket-dial{grid-area:dial;margin-top:0}.deck-frame[data-book] .deck--pocket .pocket-read{grid-area:read;grid-template-columns:auto minmax(0,1fr);align-items:center}.deck-frame[data-book=cols] .keys{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:minmax(0,1fr);gap:.7em .6em;display:grid}.deck-frame[data-book=cols] .key{justify-content:center;min-height:0}.deck-frame[data-book=cols] .key-btn{flex:1;max-height:5em;display:flex}.deck-frame[data-book=cols] .key-cap{flex:1;height:auto;min-height:2.6em}.deck-frame[data-book] .key-cap{container-type:size}.deck-frame[data-book] .key-glyph{width:clamp(1.6em,42cqmin,2.6em);height:clamp(1.6em,42cqmin,2.6em)}.deck-frame[data-book=cols] .key--play{order:-1;grid-column:1/-1}.deck-frame[data-book=cols] .deck--one{gap:1em calc(2.8em + var(--fold-gap,0px));grid-template:"head plate""door plate""door plate"minmax(0,1fr)"foot plate""dial dial"/minmax(0,1fr) minmax(0,1fr)}.deck-frame[data-book=cols][data-monitor] .deck--one{grid-template-areas:"head mon""door mon""door plate""foot plate""dial dial"}.deck-frame[data-book=cols] .deck--one .one-controls{flex-direction:column;width:5.2em}.deck-frame[data-book=cols] .deck--one .one-round,.deck-frame[data-book=cols] .deck--one .one-jacks{flex-direction:column;align-items:center;gap:.8em}.deck-frame[data-book=cols] .deck--one .one-wheel{min-height:4em}.deck-frame[data-book=cols] .deck--pocket{grid-template-columns:minmax(0, 1fr) calc(1em + var(--fold-gap,0px)) minmax(0, 1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"brand.keys""door.keys""door.keys""read.keys""dial dial dial";gap:1em .9em}.deck-frame[data-book=cols][data-monitor] .deck--pocket{grid-template-areas:"brand.mon""door.mon""door.keys""read.keys""dial dial dial"}.deck-frame[data-book=cols] .deck--pocket .pocket-keys{grid-area:keys;justify-self:start;width:calc(100% - 5.3em)}.deck-frame[data-book=cols] .deck--pocket .pocket-side{grid-area:keys;justify-self:end;width:4.4em}.deck-frame[data-book=rows] .deck--one,.deck-frame[data-book=rows] .deck--pocket{grid-template-rows:3.6em minmax(0, 1fr) 2.8em calc(1em + var(--fold-gap,0px)) 3.6em 2.8em minmax(0, 1fr);gap:.9em}.deck-frame[data-book=rows] .deck--one{grid-template-columns:minmax(0,1fr) 15em;grid-template-areas:"door head""door foot""door foot"". .""dial dial""plate plate""plate plate"}.deck-frame[data-book=rows][data-monitor] .deck--one{grid-template-columns:minmax(0,1fr) calc(200px + 1.6em);grid-template-areas:"door head""door mon""door mon"". .""dial dial""foot base""plate base"}.deck-frame[data-book=rows] .deck--pocket{grid-template-columns:minmax(0,1fr) 4.4em 15em;grid-template-areas:"door door brand""door door read""door door read"". . .""dial dial dial""keys keys side""keys keys side"}.deck-frame[data-book=rows][data-monitor] .deck--pocket{grid-template-columns:minmax(0,1fr) 4.4em calc(200px + 1.6em);grid-template-areas:"door door brand""door door mon""door door mon"". . .""dial dial dial""read side base""keys side base"}.deck-frame[data-book=rows] .deck--one .one-head{align-content:center}.deck-frame[data-book=rows] .deck--one .one-mark{font-size:1.2em}.deck-frame[data-book=rows]:not([data-monitor]) .deck--one .one-foot{flex-wrap:wrap;align-content:end;row-gap:.8em}.deck-frame[data-book=rows]:not([data-monitor]) .deck--one .one-next{flex-basis:100%;order:3}.deck-frame[data-book=rows]:not([data-monitor]) .deck--pocket .pocket-read{grid-template-columns:minmax(0,1fr);align-content:end}.deck-frame[data-book=rows] .deck--pocket .pocket-name{flex-wrap:wrap;row-gap:.3em}.deck-frame[data-book=rows] .deck--pocket .pocket-mark{font-size:1.05em}.deck-frame[data-book=rows]:not([data-monitor]) .deck--pocket .pocket-side{flex-direction:row;justify-content:space-evenly;align-items:center}.deck-frame[data-book=rows]:not([data-monitor]) .deck--pocket .pocket-wheel{flex:none;align-self:stretch;width:2.6em}.deck-frame[data-book=rows] .monitor-col{display:contents}.deck-frame[data-book=rows] .monitor{grid-area:mon;align-self:center}.deck-frame[data-book=rows] .monitor-base{grid-area:base}.deck-frame[data-book=rows] .monitor-keys{flex-direction:row;font-size:min(1.35em,27.7778cqh,8.69565cqw)}.deck-frame[data-book=rows] .deck--one .one-keys{flex-direction:row;align-self:stretch;gap:.55em}.deck-frame[data-book=rows] .deck--one .one-keys .key{justify-content:center}.deck-frame[data-book=rows] .deck--one .one-keys .key-btn{flex:1;max-height:4.6em;display:flex}.deck-frame[data-book=rows] .deck--one .one-keys .key-cap{flex:1;height:auto;min-height:2.85em}.deck-frame[data-book=rows] .deck--one .one-controls{flex-direction:row}.deck-frame[data-book=rows] .deck--one .one-round,.deck-frame[data-book=rows] .deck--one .one-jacks{flex-direction:row;align-items:center;gap:.6em}.deck-frame[data-book=rows] .deck--one .one-jacks{gap:1.1em}.deck-frame[data-book=rows] .deck--one .one-wheel{align-self:stretch;width:2.6em}.deck-frame[data-book=rows] .deck--pocket .pocket-keys{grid-area:keys;align-self:end}.deck-frame[data-book=rows] .deck--pocket .pocket-side{grid-area:side}.deck-stage{display:contents}.shell[data-stage=true] .deck-stage{z-index:30;padding:max(12px, 2vmin, env(safe-area-inset-top)) max(12px, 2vmin, env(safe-area-inset-right)) max(12px, 2vmin, env(safe-area-inset-bottom)) max(12px, 2vmin, env(safe-area-inset-left));background:radial-gradient(120% 70% at 50% -10%, #ffffff1a, transparent 60%), linear-gradient(180deg, var(--body), var(--body) 30%, var(--body) 75%, var(--body));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;gap:clamp(12px,2.2vmin,32px);display:grid;position:fixed;inset:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.shell[data-stage=true] .deck-stage{background:radial-gradient(120% 70% at 50% -10%, #ffffff1a, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--body) 92%, #fff 8%), var(--body) 30%, var(--body) 75%, color-mix(in srgb, var(--body) 86%, #000))}}.shell[data-stage=true] .deck-stage[data-model=pocket]{background:radial-gradient(120% 60% at 50% -12%, #fff3, transparent 60%), linear-gradient(180deg, var(--body), var(--body) 38%, var(--body-2))}@supports (color:color-mix(in lab, red, red)){.shell[data-stage=true] .deck-stage[data-model=pocket]{background:radial-gradient(120% 60% at 50% -12%, #fff3, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--body) 80%, #fff 20%), var(--body) 38%, var(--body-2))}}.shell[data-stage=true][data-monitor=false] .deck-stage{padding-top:max(68px, calc(env(safe-area-inset-top) + 56px))}.shell[data-stage=true][data-monitor=false] .deck-stage[data-book]{padding-top:max(12px, 2vmin, env(safe-area-inset-top))}.shell[data-stage=true] .deck-stage[data-stage=sides]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.shell[data-stage=true] .deck-stage[data-stage=below]{grid-template-rows:auto minmax(0,1fr)}.shell[data-stage=true] .deck-frame{width:auto;margin:0;container-type:normal}.deck-stage[data-stage] .deck{font-size:var(--stage-em)}.deck-stage[data-stage] .deck-frame[data-book] .deck{width:var(--stage-deck-w,auto)}.shell[data-stage=true] .deck-stage .deck{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.shell[data-stage=true] .deck-stage .one-plate{border-radius:1.4em;box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #0003,0 0 0 1px #00000059,0 .3em .8em #00000040}.shell[data-stage=true] .deck-stage[data-book=cols]:before{content:"";width:max(2px, var(--fold-gap,0px));translate:calc(var(--fold-gap,0px) / -2) 0;pointer-events:none;background:linear-gradient(90deg,#00000029,#ffffff1f);position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.shell[data-stage=true] .deck-stage[data-book=rows]:before{content:"";height:max(2px, var(--fold-gap,0px));translate:0 calc(var(--fold-gap,0px) / -2);pointer-events:none;background:linear-gradient(#00000029,#ffffff1f);position:absolute;top:calc(50% - 1px);left:0;right:0}.speaker{background:#0c0c0e;border-radius:22px;place-self:stretch stretch;min-width:0;min-height:0;padding:5px;display:block;box-shadow:inset 0 2px 4px #000c,0 1px #ffffff24;container:speaker/size}.speaker-grille{background:radial-gradient(circle, #ffffff21 0 1.1px, transparent 1.5px) 0 0 / 7px 7px, radial-gradient(90% 60% at 50% 0%, #ffffff12, transparent 70%), linear-gradient(180deg, var(--body), var(--body));border-radius:17px;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.speaker-grille{background:radial-gradient(circle, #ffffff21 0 1.1px, transparent 1.5px) 0 0 / 7px 7px, radial-gradient(90% 60% at 50% 0%, #ffffff12, transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--body) 30%, #101114), color-mix(in srgb, var(--body) 18%, #060607))}}.speaker-grille{box-shadow:inset 0 6px 18px #000000a6}.speaker-driver{--ring:var(--body)}@supports (color:color-mix(in lab, red, red)){.speaker-driver{--ring:color-mix(in srgb, var(--body) 10%, #d9dce0)}}.speaker-driver{aspect-ratio:1;box-shadow:0 0 0 max(3px, 1.4cqmin) var(--ring), 0 0 0 calc(max(3px, 1.4cqmin) + 1px) #0000008c, 0 4px 10px calc(max(3px, 1.4cqmin)) #00000073;background:radial-gradient(circle,#2a2b30 78%,#0b0b0d 88%,#1d1e22 95%);border-radius:50%;flex:none;position:relative}.speaker-cone{--travel:var(--lo,0);box-shadow:inset 0 0 0 1px #ffffff14, 0 0 calc(2px + var(--travel) * 8px) #000000b3;transform:scale(calc(1 + var(--travel) * .11));will-change:transform;background:radial-gradient(circle at 46% 42%,#3a3c42,#17181b 15%,#0b0b0d 17%,#0000 18%),repeating-radial-gradient(circle,#18191d 0 2.4%,#121316 2.4% 4.8%),#121316;border-radius:50%;position:absolute;inset:10%}.speaker-driver--tweeter .speaker-cone{--travel:var(--hi,0);transform:scale(calc(1 + var(--travel) * .08))}.speaker-cone:before{content:"";opacity:calc(.25 + var(--travel) * .75);background:radial-gradient(circle at 42% 36%,#ffffff38,#0000 22%),radial-gradient(circle,#0000 60%,#ffffff1a 75%,#0000 90%);border-radius:50%;position:absolute;inset:0}.speaker-cone:after{content:"";background:radial-gradient(circle,#00000059 0 1px,#0000 1.4px) 0 0/4px 4px;border-radius:50%;position:absolute;inset:0}.speaker-driver--tweeter{width:min(42cqw,16cqh)}.speaker-driver--woofer,.speaker-driver--woofer2{width:min(78cqw,36cqh)}.speaker-driver--woofer2{display:none}@container speaker not (aspect-ratio>=.42){.speaker-driver--woofer,.speaker-driver--woofer2{width:min(78cqw,30cqh);display:block}.speaker-driver--tweeter{width:min(40cqw,12cqh)}}@container speaker (aspect-ratio>=.75) and (aspect-ratio<=1.5){.speaker-driver--tweeter,.speaker-driver--woofer2{display:none}.speaker-driver--woofer{width:min(76cqw,76cqh)}}@container speaker not (aspect-ratio<=1.5){.speaker-grille{flex-direction:row}.speaker-driver--woofer,.speaker-driver--woofer2{order:0;width:min(76cqh,30cqw);display:block}.speaker-driver--tweeter{order:1;width:min(36cqh,12cqw)}.speaker-driver--woofer2{order:2}}@container speaker (not (width>=70px)) or (not (height>=70px)){.speaker-driver{display:none!important}}.wheel[data-locked]{opacity:.4}.wheel[data-locked] .wheel-hit{cursor:not-allowed}@container not (width>=305px){.one-round{justify-content:center}.one-round .round-legend{letter-spacing:.04em}}.deck-frame[data-narrow] .one-round{justify-content:center}.deck-frame[data-narrow] .one-round .round-legend{letter-spacing:.04em}.deck-frame[data-narrow=xs] .one-round .round-legend,.deck-frame[data-narrow=xs] .one-jacks .flush-legend{display:none}.deck-frame[data-narrow=xs] .one-jacks{gap:.5em;font-size:.85em}.deck-frame:not([data-wide],[data-book]) .one-round .round-legend .latch-dot{margin:0 0 0 -.25em;top:calc(100% + .5em);left:50%;right:auto}.deck-frame[data-tight][data-monitor]:not([data-wide],[data-book]) .deck--one .monitor-col{grid-column:1/-1;grid-template-columns:minmax(0,1fr)}.deck-frame[data-tight][data-monitor]:not([data-wide],[data-book]) .deck--one .monitor{justify-self:center}.deck-frame[data-tight][data-monitor]:not([data-wide],[data-book]) .deck--one .monitor-base{display:none}.deck-frame[data-tight][data-monitor]:not([data-wide],[data-book]) .deck--one .one-plate{grid-row:1;padding-bottom:1.2em}.deck-frame[data-tight][data-monitor]:not([data-wide],[data-book]) .deck .one-jacks{flex-wrap:wrap;row-gap:.8em;display:flex}html,body{background:var(--cm-sweep), var(--cm-bg);color:var(--cm-ink);font-family:var(--cm-font-ui);-webkit-tap-highlight-color:transparent;background-attachment:fixed}body{min-height:100dvh}html[lang=th] .loc{font-family:var(--cm-font-ui);letter-spacing:.04em;text-transform:none}:focus-visible{outline:1.5px solid var(--cm-ice);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.shell-main{padding:16px 16px calc(24px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);gap:20px;max-width:560px;margin:0 auto;display:grid}.shell-panel{grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;min-width:0;display:grid}.shell[data-mode=tablet][data-split=false] .shell-main{max-width:720px;padding-top:32px}.shell[data-split=true]{--fit-h:calc(100dvh - 80px)}.shell[data-mode=desktop] .deck-frame{--deck-max:640px}.shell[data-split=true] .shell-main{grid-template-columns:minmax(min(340px,45%),640px) minmax(min(360px,50%),1fr);gap:40px;max-width:1480px;padding:40px 32px}.shell[data-split=true] .shell-deck{align-self:start;position:sticky;top:40px}.shell[data-panel] .deck-frame{--deck-max:1600px}.shell[data-panel] .shell-main{grid-template-columns:minmax(0,2fr) minmax(min(340px,42%),1fr);max-width:2400px}.shell[data-panel][data-mode]:not([data-mode=phone]) .shell-deck{align-content:center;min-height:calc(100dvh - 80px);display:grid}.shell[data-panel=closed] .shell-panel>:not(.panel-source,.panel-dock){display:none}.panel-dock{right:0;bottom:max(16px, env(safe-area-inset-bottom));z-index:30;align-items:flex-end;display:flex;position:fixed}.panel-grip{cursor:pointer;touch-action:manipulation;place-items:center;width:24px;height:72px;display:grid}.panel-grip:after{content:"";background:var(--cm-ink-2);opacity:.6;border-radius:2px;width:4px;height:44px;transition:opacity .2s}.panel-grip{transition:opacity .2s}.panel-grip:hover:after{opacity:1}.panel-rail{right:max(12px, env(safe-area-inset-right));border:1px solid var(--cm-line);border-radius:var(--cm-radius);background:var(--cm-panel);flex-direction:column;gap:8px;padding:6px;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.panel-rail{background:color-mix(in srgb, var(--cm-panel) 70%, transparent)}}.panel-rail{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--cm-drop);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s;transform:translate(calc(100% + 16px))}.panel-dock[data-shown] .panel-rail,.panel-dock:focus-within .panel-rail,.panel-dock:hover .panel-rail{opacity:1;pointer-events:auto;transform:none}.panel-dock[data-shown] .panel-grip,.panel-dock:focus-within .panel-grip,.panel-dock:hover .panel-grip{opacity:0}@media (prefers-reduced-motion:reduce){.panel-rail{transition:opacity .2s}}.shell[data-mode=phone][data-split=true]{--fit-h:calc(100dvh - 24px)}.shell[data-mode=phone][data-split=true] .shell-main{max-width:none;height:100dvh;padding:0 max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));grid-template-columns:minmax(0,2fr) minmax(min(280px,40%),1fr);gap:16px}.shell[data-mode=phone][data-split=true] .shell-deck,.shell[data-mode=phone][data-split=true] .shell-panel{overscroll-behavior:contain;height:100dvh;padding:12px 0;position:static;overflow-y:auto}.shell[data-mode=phone][data-split=true] .shell-deck{align-content:center;display:grid}.shell[data-panel=closed][data-mode][data-split] .shell-main{grid-template-columns:minmax(0,1fr)}.shell[data-panel=closed][data-mode][data-split] .shell-panel{width:0;height:0;padding:0;position:absolute;overflow:visible}.shell[data-fold=true][data-split=true] .shell-main{column-gap:calc(40px + var(--fold-gap,0px));max-width:none;height:100dvh;padding:0 max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shell[data-fold=true][data-split=true] .shell-deck,.shell[data-fold=true][data-split=true] .shell-panel{overscroll-behavior:contain;height:100dvh;padding:20px 0;position:static;overflow-y:auto}.shell[data-fold=true][data-split=true] .shell-deck{--fit-h:calc(100dvh - 40px);align-content:center;display:grid}.shell[data-fold=true] .deck-frame{--deck-max:560px}.shell[data-fold=true][data-fold-rows] .shell-main{row-gap:calc(32px + var(--fold-gap,0px));grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.shell[data-fold=true][data-fold-rows] .shell-deck,.shell[data-fold=true][data-fold-rows] .shell-panel{height:auto;min-height:0;padding:16px 0}.shell[data-fold=true][data-fold-rows] .shell-deck{--fit-h:calc(50dvh - var(--fold-gap,0px) / 2 - 48px)}.shell[data-fold=true][data-fold-rows] .deck-frame{--deck-max:1000px}.shell:not([data-mode=desktop]){--text-hw-2xs:8px;--text-hw-xs:9px;--text-hw-sm:10px;--text-micro:11px;--text-mini:12px}.source-card{border:1px solid var(--cm-line);border-radius:var(--cm-radius);background:var(--cm-panel);padding:10px}.source-legend{font-family:var(--cm-font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cm-ink-2);padding:4px 6px 10px;font-size:12px;font-weight:600}.source-frame--yt{aspect-ratio:16/9;min-height:200px}.source-card[data-place=slotted]{z-index:35;background:#000;border:0;border-radius:8px;padding:0;position:fixed;overflow:hidden}.source-card[data-place=slotted]:not([style]),.source-card[data-place=away]{width:320px;position:fixed;top:0;left:-10000px}.source-card[data-place=slotted] .source-legend{display:none}.source-card[data-place=slotted] .source-frame{aspect-ratio:auto;border-radius:0;height:100%;min-height:0}.source-frame{background:var(--cm-bg-2);border-radius:8px;width:100%;min-width:200px;overflow:hidden}.shell[data-stage=true][data-mode] .shell-main{z-index:30;background:var(--cm-bg);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);max-width:none;height:100dvh;margin:0;padding:0;position:fixed;inset:0}.shell[data-stage=true][data-mode] .shell-deck{height:auto;min-height:0;padding:0;position:static;overflow:visible}.shell[data-focus=true][data-mode] .shell-panel{width:0;height:0;padding:0;position:absolute;overflow:visible}.shell[data-focus=true][data-mode] .shell-panel>:not(.panel-source){display:none}.sect{border:1px solid var(--cm-line);border-radius:var(--cm-radius);background:var(--cm-panel);container:sect/inline-size}.sect-h{border-bottom:1px solid var(--cm-line);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 10px 8px 16px;display:flex}.sect-title{font-family:var(--cm-font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cm-ink);align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.sect-title:before{content:"";background:var(--deck-accent,var(--cm-ice));border-radius:50%;width:6px;height:6px}html[lang=th] .sect-title.loc{font-size:15px;font-weight:600}.sect-meta{font-family:var(--cm-font-mono);font-size:var(--text-mini);letter-spacing:.12em;color:var(--cm-ink-2)}.sect-b{padding:16px}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:14px 16px;display:flex}.row+.row{border-top:1px solid var(--cm-line)}.row--stack{display:block}.row--stack>.row-label{margin-bottom:12px}.row-label{flex:88px;min-width:0}.row-name{color:var(--cm-ink);font-size:15px;font-weight:500;line-height:1.3}.row-name .row-value{color:var(--cm-ink-2);margin-left:6px;font-size:13px;font-weight:400}.row-hint{color:var(--cm-ink-2);margin-top:2px;font-size:13px;line-height:1.4}.tray{background:var(--cm-tray);max-width:100%;box-shadow:var(--cm-tray-shadow);border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.tray--fill{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.tray--fill>.pk:nth-child(5):last-child{grid-column:span 2}@container sect (width>=520px){.tray--fill{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.tray--fill>.pk:nth-child(5):last-child{grid-column:auto}}.look-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.look-grid>.pk{justify-content:flex-start}.pk{white-space:nowrap;min-height:36px;color:var(--cm-cap-ink);background:linear-gradient(180deg, var(--cm-cap-hi), var(--cm-cap) 45%, var(--cm-cap-lo));box-shadow:var(--cm-cap-shadow);cursor:pointer;touch-action:manipulation;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;line-height:1.15;transition:transform 80ms,box-shadow 80ms,color .15s;display:inline-flex;position:relative;transform:translateY(-1px)}.pk:hover{color:var(--cm-ink)}.pk:active:not(:disabled){box-shadow:var(--cm-cap-sunk);transform:translateY(1px)}.pk[aria-checked=true],.pk[aria-pressed=true],.pk[aria-selected=true]{color:var(--cm-cap-on-ink);background:linear-gradient(180deg, var(--cm-cap-on-hi), var(--cm-cap-on) 45%, var(--cm-cap-on-lo));box-shadow:var(--cm-cap-sunk);transform:translateY(1px)}.pk:disabled{opacity:.35;cursor:default}.tray .pk:before{content:"";background:var(--cm-led-off);border-radius:50%;flex:none;width:6px;height:6px;transition:background .15s}.tray .pk[aria-checked=true]:before,.tray .pk[aria-pressed=true]:before,.tray .pk[aria-selected=true]:before{background:var(--deck-accent,var(--cm-ice))}.tray--fill .pk{padding:0 8px}.pk--accent,.pk--accent:hover{color:var(--deck-accent-ink,var(--cm-ice-ink));background:linear-gradient(180deg, var(--deck-accent,var(--cm-ice)), var(--deck-accent,var(--cm-ice)) 45%, var(--deck-accent,var(--cm-ice)))}@supports (color:color-mix(in lab, red, red)){.pk--accent,.pk--accent:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--deck-accent,var(--cm-ice)) 80%, #fff), var(--deck-accent,var(--cm-ice)) 45%, color-mix(in srgb, var(--deck-accent,var(--cm-ice)) 86%, #000))}}.pk--icon{width:40px;padding:0}.pk--mono{font-family:var(--cm-font-mono);letter-spacing:.16em;font-size:12px;font-weight:600}.pk--sm{min-height:32px;padding:0 10px;font-size:13px}.pk--tile{white-space:normal;text-align:center;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;min-height:0;padding:6px;display:flex}.tape-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.swatch{background:var(--cm-tray);width:36px;height:36px;box-shadow:var(--cm-tray-shadow);cursor:pointer;border-radius:50%;padding:3px;position:relative}.swatch-cap{border-radius:50%;width:100%;height:100%;transition:transform 80ms,box-shadow 80ms;display:block;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff59,0 2px #00000080}.swatch[aria-checked=true]{outline:2px solid var(--cm-ice);outline-offset:2px}.swatch[aria-checked=true] .swatch-cap,.swatch:active .swatch-cap{transform:translateY(1px);box-shadow:inset 0 2px 3px #0006}.shell:not([data-mode=desktop]) .pk{min-height:44px}.shell:not([data-mode=desktop]) .pk--icon{width:44px}.shell:not([data-mode=desktop]) .pk--tile{min-height:0}.shell:not([data-mode=desktop]) .swatch{width:42px;height:42px}@container sect (width<=340px){.sect-b,.row{padding-inline:12px}}.share-paper{background:linear-gradient(180deg, var(--cm-panel), var(--cm-panel))}@supports (color:color-mix(in lab, red, red)){.share-paper{background:linear-gradient(180deg, color-mix(in srgb, var(--cm-panel) 92%, var(--cm-tint) 8%), var(--cm-panel))}}.share-paper{border:1px solid var(--cm-line);box-shadow:var(--cm-drop);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes pulse{50%{opacity:.5}}