*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (width>=1400px){.container{max-width:1400px}}.mpf-tw .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mpf-tw .pointer-events-none{pointer-events:none}.mpf-tw .visible{visibility:visible}.mpf-tw .fixed{position:fixed}.mpf-tw .absolute{position:absolute}.mpf-tw .relative{position:relative}.mpf-tw .inset-0{inset:0}.mpf-tw .bottom-3{bottom:.75rem}.mpf-tw .bottom-4{bottom:1rem}.mpf-tw .bottom-full{bottom:100%}.mpf-tw .left-\[50\%\]{left:50%}.mpf-tw .right-0{right:0}.mpf-tw .right-2{right:.5rem}.mpf-tw .right-3{right:.75rem}.mpf-tw .right-4{right:1rem}.mpf-tw .top-2{top:.5rem}.mpf-tw .top-4{top:1rem}.mpf-tw .top-\[50\%\]{top:50%}.mpf-tw .z-50{z-index:50}.mpf-tw .z-\[60\]{z-index:60}.mpf-tw .z-\[70\]{z-index:70}.mpf-tw .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mpf-tw .mx-auto{margin-left:auto;margin-right:auto}.mpf-tw .my-1{margin-top:.25rem;margin-bottom:.25rem}.mpf-tw .mb-1{margin-bottom:.25rem}.mpf-tw .mb-2{margin-bottom:.5rem}.mpf-tw .mb-3{margin-bottom:.75rem}.mpf-tw .ml-auto{margin-left:auto}.mpf-tw .mr-1{margin-right:.25rem}.mpf-tw .mr-2{margin-right:.5rem}.mpf-tw .mt-0\.5{margin-top:.125rem}.mpf-tw .mt-1{margin-top:.25rem}.mpf-tw .mt-2{margin-top:.5rem}.mpf-tw .line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mpf-tw .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mpf-tw .block{display:block}.mpf-tw .flex{display:flex}.mpf-tw .inline-flex{display:inline-flex}.mpf-tw .grid{display:grid}.mpf-tw .hidden{display:none}.mpf-tw .h-10{height:2.5rem}.mpf-tw .h-12{height:3rem}.mpf-tw .h-16{height:4rem}.mpf-tw .h-2{height:.5rem}.mpf-tw .h-2\.5{height:.625rem}.mpf-tw .h-20{height:5rem}.mpf-tw .h-24{height:6rem}.mpf-tw .h-3{height:.75rem}.mpf-tw .h-3\.5{height:.875rem}.mpf-tw .h-32{height:8rem}.mpf-tw .h-4{height:1rem}.mpf-tw .h-40{height:10rem}.mpf-tw .h-5{height:1.25rem}.mpf-tw .h-6{height:1.5rem}.mpf-tw .h-7{height:1.75rem}.mpf-tw .h-8{height:2rem}.mpf-tw .h-9{height:2.25rem}.mpf-tw .h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.mpf-tw .h-auto{height:auto}.mpf-tw .h-full{height:100%}.mpf-tw .h-px{height:1px}.mpf-tw .max-h-48{max-height:12rem}.mpf-tw .max-h-80{max-height:20rem}.mpf-tw .max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.mpf-tw .max-h-\[90vh\]{max-height:90vh}.mpf-tw .max-h-\[min\(640px\,calc\(100dvh-7rem\)\)\]{max-height:min(640px,100dvh - 7rem)}.mpf-tw .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.mpf-tw .min-h-\[140px\]{min-height:140px}.mpf-tw .min-h-\[160px\]{min-height:160px}.mpf-tw .min-h-\[60px\]{min-height:60px}.mpf-tw .min-h-\[70px\]{min-height:70px}.mpf-tw .min-h-\[90px\]{min-height:90px}.mpf-tw .w-12{width:3rem}.mpf-tw .w-16{width:4rem}.mpf-tw .w-2{width:.5rem}.mpf-tw .w-2\.5{width:.625rem}.mpf-tw .w-2\/3{width:66.6667%}.mpf-tw .w-3{width:.75rem}.mpf-tw .w-3\.5{width:.875rem}.mpf-tw .w-32{width:8rem}.mpf-tw .w-4{width:1rem}.mpf-tw .w-5{width:1.25rem}.mpf-tw .w-6{width:1.5rem}.mpf-tw .w-7{width:1.75rem}.mpf-tw .w-72{width:18rem}.mpf-tw .w-8{width:2rem}.mpf-tw .w-80{width:20rem}.mpf-tw .w-9{width:2.25rem}.mpf-tw .w-\[150px\]{width:150px}.mpf-tw .w-\[170px\]{width:170px}.mpf-tw .w-\[180px\]{width:180px}.mpf-tw .w-\[220px\]{width:220px}.mpf-tw .w-\[240px\]{width:240px}.mpf-tw .w-\[min\(380px\,calc\(100vw-2rem\)\)\]{width:min(380px,100vw - 2rem)}.mpf-tw .w-full{width:100%}.mpf-tw .min-w-0{min-width:0}.mpf-tw .min-w-\[8rem\]{min-width:8rem}.mpf-tw .min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.mpf-tw .max-w-2xl{max-width:42rem}.mpf-tw .max-w-3xl{max-width:48rem}.mpf-tw .max-w-7xl{max-width:80rem}.mpf-tw .max-w-\[160px\]{max-width:160px}.mpf-tw .max-w-\[200px\]{max-width:200px}.mpf-tw .max-w-\[240px\]{max-width:240px}.mpf-tw .max-w-\[85\%\]{max-width:85%}.mpf-tw .max-w-lg{max-width:32rem}.mpf-tw .max-w-md{max-width:28rem}.mpf-tw .max-w-xl{max-width:36rem}.mpf-tw .flex-1{flex:1}.mpf-tw .shrink-0{flex-shrink:0}.mpf-tw .origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.mpf-tw .origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.mpf-tw .origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.mpf-tw .translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mpf-tw .translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{outline-color:#0000}}.mpf-tw .animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.mpf-tw .animate-spin{animation:1s linear infinite spin}.mpf-tw .cursor-default{cursor:default}.mpf-tw .cursor-not-allowed{cursor:not-allowed}.mpf-tw .cursor-pointer{cursor:pointer}.mpf-tw .select-none{-webkit-user-select:none;user-select:none}.mpf-tw .resize-y{resize:vertical}.mpf-tw .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.mpf-tw .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mpf-tw .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mpf-tw .flex-col{flex-direction:column}.mpf-tw .flex-col-reverse{flex-direction:column-reverse}.mpf-tw .flex-wrap{flex-wrap:wrap}.mpf-tw .place-content-center{place-content:center}.mpf-tw .items-start{align-items:flex-start}.mpf-tw .items-end{align-items:flex-end}.mpf-tw .items-center{align-items:center}.mpf-tw .justify-start{justify-content:flex-start}.mpf-tw .justify-end{justify-content:flex-end}.mpf-tw .justify-center{justify-content:center}.mpf-tw .justify-between{justify-content:space-between}.mpf-tw .gap-0\.5{gap:.125rem}.mpf-tw .gap-1{gap:.25rem}.mpf-tw .gap-1\.5{gap:.375rem}.mpf-tw .gap-2{gap:.5rem}.mpf-tw .gap-3{gap:.75rem}.mpf-tw .gap-4{gap:1rem}.mpf-tw :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.mpf-tw :is(.space-y-1\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.mpf-tw :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.mpf-tw :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.mpf-tw :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.mpf-tw :is(.space-y-5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.mpf-tw :is(.space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.mpf-tw :is(.divide-y>:not([hidden])~:not([hidden])){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.mpf-tw :is(.divide-border>:not([hidden])~:not([hidden])){border-color:hsl(var(--border))}.mpf-tw .overflow-hidden{overflow:hidden}.mpf-tw .overflow-y-auto{overflow-y:auto}.mpf-tw .overflow-x-hidden{overflow-x:hidden}.mpf-tw .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mpf-tw .whitespace-nowrap{white-space:nowrap}.mpf-tw .whitespace-pre-wrap{white-space:pre-wrap}.mpf-tw .break-words{overflow-wrap:break-word}.mpf-tw .rounded{border-radius:.25rem}.mpf-tw .rounded-2xl{border-radius:1rem}.mpf-tw .rounded-full{border-radius:9999px}.mpf-tw .rounded-lg{border-radius:var(--radius)}.mpf-tw .rounded-md{border-radius:calc(var(--radius) - 2px)}.mpf-tw .rounded-sm{border-radius:calc(var(--radius) - 4px)}.mpf-tw .rounded-xl{border-radius:.75rem}.mpf-tw .rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.mpf-tw .rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.mpf-tw .rounded-bl-sm{border-bottom-left-radius:calc(var(--radius) - 4px)}.mpf-tw .rounded-br-sm{border-bottom-right-radius:calc(var(--radius) - 4px)}.mpf-tw .border{border-width:1px}.mpf-tw .border-2{border-width:2px}.mpf-tw .border-b{border-bottom-width:1px}.mpf-tw .border-l-0{border-left-width:0}.mpf-tw .border-t{border-top-width:1px}.mpf-tw .border-dashed{border-style:dashed}.mpf-tw .border-amber-500\/20{border-color:#f59e0b33}.mpf-tw .border-amber-500\/25{border-color:#f59e0b40}.mpf-tw .border-amber-500\/30{border-color:#f59e0b4d}.mpf-tw .border-amber-500\/40{border-color:#f59e0b66}.mpf-tw .border-border{border-color:hsl(var(--border))}.mpf-tw .border-border\/60{border-color:hsl(var(--border) / .6)}.mpf-tw .border-brand{--tw-border-opacity:1;border-color:rgb(255 173 77/var(--tw-border-opacity,1))}.mpf-tw .border-brand\/25{border-color:#ffad4d40}.mpf-tw .border-brand\/30{border-color:#ffad4d4d}.mpf-tw .border-brand\/40{border-color:#ffad4d66}.mpf-tw .border-brand\/50{border-color:#ffad4d80}.mpf-tw .border-green-500\/30{border-color:#22c55e4d}.mpf-tw .border-input{border-color:hsl(var(--input))}.mpf-tw .border-primary{border-color:hsl(var(--primary))}.mpf-tw .border-primary\/30{border-color:hsl(var(--primary) / .3)}.mpf-tw .border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.mpf-tw .border-red-500\/50{border-color:#ef444480}.mpf-tw .border-sky-500\/40{border-color:#0ea5e966}.mpf-tw .border-slate-500\/40{border-color:#64748b66}.mpf-tw .border-transparent{border-color:#0000}.mpf-tw .border-yellow-500\/70{border-color:#eab308b3}.mpf-tw .bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.mpf-tw .bg-amber-500\/10{background-color:#f59e0b1a}.mpf-tw .bg-amber-500\/\[0\.04\]{background-color:#f59e0b0a}.mpf-tw .bg-background{background-color:hsl(var(--background))}.mpf-tw .bg-background\/40{background-color:hsl(var(--background) / .4)}.mpf-tw .bg-background\/50{background-color:hsl(var(--background) / .5)}.mpf-tw .bg-black\/10{background-color:#0000001a}.mpf-tw .bg-black\/20{background-color:#0003}.mpf-tw .bg-black\/80{background-color:#000c}.mpf-tw .bg-brand{--tw-bg-opacity:1;background-color:rgb(255 173 77/var(--tw-bg-opacity,1))}.mpf-tw .bg-brand-strong{--tw-bg-opacity:1;background-color:rgb(224 138 38/var(--tw-bg-opacity,1))}.mpf-tw .bg-brand\/10{background-color:#ffad4d1a}.mpf-tw .bg-brand\/15{background-color:#ffad4d26}.mpf-tw .bg-brand\/5{background-color:#ffad4d0d}.mpf-tw .bg-brand\/85{background-color:#ffad4dd9}.mpf-tw .bg-brand\/\[0\.06\]{background-color:#ffad4d0f}.mpf-tw .bg-brand\/\[0\.07\]{background-color:#ffad4d12}.mpf-tw .bg-card{background-color:hsl(var(--card))}.mpf-tw .bg-destructive{background-color:hsl(var(--destructive))}.mpf-tw .bg-green-500\/10{background-color:#22c55e1a}.mpf-tw .bg-muted{background-color:hsl(var(--muted))}.mpf-tw .bg-muted\/30{background-color:hsl(var(--muted) / .3)}.mpf-tw .bg-muted\/40{background-color:hsl(var(--muted) / .4)}.mpf-tw .bg-popover{background-color:hsl(var(--popover))}.mpf-tw .bg-primary{background-color:hsl(var(--primary))}.mpf-tw .bg-primary\/10{background-color:hsl(var(--primary) / .1)}.mpf-tw .bg-secondary{background-color:hsl(var(--secondary))}.mpf-tw .bg-sky-500\/10{background-color:#0ea5e91a}.mpf-tw .bg-slate-500\/10{background-color:#64748b1a}.mpf-tw .bg-transparent{background-color:#0000}.mpf-tw .bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.mpf-tw .bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.mpf-tw .from-brand\/20{--tw-gradient-from:#ffad4d33 var(--tw-gradient-from-position);--tw-gradient-to:#ffad4d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.mpf-tw .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.mpf-tw .fill-yellow-400{fill:#facc15}.mpf-tw .object-contain{object-fit:contain}.mpf-tw .p-0\.5{padding:.125rem}.mpf-tw .p-1{padding:.25rem}.mpf-tw .p-1\.5{padding:.375rem}.mpf-tw .p-10{padding:2.5rem}.mpf-tw .p-2{padding:.5rem}.mpf-tw .p-2\.5{padding:.625rem}.mpf-tw .p-3{padding:.75rem}.mpf-tw .p-4{padding:1rem}.mpf-tw .p-6{padding:1.5rem}.mpf-tw .p-8{padding:2rem}.mpf-tw .px-1{padding-left:.25rem;padding-right:.25rem}.mpf-tw .px-1\.5{padding-left:.375rem;padding-right:.375rem}.mpf-tw .px-2{padding-left:.5rem;padding-right:.5rem}.mpf-tw .px-2\.5{padding-left:.625rem;padding-right:.625rem}.mpf-tw .px-3{padding-left:.75rem;padding-right:.75rem}.mpf-tw .px-4{padding-left:1rem;padding-right:1rem}.mpf-tw .px-8{padding-left:2rem;padding-right:2rem}.mpf-tw .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.mpf-tw .py-1{padding-top:.25rem;padding-bottom:.25rem}.mpf-tw .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.mpf-tw .py-10{padding-top:2.5rem;padding-bottom:2.5rem}.mpf-tw .py-2{padding-top:.5rem;padding-bottom:.5rem}.mpf-tw .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.mpf-tw .py-3{padding-top:.75rem;padding-bottom:.75rem}.mpf-tw .py-6{padding-top:1.5rem;padding-bottom:1.5rem}.mpf-tw .pl-2{padding-left:.5rem}.mpf-tw .pl-8{padding-left:2rem}.mpf-tw .pr-8{padding-right:2rem}.mpf-tw .pt-3{padding-top:.75rem}.mpf-tw .pt-4{padding-top:1rem}.mpf-tw .text-left{text-align:left}.mpf-tw .text-center{text-align:center}.mpf-tw .text-right{text-align:right}.mpf-tw .font-mono{font-family:IBM Plex Mono,ui-monospace,Consolas,monospace}.mpf-tw .text-2xl{font-size:1.5rem;line-height:2rem}.mpf-tw .text-3xl{font-size:1.875rem;line-height:2.25rem}.mpf-tw .text-4xl{font-size:2.25rem;line-height:2.5rem}.mpf-tw .text-\[10px\]{font-size:10px}.mpf-tw .text-\[11px\]{font-size:11px}.mpf-tw .text-base{font-size:1rem;line-height:1.5rem}.mpf-tw .text-lg{font-size:1.125rem;line-height:1.75rem}.mpf-tw .text-sm{font-size:.875rem;line-height:1.25rem}.mpf-tw .text-xl{font-size:1.25rem;line-height:1.75rem}.mpf-tw .text-xs{font-size:.75rem;line-height:1rem}.mpf-tw .font-bold{font-weight:700}.mpf-tw .font-medium{font-weight:500}.mpf-tw .font-normal{font-weight:400}.mpf-tw .font-semibold{font-weight:600}.mpf-tw .uppercase{text-transform:uppercase}.mpf-tw .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.mpf-tw .leading-none{line-height:1}.mpf-tw .leading-relaxed{line-height:1.625}.mpf-tw .tracking-tight{letter-spacing:-.025em}.mpf-tw .tracking-wide{letter-spacing:.025em}.mpf-tw .text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.mpf-tw .text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.mpf-tw .text-amber-300\/90{color:#fcd34de6}.mpf-tw .text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.mpf-tw .text-brand{--tw-text-opacity:1;color:rgb(255 173 77/var(--tw-text-opacity,1))}.mpf-tw .text-brand-foreground{--tw-text-opacity:1;color:rgb(18 21 28/var(--tw-text-opacity,1))}.mpf-tw .text-brand-light{--tw-text-opacity:1;color:rgb(255 192 120/var(--tw-text-opacity,1))}.mpf-tw .text-brand-lighter{--tw-text-opacity:1;color:rgb(255 209 156/var(--tw-text-opacity,1))}.mpf-tw .text-brand-lightest{--tw-text-opacity:1;color:rgb(255 226 191/var(--tw-text-opacity,1))}.mpf-tw .text-current{color:currentColor}.mpf-tw .text-destructive-foreground{color:hsl(var(--destructive-foreground))}.mpf-tw .text-foreground{color:hsl(var(--foreground))}.mpf-tw .text-foreground\/80{color:hsl(var(--foreground) / .8)}.mpf-tw .text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.mpf-tw .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.mpf-tw .text-muted-foreground{color:hsl(var(--muted-foreground))}.mpf-tw .text-muted-foreground\/40{color:hsl(var(--muted-foreground) / .4)}.mpf-tw .text-muted-foreground\/70{color:hsl(var(--muted-foreground) / .7)}.mpf-tw .text-popover-foreground{color:hsl(var(--popover-foreground))}.mpf-tw .text-primary{color:hsl(var(--primary))}.mpf-tw .text-primary-foreground{color:hsl(var(--primary-foreground))}.mpf-tw .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.mpf-tw .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.mpf-tw .text-secondary-foreground{color:hsl(var(--secondary-foreground))}.mpf-tw .text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.mpf-tw .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.mpf-tw .text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.mpf-tw .text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.mpf-tw .underline{text-decoration-line:underline}.mpf-tw .underline-offset-4{text-underline-offset:4px}.mpf-tw .opacity-50{opacity:.5}.mpf-tw .opacity-60{opacity:.6}.mpf-tw .opacity-70{opacity:.7}.mpf-tw .shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.mpf-tw .shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.mpf-tw .shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.mpf-tw .shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.mpf-tw .shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.mpf-tw .shadow-black\/40{--tw-shadow-color:#0006;--tw-shadow:var(--tw-shadow-colored)}.mpf-tw .shadow-black\/50{--tw-shadow-color:#00000080;--tw-shadow:var(--tw-shadow-colored)}.mpf-tw .shadow-brand\/30{--tw-shadow-color:#ffad4d4d;--tw-shadow:var(--tw-shadow-colored)}.mpf-tw .outline-none{outline-offset:2px;outline:2px solid #0000}.mpf-tw .outline{outline-style:solid}.mpf-tw .ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.mpf-tw .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.mpf-tw .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.mpf-tw .ring-red-500\/60{--tw-ring-color:#ef444499}.mpf-tw .ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.mpf-tw .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)}.mpf-tw .transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mpf-tw .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mpf-tw .transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mpf-tw .transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mpf-tw .duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.mpf-tw .animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.mpf-tw .fade-in{--tw-enter-opacity:0}.mpf-tw .slide-in-from-bottom-4{--tw-enter-translate-y:1rem}.mpf-tw .duration-200{animation-duration:.2s}.mpf-tw{--background:222 22% 9%;--foreground:222 27% 93%;--card:223 22% 13%;--card-foreground:222 27% 93%;--popover:223 22% 13%;--popover-foreground:222 27% 93%;--primary:32 100% 65%;--primary-foreground:222 22% 9%;--secondary:224 22% 17%;--secondary-foreground:222 27% 93%;--muted:224 22% 17%;--muted-foreground:221 13% 61%;--accent:224 22% 17%;--accent-foreground:222 27% 93%;--destructive:5 100% 68%;--destructive-foreground:222 22% 9%;--border:222 21% 22%;--input:222 21% 22%;--ring:32 100% 65%;--radius:.75rem;color:hsl(var(--foreground));font-family:var(--f-body,"IBM Plex Sans", "Segoe UI", system-ui, sans-serif);font-size:14px;line-height:1.5}.mpf-tw *,.mpf-tw :before,.mpf-tw :after{box-sizing:border-box;border-style:solid;border-width:0;border-color:hsl(var(--border))}.mpf-tw h1,.mpf-tw h2,.mpf-tw h3,.mpf-tw p,.mpf-tw ul,.mpf-tw ol,.mpf-tw figure,.mpf-tw blockquote{margin:0}.mpf-tw h1,.mpf-tw h2,.mpf-tw h3{font-size:inherit;font-weight:inherit;font-family:var(--f-display,inherit)}.mpf-tw ul,.mpf-tw ol{padding:0;list-style:none}.mpf-tw a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.mpf-tw button,.mpf-tw input,.mpf-tw select,.mpf-tw textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;background-color:#0000;background-image:none;margin:0;padding:0}.mpf-tw button,.mpf-tw [role=button]{cursor:pointer}.mpf-tw button:disabled{cursor:default}.mpf-tw textarea{resize:vertical}.mpf-tw input::placeholder,.mpf-tw textarea::placeholder{color:hsl(var(--muted-foreground));opacity:1}.mpf-tw img,.mpf-tw svg{vertical-align:middle;display:block}.mpf-tw img{max-width:100%;height:auto}.mpf-tw [hidden]{display:none}#mpf-support-portal{z-index:80;position:relative}.mpf-tw altcha-widget{--altcha-color-base:hsl(var(--card));--altcha-color-border:hsl(var(--border));--altcha-color-text:hsl(var(--foreground));--altcha-color-border-focus:hsl(var(--ring))}.mpf-tw .file\:border-0::file-selector-button{border-width:0}.mpf-tw .file\:bg-transparent::file-selector-button{background-color:#0000}.mpf-tw .file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.mpf-tw .file\:font-medium::file-selector-button{font-weight:500}.mpf-tw .file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.mpf-tw .placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.mpf-tw .hover\:bg-accent:hover{background-color:hsl(var(--accent))}.mpf-tw .hover\:bg-brand:hover{--tw-bg-opacity:1;background-color:rgb(255 173 77/var(--tw-bg-opacity,1))}.mpf-tw .hover\:bg-brand-hover:hover{--tw-bg-opacity:1;background-color:rgb(242 154 51/var(--tw-bg-opacity,1))}.mpf-tw .hover\:bg-brand\/10:hover{background-color:#ffad4d1a}.mpf-tw .hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.mpf-tw .hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.mpf-tw .hover\:bg-muted\/30:hover{background-color:hsl(var(--muted) / .3)}.mpf-tw .hover\:bg-muted\/40:hover{background-color:hsl(var(--muted) / .4)}.mpf-tw .hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.mpf-tw .hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.mpf-tw .hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.mpf-tw .hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.mpf-tw .hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.mpf-tw .hover\:text-foreground:hover{color:hsl(var(--foreground))}.mpf-tw .hover\:text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.mpf-tw .hover\:text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.mpf-tw .hover\:underline:hover{text-decoration-line:underline}.mpf-tw .hover\:opacity-100:hover{opacity:1}.mpf-tw .focus\:bg-accent:focus{background-color:hsl(var(--accent))}.mpf-tw .focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.mpf-tw .focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.mpf-tw .focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.mpf-tw .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.mpf-tw .focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.mpf-tw .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.mpf-tw .focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.mpf-tw .focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.mpf-tw .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.mpf-tw .focus-visible\:ring-brand:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(255 173 77/var(--tw-ring-opacity,1))}.mpf-tw .focus-visible\:ring-brand-lighter:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(255 209 156/var(--tw-ring-opacity,1))}.mpf-tw .focus-visible\:ring-red-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.mpf-tw .focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.mpf-tw .focus-visible\:ring-yellow-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity,1))}.mpf-tw .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.mpf-tw .focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.mpf-tw .disabled\:pointer-events-none:disabled{pointer-events:none}.mpf-tw .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.mpf-tw .disabled\:opacity-50:disabled{opacity:.5}.mpf-tw .disabled\:opacity-60:disabled{opacity:.6}.mpf-tw :is(.peer:disabled~.peer-disabled\:cursor-not-allowed){cursor:not-allowed}.mpf-tw :is(.peer:disabled~.peer-disabled\:opacity-70){opacity:.7}.mpf-tw .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.mpf-tw .data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mpf-tw .data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mpf-tw .data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mpf-tw .data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mpf-tw .data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mpf-tw .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mpf-tw .data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.mpf-tw .data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.mpf-tw .data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.mpf-tw .data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.mpf-tw .data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.mpf-tw .data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.mpf-tw .data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.mpf-tw .data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.mpf-tw .data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.mpf-tw .data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.mpf-tw .data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.mpf-tw .data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.mpf-tw .data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.mpf-tw .data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.mpf-tw .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.mpf-tw .data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.mpf-tw .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.mpf-tw .data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.mpf-tw .data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.mpf-tw .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.mpf-tw .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.mpf-tw .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.mpf-tw .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.mpf-tw .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}@media (width>=640px){.mpf-tw .sm\:bottom-6{bottom:1.5rem}.mpf-tw .sm\:right-6{right:1.5rem}.mpf-tw .sm\:mt-0{margin-top:0}.mpf-tw .sm\:max-w-\[75\%\]{max-width:75%}.mpf-tw .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mpf-tw .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mpf-tw .sm\:grid-cols-\[1fr_220px\]{grid-template-columns:1fr 220px}.mpf-tw .sm\:grid-cols-\[200px_1fr\]{grid-template-columns:200px 1fr}.mpf-tw .sm\:flex-row{flex-direction:row}.mpf-tw .sm\:items-end{align-items:flex-end}.mpf-tw .sm\:items-center{align-items:center}.mpf-tw .sm\:justify-end{justify-content:flex-end}.mpf-tw .sm\:justify-between{justify-content:space-between}.mpf-tw :is(.sm\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.mpf-tw .sm\:rounded-lg{border-radius:var(--radius)}.mpf-tw .sm\:text-left{text-align:left}}@media (width>=768px){.mpf-tw .md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (width>=1024px){.mpf-tw .lg\:sticky{position:sticky}.mpf-tw .lg\:top-4{top:1rem}.mpf-tw .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mpf-tw .lg\:grid-cols-\[minmax\(0\,1fr\)_340px\]{grid-template-columns:minmax(0,1fr) 340px}.mpf-tw .lg\:items-start{align-items:flex-start}}.mpf-tw :is(.\[\&\>span\]\:line-clamp-1>span){-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mpf-tw :is(.\[\&\>svg\]\:size-4>svg){width:1rem;height:1rem}.mpf-tw :is(.\[\&\>svg\]\:shrink-0>svg){flex-shrink:0}.mpf-tw :is(.\[\&_svg\]\:pointer-events-none svg){pointer-events:none}.mpf-tw :is(.\[\&_svg\]\:size-4 svg){width:1rem;height:1rem}.mpf-tw :is(.\[\&_svg\]\:shrink-0 svg){flex-shrink:0}:root{--bg:#12151c;--panel:#191d27;--panel-2:#212634;--line:#2c3343;--track:#2c3343;--knob:#2a3040;--knob-edge:#3a4256;--danger:#ff6b5e;--wave-dim:#394155;--ink:#e7eaf1;--muted:#8e97aa;--accent:#ffad4d;--deck-a:#4cc7b8;--deck-b:#f06cb5;--warn:#ffb44d;--ok:#6fcf75;--f-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--f-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--f-body);margin:0;font-size:14px;line-height:1.45}button{font:inherit}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.dim{color:var(--muted)}.app{gap:16px;max-width:1500px;margin:0 auto;padding:14px 18px 40px;display:grid}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:conic-gradient(var(--deck-a) 0 50%, var(--deck-b) 50% 100%);width:22px;height:22px;box-shadow:inset 0 0 0 6px var(--bg);border-radius:50%}.brand-name{font-family:var(--f-display);letter-spacing:-.01em;font-size:20px;font-weight:800}.brand-tag{font-family:var(--f-mono);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:1px 8px;font-size:11px}.steps{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:4px;padding:3px;display:flex}.steps button{all:unset;cursor:pointer;color:var(--muted);border-radius:7px;padding:5px 14px;font-size:13px}.steps button.on{background:var(--panel-2);color:var(--ink)}.steps button:focus-visible{outline:2px solid var(--accent)}.btn{cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:8px;padding:7px 14px;font-weight:500}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:focus-visible,[role=slider]:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:0 0}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:600}.booth{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:14px;display:grid}.deck{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-content:start;gap:12px;min-width:0;padding:14px;transition:border-color .15s;display:grid}.deck.drag{border-color:var(--accent);border-style:dashed}.deck-a{--c:var(--deck-a)}.deck-b{--c:var(--deck-b)}.deck-head{align-items:center;gap:12px;min-width:0;display:flex}.deck-letter{font-family:var(--f-display);color:var(--c);border:2px solid var(--c);border-radius:9px;flex:none;place-items:center;width:36px;height:36px;font-size:26px;font-weight:800;display:grid}.deck-title{flex:1;min-width:0;display:grid}.deck-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.deck-title span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.deck-error{color:var(--warn);margin:0;font-size:13px}.wave{background:var(--bg);cursor:pointer;touch-action:none;border-radius:8px;width:100%;height:150px;display:block}.deck-clock{justify-content:space-between;display:flex}.time{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:22px}.time.dim{align-self:end;font-size:15px}.deck-controls{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.transport{gap:8px;display:flex}.btn.cue,.btn.play{width:72px;height:56px;font-family:var(--f-mono);letter-spacing:.04em;border-radius:50%;padding:0;font-weight:600}.btn.cue{border-color:var(--accent);color:var(--accent)}.btn.play{border-color:var(--c);color:var(--c)}.btn.play.on{background:var(--c);color:#0e1116}.pitch{flex:1;gap:4px;min-width:160px;display:grid}.pitch-label{color:var(--muted);font-size:12px}.pitch-label b{color:var(--ink);font-family:var(--f-mono);font-weight:500}.pitch input{width:100%;accent-color:var(--c)}.btn.sync{width:64px;height:56px;font-family:var(--f-mono);letter-spacing:.04em;color:var(--muted);border-radius:10px;padding:0;font-weight:600}.btn.sync.on{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 40%, transparent)}.readout{background:var(--panel-2);border-radius:9px;flex-wrap:wrap;align-items:baseline;gap:8px 18px;padding:8px 10px;display:flex}.ro{gap:1px;display:grid}.ro>span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10.5px}.ro b{font-size:17px;font-weight:600}.ro em{color:var(--muted);font-size:11px;font-style:normal}.key-pill{font-family:var(--f-mono);background:hsl(var(--h) 55% 30%);color:hsl(var(--h) 90% 88%);border-radius:6px;justify-self:start;padding:0 8px}.key-pill small{opacity:.8;font-size:12px;font-weight:500}.match b{font-size:13.5px}.m-good b{color:var(--ok)}.m-mid b{color:var(--warn)}.m-bad b{color:#ff6b5e}.analysing{color:var(--muted);flex-basis:100%;gap:4px;font-size:12.5px;display:grid}.prog{background:var(--bg);border-radius:2px;height:4px;overflow:hidden}.prog span{background:var(--accent);height:100%;transition:width .2s;display:block}.hint{color:var(--accent);margin:0;font-size:13px}.midi{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:14px;padding:16px;display:grid}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px 24px;display:flex}.panel-head h2{font-family:var(--f-display);margin:0 0 4px;font-size:19px;font-weight:600}.panel-head p{color:var(--muted);max-width:70ch;margin:0}.midi-actions{gap:8px;display:flex}.note{color:var(--muted);margin:0}.note.warn{color:var(--warn)}.devices{flex-wrap:wrap;gap:8px;display:flex}.device{background:var(--panel-2);border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.device em{color:var(--muted);font-size:12px;font-style:normal}.device .led{background:var(--ok);width:8px;height:8px;box-shadow:0 0 8px var(--ok);border-radius:50%}.device.disconnected .led{background:var(--muted);box-shadow:none}.midi-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}.midi h3{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}.midi h3 span{font-family:var(--f-mono);color:var(--ink);margin-left:6px}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.tile{background:var(--panel-2);border:1px solid var(--line);border-radius:9px;gap:6px;padding:8px 10px;transition:border-color .2s,box-shadow .2s;display:grid}.tile.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tile-top,.tile-bottom{justify-content:space-between;gap:6px;font-size:12px;display:flex}.tile-top span,.tile-bottom span:first-child{color:var(--muted)}.bar{background:var(--bg);border-radius:3px;height:5px;overflow:hidden}.bar span{background:var(--accent);height:100%;display:block}.log-scroll{border:1px solid var(--line);border-radius:9px;max-height:280px;overflow:auto}.log table{border-collapse:collapse;width:100%;font-size:12.5px}.log th{background:var(--panel-2);text-align:left;color:var(--muted);padding:6px 8px;font-weight:500;position:sticky;top:0}.log td{border-top:1px solid var(--line);white-space:nowrap;padding:4px 8px}@media (width<=1100px){.booth{grid-template-columns:1fr}.mixer{justify-self:center}.midi-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.btn.small{border-radius:7px;padding:4px 10px;font-size:12.5px}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.tiny{color:var(--muted);margin:0;font-size:11.5px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.view{gap:16px;display:grid}.view[hidden]{display:none!important}.chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:12px}.chip.k-good{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 50%, var(--line))}.chip.k-mid{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 50%, var(--line))}.djm{border:1px solid var(--line);background:linear-gradient(#1b1f2a,#161a23);border-radius:14px;align-content:start;gap:10px;padding:10px 12px 14px;display:grid}.djm-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.djm-name{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:auto;font-size:11px}.seg{border:1px solid var(--line);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.seg button{all:unset;cursor:pointer;color:var(--muted);border-radius:6px;padding:3px 9px;font-size:12px}.seg button.on{background:var(--panel-2);color:var(--ink)}.seg button:focus-visible{outline:2px solid var(--accent)}.learn-hint{color:var(--accent);margin:0;font-size:12.5px}.djm-body{grid-template-columns:auto auto auto;align-items:start;gap:12px;display:grid}.djm-col{gap:12px;width:120px;display:grid}.grp{border:1px solid var(--line);background:#0000001f;border-radius:10px;justify-items:center;gap:8px;padding:8px;display:grid}.grp h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10px;font-weight:600}.row2{gap:8px;display:flex}.fx-grid{grid-template-columns:1fr 1fr;gap:5px;width:100%;display:grid}.fxb{cursor:pointer;font:600 9.5px var(--f-mono);letter-spacing:.03em;border:1px solid var(--line);color:var(--muted);background:#262c3a;border-radius:5px;padding:6px 2px}.fxb.on{color:var(--accent);border-color:var(--accent);box-shadow:0 0 8px color-mix(in srgb, var(--accent) 35%, transparent)}.fxb:disabled{opacity:.45;cursor:not-allowed}.djm-center{grid-template-columns:auto auto auto;justify-items:center;gap:8px 10px;display:grid}.strip{justify-items:center;gap:2px;display:grid}.mid-col{align-content:start;justify-items:center;gap:8px;display:grid}.meters{background:#0d1016;border-radius:6px;gap:6px;padding:6px;display:flex}.meter{justify-items:center;gap:4px;display:grid}.leds{gap:2px;display:grid}.led{background:#20262f;border-radius:1.5px;width:10px;height:7px}.led.green[data-on="1"]{background:#5ee07a;box-shadow:0 0 5px #5ee07a}.led.amber[data-on="1"]{background:#ffc24d;box-shadow:0 0 5px #ffc24d}.led.red[data-on="1"]{background:#ff5a4d;box-shadow:0 0 5px #ff5a4d}.meter-label{font:9px var(--f-mono);color:var(--muted)}.cue-row,.fader-row{grid-column:1/-1;grid-template-columns:1fr auto 1fr;place-items:center;gap:10px;width:100%;display:grid}.cue-btn{font:600 11px var(--f-mono);color:#ff9a3d;background:#3a2615;border:1px solid #c4651a;border-radius:5px;padding:5px 12px}.cue-btn:disabled{opacity:.55;cursor:not-allowed}.ch-fader{justify-items:center;gap:4px;display:grid}.ch-num{font-family:var(--f-display);color:var(--ink);font-size:20px;font-weight:800}.vfader{writing-mode:vertical-lr;width:30px;height:130px;accent-color:var(--ink);direction:rtl}.xf-row{width:100%;font-family:var(--f-mono);color:var(--muted);grid-column:1/-1;align-items:center;gap:8px;font-size:12px;display:flex}.xf-row .ctl{flex:1}.xf-row input{width:100%;accent-color:var(--accent)}.fx-display{color:#8fd3ff;background:#0c1a24;border:1px solid #1f3a4d;border-radius:6px;justify-items:center;gap:1px;width:100%;padding:6px 4px;font-size:11px;display:grid}.fx-display b{color:#c6ecff;font-size:18px}.beat-btns{gap:6px;display:flex}.fx-on{cursor:pointer;color:#9ec0ff;width:64px;height:64px;font:600 11px var(--f-mono);background:#15244a;border:2px solid #2b5fd9;border-radius:50%}.fx-on.on{color:#fff;background:#2f6bff;box-shadow:0 0 16px #2f6bff}.knob{justify-items:center;display:grid}.knob.disabled{opacity:.45}.knob.disabled .knob-dial{cursor:not-allowed}.knob-dial{cursor:ns-resize;touch-action:none;border-radius:50%;line-height:0}.knob-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.ctl{border-radius:10px;position:relative}.djm.learn .ctl.learnable{cursor:crosshair;outline:1px dashed color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:1px}.ctl.learning{animation:1s ease-in-out infinite pulse;outline:2px solid var(--accent)!important}.ctl.bound:after{content:"";background:var(--deck-a);border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}.ctl.midi-hit:after{background:var(--accent);box-shadow:0 0 6px var(--accent)}.unbind{background:var(--danger);color:#fff;cursor:pointer;border:0;border-radius:50%;width:16px;height:16px;padding:0;font-size:11px;line-height:16px;position:absolute;top:-6px;left:-6px}.tbar{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:8px;padding:12px 16px;display:grid}.tbar.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.tbar-head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.tbar-mode{font:600 11px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:#1a1206;background:var(--accent);border-radius:5px;padding:2px 8px}.tbar-title{font-size:15px}.tbar-plan{color:var(--muted);font-size:13px}.tbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.score{font-family:var(--f-mono);color:var(--ok)}.tbar-count{align-items:center;gap:14px;display:flex}.tbar-count b{font-size:20px}.tbar-track{background:var(--bg);border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.tbar-track span{background:var(--accent);position:absolute;inset:0 auto 0 0}.tbar-track i{background:#ffffff40;width:1px;position:absolute;top:0;bottom:0}.tbar-step{margin:0;font-size:16px;font-weight:500}.tbar-next{color:var(--muted);margin:0;font-size:13px}.tbar.idle{flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 12px;display:flex}.tbar.recording{border-color:var(--danger);box-shadow:0 0 0 1px color-mix(in srgb, var(--danger) 35%, transparent)}.btn.rec{align-items:center;gap:8px;display:inline-flex}.beatview{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:4px;padding:8px 10px;display:grid}.beat-strip{background:var(--bg);border-radius:7px;width:100%;height:64px;display:block}.phase{color:var(--muted);align-items:center;gap:12px;padding:2px 4px;font-size:12.5px;display:flex}.phase.ok{color:var(--ok)}.phase.off{color:var(--warn)}.phase-track{background:var(--bg);border-radius:5px;flex:none;width:180px;height:10px;position:relative}.phase-center{background:var(--muted);width:2px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px;left:50%}.phase-dot{background:currentColor;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:1px}.grid-row{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding-top:4px;display:flex}.grid-tools{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.grid-deck{font-family:var(--f-display);width:18px;font-size:15px;font-weight:800}.deck-a-txt{color:var(--deck-a)}.deck-b-txt{color:var(--deck-b)}.grid-bpm{text-align:center;min-width:76px;font-size:12px}.tt{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"deck pitch""left pitch";align-items:end;gap:8px 10px;display:grid}.tt-svg{grid-area:deck}.tt-controls{display:contents}.tt-left{grid-area:left}.tt-pitch{grid-area:pitch;align-self:center}.tt-svg{touch-action:none;width:100%;height:auto;display:block}.tt-chassis{fill:#15181f;stroke:#2a2f3b}.tt-platter-edge{fill:#2b303b;stroke:#3a4150}.tt-strobe{fill:#8f97a8}.tt-record{fill:#0b0c10}.tt-groove{fill:none;stroke:#1c1f27;stroke-width:1px}.tt-label-mark{fill:#00000059}.tt-spindle{fill:#c9ced8}.tt-hit{fill:#0000;cursor:grab}.tt-hit:active{cursor:grabbing}.tt-light{fill:#3a1d1d}.tt-light.on{fill:#ff4d4d;filter:drop-shadow(0 0 6px #ff4d4d)}.tt-arm-base{fill:#2b303b;stroke:#4a5263}.tt-arm{fill:none;stroke:#c9ced8;stroke-width:5px;stroke-linecap:round}.tt-headshell{fill:#9aa2b2}.tt-counterweight{fill:#6c7486}.tt-armrest{fill:#3a4150}.tt-left{align-items:flex-end;gap:10px;display:flex}.tt-start{cursor:pointer;border:1px solid var(--line);width:76px;height:54px;color:var(--ink);font:600 11px/1.2 var(--f-mono);background:#222734;border-radius:8px}.tt-start.on{color:#ff8a8a;border-color:#ff4d4d}.tt-start:disabled{opacity:.45;cursor:not-allowed}.tt-speed{gap:4px;display:flex}.tt-speed button{cursor:pointer;border:1px solid var(--line);width:40px;height:30px;color:var(--muted);font:600 12px var(--f-mono);background:#222734;border-radius:6px}.tt-speed button.on{color:var(--accent);border-color:var(--accent)}.tt-pitch{justify-items:center;gap:4px;display:grid}.tt-pitch-top{gap:4px;display:flex}.tt-fader{justify-items:center;gap:2px;display:grid}.tt-fader input{writing-mode:vertical-lr;width:28px;height:120px;accent-color:var(--ink);direction:rtl}.tt-pitch-val{font-size:12px}.out-modes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.out-mode{border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:flex-start;gap:8px;padding:10px;display:flex}.out-mode.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.out-mode span{gap:2px;display:grid}.out-mode small{color:var(--muted);font-size:12px;line-height:1.4}.out-mode input{accent-color:var(--accent);margin-top:3px}.out-devices{flex-wrap:wrap;align-items:flex-end;gap:8px 12px;display:flex}.out-select{color:var(--muted);gap:3px;font-size:12px;display:grid}.out-select select{background:var(--bg);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:7px;min-width:240px;max-width:100%;padding:6px 8px}.out-test{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dev-pill{all:unset;cursor:pointer;color:var(--muted);border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;border-radius:99px;align-items:center;gap:7px;max-width:340px;margin-left:auto;padding:5px 11px;font-size:12.5px;display:inline-flex;overflow:hidden}.dev-pill:focus-visible{outline:2px solid var(--accent)}.dev-pill .led-dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.dev-pill.on{color:var(--ink)}.dev-pill.on .led-dot{background:var(--ok);box-shadow:0 0 6px var(--ok)}.devices-view{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:12px;padding:16px;display:grid}.dev-list{gap:14px;display:grid}.dev-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;gap:12px;padding:14px;display:grid}.dev-card h3{font-family:var(--f-display);margin:0;font-size:18px}.dev-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:8px;display:flex}.dev-hint{color:var(--muted);border:1px dashed var(--line);border-radius:8px;padding:8px 10px;font-size:13px}.dev-hint.live{color:var(--accent);border-color:var(--accent);border-style:solid}.dev-row{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.dev-group{border:1px solid var(--line);background:#00000026;border-radius:10px;gap:6px;padding:8px;display:grid}.dev-group h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10px;font-weight:600}.dev-grid{grid-auto-flow:row;justify-items:center;gap:6px;display:grid}.dev-row .dev-group:only-child{flex:1}.dev-el{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-items:center;gap:2px;min-width:54px;padding:4px;display:grid;position:relative}.dev-el:focus-visible{outline:2px solid var(--accent)}.dev-el.unmapped{border-color:color-mix(in srgb, var(--muted) 35%, transparent);border-style:dashed}.dev-el.selected{border-color:var(--ink);border-style:solid}.dev-el.hot{box-shadow:0 0 0 2px var(--accent), 0 0 14px color-mix(in srgb, var(--accent) 60%, transparent)}.dev-el.learning{border:2px solid var(--accent);animation:1s ease-in-out infinite pulse}.dev-el svg{width:34px;height:34px}.dev-el.k-bigknob svg{width:48px;height:48px}.kn-body{fill:var(--knob);stroke:var(--knob-edge)}.kn-ptr{stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round}.dev-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:center;max-width:80px;font-size:10px}.dev-val{color:var(--accent);font-size:10px}.fd-track{background:var(--bg);border-radius:4px;width:8px;height:90px;display:block;position:relative}.k-fader .fd-cap{background:var(--ink);border-radius:3px;width:24px;height:10px;margin-bottom:-5px;position:absolute;left:-8px}.k-xfader{min-width:220px}.k-xfader .fd-track{width:200px;height:8px}.k-xfader .fd-cap{background:var(--ink);border-radius:3px;width:10px;height:24px;margin-left:-5px;position:absolute;top:-8px}.btn-face{border:1px solid var(--line);background:#262c3a;border-radius:5px;width:30px;height:22px;display:block}.k-pad .btn-face{border-radius:7px;width:44px;height:44px}.dev-el.pressed .btn-face,.dev-el.hot.k-button .btn-face,.dev-el.hot.k-pad .btn-face{background:var(--accent);border-color:var(--accent)}.joy{background:var(--bg);border:1px solid var(--line);border-radius:10px;width:70px;height:70px;display:block;position:relative}.joy-dot{background:var(--ink);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute}.dev-keys{border-radius:6px;height:90px;display:flex;position:relative;overflow:hidden}.wk{color:#555;box-sizing:border-box;background:#e9ecf2;border-right:1px solid #b9bfca;justify-content:center;align-items:flex-end;padding-bottom:4px;font-size:9px;display:flex}.wk.down{background:var(--accent)}.bk{background:#11141b;border-radius:0 0 3px 3px;height:56%;position:absolute;top:0}.bk.down{background:var(--accent)}.dev-sel{background:var(--bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 10px;font-size:13px;display:flex}.dev-json{background:var(--bg);width:100%;min-height:120px;color:var(--ink);border:1px solid var(--line);font:12px var(--f-mono);border-radius:8px}.mirror-hint{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:9px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;font-size:12.5px;display:flex}.mirror-hint span{flex:220px}.wave-legend{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:-6px;font-size:11px;display:flex}.wave-legend span{align-items:center;gap:5px;display:inline-flex}.wave-legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.stars{align-items:center;gap:2px;display:inline-flex}.stars button{all:unset;cursor:pointer;color:var(--line);padding:0 1px;font-size:20px;line-height:1;transition:color .1s,transform .1s}.stars button.on{color:var(--accent)}.stars button:hover{transform:scale(1.12)}.stars button:focus-visible{outline:2px solid var(--accent);border-radius:3px}.stars-label{color:var(--muted);margin-left:8px;font-size:12px}.tbar-rate{flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13.5px;display:flex}.rec-dot{background:var(--danger);border-radius:50%;width:10px;height:10px;display:inline-block}.rec-dot.live{animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.library,.practice{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:12px;padding:16px;display:grid}.lib-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search{background:var(--bg);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:8px;min-width:180px;padding:6px 10px}.folders h3{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}.folders h3 span{text-transform:none;letter-spacing:0;margin-left:6px;font-weight:400}.folders ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.folder{background:var(--panel-2);border-radius:9px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 10px;display:flex}.folder-name{overflow-wrap:anywhere;min-width:0}.folder-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.lib-more{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.pairs h3{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}.pairs h3 span{text-transform:none;letter-spacing:0;margin-left:6px;font-weight:400}.pairs ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pair{background:var(--panel-2);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 10px;display:flex}.pair-tracks{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.pair-tracks b{font-weight:600}.arrow{color:var(--accent)}.pair-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table-wrap{border:1px solid var(--line);border-radius:9px;overflow-x:auto}.lib-table{border-collapse:collapse;width:100%;font-size:13px}.lib-table th{text-align:left;background:var(--panel-2);color:var(--muted);padding:0;font-weight:500}.th-btn{all:unset;cursor:pointer;padding:7px 10px;display:block}.th-btn:focus-visible{outline:2px solid var(--accent)}.lib-table td{border-top:1px solid var(--line);white-space:nowrap;padding:6px 10px}.t-title{min-width:220px;white-space:normal!important}.t-title b{font-weight:600;display:block}.t-title span{color:var(--muted);font-size:12px}.t-actions{justify-content:flex-end;gap:4px;display:flex}.deck-a-btn{color:var(--deck-a);border-color:color-mix(in srgb, var(--deck-a) 50%, var(--line))}.deck-b-btn{color:var(--deck-b);border-color:color-mix(in srgb, var(--deck-b) 50%, var(--line))}.energy{background:var(--bg);vertical-align:middle;border-radius:3px;width:60px;height:6px;display:inline-block;overflow:hidden}.energy span{background:linear-gradient(90deg, var(--deck-a), var(--accent), var(--deck-b));height:100%;display:block}.ex-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:12px;display:grid}.ex-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;align-content:start;gap:10px;padding:14px;display:grid}.ex-card header{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.ex-card h3{flex:1;min-width:0;margin:0;font-size:15px}.level{font:600 10.5px var(--f-mono);text-transform:uppercase;background:color-mix(in srgb, var(--ok) 20%, transparent);color:var(--ok);border-radius:5px;padding:2px 7px}.best{font-family:var(--f-mono);color:var(--accent);font-size:12px}.ex-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;display:flex}.ex-steps{gap:4px;margin:0;padding-left:0;font-size:13px;list-style:none;display:grid}.ex-steps li{grid-template-columns:62px 1fr;gap:8px;display:grid}.ex-steps .mono{color:var(--accent);font-size:12px}.ex-audio{width:100%}.ex-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=1250px){.booth{grid-template-columns:1fr 1fr}.djm{grid-area:2/1/auto/-1;justify-self:center}}@media (width<=760px){.booth{grid-template-columns:1fr}.djm-body{grid-template-columns:1fr;justify-items:center}.djm-col{grid-template-columns:1fr 1fr;width:100%}}.b2b{gap:14px;display:grid}.b2b-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-content:start;gap:10px;min-width:0;padding:14px 16px;display:grid}.b2b-card h3{font-family:var(--f-display);margin:0;font-size:16px;font-weight:600}.b2b-card p{margin:0}.b2b-label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:600}.b2b input[type=text],.b2b textarea{background:var(--bg);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:8px;width:100%;min-width:0;padding:7px 10px}.b2b textarea{font-family:var(--f-mono);resize:vertical;word-break:break-all;font-size:12px}.b2b-field{gap:4px;max-width:320px;display:grid}.b2b-modes{border:0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:0;padding:0;display:grid}.b2b-modes legend{margin-bottom:6px}.b2b-modes label{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr;gap:2px 10px;padding:10px 12px;display:grid}.b2b-modes label.on{border-color:var(--accent)}.b2b-modes input{accent-color:var(--accent);grid-row:span 2;margin-top:3px}.b2b-modes span{color:var(--muted);font-size:13px}.b2b-sides{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.b2b-sides section{background:var(--panel-2);border-radius:10px;align-content:start;gap:8px;padding:12px;display:grid}.b2b-sides section:first-child{box-shadow:inset 3px 0 0 var(--deck-a)}.b2b-sides section:last-child{box-shadow:inset 3px 0 0 var(--deck-b)}.b2b-sides .btn{justify-self:start}.b2b-inline{gap:8px;display:flex}.b2b-stack{gap:8px;display:grid}.b2b-stack .btn{justify-self:start}.b2b-code{gap:6px;display:grid}.b2b-code .btn{justify-self:start}.b2b-bigcode{letter-spacing:.2em;color:var(--accent);font-size:40px}.b2b-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.b2b-leave{margin-left:auto}.b2b-dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.b2b-dot.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}.b2b-dot.warn{background:var(--warn)}.b2b-a{color:var(--deck-a)}.b2b-b{color:var(--deck-b)}.b2b-transfer{color:var(--muted);gap:4px;font-size:13px;display:grid}.b2b-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.b2b-seg{background:var(--bg);border:1px solid var(--line);border-radius:9px;gap:3px;margin-left:auto;padding:3px;display:flex}.b2b-seg button{all:unset;cursor:pointer;color:var(--muted);border-radius:6px;padding:4px 12px;font-size:13px}.b2b-seg button.on{background:var(--panel-2);color:var(--ink)}.b2b-seg button:disabled{opacity:.4;cursor:not-allowed}.b2b-seg button:focus-visible{outline:2px solid var(--accent)}.b2b-countdown{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;gap:8px;padding:12px;display:grid}.b2b-countdown.mine{border-color:var(--accent)}.b2b-countdown>div:first-child{align-items:baseline;gap:10px;display:flex}.b2b-countdown b{font-size:44px;font-weight:600;line-height:1}.b2b-countdown.mine b{color:var(--accent)}.b2b-chat ol{align-content:start;gap:6px;min-height:120px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.b2b-chat li{background:var(--panel-2);overflow-wrap:anywhere;border-radius:8px;justify-self:start;gap:1px;max-width:85%;padding:6px 10px;font-size:13.5px;display:grid}.b2b-chat li b{color:var(--muted);font-size:11px;font-weight:600}.b2b-chat li.me{background:color-mix(in srgb, var(--accent) 18%, var(--panel-2));justify-self:end}.b2b-chat li.sys{color:var(--muted);background:0 0;max-width:none;padding:0 2px;font-size:12.5px}.b2b-later{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.b2b-later .b2b-card{border-style:dashed}.b2b-error{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.b2b-pill{z-index:50;justify-items:end;gap:6px;max-width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.b2b-pill button{all:unset;cursor:pointer;background:var(--panel-2);border:1px solid var(--line);border-radius:99px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;display:inline-flex;box-shadow:0 6px 20px #00000059}.b2b-pill button:focus-visible{outline:2px solid var(--accent)}.b2b-pill p{background:var(--panel-2);border:1px solid var(--warn);color:var(--warn);border-radius:10px;margin:0;padding:6px 12px;font-size:13px}@media (width<=760px){.b2b-grid{grid-template-columns:1fr}.b2b-leave{margin-left:0}}html,body,#root{height:100%}body{overflow:hidden}.app{grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;gap:8px;max-width:none;height:100%;padding:8px 12px}.topbar{gap:8px 16px}.brand-name{font-size:18px}.view{align-content:start;gap:8px;min-height:0;overflow:auto}.view.booth-view{flex-direction:column;display:flex;overflow:hidden}.tbar{gap:4px;padding:6px 12px}.tbar.idle{padding:4px 8px}.tbar.idle .btn.rec{padding:4px 10px;font-size:12.5px}.tbar-step{font-size:14px}.beatview{flex:none;gap:2px;padding:4px 6px}.beat-strip{height:40px}.phase{padding:0 4px;font-size:11.5px}.grid-row{padding-top:2px}.grid-tools .btn.small{padding:2px 7px;font-size:11.5px}.booth{flex:none;align-items:stretch;gap:8px}.deck{gap:6px;padding:8px 10px}.deck-head{gap:8px}.deck-letter{border-radius:7px;width:28px;height:28px;font-size:19px}.deck-title strong{font-size:14px}.deck-head .btn{padding:4px 9px;font-size:12.5px}.readout{gap:2px 14px;padding:4px 8px}.ro b{font-size:14px}.ro em{font-size:10px}.wave{height:84px}.wave-legend{gap:2px 10px;margin-top:-3px;font-size:10px}.deck-clock .time{font-size:17px}.deck-clock .time.dim{font-size:13px}.btn.cue,.btn.play{width:58px;height:42px}.btn.sync{width:54px;height:42px}.deck-controls{gap:10px}.djm{gap:6px;padding:6px 8px 8px}.djm-body{gap:8px}.djm-col{gap:8px;width:104px}.grp{gap:5px;padding:5px}.djm .knob-dial svg{width:32px;height:32px}.djm .grp .knob-dial svg{width:30px;height:30px}.knob-label{font-size:9.5px}.fx-on{width:50px;height:50px}.fx-display{padding:4px}.fx-display b{font-size:15px}.vfader{height:96px}.led{height:5px}.mirror-hint,.learn-hint{font-size:11.5px}.tt-svg{justify-self:center;width:auto;max-width:100%;max-height:190px}.tt-fader input{height:96px}.tt-start{width:66px;height:44px}.library{flex-direction:column;flex:auto;gap:8px;min-height:140px;padding:10px 12px;display:flex;overflow:hidden}.library>*{flex:none}.library .panel-head h2{margin:0;font-size:16px}.library .panel-head p{font-size:12px}.library .table-wrap{flex:auto;min-height:60px;overflow:auto}.library .lib-table th{z-index:1;position:sticky;top:0}.pairs h3{margin-bottom:4px}.pairs ul{gap:4px}.pair{padding:4px 8px}.djm .strip .knob-dial svg{width:28px;height:28px}.djm .strip .ctl:last-child .knob-dial svg{width:40px;height:40px}.djm .strip{gap:0}.djm .vfader{height:80px}.djm .ch-num{font-size:15px}.djm-center{row-gap:5px}.cue-btn{padding:3px 10px;font-size:10.5px}.djm .grp .tiny{display:none}.view.booth-view{overflow-y:auto}@media (height<=760px){.library{min-height:260px}}.automix-start{align-items:center;gap:6px;display:inline-flex}.am-short{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.ambar{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:4px;padding:6px 12px;display:grid}.ambar.active{border-color:var(--deck-a)}.ambar-head{flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;display:flex}.ambar-order{gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.ambar-order li{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:7px;flex:none;padding:3px 8px;font-size:11.5px}.ambar-order li.now{color:var(--ink);border-color:var(--deck-a);background:color-mix(in srgb, var(--deck-a) 12%, transparent)}.ambar-order li.done{opacity:.6}.ambar-order em{color:var(--accent);font-style:normal;font-family:var(--f-mono);margin-left:6px}.ai-score{gap:4px;display:grid}.ai-total{font-size:13px}.ai-total b{font-size:16px}.ai-total.good b{color:var(--ok)}.ai-total.mid b{color:var(--warn)}.ai-total.bad b{color:var(--danger)}.ai-parts{flex-wrap:wrap;gap:4px;display:flex}.lib-top{align-items:flex-start;gap:12px;display:flex}.lib-top .pairs{flex:1;min-width:0}.pairs ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));display:grid}.pairs li:nth-child(n+4){display:flex}.camelot{flex:none;justify-items:center;gap:2px;width:128px;margin:0;display:grid}.cw-seg{stroke:var(--bg);stroke-width:1px;cursor:pointer}.cw-seg:focus-visible{stroke:var(--accent);stroke-width:2px;outline:none}.cw-seg.deck-a{stroke:var(--deck-a);stroke-width:2.5px}.cw-seg.deck-b{stroke:var(--deck-b);stroke-width:2.5px}.cw-seg.picked{stroke:var(--ink);stroke-width:2.5px}.cw-label{font:600 6.5px var(--f-mono);fill:var(--ink);pointer-events:none}.cw-center{font:700 11px var(--f-mono);fill:var(--ink)}.cw-center-sub{font:7px var(--f-body);fill:var(--muted)}.camelot figcaption{text-align:center;font-size:10px;line-height:1.3}.key-filter{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:12.5px;display:flex}.chip.k-bad{color:var(--danger)}@media (width<=760px){.lib-top{flex-direction:column;align-items:stretch}}.services{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:12px;padding:16px;display:grid}.svc-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:12px;display:grid}.svc-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;align-content:start;gap:10px;padding:14px;display:grid}.svc-head{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.svc-head>div{flex:1;min-width:0}.svc-head h3{font-family:var(--f-display);margin:0;font-size:17px}.svc-logo{width:34px;height:34px;font:800 13px var(--f-display);color:#0e1116;border-radius:50%;flex:none;place-items:center;display:grid}.svc-logo.sp{background:#1ed760}.svc-logo.sc{background:#ff7a1a}.svc-logo.su{background:#c7b8ff}.svc-state{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:11.5px}.svc-state.on{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 50%, var(--line))}.svc-steps{color:var(--ink);gap:6px;margin:0;padding-left:18px;font-size:13px;display:grid}.svc-code{font-family:var(--f-mono);background:var(--bg);-webkit-user-select:all;user-select:all;border-radius:5px;padding:1px 6px;font-size:12px}.svc-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.svc-row .search{min-width:240px}.svc-list{gap:4px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.svc-list li{background:var(--bg);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}.pl-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pl-item{background:var(--bg);border-radius:9px;gap:6px;padding:8px 10px;display:grid}.pl-main{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.pl-actions{flex-wrap:wrap;gap:6px;display:flex}.pl-missing{color:var(--muted);max-height:180px;margin:0;padding-left:18px;font-size:12px;overflow:auto}.chip.src-spotify{color:#1ed760}.chip.src-suno{color:#c7b8ff;margin-left:6px}.chip.src-m3u{color:var(--accent)}.pl-bar{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.pl-bar select{background:var(--bg);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:7px;max-width:260px;padding:3px 6px}.dvs-decks{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;display:grid}.dvs-deck{border:1px solid var(--line);border-left:3px solid var(--c,var(--line));border-radius:10px;gap:8px;min-width:0;padding:10px 12px;display:grid}.dvs-deck h4{color:var(--c,var(--ink));margin:0;font-size:14px}.dvs-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.dvs-row .out-select select{width:100%;min-width:0}.dvs-row .out-select{flex:180px;min-width:0}.dvs-row .dvs-pair{flex:0 130px}.dvs-row .dvs-lift{flex:200px}.dvs-live{gap:6px;display:grid}.dvs-state{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dvs-dot{background:var(--line);border-radius:50%;flex:none;width:10px;height:10px}.dvs-dot.s-laeuft{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dvs-dot.s-rueckwaerts{background:var(--accent);box-shadow:0 0 6px var(--accent)}.dvs-dot.s-steht{background:var(--muted)}.dvs-dot.s-kein-Signal{background:var(--danger)}.dvs-meter{background:var(--bg);border:1px solid var(--line);border-radius:6px;height:26px;position:relative;overflow:hidden}.dvs-meter-mid{background:var(--muted);width:1px;position:absolute;top:0;bottom:0;left:50%}.dvs-meter-bar{background:var(--c,var(--accent));border-radius:2px;height:10px;position:absolute;top:3px}.dvs-meter-scale{color:var(--muted);justify-content:space-between;font-size:9px;line-height:12px;display:flex;position:absolute;bottom:0;left:4px;right:4px}.dvs-meter-scale i{font-style:normal}.dvs-quality{align-items:center;gap:8px;display:flex}.dvs-q-track{background:var(--bg);border:1px solid var(--line);border-radius:99px;flex:1;height:6px;overflow:hidden}.dvs-q-fill{background:var(--ok);height:100%;transition:width .1s;display:block}.dvs-cal-track{flex:140px;align-self:center}.dvs-check{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.dvs-help summary{cursor:pointer;color:var(--muted);font-size:13px}.dvs-help ol{gap:3px;margin:6px 0 0;padding-left:20px;font-size:13px;display:grid}.dvs-deck p{margin:0}.tt{position:relative}.tt-dvs{z-index:1;border:1px solid var(--ok);pointer-events:none;background:#12151cd9;border-radius:99px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:flex;position:absolute;top:6px;left:8px}.tt-dvs b{color:var(--ok);font-family:var(--f-mono);letter-spacing:.05em}.tt-dvs.lost{border-color:var(--danger)}.tt-dvs.lost b{color:var(--danger)}.brand-logo{border-radius:7px;flex:none}.brand-accent{color:var(--accent);font-weight:500}.acct{position:relative}.acct-btn{all:unset;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:99px;align-items:center;gap:7px;max-width:200px;padding:3px 10px 3px 3px;font-size:13px;display:inline-flex}.acct-btn:hover{border-color:var(--muted);color:var(--ink)}.acct-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.acct-btn.on{color:var(--ink)}.acct-avatar{background:var(--panel-2);border:1px solid var(--line);width:22px;height:22px;font:700 12px var(--f-display);border-radius:50%;flex:none;place-items:center;display:grid}.acct-btn.on .acct-avatar{background:var(--accent);border-color:var(--accent);color:#1a1206}.acct-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acct-pop{z-index:50;background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(340px,100vw - 24px);padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000073}.acct-form{gap:10px;display:grid}.acct-form strong{font-family:var(--f-display)}.acct-field{color:var(--muted);flex:200px;gap:3px;min-width:0;font-size:12px;display:grid}.acct-field .search,.acct-field textarea,.acct-field select{width:100%;min-width:0;color:var(--ink)}.acct-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.acct-row textarea{flex:240px}.acct-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acct-tabs{background:var(--bg);border:1px solid var(--line);border-radius:9px;justify-self:start;gap:4px;padding:3px;display:flex}.acct-tabs button{all:unset;cursor:pointer;color:var(--muted);border-radius:6px;padding:4px 12px;font-size:12.5px}.acct-tabs button.on{background:var(--panel-2);color:var(--ink)}.acct-tabs button:focus-visible{outline:2px solid var(--accent)}.acct-offline{border:1px dashed var(--line);color:var(--muted);border-radius:10px;justify-items:start;gap:6px;padding:12px 14px;display:grid}.acct-offline p{margin:0}textarea.search{resize:vertical;font:inherit;line-height:1.45}.support{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:12px;padding:16px;display:grid}.sup-body-wrap{gap:12px;display:grid}.sup-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;align-content:start;gap:10px;padding:14px;display:grid}.sup-card h3{font-family:var(--f-display);margin:0;font-size:17px}.sup-narrow{max-width:720px}.sup-signedout{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:12px;display:grid}.sup-done{border:1px solid color-mix(in srgb, var(--ok) 50%, var(--line));border-radius:12px;justify-items:start;gap:6px;padding:14px;display:grid}.sup-new{gap:10px;display:grid}.sup-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.sup-check{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.sup-check input{accent-color:var(--accent)}.sup-split{grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.sup-side{align-content:start;gap:8px;min-width:0;display:grid}.sup-main{min-width:0}.sup-empty{border:1px dashed var(--line);text-align:center;border-radius:10px;padding:18px}.sup-filters{gap:6px;display:grid}.sup-filters .search{width:100%;min-width:0}.sup-list{gap:4px;max-height:64vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.sup-item{all:unset;box-sizing:border-box;cursor:pointer;background:var(--bg);border:1px solid #0000;border-radius:9px;gap:2px;width:100%;padding:8px 10px;display:grid}.sup-item:hover{border-color:var(--line)}.sup-item:focus-visible{outline:2px solid var(--accent)}.sup-item.on{border-color:var(--accent);background:var(--panel-2)}.sup-item.new .sup-item-subject{font-weight:600}.sup-item-top{align-items:center;gap:6px;font-size:12px;display:flex}.sup-when{margin-left:auto}.sup-item-subject{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.sup-status{border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:1px 8px;font-size:11.5px}.sup-status.s-open{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.sup-status.s-answered{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 50%, var(--line))}.sup-status.s-closed{color:var(--muted)}.sup-thread{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;align-content:start;gap:12px;padding:14px;display:grid}.sup-thread-head{align-items:flex-start;gap:10px;display:flex}.sup-back{display:none}.sup-thread-title{gap:4px;min-width:0;display:grid}.sup-thread-title h3{font-family:var(--f-display);overflow-wrap:anywhere;margin:0;font-size:18px}.sup-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sup-tools{background:var(--bg);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;padding:10px;display:flex}.sup-tools .out-select select{min-width:160px}.sup-msgs{gap:8px;max-height:52vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.sup-msg{background:var(--bg);border:1px solid var(--line);border-radius:10px;gap:4px;max-width:92%;padding:10px 12px;display:grid}.sup-msg.agent{border-color:color-mix(in srgb, var(--ok) 40%, var(--line))}.sup-msg.mine{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));justify-self:end}.sup-msg.system{color:var(--muted);background:0 0;border:none;justify-self:center;padding:2px 8px;font-size:12px}.sup-msg-head{align-items:baseline;gap:8px;font-size:12.5px;display:flex}.sup-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.sup-files{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.sup-files a{color:var(--ink);justify-items:start;gap:3px;font-size:12px;text-decoration:none;display:grid}.sup-files a:hover span{text-decoration:underline}.sup-files img{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:120px;max-height:120px}.sup-pdf{border:1px solid var(--line);width:52px;height:64px;font:600 11px var(--f-mono);color:var(--danger);border-radius:6px;place-items:center;display:grid}.sup-composer{gap:8px;display:grid}.sup-filepick{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sup-filepick .chip{color:var(--ink);align-items:center;gap:4px;display:inline-flex}.sup-x{all:unset;cursor:pointer;color:var(--muted);padding:0 2px}.sup-x:hover{color:var(--danger)}.sup-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sup-rating{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));border-radius:10px;justify-items:start;gap:8px;padding:12px;display:grid}.sup-rating textarea{width:100%}.sup-stars{color:var(--accent);letter-spacing:1px}.sup-notes{border:1px dashed color-mix(in srgb, var(--warn) 50%, var(--line));border-radius:10px;gap:8px;padding:12px;display:grid}.sup-notes h4{align-items:baseline;gap:8px;margin:0;font-size:13px;display:flex}.sup-notes ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}@media (width<=760px){.acct-name{display:none}.acct-btn{padding:3px}.sup-split{grid-template-columns:1fr}.sup-split.has-sel .sup-side,.sup-split:not(.has-sel) .sup-main{display:none}.sup-back{display:inline-block}.sup-msg{max-width:100%}}.lp{gap:8px;min-width:0;display:grid}.lp-cheer{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:6px 10px;font-weight:600;display:flex}.lp-cheer .btn{padding:3px 10px}.lp-remind{background:var(--panel-2);border-left:3px solid var(--accent);border-radius:9px;margin:0;padding:5px 10px;font-size:13px}.lp-grid{grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(240px,300px);align-items:start;gap:10px;display:grid}.lp-path,.lp-lesson,.lp-stats{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;min-width:0;padding:10px 12px}.lp-path{gap:8px;display:grid}.lp-sum{color:var(--muted);margin:0;font-size:13px}.lp-sum b{color:var(--accent)}.lp-level h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);justify-content:space-between;gap:8px;margin:0 0 3px;font-size:11.5px;font-weight:600;display:flex}.lp-level.locked h4{opacity:.55}.lp-level ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.lp-item{all:unset;box-sizing:border-box;cursor:pointer;border-radius:7px;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:4px 8px;font-size:13px;display:grid}.lp-item:hover{background:var(--panel)}.lp-item.on{background:var(--panel);box-shadow:inset 2px 0 0 var(--accent)}.lp-item:focus-visible{outline:2px solid var(--accent)}.lp-item .mono{font-size:11px}.lp-item.locked{opacity:.5}.lp-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lp-dot{border:2px solid var(--accent);box-sizing:border-box;border-radius:50%;width:9px;height:9px}.lp-item.done .lp-dot{background:var(--ok);border-color:var(--ok)}.lp-item.locked .lp-dot{border-color:var(--muted)}.lp-lesson{align-content:start;gap:8px;display:grid}.lp-lesson header{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.lp-lesson h3{font-family:var(--f-display);flex:1;min-width:0;margin:0;font-size:17px}.lp-lesson p{margin:0;font-size:13.5px}.lp-lesson p b{font-weight:600}.lp-lvl{font:600 10.5px var(--f-mono);text-transform:uppercase;background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-radius:5px;padding:2px 7px}.lp-count{color:var(--muted);font-size:13px}.lp-count.done{color:var(--ok)}.lp-bar{background:var(--bg);border-radius:3px;height:6px;overflow:hidden}.lp-bar span{background:var(--accent);height:100%;transition:width .3s;display:block}.lp-done{color:var(--ok)}.lp-lesson .ex-actions{align-items:center}.lp-stats{align-content:start;gap:6px;display:grid}.lp-stats h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:4px 0 0;font-size:11.5px;font-weight:600}.lp-stats h4 .dim{text-transform:none;letter-spacing:0;font-weight:400}.lp-tiles{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.lp-tiles div{text-align:center;background:var(--panel);border-radius:8px;justify-items:center;padding:4px 2px;display:grid}.lp-tiles b{color:var(--accent);font-size:17px}.lp-tiles span{color:var(--muted);font-size:10.5px;line-height:1.2}.lp-skills{gap:3px;margin:0;padding:0;list-style:none;display:grid}.lp-skills li{grid-template-columns:78px minmax(0,1fr) 26px 28px;align-items:center;gap:6px;font-size:12.5px;display:grid}.lp-skills .mono{text-align:right;font-size:11.5px}.lp-meter{background:var(--bg);border-radius:3px;height:6px;overflow:hidden}.lp-meter span{background:var(--muted);height:100%;display:block}.lp-meter span.t-good{background:var(--ok)}.lp-meter span.t-mid{background:var(--warn)}.lp-meter span.t-bad{background:var(--danger)}.lp-trend.up{color:var(--ok)}.lp-trend.down{color:var(--danger)}.lp-types{border-collapse:collapse;width:100%;font-size:12.5px}.lp-types th{text-align:left;color:var(--muted);padding:2px 4px;font-size:11.5px;font-weight:500}.lp-types td{border-top:1px solid var(--line);padding:2px 4px}@media (width<=1100px){.lp-grid{grid-template-columns:minmax(200px,240px) minmax(0,1fr)}.lp-stats{grid-column:1/-1}}@media (width<=760px){.lp-grid{grid-template-columns:1fr}}.sup-legal{opacity:.75;margin-top:16px}details.svc-card>summary{cursor:pointer}.b2b-head{align-items:center}.b2b-subnav{margin-left:0}.b2b input[type=number],.b2b input[type=password],.b2b input[type=datetime-local],.b2b select{background:var(--bg);color:var(--ink);border:1px solid var(--line);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;min-width:0;padding:6px 9px}.b2b input[type=number]{width:84px}.b2b input[type=range]{accent-color:var(--accent)}.b2b-card h4{margin:0;font-size:13.5px;font-weight:600}.b2b-battle{grid-template-columns:minmax(260px,1fr) minmax(0,2.2fr);align-items:start;gap:12px;display:grid}.b2b-a-bg{background:var(--deck-a)}.b2b-b-bg{background:var(--deck-b)}.bt{gap:8px;display:grid}.bt-names{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.bt-tally{gap:4px;margin:0;padding:0;list-style:none;display:grid}.bt-tally li{grid-template-columns:58px 1fr 40px;align-items:center;gap:8px;display:grid}.bt-bar{background:var(--bg);border-radius:4px;height:8px;display:flex;overflow:hidden}.bt-bar span{height:100%;transition:width .3s;display:block}.bt-result{margin:0;font-weight:600}.ct{gap:8px;min-width:0;display:grid}.ct-body{grid-template-columns:minmax(150px,210px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.ct-list{gap:4px;max-height:52vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.ct-list button{all:unset;box-sizing:border-box;cursor:pointer;background:var(--panel-2);border:1px solid #0000;border-radius:8px;gap:3px;width:100%;padding:7px 10px;display:grid}.ct-list button.on{border-color:var(--accent)}.ct-list button:focus-visible{outline:2px solid var(--accent)}.ct-list b{overflow-wrap:anywhere;font-size:13px;font-weight:600}.ct-phase{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);color:var(--muted);border-radius:99px;justify-self:start;padding:1px 7px;font-size:10.5px}.ct-phase.open{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 50%, transparent)}.ct-phase.voting{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.ct-detail{gap:8px;min-width:0;display:grid}.ct-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:6px 16px;display:flex}.ct-head h3{margin:0 0 4px}.ct-rules{flex-wrap:wrap;gap:4px;margin:0;display:flex}.ct-rules span{background:var(--panel-2);border-radius:99px;padding:1px 8px;font-size:12px}.ct-dates{color:var(--muted);text-align:right;gap:1px;font-size:11.5px;display:grid}.ct-desc{margin:0;font-size:13px}.ct-pool summary{cursor:pointer;color:var(--muted);font-size:12.5px}.ct-pool ol{columns:2;max-height:120px;margin:4px 0 0;padding-left:20px;font-size:12.5px;overflow-y:auto}.ct-board{gap:3px;max-height:38vh;display:grid;overflow-y:auto}.ct-tr{background:var(--panel-2);border-radius:8px;grid-template-columns:26px minmax(0,1fr) 40px 62px 50px auto;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:grid}.ct-tr.ct-th{background:var(--panel);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;z-index:1;padding-top:0;padding-bottom:0;font-size:10.5px;position:sticky;top:0}.ct-tr.own{box-shadow:inset 3px 0 0 var(--accent)}.ct-rank-row{grid-template-columns:26px minmax(0,1fr) 56px 64px 48px 56px}.ct-rank{color:var(--accent);font-weight:600}.ct-who{min-width:0;display:grid}.ct-who b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ct-who em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-style:normal;overflow:hidden}.ct-score{font-weight:600}.ct-act{justify-content:end;gap:4px;display:flex}.ct-play{grid-column:1/-1;gap:6px;padding:4px 0 2px;display:grid}.ct-play audio{width:100%;height:32px}.ct-empty{margin:4px 0}.ct-submit{border:1px dashed var(--line);border-radius:10px;gap:6px;padding:10px 12px;display:grid}.ct-submit input[type=text]{max-width:220px}.ct-rec{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.ct-new{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 12px;display:grid}.ct-new .b2b-field{max-width:none}.ct-wide{grid-column:1/-1}.lv{gap:10px;display:grid}.lv-rights{border:1px solid color-mix(in srgb, var(--warn) 45%, transparent);background:color-mix(in srgb, var(--warn) 8%, transparent);color:var(--ink);border-radius:10px;margin:0;padding:8px 12px;font-size:12.5px}.lv-rights a{color:var(--accent)}.lv-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.lv-badge{font-family:var(--f-mono);letter-spacing:.1em;color:#fff;background:var(--danger);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.lv-code{letter-spacing:.18em;color:var(--accent);font-size:22px}.lv-mode{margin-left:0}.lv-chat{gap:8px;display:grid}.lv-chat ol{min-height:90px;max-height:200px}.lv-ext summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.lv-ext summary::-webkit-details-marker{display:none}.lv-ext summary h3:before{content:"▸ ";color:var(--muted)}.lv-ext[open] summary h3:before{content:"▾ "}.lv-ext section input{width:100%}.lv-steps{gap:3px;margin:0;padding-left:18px;display:grid}.lv-err{color:var(--danger)}.lv-dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.lv-dot.on{background:var(--danger);box-shadow:0 0 8px var(--danger);animation:1.4s ease-in-out infinite lv-pulse}@keyframes lv-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.lv-dot.on{animation:none}}.lv-pill{z-index:50;position:fixed;bottom:16px;left:16px}.lv-pill button{all:unset;cursor:pointer;background:var(--panel-2);border:1px solid color-mix(in srgb, var(--danger) 60%, var(--line));border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;display:inline-flex;box-shadow:0 6px 20px #00000059}.lv-pill button:focus-visible{outline:2px solid var(--accent)}@media (width<=980px){.b2b-battle,.lv-grid,.ct-body{grid-template-columns:1fr}.ct-list{max-height:140px}}