/*! 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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-divide-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-duration:initial;--tw-ease:initial}}}@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-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--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);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--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;--aspect-video:16 / 9;--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(--pp-font-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{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.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}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.inset-y-2{inset-block:calc(var(--spacing) * 2)}.-top-3{top:calc(var(--spacing) * -3)}.-top-\[30px\]{top:-30px}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-\[8\%\]{top:8%}.top-\[38\%\]{top:38%}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:0}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.left-6{left:calc(var(--spacing) * 6)}.left-\[22px\]{left:22px}.z-10{z-index:10}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[65\]{z-index:65}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.order-2{order:2}.order-3{order:3}.order-first{order:-9999}.col-span-2{grid-column:span 2/span 2}.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}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-\[240\/152\]{aspect-ratio:240/152}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.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-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-\[30\%\]{height:30%}.h-\[120px\]{height:120px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[100dvh\]{max-height:100dvh}.max-h-\[260px\]{max-height:260px}.min-h-0{min-height:0}.min-h-\[200px\]{min-height:200px}.min-h-full{min-height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3{width:calc(var(--spacing) * 3)}.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-8{width:calc(var(--spacing) * 8)}.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-16{width:calc(var(--spacing) * 16)}.w-\[2px\]{width:2px}.w-\[3px\]{width:3px}.w-\[26\%\]{width:26%}.w-\[74\%\]{width:74%}.w-\[157\.9\%\]{width:157.9%}.w-\[min\(330px\,62\%\)\]{width:min(330px,62%)}.w-\[min\(372px\,calc\(100vw-24px\)\)\]{width:min(372px,100vw - 24px)}.w-\[min\(400px\,62\%\)\]{width:min(400px,62%)}.w-full{width:100%}.w-px{width:1px}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[150px\]{max-width:150px}.max-w-\[210px\]{max-width:210px}.max-w-\[372px\]{max-width:372px}.max-w-\[600px\]{max-width:600px}.max-w-\[860px\]{max-width:860px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-9{min-width:calc(var(--spacing) * 9)}.flex-1{flex:1}.flex-auto{flex:auto}.shrink-0{flex-shrink:0}.origin-bottom{transform-origin:bottom}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.\[transform\:rotateY\(180deg\)\]{transform:rotateY(180deg)}.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-ns-resize{cursor:ns-resize}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,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-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[42\%_1fr\]{grid-template-columns:42% 1fr}.grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.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)}.gap-6{gap:calc(var(--spacing) * 6)}: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-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * 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-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * 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)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-line>:not(:last-child)){border-color:var(--pp-line)}.self-stretch{align-self:stretch}.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-\[1px\]{border-radius:1px}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-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-accent,.border-accent\/30{border-color:var(--pp-accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\/30{border-color:color-mix(in oklab, var(--pp-accent) 30%, transparent)}}.border-accent\/40{border-color:var(--pp-accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\/40{border-color:color-mix(in oklab, var(--pp-accent) 40%, transparent)}}.border-accent\/60{border-color:var(--pp-accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\/60{border-color:color-mix(in oklab, var(--pp-accent) 60%, transparent)}}.border-accent\/70{border-color:var(--pp-accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\/70{border-color:color-mix(in oklab, var(--pp-accent) 70%, transparent)}}.border-danger\/40{border-color:var(--pp-danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/40{border-color:color-mix(in oklab, var(--pp-danger) 40%, transparent)}}.border-danger\/50{border-color:var(--pp-danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/50{border-color:color-mix(in oklab, var(--pp-danger) 50%, transparent)}}.border-line{border-color:var(--pp-line)}.border-mint\/30{border-color:var(--pp-mint)}@supports (color:color-mix(in lab, red, red)){.border-mint\/30{border-color:color-mix(in oklab, var(--pp-mint) 30%, transparent)}}.border-mint\/40{border-color:var(--pp-mint)}@supports (color:color-mix(in lab, red, red)){.border-mint\/40{border-color:color-mix(in oklab, var(--pp-mint) 40%, transparent)}}.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-transparent{background-color:#0000!important}.bg-\[\#111216\]{background-color:#111216}.bg-\[\#d63a23\]{background-color:#d63a23}.bg-\[\#e9dcc4\]{background-color:#e9dcc4}.bg-\[\#e9dcc4\]\/90{background-color:oklab(89.8594% .00432667 .0347621/.9)}.bg-\[\#f4f4f1\]{background-color:#f4f4f1}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--body-2\)\]{background-color:var(--body-2)}.bg-\[var\(--dial-ink\)\]{background-color:var(--dial-ink)}.bg-\[var\(--spine\)\]{background-color:var(--spine)}.bg-accent,.bg-accent\/10{background-color:var(--pp-accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/10{background-color:color-mix(in oklab, var(--pp-accent) 10%, transparent)}}.bg-accent\/15{background-color:var(--pp-accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/15{background-color:color-mix(in oklab, var(--pp-accent) 15%, transparent)}}.bg-accent\/\[0\.07\]{background-color:var(--pp-accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/\[0\.07\]{background-color:color-mix(in oklab, var(--pp-accent) 7.0%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\/35{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-card-2{background-color:var(--pp-card-2)}.bg-card\/95{background-color:var(--pp-card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/95{background-color:color-mix(in oklab, var(--pp-card) 95%, transparent)}}.bg-mint{background-color:var(--pp-mint)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 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)}.bg-\[linear-gradient\(180deg\,rgb\(255_255_255\/0\.35\)\,transparent_40\%\)\]{background-image:linear-gradient(#ffffff59,#0000 40%)}.bg-\[radial-gradient\(ellipse_at_30\%_20\%\,\#2a1e17\,\#0d0907_70\%\)\]{background-image:radial-gradient(at 30% 20%,#2a1e17,#0d0907 70%)}.object-cover{object-fit:cover}.\!p-0{padding:0!important}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[3\%\]{padding:3%}.p-\[3px\]{padding:3px}.p-\[5\%\]{padding:5%}.p-\[9\%\]{padding:9%}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.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-\[3px\]{padding-block:3px}.pt-1{padding-top:var(--spacing)}.pt-9{padding-top:calc(var(--spacing) * 9)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pr-1{padding-right:var(--spacing)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-28{padding-right:calc(var(--spacing) * 28)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-brand{font-family:var(--pp-font-brand)}.font-display{font-family:var(--pp-font-display)}.font-hand{font-family:var(--pp-font-hand)}.font-label{font-family:var(--pp-font-label)}.font-mono{font-family:var(--pp-font-mono)}.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-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[clamp\(7px\,1\.6vw\,10px\)\]{font-size:clamp(7px,1.6vw,10px)}.text-\[clamp\(8px\,1\.8vw\,11px\)\]{font-size:clamp(8px,1.8vw,11px)}.text-\[clamp\(9px\,2vw\,13px\)\]{font-size:clamp(9px,2vw,13px)}.text-\[clamp\(11px\,2\.8vw\,18px\)\]{font-size:clamp(11px,2.8vw,18px)}.text-\[clamp\(18px\,6vw\,44px\)\]{font-size:clamp(18px,6vw,44px)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.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\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.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)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#1d1b18\]{color:#1d1b18}.text-\[\#111\]{color:#111}.text-\[\#140f0c\]{color:#140f0c}.text-\[\#e9dcc4\]{color:#e9dcc4}.text-\[\#e9dcc4\]\/50{color:oklab(89.8594% .00432667 .0347621/.5)}.text-\[\#e9dcc4\]\/60{color:oklab(89.8594% .00432667 .0347621/.6)}.text-\[\#e9dcc4\]\/70{color:oklab(89.8594% .00432667 .0347621/.7)}.text-\[\#ecebe6\]{color:#ecebe6}.text-\[\#f8f2e3\]{color:#f8f2e3}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--dial-ink\)\]{color:var(--dial-ink)}.text-\[var\(--ink\)\]{color:var(--ink)}.text-\[var\(--vfd\)\]{color:var(--vfd)}.text-accent{color:var(--pp-accent)}.text-danger{color:var(--pp-danger)}.text-ink{color:var(--pp-ink)}.text-ink2,.text-ink2\/60{color:var(--pp-ink-2)}@supports (color:color-mix(in lab, red, red)){.text-ink2\/60{color:color-mix(in oklab, var(--pp-ink-2) 60%, transparent)}}.text-lcd{color:var(--pp-lcd)}.text-mint{color:var(--pp-mint)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.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_0_4px_rgb\(214_58_35\/0\.6\)\]{--tw-shadow:0 0 4px var(--tw-shadow-color,#d63a2399);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_0_6px_var\(--accent\)\]{--tw-shadow:0 0 6px var(--tw-shadow-color,var(--accent));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_0_14px_-4px_var\(--pp-mint\)\]{--tw-shadow:0 0 14px -4px var(--tw-shadow-color,var(--pp-mint));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_0_16px_-4px_var\(--pp-accent\)\]{--tw-shadow:0 0 16px -4px var(--tw-shadow-color,var(--pp-accent));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_0_18px_-8px_var\(--pp-accent\)\]{--tw-shadow:0 0 18px -8px var(--tw-shadow-color,var(--pp-accent));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_0_20px_-8px_var\(--pp-accent\)\]{--tw-shadow:0 0 20px -8px var(--tw-shadow-color,var(--pp-accent));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_0_24px_-6px_var\(--pp-accent\)\]{--tw-shadow:0 0 24px -6px var(--tw-shadow-color,var(--pp-accent));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_20px_50px_rgb\(0_0_0\/0\.5\)\]{--tw-shadow:0 20px 50px var(--tw-shadow-color,#00000080);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-\[inset_0_2px_8px_rgb\(0_0_0\/0\.4\)\]{--tw-shadow:inset 0 2px 8px var(--tw-shadow-color,#0006);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-transparent{--tw-ring-color:transparent}.ring-white\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ring-white\/10{--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.ring-white\/15{--tw-ring-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.ring-white\/15{--tw-ring-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.ring-white\/20{--tw-ring-color:#fff3}@supports (color:color-mix(in lab, red, red)){.ring-white\/20{--tw-ring-color:color-mix(in oklab, var(--color-white) 20%, 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,)}.drop-shadow-\[0_20px_40px_rgb\(0_0_0\/0\.6\)\]{--tw-drop-shadow-size:drop-shadow(0 20px 40px var(--tw-drop-shadow-color,#0009));--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,)}.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{--tw-backdrop-blur:blur(8px);-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,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-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,)}.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-\[left\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.will-change-transform{will-change:transform}.\[animation-delay\:-\.3s\]{animation-delay:-.3s}.\[animation-delay\:-\.6s\]{animation-delay:-.6s}.\[backface-visibility\:hidden\]{backface-visibility:hidden}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}@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-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.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)}.marker\:text-accent ::marker{color:var(--pp-accent)}.marker\:text-accent::marker{color:var(--pp-accent)}.marker\:text-accent ::-webkit-details-marker{color:var(--pp-accent)}.marker\:text-accent::-webkit-details-marker{color:var(--pp-accent)}.placeholder\:text-ink2\/70::placeholder{color:var(--pp-ink-2)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-ink2\/70::placeholder{color:color-mix(in oklab, var(--pp-ink-2) 70%, transparent)}}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-mint\/50:hover{border-color:var(--pp-mint)}@supports (color:color-mix(in lab, red, red)){.hover\:border-mint\/50:hover{border-color:color-mix(in oklab, var(--pp-mint) 50%, transparent)}}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:border-white\/25:hover{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/25:hover{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.hover\:bg-\[\#e9dcc4\]:hover{background-color:#e9dcc4}.hover\:bg-danger\/10:hover{background-color:var(--pp-danger)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-danger\/10:hover{background-color:color-mix(in oklab, var(--pp-danger) 10%, transparent)}}.hover\:bg-mint\/10:hover{background-color:var(--pp-mint)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-mint\/10:hover{background-color:color-mix(in oklab, var(--pp-mint) 10%, transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.hover\:bg-white\/\[0\.05\]:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.05\]:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:text-accent:hover{color:var(--pp-accent)}.hover\:text-danger:hover{color:var(--pp-danger)}.hover\:text-ink:hover{color:var(--pp-ink)}.hover\:text-mint:hover{color:var(--pp-mint)}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-white\/30:hover{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:ring-white\/30:hover{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}.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-accent\/60:focus{border-color:var(--pp-accent)}@supports (color:color-mix(in lab, red, red)){.focus\:border-accent\/60:focus{border-color:color-mix(in oklab, var(--pp-accent) 60%, transparent)}}.focus\:bg-card:focus{background-color:var(--pp-card)}.focus\:p-2:focus{padding:calc(var(--spacing) * 2)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-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}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-9{height:calc(var(--spacing) * 9)}.sm\:h-11{height:calc(var(--spacing) * 11)}.sm\:h-12{height:calc(var(--spacing) * 12)}.sm\:h-14{height:calc(var(--spacing) * 14)}.sm\:h-16{height:calc(var(--spacing) * 16)}.sm\:h-28{height:calc(var(--spacing) * 28)}.sm\:w-2{width:calc(var(--spacing) * 2)}.sm\:w-9{width:calc(var(--spacing) * 9)}.sm\:w-11{width:calc(var(--spacing) * 11)}.sm\:w-14{width:calc(var(--spacing) * 14)}.sm\:max-w-none{max-width:none}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:grid-cols-\[minmax\(0\,300px\)_1fr\]{grid-template-columns:minmax(0,300px) 1fr}.sm\:items-center{align-items:center}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:rounded-b-\[var\(--pp-radius\)\]{border-bottom-right-radius:var(--pp-radius);border-bottom-left-radius:var(--pp-radius)}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[9px\]{font-size:9px}.sm\:opacity-60{opacity:.6}.sm\:group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.sm\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}@media (width>=48rem){.md\:order-none{order:0}.md\:mt-4{margin-top:calc(var(--spacing) * 4)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-h-\[320px\]{max-height:320px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.md\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.md\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.15fr\)\]{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.05fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-5{gap:calc(var(--spacing) * 5)}}@media (width>=64rem){.lg\:order-none{order:0}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:max-w-none{max-width:none}.lg\:grid-cols-\[minmax\(0\,0\.75fr\)_minmax\(0\,1\.5fr\)_minmax\(0\,0\.75fr\)\]{grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr) minmax(0,.75fr)}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--pp-bg:#0d0e12;--pp-bg-2:#13151b;--pp-card:#16181f;--pp-card-2:#1d2029;--pp-line:#ffffff14;--pp-ink:#ecebe6;--pp-ink-2:#8f929c;--pp-accent:#ffb347;--pp-mint:#7af0c9;--pp-coral:#ff5d4d;--pp-danger:#ff6b6b;--pp-lcd-bg:#120e0a;--pp-lcd:#ffb347;--pp-radius:20px;--pp-shadow:0 1px 0 #ffffff0d inset, 0 24px 60px #00000073;--pp-font-ui:"IBM Plex Sans Thai", system-ui, sans-serif;--pp-font-display:"Unbounded", "IBM Plex Sans Thai", sans-serif;--pp-font-label:"Kanit", "IBM Plex Sans Thai", sans-serif;--pp-font-mono:"JetBrains Mono", ui-monospace, monospace;--pp-font-brand:"Righteous", "IBM Plex Sans Thai", sans-serif;--pp-font-type:"Special Elite", "Itim", monospace;--pp-font-hand:"Itim", cursive}html,body{background:radial-gradient(1100px 620px at 12% -12%, #ffb3471a, transparent 60%), radial-gradient(900px 560px at 105% 8%, #7af0c90f, transparent 60%), radial-gradient(800px 600px at 50% 120%, #ff5d4d0d, transparent 60%), var(--pp-bg);color:var(--pp-ink);font-family:var(--pp-font-ui);-webkit-tap-highlight-color:transparent;background-attachment:fixed}body{min-height:100dvh}html[lang=th] .loc{font-family:var(--pp-font-ui);letter-spacing:.04em}:focus-visible{outline:2px solid var(--pp-mint);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}}.eq-bar{background:var(--pp-accent);transform-origin:bottom;width:3px;height:14px;animation:.9s ease-in-out infinite eq;display:block}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.paper-card{border:1px solid var(--pp-line);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow);-webkit-backdrop-filter:blur(14px);background:linear-gradient(#ffffff0e,#ffffff05);position:relative}body:after{content:"";pointer-events:none;z-index:1;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.bedside .sevenseg .on{fill:#ffb36b;filter:drop-shadow(0 0 6px #ffb36b8c)}.bedside .sevenseg .off{fill:#ffb36b0f}.bedside-grid{grid-template-columns:minmax(0,1fr)}.bedside-tape{width:min(100%,560px);margin-inline:auto}@media (orientation:landscape) and (width>=640px){.bedside-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.bedside-tape{width:min(100%,157.9dvh - 101.056px)}}.shell-main{flex-direction:column;gap:24px;max-width:72rem;margin-inline:auto;padding:16px 12px 64px;display:flex}.shell-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"library""source""settings""footer";gap:24px;display:grid}.panel-library{grid-area:library}.panel-source{grid-area:source}.panel-settings{grid-area:settings}.panel-footer{grid-area:footer}.panel-source:has(>.hidden){display:none}.shell[data-mode=tablet][data-split=false] .shell-panel{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"library settings""library source""footer footer";align-items:start}.shell[data-mode=tablet] .shell-main,.shell[data-mode=desktop] .shell-main{padding:32px 24px 64px}.shell[data-mode=tablet] .panel-source,.shell[data-mode=desktop] .panel-source{align-self:start}.shell[data-mode=desktop] .shell-main{grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr);align-items:start;gap:28px;max-width:1440px;display:grid}.shell[data-mode=desktop] .shell-deck{position:sticky;top:28px}.shell[data-split=true] .shell-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:none;height:100dvh;padding:12px;display:grid}.shell[data-split=true] .shell-deck,.shell[data-split=true] .shell-panel{overscroll-behavior:contain;min-height:0;overflow-y:auto}.shell[data-split=true] .shell-panel{align-content:start;gap:16px;padding-bottom:24px}.shell[data-mode=tablet][data-split=true] .shell-main{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.shell[data-mode=phone][data-split=true] .shell-main{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:8px;padding:8px}.shell[data-split=true] .shell-deck:has(.focus){overflow:hidden}.shell[data-segments=rows] .shell-main{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}@media (horizontal-viewport-segments:2){.shell[data-segments=columns] .shell-main{grid-template-columns:env(viewport-segment-width 0 0) env(viewport-segment-width 1 0);column-gap:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0));padding:0}.shell[data-segments=columns] .shell-deck,.shell[data-segments=columns] .shell-panel{padding:12px}}@media (vertical-viewport-segments:2){.shell[data-segments=rows] .shell-main{grid-template-rows:env(viewport-segment-height 0 0) env(viewport-segment-height 0 1);row-gap:calc(env(viewport-segment-top 0 1) - env(viewport-segment-bottom 0 0));padding:0}.shell[data-segments=rows] .shell-deck,.shell[data-segments=rows] .shell-panel{padding:12px}}.shell[data-split=true] .shell-deck{padding:2px 2px 12px}kbd{border:1px solid var(--pp-line);background:var(--pp-card-2);font-family:var(--pp-font-mono);color:var(--pp-ink);border-bottom-width:2px;border-radius:5px;padding:0 5px;font-size:.92em}@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-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-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-divide-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}.deck{--vfd-glow:color-mix(in srgb, var(--vfd) 55%, transparent);color:var(--ink);background:linear-gradient(180deg, #ffffff24, transparent 18%, transparent 82%, #0000002e), repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px 3px), var(--body);box-shadow:inset 0 1px 0 #ffffff38, inset 0 -2px 0 #00000040, 0 0 0 1px #0000008c, 0 30px 70px #0000008c, 0 0 120px -30px var(--vfd-glow);position:relative}.deck .wordmark{color:var(--accent);text-shadow:0 0 18px color-mix(in srgb, var(--accent) 35%, transparent)}.deck .led{background:#00000073;border-radius:50%;width:7px;height:7px;box-shadow:inset 0 1px 1px #0009}.deck .led.on{background:var(--accent);box-shadow:0 0 8px var(--accent)}.deck .round-btn,.deck .mini-btn{color:var(--key-ink);background:linear-gradient(180deg, color-mix(in srgb, var(--key) 80%, #fff 20%), var(--key));transition:transform .1s,box-shadow .15s,color .15s;box-shadow:inset 0 1px #fff3,0 2px 4px #00000073,0 0 0 1px #00000059}.deck .round-btn:active,.deck .mini-btn:active{transform:translateY(1px)}.deck .round-btn.on{color:var(--accent);box-shadow:inset 0 1px 0 #fff3, 0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 45%, transparent)}.deck .mini-btn{border-radius:9999px;place-items:center;width:28px;height:28px;display:grid}.handle{background:0 0;border-top:9px solid #c9cdd3;border-bottom:0 #8e939a;border-left:9px solid #c9cdd3;border-right:9px solid #8e939a;border-radius:40px 40px 0 0;box-shadow:inset 0 2px #ffffff80,0 -2px #5d6168}.deck .dial{--dial-ink:var(--vfd);background:radial-gradient(120% 140% at 50% 120%, color-mix(in srgb, var(--vfd) 18%, transparent), transparent 60%), linear-gradient(180deg, #0a0b0e, #121419);color:var(--vfd);text-shadow:0 0 6px var(--vfd-glow);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 6px 14px #000000b3,0 1px #ffffff1f}.deck .dial .needle{background:var(--pp-coral)!important;box-shadow:0 0 10px var(--pp-coral)!important}.deck .tape-door,.deck .well{background:radial-gradient(90% 60% at 50% 115%, color-mix(in srgb, var(--vfd) 14%, transparent), transparent 70%), linear-gradient(180deg, #0b0c0f, #16181d);color:#e9e7e1;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 10px 24px #000000bf,0 1px #ffffff24}.deck .tape-door p,.deck .well{--ink:#e9e7e1}.deck .well{transition:box-shadow .3s}.deck .well.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 10px 24px #000000bf, 0 0 26px -8px var(--accent)}.deck .well-status{opacity:.6;border:1px solid #ffffff26;border-radius:9999px;padding:2px 8px}.deck .well-status.on{opacity:1;color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 10px -2px var(--accent)}.pack{transform-box:fill-box;transform-origin:50%;transition:transform .25s linear}.deck .case{background:linear-gradient(135deg,#ffffff29,#ffffff0a);box-shadow:inset 0 0 0 1px #ffffff59,0 10px 20px #00000073}.deck .lcd,.deck .vfd-panel{background:radial-gradient(120% 120% at 50% 0%, color-mix(in srgb, var(--vfd) 9%, transparent), transparent 70%), #0b0a09;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 3px 10px #000000d9,0 1px #ffffff1a}.deck .lcd .text-lcd{color:var(--vfd)}.deck .sevenseg .on{fill:var(--vfd);filter:drop-shadow(0 0 3px var(--vfd-glow))}.deck .sevenseg .off{fill:color-mix(in srgb, var(--vfd) 7%, transparent)}.deck .led-meter{background:color-mix(in srgb, var(--vfd) 8%, transparent)}.deck .led-fill{background:linear-gradient(90deg, var(--vfd) 0 64%, #ffd166 64% 84%, var(--pp-coral) 84%);filter:drop-shadow(0 0 3px var(--vfd-glow));-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px);mask:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px)}.deck .next-strip{color:#e9e7e1;background:#0d0e11;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 2px 6px #0009}.deck .next-strip>span:first-child{color:var(--vfd);opacity:.85}.deck .next-strip .font-hand{font-family:var(--pp-font-label);font-size:13px}.deck .keybed{background:#0000008c;box-shadow:inset 0 2px 6px #0009}.deck .pkey{background:linear-gradient(180deg, color-mix(in srgb, var(--key) 82%, #fff 18%), var(--key) 55%);min-height:54px;color:var(--key-ink);box-shadow:inset 0 1px 0 #ffffff40, 0 3px 0 color-mix(in srgb, var(--key) 55%, #000), 0 4px 8px #0006;border-radius:9px;padding-top:8px;transition:transform 80ms,box-shadow 80ms;position:relative;transform:translateY(-2px)}.deck .pkey:before{content:"";background:#00000059;border-radius:2px;width:14px;height:3px;margin-left:-7px;position:absolute;top:6px;left:50%}.deck .pkey.down{box-shadow:inset 0 2px 5px #00000073, 0 1px 0 color-mix(in srgb, var(--key) 55%, #000);transform:translateY(1px)}.deck .pkey.down:before{background:var(--accent);box-shadow:0 0 8px var(--accent)}.deck .pkey.lit{color:var(--accent)}.deck .keybed--top{box-shadow:none;background:0 0;gap:5px;padding:0}.deck .keybed--top .pkey{border-radius:8px 8px 3px 3px;min-height:36px;padding-top:6px}.deck .knob{background:repeating-conic-gradient(#00000040 0 4deg, transparent 4deg 10deg), radial-gradient(circle at 35% 30%, #4d5058, #16171b);box-shadow:0 3px 6px #00000080,inset 0 1px #fff3}.deck .knob.chrome{background:repeating-conic-gradient(#00000024 0 3deg, transparent 3deg 8deg), radial-gradient(circle at 35% 30%, #fff, #b8bcc3 55%, #6f747c)}.deck .woofer{background:radial-gradient(circle,#1a1b1f 0 64%,#d9dce1 66%,#8b9097 70%,#1d1f23 73%);box-shadow:0 6px 16px #00000080}.deck .woofer-cone{background:radial-gradient(circle,#ffffff29 0 1.1px,#0000 1.6px) 0 0/7px 7px,radial-gradient(circle at 50% 45%,#2a2c32,#0c0d10 70%);position:relative;box-shadow:inset 0 0 0 2px #0009,inset 0 8px 18px #000000bf}.deck .woofer-cone:after{content:"";background:radial-gradient(circle at 40% 35%,#4a4d55,#121317);border-radius:50%;position:absolute;inset:36%;box-shadow:0 0 0 3px #0006}.deck .tweeter{background:radial-gradient(circle,#ffffff2e 0 1px,#0000 1.4px) 0 0/5px 5px,radial-gradient(circle,#15161a 0 60%,#c9cdd3 63%,#6f747c 70%);max-width:64px;box-shadow:0 3px 8px #00000073}.deck--portable{background:linear-gradient(100deg, #ffffff29, transparent 22%), repeating-linear-gradient(0deg, #ffffff05 0 1px, transparent 1px 3px), var(--body)}.deck .wheel{background:repeating-linear-gradient(#1c1d21 0 3px,#5b5f67 3px 5px),#1c1d21;box-shadow:inset 0 6px 6px #000000a6,inset 0 -6px 6px #000000a6,0 0 0 1px #0009}.deck--dual,.deck--hifi{background:linear-gradient(180deg, #ffffff1f, transparent 30%, #00000026), repeating-linear-gradient(90deg, #ffffff0a 0 1px, transparent 1px 2px, #00000008 2px 3px), var(--body)}.deck .fader{background:linear-gradient(#0b0c0f,#23262c)}.deck--car{background:linear-gradient(180deg, #ffffff1a, transparent 40%, #00000040), repeating-linear-gradient(0deg, #ffffff08 0 1px, transparent 1px 4px), var(--body)}.deck .tape-slot{background:linear-gradient(#0b0c0f,#16181d);border-radius:10px 10px 4px 4px;padding:10px 12px 0;position:relative;overflow:hidden;box-shadow:inset 0 10px 20px #000000b3,inset 0 0 0 1px #ffffff0f}.deck .tape-slot-tape{aspect-ratio:240/104;width:min(100%,440px);margin-inline:auto;overflow:hidden}.deck .tape-slot:after{content:"";z-index:20;pointer-events:none;background:linear-gradient(180deg, #050506, color-mix(in srgb, var(--body) 60%, #000) 45%, var(--body-2));height:16px;position:absolute;inset:auto 0 0;box-shadow:0 -3px 8px #0009}.deck .marquee-run{animation:16s linear infinite marquee}@keyframes marquee{to{transform:translate(-50%)}}.deck .preset-key{color:var(--key-ink);background:linear-gradient(180deg, color-mix(in srgb, var(--key) 80%, #fff 20%), var(--key));box-shadow:inset 0 1px 0 #fff3, 0 2px 0 color-mix(in srgb, var(--key) 55%, #000), 0 3px 6px #0006;transition:transform 80ms}.deck .preset-key:active{transform:translateY(1px)}.deck .preset-key.on{color:var(--accent);box-shadow:inset 0 1px 0 #fff3, 0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent), 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent)}.deck .preset-key:disabled{opacity:.45}.deck--fourtrack{background:linear-gradient(180deg, #ffffff1a, transparent 25%), radial-gradient(#00000014 1px, transparent 1.4px) 0 0 / 4px 4px, var(--body)}.deck .mixer{background:#00000047;box-shadow:inset 0 2px 8px #00000080}.deck .channel{background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f}.deck .channel.master{background:color-mix(in srgb, var(--accent) 10%, transparent)}.deck .vfader-slot{background:#07080a;box-shadow:inset 0 1px 3px #000c,0 1px #ffffff1a}.deck .vfader-cap{background:linear-gradient(#f2f3f5,#a9adb4 45%,#5e626a 50%,#c7cad0);box-shadow:0 2px 4px #00000080}.deck .vfader:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.deck .led-meter-v{background:color-mix(in srgb, var(--vfd) 8%, transparent)}.deck .led-fill-v{background:linear-gradient(0deg, var(--vfd) 0 64%, #ffd166 64% 84%, var(--pp-coral) 84%);filter:drop-shadow(0 0 3px var(--vfd-glow));-webkit-mask:repeating-linear-gradient(0deg,#000 0 5px,#0000 5px 7px);mask:repeating-linear-gradient(0deg,#000 0 5px,#0000 5px 7px)}.deck .rec-btn{font:600 8px/1 var(--pp-font-mono);letter-spacing:.15em;color:var(--key-ink);background:var(--key);box-shadow:0 2px 0 color-mix(in srgb, var(--key) 55%, #000);border-radius:4px;padding:4px 6px}.deck .rec-btn.on{color:#fff;background:var(--pp-coral);box-shadow:0 0 10px var(--pp-coral)}.deck .rec-btn.blink{animation:1s steps(2,end) infinite rec-blink}@keyframes rec-blink{50%{opacity:.45}}.deck--changer{background:linear-gradient(160deg, #ffffff29, transparent 30%, #0003), repeating-linear-gradient(90deg, #ffffff08 0 1px, transparent 1px 3px), var(--body)}.deck .magazine{color:#e9e7e1;background:linear-gradient(#0b0c0f,#16181d);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 8px 20px #000000b3}.deck .slot{background:#ffffff08;transition:background .15s;box-shadow:inset 0 1px 3px #0009}.deck .slot:hover{background:#ffffff12}.deck .slot.loaded{outline:1px dashed color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:-1px}.deck .spine{box-shadow:0 1px 2px #00000080}@media (prefers-reduced-motion:reduce){.deck .marquee-run,.deck .rec-btn.blink{animation:none}}.focus{container:focus/size}.focus-grid{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid}.focus-tape{place-items:center;min-height:0;display:grid;container-type:size}.focus-tape .tape-box{width:min(100cqw,157.9cqh - 37.896px)}.focus-tape.sideways .tape-box{width:min(100cqw,63.3cqh)}@container focus (aspect-ratio>1.2){.focus-grid{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.focus-brand{grid-column:1/-1}}@container focus (height<=430px){.focus .next-strip,.focus .focus-brand .mini-btn{display:none}.focus-grid{gap:8px}.focus .pkey{min-height:40px}.focus-tape .tape-box{width:min(100cqw,157.9cqh)}}