.piano-blob-layer{position:absolute;inset:0;z-index:2;pointer-events:none;visibility:hidden}.piano-blob-layer[data-ready=true]{visibility:visible}.piano-blob{position:absolute;top:0;left:0;display:block;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:transparent;color:#17151c;pointer-events:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:none}.piano-blob[data-dragging=true]{cursor:grabbing}.piano-blob:focus-visible{box-shadow:0 0 0 2px var(--page),0 0 0 4px var(--accent)}.piano-blob>svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.piano-blob-body{fill:var(--blob-color, #a3a5b0)}.blob-face{fill:currentColor}.blob-face-held,.blob-face-squeezed,.piano-blob[data-state=held] .blob-face-idle,.piano-blob[data-state=airborne] .blob-face-idle,.piano-blob[data-state=squeezed] .blob-face-idle{display:none}.piano-blob[data-state=held] .blob-face-held,.piano-blob[data-state=airborne] .blob-face-held,.piano-blob[data-state=squeezed] .blob-face-squeezed{display:inline}.piano-blob-shadow{position:absolute;bottom:0;width:44px;height:4px;border-radius:50%;background:#000;filter:blur(2px);pointer-events:none}@media(prefers-reduced-motion:reduce){.piano-blob{transition:none}}.profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0}.profile-stats>div{min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent) 5%,var(--control))}.profile-stats dt{display:flex;align-items:center;gap:6px;color:var(--secondary);font-size:11px;font-weight:450}.profile-stats dt svg{flex-shrink:0;color:var(--accent)}.profile-stats dd{margin:7px 0 0;color:var(--text);font-size:21px;line-height:1.25;font-weight:550;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.profile-stats .profile-joined{font-size:15px;line-height:1.75}.player-popover .profile-stats{gap:6px;margin-top:12px}.player-popover .profile-stats>div{padding:9px 8px}.player-popover .profile-stats dt{gap:4px;font-size:10px}.player-popover .profile-stats dt svg{width:11px!important;height:11px!important}.player-popover .profile-stats dd{font-size:17px}.player-popover .profile-stats .profile-joined{font-size:12px;line-height:1.75}.modal.command-help{width:min(620px,calc(100vw - 24px))}.command-help .modal-heading{padding:17px 16px 14px 20px}.command-help .modal-heading h2{font-size:16px}.command-help .modal-body{display:flex;flex-direction:column;overflow:hidden;padding:0 20px 12px}.command-help-controls{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:8px;flex-shrink:0}.command-help-controls input{font-size:12px}.command-help-controls [data-slot=select-trigger]{width:100%;max-width:none;min-height:38px;font-size:12px}.command-help-options [data-slot=select-item]{font-size:12px;padding-block:8px}.command-help-columns,.command-help-row{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:16px}.command-help-columns{padding:15px 0 7px;color:var(--secondary);font-size:11px;flex-shrink:0}.command-help-results{height:min(400px,calc(100dvh - 232px));min-height:70px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;scrollbar-gutter:stable}.command-help-list{margin:0}.command-help-row{align-items:center;min-height:52px;padding:12px 0;border-bottom:1px solid var(--border)}.command-help-row:last-child{border-bottom:0}.command-help-row dt,.command-help-row dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.command-help-row code{display:block;color:var(--text);font:500 12px/1.5 Lexend Variable,sans-serif}.command-help-row dd{color:var(--secondary)}.command-help-status{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px 5px;color:var(--secondary);font-size:12px;text-align:center}.command-help-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--border);color:var(--secondary);font-size:11px;flex-shrink:0}@media(max-width:480px){.command-help .modal-body{padding-inline:14px}.command-help-controls{grid-template-columns:minmax(0,1fr) 118px}.command-help-columns,.command-help-row{grid-template-columns:minmax(0,110px) minmax(0,1fr);gap:10px}}.modal.user-directory{width:min(580px,calc(100vw - 24px))}.user-directory .modal-heading{padding:17px 16px 14px 20px}.user-directory .modal-heading h2{font-size:16px}.user-directory .modal-body{display:flex;flex-direction:column;overflow:hidden;padding:0 20px 12px}.user-directory-controls{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:8px;flex-shrink:0}.user-directory-controls input{font-size:12px}.user-directory-controls [data-slot=select-trigger]{width:100%;max-width:none;min-height:38px;font-size:12px}.user-directory-options [data-slot=select-item]{font-size:12px;padding-block:8px}.user-directory-columns{display:flex;justify-content:space-between;padding:15px 38px 7px 0;color:var(--secondary);font-size:11px;flex-shrink:0}.user-directory-results{height:min(400px,calc(100dvh - 232px));min-height:70px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;scrollbar-gutter:stable}.user-directory-results ul{list-style:none;padding:0;margin:0}.user-directory-user{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:56px;padding:9px 0;border-bottom:1px solid var(--border)}.user-directory-user:last-child{border-bottom:0}.user-directory-identity{min-width:0}.user-directory-name{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.user-directory-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.user-directory-badges .role-tag{font-size:9px;padding:3px 5px}.user-directory-id{display:grid;grid-template-columns:auto 32px;gap:3px;align-items:center}.user-directory-id code{font-size:11px;color:var(--secondary);user-select:text}.user-directory-id button{color:var(--secondary)}.user-directory-id small{grid-column:1 / -1;max-width:122px;color:var(--secondary);font-size:10px}.user-directory-status{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--secondary);font-size:12px;text-align:center;padding:20px 5px}.user-directory-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--border);color:var(--secondary);font-size:11px;flex-shrink:0}.user-directory-footer nav{display:flex;align-items:center;gap:4px}.user-directory-footer nav>span{min-width:44px;text-align:center;font-variant-numeric:tabular-nums}@media(max-width:400px){.user-directory .modal-body{padding-inline:14px}.user-directory-controls{grid-template-columns:minmax(0,1fr) 100px}.user-directory-user{gap:7px}}.construction-screen{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:var(--page);color:var(--text)}.construction-card{width:min(100%,360px);padding:28px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.construction-logo{display:block;width:80px;height:80px;object-fit:contain;margin:0 auto 16px}.construction-card h1{text-align:center;font-size:21px;font-weight:600;letter-spacing:-.4px}.construction-description{margin-top:8px;color:var(--secondary);text-align:center;font-size:13px;line-height:1.5}.construction-form{display:flex;flex-direction:column;gap:9px;margin-top:24px}.construction-form label{font-size:12px;font-weight:500}.construction-form input{width:100%;min-height:42px!important}.construction-card .construction-enter{width:100%;min-height:40px;border-radius:7px;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:550}.construction-card>.construction-enter{margin-top:24px}.construction-form .construction-enter{margin-top:5px}.construction-error{color:var(--danger);font-size:12px;line-height:1.5}.construction-card .construction-discord{width:100%;min-height:36px;margin-top:12px}.construction-card .construction-discord span{display:inline}.construction-screen :is(input,button,a):focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}.construction-reentry body{display:none!important}@media(max-width:380px){.construction-card{padding:24px 20px}}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.w-9{width:calc(var(--spacing) * 9)}.w-72{width:calc(var(--spacing) * 72)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-0{min-width:0}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scroll-my-1{scroll-margin-block:var(--spacing)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-input{border-color:var(--track)}.border-primary{border-color:var(--accent)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--surface)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-destructive{background-color:var(--danger)}.bg-foreground{background-color:var(--text)}.bg-muted{background-color:var(--track)}.bg-popover{background-color:var(--raised)}.bg-primary{background-color:var(--accent)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-1{padding:var(--spacing)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[3px\]{padding:3px}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-balance{text-wrap:balance}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-background{color:var(--surface)}.text-foreground,.text-foreground\/60{color:var(--text)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/60{color:color-mix(in oklab,var(--text) 60%,transparent)}}.text-muted-foreground{color:var(--secondary)}.text-popover-foreground{color:var(--text)}.text-primary{color:var(--accent)}.text-primary-foreground{color:var(--accent-ink)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.mix-blend-overlay{mix-blend-mode:overlay}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--surface)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection{background-color:var(--accent)}.selection\:bg-primary::selection{background-color:var(--accent)}.selection\:text-primary-foreground ::selection{color:var(--accent-ink)}.selection\:text-primary-foreground::selection{color:var(--accent-ink)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--text)}.placeholder\:text-muted-foreground::placeholder{color:var(--secondary)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--text)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:0}.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:0}.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.first\:rounded-l-md:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:rounded-r-md:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--accent-soft)}.hover\:bg-destructive\/90:hover{background-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--danger) 90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--accent) 90%,transparent)}}.hover\:text-accent-foreground:hover,.hover\:text-foreground:hover{color:var(--text)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-accent:focus{background-color:var(--accent-soft)}.focus\:text-accent-foreground:focus{color:var(--text)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled,.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--danger)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.data-\[active\=true\]\:z-10[data-active=true]{z-index:10}.data-\[active\=true\]\:ring-\[3px\][data-active=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[active\=true\]\:aria-invalid\:border-destructive[data-active=true][aria-invalid=true]{border-color:var(--danger)}.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--secondary)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}.data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{height:1.15rem}.data-\[size\=default\]\:w-8[data-size=default]{width:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:h-3\.5[data-size=sm]{height:calc(var(--spacing) * 3.5)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:w-6[data-size=sm]{width:calc(var(--spacing) * 6)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--surface)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--text)}.group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--tw-content);opacity:1}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--accent)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent-soft)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--secondary)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--track)}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}@media(min-width:40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}@media(min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(prefers-color-scheme:dark){.dark\:border-input{border-color:var(--track)}.dark\:bg-destructive\/60{background-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60{background-color:color-mix(in oklab,var(--danger) 60%,transparent)}}.dark\:bg-input\/30{background-color:var(--track)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30{background-color:color-mix(in oklab,var(--track) 30%,transparent)}}.dark\:text-muted-foreground{color:var(--secondary)}@media(hover:hover){.dark\:hover\:bg-accent\/50:hover{background-color:var(--accent-soft)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--accent-soft) 50%,transparent)}}.dark\:hover\:bg-input\/50:hover{background-color:var(--track)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab,var(--track) 50%,transparent)}}.dark\:hover\:text-foreground:hover{color:var(--text)}}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40[data-active=true][aria-invalid=true]{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.dark\:data-\[state\=active\]\:border-input[data-state=active]{border-color:var(--track)}.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:var(--track)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:color-mix(in oklab,var(--track) 30%,transparent)}}.dark\:data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--text)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]{background-color:var(--accent-ink)}.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state=unchecked]{background-color:var(--text)}.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:var(--track)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:color-mix(in oklab,var(--track) 80%,transparent)}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--secondary)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}@media(hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent-soft)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--danger) 90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--accent) 90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--text)}a.\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}}:root,:root[data-theme=carbon]{color-scheme:dark;--page:#0d0f14;--surface:#1a1c23;--raised:#252832;--inset:#15171d;--text:#e5e7ee;--secondary:#a6acbb;--accent:#aab9db;--accent-ink:#172136;--guest-bg:#363a45;--guest-text:#d8dce6;--guest-stripe:#ffffff0c;--danger:#f1a0ad;--success:#72c88d;--warning:#dfb668;--lobby:#eda99b;--border:#ffffff13;--hover:#ffffff0a;--overlay:#06080ca3;--shadow:0 16px 48px #0004, 0 2px 8px #0002;--name-contrast:#fff;--cursor-outline:#fff}:root[data-theme=crimson]{--page:#160f14;--surface:#241920;--raised:#33242d;--inset:#1d141a;--text:#f1e5ea;--secondary:#c4a5b3;--accent:#df849f;--accent-ink:#31121e}:root[data-theme=forest]{--page:#101612;--surface:#1b261f;--raised:#29382e;--inset:#162019;--text:#e2eee6;--secondary:#a1b8a9;--accent:#8ec5a0;--accent-ink:#142c1c}:root[data-theme=violet]{--page:#100e18;--surface:#1b1728;--raised:#2c253e;--inset:#161220;--text:#e9e3f3;--secondary:#b1a4c8;--accent:#b498ee;--accent-ink:#25153f}:root[data-color-scheme=light]{color-scheme:light;--border:#252a3619;--hover:#252a3609;--overlay:#252a365e;--guest-bg:#d1d6dc;--guest-text:#404955;--guest-stripe:#ffffff3a;--danger:#a52f4d;--success:#287c43;--warning:#95671e;--lobby:#a34f3e;--shadow:0 16px 48px #24213021, 0 2px 8px #24213012;--name-contrast:#171c29;--cursor-outline:#252a36}:root[data-theme=cream]{--page:#f2ede3;--surface:#fcf8ef;--raised:#eee5d6;--inset:#e9e1d4;--text:#332d25;--secondary:#746553;--accent:#8b6337;--accent-ink:#fffaf2}:root[data-theme=sage]{--page:#e7eee6;--surface:#f6faf3;--raised:#dce7da;--inset:#dce5da;--text:#25392d;--secondary:#5a6e5e;--accent:#3d7057;--accent-ink:#f5fff9}:root[data-theme=rose]{--page:#f3e7ed;--surface:#fff7fa;--raised:#eedce5;--inset:#eadbe2;--text:#402c38;--secondary:#7c5f70;--accent:#98556e;--accent-ink:#fff8fb}:root[data-theme=slate]{--page:#e6edf3;--surface:#f6f9fc;--raised:#dbe5ed;--inset:#d9e3ec;--text:#263643;--secondary:#586e80;--accent:#426783;--accent-ink:#f6fbff}:root{--accent-strong:var(--accent);--accent-soft:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--accent-soft:color-mix(in srgb,var(--accent) 14%,transparent)}}:root{--control:var(--text)}@supports (color:color-mix(in lab,red,red)){:root{--control:color-mix(in srgb,var(--text) 5%,transparent)}}:root{--control-hover:var(--text)}@supports (color:color-mix(in lab,red,red)){:root{--control-hover:color-mix(in srgb,var(--text) 9%,transparent)}}:root{--track:var(--secondary)}@supports (color:color-mix(in lab,red,red)){:root{--track:color-mix(in srgb,var(--secondary) 28%,var(--surface))}}:root{--thumb:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--thumb:color-mix(in srgb,var(--accent) 55%,var(--text))}}:root{--guest-hover:var(--guest-bg)}@supports (color:color-mix(in lab,red,red)){:root{--guest-hover:color-mix(in srgb,var(--guest-bg) 92%,var(--text))}}:root{color:var(--text);background:var(--page);--keyboard-height:clamp(190px,25dvh,270px);--donator-name-gradient:linear-gradient(100deg,#ff81a2,#ffc17c,#eee484,#83ddb0,#8ecfff,#c2a0ff,#f49bd6);--donator-key-gradient:linear-gradient(180deg,#ff7198 0%,#ffb875 18%,#ece580 36%,#7ed9ad 53%,#7bbce9 71%,#b594ec 87%,#ee96cc 100%);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Lexend Variable,Lexend,sans-serif}*{box-sizing:border-box;outline:none!important}body{min-width:320px;margin:0}button,input,select{font:inherit;border:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0}button,.button{transition:background .17s,color .17s,box-shadow .18s,transform .2s cubic-bezier(.2,.8,.2,1)}button:active:not(:disabled),.button:active{transform:scale(.96)}button:disabled{cursor:default;opacity:.45}button svg{flex-shrink:0}a{color:var(--accent)}h1,h2,h3,p{margin:0}input:not([type=range]):not([type=color]),select{min-height:38px;color:var(--text);background:var(--control);border-radius:9px;min-width:0;padding:8px 11px}input::placeholder{color:var(--secondary)}select{cursor:pointer;max-width:220px}select option{background:var(--raised);color:var(--text)}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{-webkit-appearance:none}input::-webkit-outer-spin-button{-webkit-appearance:none}.secondary{color:var(--secondary);font-size:.8125rem;line-height:1.5}.error-text{color:var(--danger);padding:8px 0;font-size:.8125rem;line-height:1.45}.icon-button{border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover,.nav-control:hover,.menu-action:hover{background:var(--hover)}.button{background:var(--control);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 17px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--control-hover)}.button.primary{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px #ffffff70}.button.primary:hover{background:var(--accent);box-shadow:0 3px 16px #b5bed922}.text-button{color:var(--accent);align-items:center;gap:6px;padding:5px 0;font-size:.8125rem;font-weight:500;display:inline-flex}.text-button:hover{text-decoration:underline}.piano-app{flex-direction:column;height:100dvh;min-height:0;display:flex;position:relative;overflow:hidden}.app-header{z-index:6;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;height:52px;padding:6px 14px;display:flex;position:relative}.app-header>:not(.glass-backdrop){position:relative}.app-header>.glass-backdrop{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.app-header>.glass-backdrop{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.app-header>.glass-backdrop{box-shadow:none}.brand-room{flex-shrink:1;align-items:center;gap:18px;min-width:0;display:flex}.brand{color:var(--text);white-space:nowrap;text-shadow:none;flex-shrink:0;align-items:center;gap:5px;text-decoration:none;display:flex;position:relative}.brand-icon{flex:none;width:32px;height:32px;display:block;position:relative}.brand img{object-fit:contain;width:100%;height:100%;display:block}.brand-name{letter-spacing:-.65px;font-size:18px;font-weight:650;position:relative}.brand-shine{align-items:center;gap:inherit;pointer-events:none;color:#fff;opacity:0;animation:8s ease-in-out infinite brand-shimmer;display:flex;position:absolute;inset:0;-webkit-mask:linear-gradient(110deg,#0000 42%,#ffffff30 47%,#fffffff2 50%,#ffffff30 53%,#0000 58%) 160% 0/250% 100% no-repeat;mask:linear-gradient(110deg,#0000 42%,#ffffff30 47%,#fffffff2 50%,#ffffff30 53%,#0000 58%) 160% 0/250% 100% no-repeat}.brand-icon-shine{background:#fff;-webkit-mask:url(/images/piano-island.png) 50%/contain no-repeat;mask:url(/images/piano-island.png) 50%/contain no-repeat}@keyframes brand-shimmer{0%,5%{opacity:0;-webkit-mask-position:160% 0;mask-position:160% 0}8%{opacity:1}30%{opacity:1;-webkit-mask-position:-60% 0;mask-position:-60% 0}33%,to{opacity:0;-webkit-mask-position:-60% 0;mask-position:-60% 0}}.room-trigger{min-width:0;height:36px;color:var(--text);border-radius:7px;align-items:center;gap:10px;padding:0 8px;font-size:18px;font-weight:550;display:flex}.room-trigger>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.room-trigger>svg{flex-shrink:0}.room-trigger .room-connection{flex:0 0 18px;justify-content:center;align-items:center;gap:2px;width:18px;height:18px;display:inline-flex}.room-trigger .room-connection i{width:3px;height:11px}.top-controls{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.glass-surface{position:relative}.glass-content{align-items:center;min-height:36px;display:flex;position:relative}.glass-backdrop{pointer-events:none;background:var(--control);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff04}.glass-backdrop .liquid-lens>.glass{background:var(--surface);width:100%;height:100%;display:block!important}@supports (color:color-mix(in lab,red,red)){.glass-backdrop .liquid-lens>.glass{background:color-mix(in srgb,var(--surface) 13%,transparent)}}.glass-backdrop .liquid-lens>.glass{box-shadow:none!important}.glass-backdrop .glass__warp{pointer-events:none}.glass-backdrop .liquid-lens>.glass>div{display:none}.glass-backdrop>.opacity-0{opacity:0;pointer-events:none}.glass-backdrop>span{display:none}.nav-control{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:12px;display:flex}.instrument-select{justify-content:flex-start;min-width:168px}.instrument-select>svg:last-child{opacity:.7;margin-left:auto}.instrument-select>svg:first-child{opacity:.75}.numeric-control{gap:8px;padding-inline:9px}.numeric-control>span{color:var(--secondary);font-size:10px}.numeric-control strong{font-variant-numeric:tabular-nums;min-width:14px;font-size:12px;font-weight:550}.midi-trigger>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.midi-device{align-items:center;gap:5px;display:flex}.midi-device-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.midi-light{background:var(--secondary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.midi-light.connected{background:var(--success);box-shadow:0 0 6px #a1efd455}.effect-toggle{color:var(--secondary);flex-direction:column;gap:4px;padding-inline:10px;font-size:10px}.effect-toggle i{background:var(--track);border-radius:3px;width:30px;height:5px;transition:background .16s}.effect-toggle[aria-pressed=true] i{background:var(--accent)}.settings-button{flex-shrink:0;position:relative}.settings-button>svg,.chat-collapse>svg{position:relative}.workspace{--sidebar-width:clamp(290px,23vw,370px);--chat-width:var(--sidebar-width);grid-template-columns:var(--chat-width) minmax(0,1fr);flex:1;column-gap:12px;min-height:0;padding:12px;transition:grid-template-columns .3s cubic-bezier(.2,.8,.2,1),column-gap .3s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.chat-panel{width:var(--sidebar-width);border-radius:9px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.chat-panel>.glass-backdrop{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.chat-panel>.glass-backdrop{background:color-mix(in srgb,var(--surface) 85%,transparent)}}.chat-panel>:not(.glass-backdrop),.glass-popover>:not(.glass-backdrop),.modal>:not(.glass-backdrop){position:relative}.players{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:5px;max-height:140px;padding:12px;display:flex;overflow:auto}.player-chip{max-width:100%;height:28px;min-height:28px;color:var(--player-color);border-radius:5px;align-items:center;gap:4px;padding:3px 7px;font-size:12px;font-weight:550;line-height:18px;display:inline-flex;position:relative}@supports (color:color-mix(in lab,red,red)){.player-chip{color:color-mix(in srgb,var(--player-color) 45%,var(--name-contrast))}}.player-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:0 0}.player-chip>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-chip>span,.player-chip>small,.player-chip>svg{position:relative}.player-chip .glass-backdrop{box-shadow:none;background:0 0}.player-chip .glass-backdrop .liquid-lens>.glass{background:0 0}.player-chip small{text-transform:uppercase;letter-spacing:.5px;background:var(--player-color);border-radius:3px;padding:2px 3px;font-size:8px}@supports (color:color-mix(in lab,red,red)){.player-chip small{background:color-mix(in srgb,var(--player-color) 22%,transparent)}}.chat-collapse{z-index:10;top:12px;left:calc(var(--chat-width) + 24px);width:30px;height:48px;color:var(--secondary);background:var(--surface);border-radius:7px;place-items:center;transition:left .3s cubic-bezier(.2,.8,.2,1),background .17s;display:grid;position:absolute}.chat-collapsed .chat-collapse{left:12px}.chat-collapse:hover{background:var(--control-hover)}.chat-messages{scrollbar-width:none;overscroll-behavior:contain;flex:1;min-height:0;padding:0 16px;overflow-y:auto}.chat-message{color:var(--secondary);overflow-wrap:anywhere;margin:0;padding:1px 0;font-size:15px;line-height:1.5}.chat-message .player-name{height:auto;min-height:0;font-size:inherit;line-height:inherit;color:var(--player-color);margin:0 4px 0 0;padding:0;font-weight:600;display:inline}@supports (color:color-mix(in lab,red,red)){.chat-message .player-name{color:color-mix(in srgb,var(--player-color) 50%,var(--name-contrast))}}.chat-message .player-name{text-align:left;border-radius:3px}.player-name:hover{text-underline-offset:3px;text-decoration:underline}.message-text{white-space:pre-wrap}.chat-message a{color:var(--accent);text-decoration:none}.chat-message a:hover{text-underline-offset:3px;text-decoration:underline}.chat-compose{flex-shrink:0;padding:12px}.compose-field{background:var(--control);border-radius:8px;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.compose-field:focus-within{background:var(--control)}.compose-field input{flex:1;width:0;font-size:14px;background:0 0!important;padding:7px 0!important}.send-button{color:#181b25;background:#b8bed1;border-radius:6px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #00000024}.send-button:hover:not(:disabled){background:#d2d7e4}.send-button:disabled{color:var(--secondary);opacity:.65;box-shadow:none;background:0 0}.new-messages{background:var(--raised);color:var(--text);border-radius:12px;align-self:center;padding:5px 12px;font-size:11px}.piano-stage{background:0 0;border-radius:0;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.performance{flex:1;min-height:80px;position:relative;overflow:hidden}.note-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.note-visualization,.note-trails{pointer-events:none;position:absolute;inset:0;overflow:hidden}.note-trail{background:#fff;border-radius:.5vw .5vw 0 0;height:0;display:block;position:absolute;bottom:0}.note-trail.released{will-change:transform;border-radius:.5vw}.octave-guides{pointer-events:none;position:absolute;inset:0;overflow:hidden}.octave-guides>div{background:var(--hover);width:1px;position:absolute;top:0;bottom:0}.audio-error{background:var(--surface);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:12px;display:flex;position:absolute;top:74px;left:12px}.piano-scroll{flex-shrink:0;width:100%;min-width:0;overflow:hidden}.piano-keys{width:100%;min-width:0;height:var(--keyboard-height);-webkit-user-select:none;user-select:none;touch-action:none;background:#fafafa;border-radius:7px 7px 0 0;position:relative;overflow:hidden;container-type:inline-size}.piano-key{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:0;padding:0;transition:none;display:block;position:absolute;top:0}.piano-key:active:not(:disabled){transform:none}.white-key{z-index:1;background:#fafafa;height:100%;box-shadow:inset -1px 0 #222127}.black-key{z-index:2;background:#1d1d20;border-radius:0 0 2px 2px;height:63%}.key-color{border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s ease-out;position:absolute;inset:0}.white-key .key-color{right:1px}.black-key .key-color{transition-duration:.2s}.piano-key.pressed .key-color{opacity:1;transition-duration:80ms}.piano-key .key-label{white-space:nowrap;text-align:center;color:#25232a;pointer-events:none;width:100%;font:500 clamp(3px,1.05cqw,11px)/1 Lexend Variable,sans-serif;position:absolute;bottom:6px;left:0;overflow:hidden}.black-key .key-label{color:#fff;font-size:clamp(2.5px,.75cqw,10px);font-weight:400;bottom:4px}.piano-key:focus-visible{z-index:3}.key-burn{pointer-events:none;position:absolute;inset:0;overflow:hidden}.key-burn i{opacity:0;width:66%;height:28%;position:absolute;bottom:0;left:17%}.glass-popover{z-index:25;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 0 1px var(--border),var(--shadow);transform-origin:var(--radix-popover-content-transform-origin);border-radius:10px;padding:10px;animation:.18s cubic-bezier(.2,.8,.2,1) popover-enter;position:relative}.glass-popover>.glass-backdrop{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.glass-popover>.glass-backdrop{background:color-mix(in srgb,var(--surface) 20%,transparent)}}.sound-popover{width:220px;padding:7px}.sound-option,.room-option{text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:38px;padding:9px 11px;font-size:14px;display:flex}.sound-option:hover,.room-option:hover{background:var(--accent-soft)}.sound-option[aria-pressed=true],.room-option[aria-pressed=true]{color:var(--text)}.sound-option>svg{color:var(--secondary)}.menu-action{border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 8px;font-size:12px;display:flex}.menu-action svg{color:var(--secondary)}.velocity-popover{width:190px;padding:10px 16px}.velocity-popover>[data-slot=slider]{width:100%}.transpose-popover{border-radius:8px;width:122px;padding:4px}.transpose-popover .stepper{background:0 0;justify-content:space-between;gap:4px;padding:0}.transpose-popover .stepper .icon-button{background:var(--control);border-radius:6px;flex-basis:32px;width:32px;height:32px;padding:0}.transpose-popover .stepper .icon-button:hover:not(:disabled){background:var(--accent-soft)}.transpose-popover output{font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.room-popover{width:min(220px,100vw - 20px);max-height:var(--radix-popover-content-available-height);flex-direction:column;padding:6px;display:flex}.room-popover .room-list{flex-shrink:1;gap:2px;min-height:0;max-height:min(280px,50dvh)}.room-popover>.menu-divider,.room-popover>.create-room{flex-shrink:0}.room-popover .room-option{gap:7px;height:36px;min-height:36px;padding:6px 8px;font-size:13px}.room-popover .room-option>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.room-popover .room-option small{gap:4px;font-size:12px}.room-popover .create-room{height:32px;min-height:32px;padding:6px 8px;font-size:12px}.room-popover>.menu-divider{margin:6px 3px}.room-list{scrollbar-width:thin;max-height:min(380px,60dvh);overflow-y:auto}.room-option>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.room-option small{color:var(--secondary);align-items:center;gap:5px;font-size:13px;font-weight:550;display:flex}.create-room{border-radius:0 0 8px 8px;margin-top:6px}.midi-popover{min-width:290px;max-width:calc(100vw - 20px);padding:16px}.midi-grid{grid-template-columns:minmax(150px,1fr) 38px 38px;align-items:center;gap:13px 12px;font-size:12px;display:grid}.midi-grid>span{color:var(--secondary);font-size:11px}.midi-row{display:contents}.midi-row>span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.midi-status{color:var(--secondary);margin:12px 0 4px;font-size:12px;line-height:1.5}.midi-popover>.text-button{margin-top:12px;font-size:11px}[data-slot=dialog-overlay]{z-index:30;background:var(--overlay);animation:.15s overlay-enter;position:fixed;inset:0}.modal{z-index:31;width:min(430px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow);background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) modal-enter;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal>.glass-backdrop{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.modal>.glass-backdrop{background:color-mix(in srgb,var(--surface) 20%,transparent)}}.modal-heading{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 14px 26px;display:flex}.modal-heading h2{letter-spacing:-.4px;font-size:18px;font-weight:600}.modal-heading .icon-button{background:var(--control);width:28px;height:28px;color:var(--secondary);border-radius:50%;flex-basis:28px}.modal-body{scrollbar-width:thin;padding:4px 26px 24px;overflow-y:auto}.modal-body form>input{width:100%}.field-label{margin:10px 0 6px;font-size:14px;display:block}.user-id{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:0;font-size:14px;display:flex}.user-id>span{font:inherit;color:var(--text);white-space:nowrap;margin:0}.user-id>div{background:var(--control);border-radius:7px;flex:1;align-items:center;gap:8px;min-height:36px;padding:4px 8px 4px 11px;display:flex}.user-id>small{flex-basis:100%}.user-id code{min-width:0;font:inherit;color:var(--text);-webkit-user-select:all;user-select:all;flex:1}.user-id .icon-button{width:28px;height:28px;color:var(--secondary);border-radius:7px;flex-basis:28px}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.settings-panel{--settings-nav:170px;width:min(610px,100vw - 32px);height:min(540px,100dvh - 32px)}.settings-panel .modal-heading{height:64px;margin-left:var(--settings-nav);padding:16px 18px 16px 22px}.settings-panel .modal-body{flex:1;min-height:0;padding:0;display:block;position:static;overflow:hidden}.settings-sidebar{width:var(--settings-nav);background:var(--inset);border-radius:12px 0 0 12px;flex-direction:column;padding:24px 10px 16px;display:flex;position:absolute;top:0;bottom:0;left:0}.settings-label{letter-spacing:.7px;text-transform:uppercase;color:var(--secondary);padding:0 12px 14px;font-size:12px;font-weight:550}.settings-tabs{flex-direction:column;gap:7px;display:flex}.settings-tabs button{color:var(--secondary);text-align:left;border-radius:7px;align-items:center;gap:10px;padding:13px 12px;font-size:14px;display:flex}.settings-tabs button:hover{background:var(--hover)}.settings-tabs button[data-state=active]{color:var(--text);background:var(--accent-soft)}.settings-content{height:100%;margin-left:var(--settings-nav);scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:0 22px 22px;overflow-y:auto}.setting-row{justify-content:space-between;align-items:center;gap:18px;min-height:57px;font-size:14px;display:flex}.setting-row>span,.setting-row>label{flex:1}.setting-row select{max-width:190px;min-height:36px;padding-block:5px;font-size:14px}.switch{background:var(--track);border:0;border-radius:20px;flex-shrink:0;justify-content:flex-start;align-items:center;width:42px;height:24px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 3px #00000018}.switch>span{background:#fff;border-radius:50%;width:18px;height:18px;transition:translate .2s cubic-bezier(.2,.8,.2,1);display:block;translate:0;box-shadow:0 1px 3px #00000030}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]>span{translate:18px}.switch:active:not(:disabled){transform:none}.switch[aria-busy=true]:disabled{opacity:1}.stepper{background:var(--control);border-radius:9px;align-items:center;padding:2px;display:flex}.stepper .icon-button{border-radius:7px;flex-basis:28px;width:28px;height:28px}.stepper input{text-align:center;font-variant-numeric:tabular-nums;width:55px;font-size:14px;background:0 0!important;min-height:28px!important;padding:4px!important}.stepper output{text-align:center;min-width:40px}.range-control{align-items:center;gap:9px;display:flex}.range-control output{font:inherit;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;min-width:42px}.remote-cursors{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.remote-cursor{pointer-events:none;will-change:left,top;filter:drop-shadow(0 1px 2px #0003);transition:left 75ms linear,top 75ms linear;position:absolute}.remote-cursor>span{white-space:nowrap;text-overflow:ellipsis;background:var(--raised);max-width:160px;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:5px 7px;font-size:11px;line-height:1;position:absolute;top:20px;left:14px;overflow:hidden}.remote-cursor.flip-label>span{left:auto;right:5px}.not-found{flex-direction:column;justify-content:center;align-items:center;gap:22px;height:100dvh;display:flex}.not-found h1{font-size:24px;font-weight:600}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes popover-enter{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-enter{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.header-volume{align-items:center;gap:6px;display:flex}.performance-controls{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:0;left:38px;right:0}.performance-controls>div{pointer-events:auto}.sound-controls,.midi-controls{align-items:center;gap:8px;display:flex}.performance-controls .glass-content{min-height:48px}.performance-controls .nav-control{gap:9px;min-height:48px;padding:7px 12px}.performance-controls .instrument-select{min-width:190px}.performance-controls .numeric-control{min-width:92px}.control-copy{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.control-copy small{letter-spacing:.7px;text-transform:uppercase;color:var(--secondary);font-size:9px;font-weight:500;line-height:1}.control-copy strong{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:14px;font-weight:550;line-height:1.2;overflow:hidden}.performance-controls .effect-toggle{gap:7px;padding-inline:12px;font-size:11px}.midi-trigger{max-width:230px}.glass-surface>.glass-backdrop,.chat-collapse>.glass-backdrop{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.glass-surface>.glass-backdrop,.chat-collapse>.glass-backdrop{background:color-mix(in srgb,var(--surface) 85%,transparent)}}.glass-surface>.glass-backdrop,.chat-collapse>.glass-backdrop{box-shadow:inset 0 1px 2px var(--control),inset 0 -1px 2px #00000038,0 2px 5px #00000012}.player-chip{box-shadow:inset 0 1px 1px var(--border),inset 0 -1px 2px #00000040}.player-chip>.badge-tint{border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,var(--player-color),var(--player-color) 85%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.player-chip>.badge-tint{background:linear-gradient(125deg,color-mix(in srgb,var(--player-color) 30%,transparent),color-mix(in srgb,var(--player-color) 10%,transparent) 85%)}}.player-chip>.badge-tint{box-shadow:inset 0 1px 1px var(--border),inset 0 -1px 1px #00000024}.player-chip:hover{background:var(--hover)}.chat-shell{opacity:1;min-width:0;min-height:0;transition:opacity .2s;overflow:hidden}.chat-collapsed{--chat-width:0px;column-gap:0}.chat-collapsed .chat-shell{opacity:0;pointer-events:none}.message-list{flex-direction:column;justify-content:flex-end;min-height:100%;display:flex}.chat-notice{color:var(--secondary);text-align:center;padding:3px 0;font-size:13px;font-weight:400;line-height:1.5;animation:.2s panel-enter}.chat-message{animation:.18s ease-out panel-enter}.player-chip:active:not(:disabled){transform:none}.player-chip .afk-symbol{opacity:.5;align-items:flex-end;gap:0;font-family:monospace;font-weight:600;line-height:1;display:inline-flex;overflow:visible}.afk-symbol>:first-child{font-size:10px;transform:translateY(2px)rotate(-6deg)}.afk-symbol>:last-child{font-size:12px;transform:translateY(-4px)rotate(10deg)}.room-option.lobby-option,.room-option.lobby-option small{color:var(--lobby)}.room-option[aria-pressed=true]{background:var(--accent-soft)}.room-option{min-height:42px;font-weight:550}.create-room{color:var(--secondary);justify-content:space-between;padding:12px 11px 7px;font-size:13px;display:flex}.room-option svg{flex-shrink:0}.color-input{background:var(--control);border-radius:7px;align-items:center;gap:8px;padding-right:8px;display:flex}.color-input>input[type=text],.color-input>input:not([type]){background:0 0;flex:1}.color-input input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:4px;width:28px;height:26px;padding:0;overflow:hidden}.color-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.stepper .unit{color:var(--secondary);font-size:12px}.glass-popover[data-state=closed]{animation:.12s ease-in popover-exit}.modal[data-state=closed]{animation:.16s ease-in modal-exit}[data-slot=dialog-overlay][data-state=closed]{animation:.16s ease-in overlay-exit}.setting-reveal{animation:.18s ease-out panel-enter}@keyframes popover-exit{to{opacity:0;transform:translateY(3px)scale(.98)}}@keyframes modal-exit{to{opacity:0;transform:translate(-50%,-49%)scale(.98)}}@keyframes overlay-exit{to{opacity:0}}.players{scrollbar-width:none;overflow-x:hidden}.players::-webkit-scrollbar{display:none}.remote-cursor{opacity:.55}.remote-cursor>span{background:var(--raised)}.room-list{flex-direction:column;gap:4px;display:flex}.menu-divider{background:var(--border);height:1px;margin:8px 4px}.create-room{border-radius:6px;margin-top:0;padding:9px 11px}.menu-action{min-height:42px;font-size:14px}.player-popover{width:260px;padding:16px}.player-popover>strong{font-size:16px;font-weight:550}.profile-panel{width:min(360px,100vw - 24px);font-size:14px}.profile-panel .modal-heading{padding:17px 17px 8px 20px}.profile-panel .modal-body{padding:0 20px 20px}.profile-panel .dialog-actions{margin-top:18px}.profile-panel .button{padding:8px 15px;font-size:14px}.host-button{color:var(--secondary);border-radius:5px;align-items:center;gap:6px;margin-left:auto;padding:6px;font-size:13px;display:flex}.host-button:hover{background:var(--control)}.host-popover{--surface:var(--raised);width:min(260px,100vw - 20px);max-height:var(--radix-popover-content-available-height);scrollbar-width:none;background:var(--raised);box-shadow:0 0 0 1px var(--secondary),var(--shadow);padding:10px;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.host-popover{box-shadow:0 0 0 1px color-mix(in srgb,var(--secondary) 22%,transparent),var(--shadow)}}.host-options{border:0;margin:0;padding:4px 0 0}.host-settings-controls{border:0;min-width:0;margin:0;padding:0}.host-settings-controls:disabled{opacity:.45}.host-settings-controls:disabled button:disabled,.host-settings-controls:disabled [data-slot=slider]{opacity:1}.setting-description{color:var(--secondary);margin-top:4px;font-size:12px;font-weight:400;line-height:1.35;display:block}.host-options .setting-row{gap:8px;min-height:46px;padding:4px 0;font-size:13px;line-height:1.3}.host-popover .setting-description{margin-top:2px;font-size:11px;line-height:1.4}.host-popover .privacy-options{gap:3px;padding:3px}.host-popover .privacy-options button{height:32px;min-height:32px;padding:6px}.host-popover .menu-divider{margin:6px 2px}.host-popover .menu-action{min-height:36px;padding:7px 6px;font-size:13px}.host-popover .room-capacity{padding:2px 0 10px}.host-popover .room-capacity>label{margin:3px 0 10px;font-size:12px}.host-soundfont{border-top:1px solid var(--border);gap:7px;margin:4px 0 8px;padding:10px 0 0;display:grid}.host-soundfont>label{font-size:13px;font-weight:550;line-height:1.3}.host-soundfont>.setting-description{margin:-4px 0 0}.host-soundfont [data-slot=select-trigger]{text-align:left;width:100%;max-width:none;height:34px;min-height:34px;padding:7px 10px;font-size:12px}.host-soundfont [data-slot=select-value]{text-overflow:ellipsis;overflow:hidden}.host-soundfont-options{width:var(--radix-select-trigger-width)}.host-soundfont-options [data-slot=select-item]{padding-block:8px;font-size:12px}@media(pointer:coarse){.host-popover .privacy-options button,.host-popover .menu-action,.host-soundfont [data-slot=select-trigger]{min-height:44px}}.room-chat-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:8px 12px 0;display:flex}.room-player-count{letter-spacing:.7px;text-transform:uppercase;color:var(--secondary);white-space:nowrap;align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.backrooms-trigger{color:var(--danger)}.room-chat-header .host-button{white-space:nowrap;font-size:12px;font-weight:550}.room-chat-header .host-button>svg{display:none}.room-chat-header+.players{padding-top:8px}.modal-heading [data-slot=dialog-title]{align-items:center;gap:10px;display:flex}.player-chip.is-muted{opacity:.48;filter:saturate(.4)}.player-chip.is-muted:hover{opacity:.65}.badge-mute{align-items:center;display:inline-flex}.toaster .information-toast[data-sonner-toast]{background:var(--surface);color:var(--text);border:1px solid #ffffff0e;border-radius:9px;gap:16px;padding:16px;font-family:Lexend Variable,sans-serif}.toaster .information-toast[data-sonner-toast] [data-description]{color:var(--secondary);font-size:14px;line-height:1.5}.toaster .information-toast[data-sonner-toast] [data-title]{font-size:14px;font-weight:550}.toaster[data-sonner-toaster]{transition:transform .4s,bottom .2s}body:has(.loading-notice[data-state=open]) .toaster[data-sonner-toaster][data-y-position=bottom]{bottom:calc(var(--offset-bottom) + 100px)}.toaster[data-sonner-toaster][data-x-position=right] [data-sonner-toast]{transition:transform .24s cubic-bezier(.4,0,1,1),opacity .24s,height .24s,box-shadow .2s}.toaster[data-sonner-toaster][data-x-position=right] [data-sonner-toast][data-mounted=false]{transform:translate(calc(100% + 20px))}.toaster[data-sonner-toaster][data-x-position=right] [data-sonner-toast][data-removed=true]{transform:var(--y) translate(calc(100% + 20px));opacity:0;pointer-events:none;transition:transform .24s cubic-bezier(.4,0,1,1),opacity .24s;animation:none}.toaster[data-sonner-toaster][data-x-position=right] [data-sonner-toast][data-removed=true][data-front=true]{--y:translateY(0)}.toaster[data-sonner-toaster][data-x-position=right] [data-sonner-toast][data-removed=true][data-front=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)))}.toaster[data-sonner-toaster][data-x-position=right] [data-sonner-toast][data-removed=true][data-front=false][data-expanded=false]{--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)))}.information-toast[data-sonner-toast]{cursor:pointer;overflow:hidden}.toast-timer{background:var(--accent);transform-origin:0;height:2px;animation:4s linear forwards toast-countdown;position:absolute;inset:auto 0 0}[data-sonner-toaster]:hover .toast-timer,[data-sonner-toaster]:focus-within .toast-timer{animation-play-state:paused}@keyframes toast-countdown{to{transform:scaleX(0)}}.room-capacity{padding:6px 0 14px}.room-capacity>label{margin:5px 0 14px;font-size:13px;display:block}.privacy-options{background:var(--inset);border-radius:8px;gap:4px;padding:4px;display:flex}.privacy-options button{color:var(--secondary);border-radius:5px;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:13px;display:flex}.privacy-options button[aria-pressed=true]{background:var(--accent-soft);color:var(--text)}.host-popover .menu-action>span{text-align:left;flex:1}.blocked-list{color:var(--secondary);padding:6px;font-size:13px}.blocked-list>div{justify-content:space-between;align-items:center;gap:10px;display:flex}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--raised);color:var(--text);box-shadow:0 0 0 1px var(--border),0 4px 12px #0004;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:40;border-radius:5px;padding:7px 9px;font:12px/1.2 Lexend Variable,sans-serif;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-3px)}[data-tooltip]:hover:after{opacity:1;visibility:visible;transition-delay:.35s;transform:translate(-50%)}.settings-button[data-tooltip]:after{left:auto;right:0;transform:translateY(-3px)}.settings-button[data-tooltip]:hover:after{transform:translateY(0)}.community-buttons{flex-direction:column;gap:8px;margin:auto 2px 0;padding-top:18px;display:flex}.community-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 9px;font-size:12px;font-weight:550;text-decoration:none;display:flex;box-shadow:inset 0 1px 1px #ffffff24,inset 0 -1px 2px #00000040}.community-button.discord{color:#dddfff;background:linear-gradient(125deg,#5865f25c,#5865f21a);flex:1}.community-button.donate{color:#ffbec8;background:linear-gradient(125deg,#f16b8255,#f16b8218)}.community-button:hover{filter:brightness(1.13)}.modal{border:0;gap:0;max-width:none;padding:0;transition:none;translate:none}.settings-panel .modal-body{z-index:1;isolation:isolate}.loading-bars{flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:28px;height:28px;display:inline-flex}.loading-bars i{background:var(--accent);border-radius:4px;width:5px;height:17px;animation:.9s ease-in-out infinite loading-bar;display:block}.loading-bars i:nth-child(2){animation-delay:.15s}.loading-bars i:nth-child(3){animation-delay:.3s}@keyframes loading-bar{0%,to{opacity:.55;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.modal>.glass-backdrop{border-radius:inherit!important}[data-slot=dialog-overlay]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.icon-button,.chat-collapse,.send-button{padding:0}[data-slot=button]{line-height:1.3}[data-slot=button]:focus-visible,[data-slot=input]:focus-visible{--tw-ring-shadow:0 0 transparent;--tw-ring-offset-shadow:0 0 transparent}[data-slot=label]{font-weight:450}[data-slot=input]{box-shadow:none;font-size:14px}[data-slot=popover-content]{border:0}[data-slot=slider]{flex-shrink:0;width:125px;min-width:0;height:24px}[data-slot=slider-track]{background:var(--track);height:6px}[data-slot=slider-range]{background:var(--accent)}[data-slot=slider-thumb]{background:var(--thumb);border:0;border-radius:3px;outline:none;width:8px;height:18px;box-shadow:inset 0 1px 1px #fff5,0 1px 2px #0003}[data-slot=slider-thumb]:hover,[data-slot=slider-thumb]:focus-visible{box-shadow:inset 0 1px 1px #fff5,0 1px 2px #0003}[data-slot=select-trigger]{background:var(--control);min-height:36px;color:var(--text);box-shadow:none;border:0;border-radius:7px;max-width:195px;padding:8px 10px;font-size:14px}[data-slot=select-content]{z-index:60;background:var(--raised);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text);box-shadow:0 0 0 1px var(--border),var(--shadow);border:0;border-radius:9px;animation:.17s ease-out popover-enter}[data-slot=select-item]{padding-block:10px;font-size:14px}[data-slot=select-item][data-highlighted]{background:var(--accent-soft)}[data-slot=select-content][data-state=closed]{animation:.12s ease-in popover-exit}[data-slot=tooltip-content]{z-index:70;background:var(--raised);color:var(--text);box-shadow:0 0 0 1px var(--border),0 4px 12px #0004;border-radius:6px;padding:7px 10px;font-size:12px;line-height:1.3;animation:.15s ease-out popover-enter}[data-slot=tooltip-content]>svg{display:none}.settings-tabs-root{display:contents}.settings-tabs{background:0 0;align-items:stretch;width:100%;padding:0}.settings-tabs button{flex:initial;width:100%;height:44px;box-shadow:none;justify-content:flex-start}.settings-label{font-size:13px}.settings-content{flex:initial}.settings-content[data-state=inactive]{display:none}.settings-panel .setting-row,.settings-panel .setting-row label,.settings-panel .setting-row output,.settings-panel .stepper input,.settings-panel .unit{color:var(--text);font-size:14px;font-weight:450}.community-button{width:100%;flex:none!important}.role-tag{color:inherit;background:var(--player-color);border:0;border-radius:3px;padding:3px 4px;font-size:9px;line-height:1}@supports (color:color-mix(in lab,red,red)){.role-tag{background:color-mix(in srgb,var(--player-color) 25%,transparent)}}.role-tag{letter-spacing:.4px}.role-tag.dev-tag{color:#ffd6db;background:#e6819930}.guest-chip{color:var(--guest-text,#d2d3dc);background-color:var(--guest-bg,#35363f);background-image:repeating-linear-gradient(135deg,transparent 0 6px,var(--guest-stripe,var(--control)) 6px 11px);box-shadow:inset 0 1px 1px var(--border),inset 0 -1px 1px #00000020}.guest-chip:hover{background-color:var(--guest-hover,#3d3e48)}.player-chip.guest-chip,.player-chip.guest-chip:hover,.player-chip.guest-chip[data-state=open]{background-image:repeating-linear-gradient(135deg,transparent 0 6px,var(--guest-stripe,var(--control)) 6px 11px)}.player-chip:hover,.player-chip:focus-visible,.player-chip[data-state=open]{box-shadow:inset 0 1px 1px var(--border),inset 0 -1px 2px #00000040,0 0 0 1px var(--player-color)}@supports (color:color-mix(in lab,red,red)){.player-chip:hover,.player-chip:focus-visible,.player-chip[data-state=open]{box-shadow:inset 0 1px 1px var(--border),inset 0 -1px 2px #00000040,0 0 0 1px color-mix(in srgb,var(--player-color) 80%,var(--text))}}.player-name:hover,.player-name:focus-visible{background:var(--player-color)}@supports (color:color-mix(in lab,red,red)){.player-name:hover,.player-name:focus-visible{background:color-mix(in srgb,var(--player-color) 14%,transparent)}}.player-name:hover,.player-name:focus-visible{box-shadow:0 0 0 1px var(--player-color)}@supports (color:color-mix(in lab,red,red)){.player-name:hover,.player-name:focus-visible{box-shadow:0 0 0 1px color-mix(in srgb,var(--player-color) 65%,transparent)}}.notice-panel{width:min(380px,100vw - 24px)}.notice-panel .modal-body>p{color:var(--secondary);font-size:14px;line-height:1.6}.guest-chip .glass-backdrop{opacity:.5}.guest-chip .role-tag{background:var(--border)}.danger-text,.danger-text svg{color:var(--danger)}.button.danger{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.button.danger{background:color-mix(in srgb,var(--danger) 18%,transparent)}}.button.danger{color:var(--danger)}.chat-messages::-webkit-scrollbar{display:none}.send-button,.send-button:disabled{box-shadow:none;color:var(--secondary);background:0 0}.send-button:hover:not(:disabled){color:var(--text);box-shadow:none;background:0 0}.account-button{height:34px;color:var(--secondary);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;display:flex}.account-button:hover{background:var(--hover)}.header-volume [data-slot=slider]{width:128px}.duration-field{gap:10px;display:flex}.duration-field input{flex:1;width:100px}.login-providers{flex-direction:column;gap:10px;padding-top:4px;display:flex}.login-provider{border-radius:7px;gap:9px;width:100%;height:42px;font-size:14px;font-weight:550}.login-provider.discord{color:#fff;background:#5865f2}.login-provider.google{color:#30313b;background:#f6f6f9}.login-provider:hover{filter:brightness(1.08)}.loading-notice{z-index:6;background:var(--surface);width:min(310px,100% - 24px);box-shadow:0 0 0 1px var(--border);opacity:1;border-radius:9px;align-items:center;gap:13px;padding:16px;transition:opacity .24s,transform .24s cubic-bezier(.4,0,1,1);display:flex;position:absolute;bottom:12px;right:0;transform:translate(0)}.loading-notice>:not(.glass-backdrop){position:relative}.loading-notice{text-align:left}.loading-notice>.soundfont-notice-copy{flex-direction:column;gap:5px;font-size:14px;display:flex}.loading-notice strong{color:var(--text);font-weight:550}.loading-notice span{color:var(--secondary)}.loading-notice[data-state=open]{transition-timing-function:ease,cubic-bezier(.2,.8,.2,1)}.loading-notice[data-state=closed]{opacity:0;pointer-events:none;transform:translate(calc(100% + 20px))}@starting-style{.loading-notice[data-state=open]{opacity:0;transform:translate(calc(100% + 20px))}}.room-soundfont-notice{text-align:left;cursor:pointer;gap:11px;padding:13px}.room-soundfont-notice>svg{color:var(--secondary);flex-shrink:0}.room-soundfont-notice>.soundfont-notice-copy{flex-direction:column;gap:5px;min-width:0;font-size:13px;line-height:1.4;display:flex}.room-soundfont-notice strong{color:var(--text);font-size:13px}.room-soundfont-notice span{font-size:12px}.piano-scroll{position:relative}.piano-scroll:after{content:"";pointer-events:none;background:var(--page);opacity:0;z-index:4;transition:opacity .3s;position:absolute;inset:0}.piano-scroll.piano-loading:after{opacity:.68}@media(max-width:1120px){.performance-controls{flex-wrap:wrap}.sound-controls,.midi-controls{flex-wrap:wrap;min-width:0;max-width:100%}.midi-controls{margin-left:auto}.workspace{--sidebar-width:280px}}@media(max-width:700px){.app-header{gap:4px;height:46px;padding:4px 8px}.brand-room{gap:5px;height:34px}.top-controls{gap:5px}.top-controls>*{flex-shrink:0}.performance-controls{gap:8px;top:0;left:38px;right:0}.sound-controls{flex-wrap:wrap}.performance-controls .instrument-select{min-width:165px}.performance-controls .nav-control,.performance-controls .glass-content{min-height:42px}.brand-name{font-size:16px}.room-trigger{padding-inline:5px;font-size:16px}.instrument-select{min-width:155px}.workspace{--sidebar-width:min(300px, calc(100vw - 52px) );padding:8px;display:flex}.chat-shell{z-index:8;width:var(--sidebar-width);transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s;position:absolute;top:8px;bottom:8px;left:8px;transform:translate(0)}.chat-panel{background:var(--surface)}.chat-collapsed .chat-shell{transform:translate(calc(-100% - 12px))}.chat-collapse{z-index:9;width:30px;height:42px;top:8px}.chat-open .chat-collapse{left:calc(var(--sidebar-width) + 16px)}.chat-collapsed .chat-collapse{left:8px}:root{--keyboard-height:clamp(160px,29dvh,245px)}.piano-stage{width:100%}.chat-message{font-size:14px}.compose-field input{font-size:16px}.modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.modal-heading{padding:16px 16px 12px 20px}.modal-body{padding-inline:20px}.settings-panel{--settings-nav:54px;height:min(540px,100dvh - 24px)}.settings-panel .modal-heading{padding-left:16px}.settings-content{padding-inline:16px}.settings-sidebar{padding-inline:5px}.settings-label,.settings-tabs button span{display:none}.settings-tabs button{padding:13px}.community-buttons{flex-direction:column}.community-button span{display:none}.setting-row{gap:10px;min-height:50px}.setting-row select{max-width:160px}.range-control [data-slot=slider]{width:85px}.header-volume [data-slot=slider]{width:88px}.menu-action,.room-option,.sound-option{min-height:44px}}@media(max-height:600px)and (min-width:701px){:root{--keyboard-height:150px}}@media(prefers-reduced-motion:reduce){.brand-shine{opacity:0;animation:none}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:active:not(:disabled),.button:active{transform:none}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass-backdrop{background:var(--surface)!important}.glass-backdrop .glass__warp{filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.chat-panel,.modal,.glass-popover{background:var(--surface)}}@media(forced-colors:active){.piano-key{forced-color-adjust:none}.switch[aria-checked=true]{background:highlight}}.settings-panel .setting-row{gap:16px;min-height:65px}.settings-panel .setting-row>label{min-width:0}.settings-panel .setting-row>label>span{display:block}.settings-panel .setting-description{font-size:12px;font-weight:400}.settings-tip{background:var(--control);color:var(--secondary);border-radius:7px;margin:10px 0;padding:12px;font-size:12px;line-height:1.75}kbd{border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:3px;padding:0 4px;font:500 10px/1.45 inherit;display:inline-block}.setting-disabled{opacity:.55}.settings-about{min-height:100%;color:var(--secondary);flex-direction:column;gap:18px;padding-top:10px;font-size:14px;line-height:1.7;display:flex}.about-links{gap:10px;margin-top:auto;padding-top:24px;display:flex}.connection-ping{color:var(--secondary);font-variant-numeric:tabular-nums;align-items:center;gap:7px;padding:0 9px 5px;font-size:12px;display:flex}.connection-ping i{background:var(--secondary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.connection-ping .good{background:var(--success)}.connection-ping .fair{background:var(--warning)}.connection-ping .poor{background:var(--danger)}.rules-button{height:34px;color:var(--secondary);border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:6px 10px;font-size:13px;display:inline-flex}.rules-button:hover{color:var(--text);background:var(--hover)}.rules-popover{width:min(330px,100vw - 24px);max-height:min(620px,var(--radix-popover-content-available-height));scrollbar-width:thin;padding:18px;overflow-y:auto}.rules-popover ol{margin:0;padding:0;list-style:none}.rules-popover li+li{margin-top:20px}.rules-popover strong{color:var(--text);margin-bottom:5px;font-size:14px;font-weight:600;display:block}.rules-popover p{color:var(--secondary);font-size:13px;line-height:1.6}[data-slot=select-label]{color:var(--secondary);font-size:11px}:root[data-blur=false] :is([data-slot=dialog-overlay],.modal,.glass-popover,[data-slot=select-content],.player-chip,.remote-cursor>span,.community-button){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}:root[data-blur=false] .glass-backdrop .glass__warp{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}:root[data-color-scheme=light] .community-button.donate{color:#953e54}:root[data-color-scheme=light] .community-button.discord{color:#3f49ac}:root[data-color-scheme=light] .role-tag.dev-tag{color:#92344b}:root[data-color-scheme=light] .brand{text-shadow:none}@media(max-width:700px){.rules-button{width:30px;padding:4px}.top-controls .header-volume [data-slot=slider]{width:64px}.brand-name{display:none}.settings-panel .setting-row{flex-wrap:wrap;gap:9px;padding-block:9px}.settings-panel .setting-row>label{min-width:100px}.settings-panel .setting-row [data-slot=select-trigger]{max-width:155px}.connection-ping{flex-wrap:wrap;justify-content:center;gap:3px;padding:0 0 4px;font-size:10px}.connection-ping .ping-unit{display:none}.settings-sidebar{scrollbar-width:none;padding-top:16px;overflow-y:auto}}.chat-mention{background:var(--control-hover);color:var(--text);border-radius:4px;padding:1px 4px;font-weight:550;display:inline}.chat-mention.mention-self{background:var(--accent-soft);color:var(--accent)}.chat-message.mentions-you{background:var(--accent-soft);border-radius:5px;margin-inline:-6px;padding-inline:6px}.chat-compose{position:relative}.mention-suggestions{background:var(--raised);color:var(--text);box-shadow:var(--shadow);z-index:4;border-radius:8px;padding:5px;position:absolute;bottom:calc(100% - 4px);left:12px;right:12px}.mention-suggestions [role=option]{border-radius:5px;justify-content:space-between;gap:8px;width:100%;min-height:38px;padding:8px;font-size:13px;display:flex}.mention-suggestions [role=option][aria-selected=true],.mention-suggestions [role=option]:hover{background:var(--accent-soft)}.mention-suggestions [role=option] span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-suggestions small{color:var(--secondary);font-size:10px}.rules-anchor{pointer-events:none;width:0;height:0;position:fixed;top:48px;right:12px}@media(max-width:700px){.rules-anchor{top:42px}}.top-donate{color:var(--danger)}.top-donate:hover{background:var(--hover)}.donate-panel .modal-body{flex-direction:column;gap:18px;display:flex}.donate-description{color:var(--secondary);font-size:13px;line-height:1.6}.donate-minimum{background:var(--control);border-radius:9px;padding:12px 14px;font-size:13px;line-height:1.6}.donate-minimum strong{color:var(--accent);font-weight:600}.donate-perks{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.donate-perks li{align-items:flex-start;gap:12px;display:flex}.donate-perks li>svg{color:var(--accent);flex-shrink:0;margin-top:3px}.donate-perks strong{font-size:13px;font-weight:600}.donate-perk-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.donate-perks p{color:var(--secondary);margin-top:3px;font-size:12px;line-height:1.5}.donate-actions{text-align:center;flex-direction:column;gap:8px;display:flex}.donate-actions .button{width:100%;min-height:42px}.role-tag.mod-tag{color:var(--accent);background:var(--accent-soft)}@media(max-width:440px){.header-volume [data-slot=slider]{display:none}}.login-panel{width:min(380px,100vw - 24px)}.login-panel .modal-heading{padding:20px 20px 16px 26px}.login-panel .modal-body{padding-top:3px}.auth-form{flex-direction:column;gap:15px;display:flex}.auth-form label{color:var(--secondary);margin-bottom:6px;font-size:13px;display:block}.auth-form input{width:100%}.auth-field-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.auth-link{height:auto;color:var(--accent);background:0 0;padding:0;font-size:12px;display:inline}.auth-link:hover{text-decoration:underline}.auth-submit,.resend-button{width:100%;margin-top:3px}.resend-button{margin-top:10px}.auth-back{margin:14px auto 0;display:block}.auth-switch{text-align:center;color:var(--secondary);margin:14px 0 0;font-size:12px}.auth-divider{text-align:center;color:var(--secondary);align-items:center;gap:12px;margin:22px 0 16px;font-size:11px;display:flex;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-legal{color:var(--secondary);text-align:center;margin-top:16px;font-size:11px;line-height:1.6}.auth-legal a{color:var(--accent);text-decoration:none}.auth-legal a:hover{text-decoration:underline}.verification-content{text-align:center;color:var(--secondary);flex-direction:column;gap:10px;font-size:13px;line-height:1.6;display:flex}.verification-content strong{color:var(--text);overflow-wrap:anywhere}.verification-content [data-slot=input-otp-group]{justify-content:center;gap:7px;width:100%;padding:12px 0}.verification-content [data-slot=input-otp-slot]{background:var(--control-hover);width:40px;height:48px;color:var(--text);box-shadow:none;border:0;border-radius:5px;font-size:20px}.verification-content [data-slot=input-otp-slot][data-active=true]{box-shadow:0 0 0 1px var(--accent)}.captcha{width:100%;min-width:0}.account-details{flex-direction:column;gap:17px;padding:2px 0 22px;display:flex}.account-details>strong{font-size:16px;font-weight:600;line-height:1.4}.account-details .user-id{margin:20px 0 0;font-size:13px}.account-details .user-id>div{min-height:38px}.login-panel .dialog-actions{margin-top:22px}.settings-about .about-links{flex-direction:column;align-items:flex-start;gap:8px}.settings-about .about-links a,.settings-about .about-links .contact-placeholder{color:var(--accent);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.settings-about .about-links a:hover{text-decoration:underline}.contact-placeholder{opacity:1}.legal-page{max-width:850px;color:var(--secondary);margin:0 auto;padding:40px 24px 64px;font-size:14px;line-height:1.8}.legal-back{margin-bottom:24px;text-decoration:none;display:inline-block}.legal-page article{background:var(--surface);border-radius:12px;padding:clamp(22px,5vw,48px)}.legal-page h1{color:var(--text);font-size:30px;font-weight:600;line-height:1.3}.legal-date{font-size:12px;margin:12px 0 26px!important}.legal-page h2{color:var(--text);margin:28px 0 8px;font-size:18px;font-weight:550}.legal-page p+p{margin-top:12px}.legal-page ol{padding-left:22px;list-style:decimal}.legal-page li{margin:8px 0}.legal-page footer{border-top:1px solid var(--border);margin-top:32px;padding-top:18px}.piano-app{isolation:isolate}.app-background{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.app-background img{object-fit:cover;opacity:.4;width:100%;height:100%}.background-settings{padding:6px 0 12px}.background-settings>label{color:var(--secondary);margin-bottom:8px;font-size:12px;display:block}.background-url{gap:8px;display:flex}.background-url input{flex:1;width:0;font-size:12px}.background-actions{align-items:center;gap:12px;margin:12px 0 8px;display:flex}.background-file{display:none}.background-settings .secondary{font-size:11px}.profile-name-row{align-items:center;gap:10px;display:flex}.profile-rank.role-tag{border-radius:4px;flex-shrink:0;padding:5px 7px;font-size:11px;line-height:1}.profile-rank.user-tag{color:var(--secondary);background:var(--control)}.account-details .dialog-actions{margin-top:16px}.settings-sidebar .settings-tabs{gap:4px}.settings-sidebar .settings-tabs button{height:40px}.user-id>div{flex:none;width:max-content;max-width:100%}.account-identity{flex-wrap:wrap;align-items:center;gap:10px;padding-top:4px;display:flex}.account-identity>strong{overflow-wrap:anywhere;font-size:16px;font-weight:600}.account-details .user-id{margin-top:0}.player-chip .role-tag{letter-spacing:.3px;height:14px;padding:0 4px;font-size:9px;line-height:1}.profile-editor .profile-name-row>input{flex:0 220px;width:220px;max-width:calc(100% - 52px)}.profile-editor .color-input{width:220px;max-width:100%}.mobile-account-icon{display:none}.chat-welcome{color:var(--secondary);opacity:.7;text-align:center;padding:10px 0 14px;font-size:13px;font-style:italic}.ban-details{border-top:1px solid var(--border);gap:12px;margin:20px 0 0;padding-top:17px;font-size:12px;line-height:1.6;display:grid}.ban-details>div{grid-template-columns:108px minmax(0,1fr);align-items:baseline;gap:14px;display:grid}.ban-details dt{color:var(--secondary)}.ban-details dd{color:var(--text);text-align:right;overflow-wrap:anywhere;margin:0;font-weight:500}.ban-details time span{color:var(--secondary);font-size:11px;font-weight:400;display:block}.ban-scope{margin-bottom:16px}.modal-body{overscroll-behavior:contain;min-height:0}.piano-app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(max-width:700px){.mobile-account-icon{display:block}.account-label{display:none}.top-controls .account-button{justify-content:center;align-items:center;width:32px;min-width:32px;height:34px;padding:0;display:inline-flex}.brand-room{overflow:hidden}.room-trigger{gap:5px}.top-controls{gap:3px}.chat-shell{bottom:calc(var(--keyboard-height) + 8px)}.settings-panel .setting-row{gap:9px;min-height:60px}.settings-content{padding-inline:12px}.settings-tip{padding:10px}.verification-content [data-slot=input-otp-slot]{width:clamp(26px,8vw,40px);height:44px}.verification-content [data-slot=input-otp-group]{gap:5px}.background-url{flex-wrap:wrap}.background-url input{min-width:110px}input:not([type=range]):not([type=color]){font-size:16px}.captcha{overflow:hidden}}@media(max-width:380px){.app-header{padding-inline:5px}.top-controls{gap:1px}.top-controls .icon-button{flex-basis:30px;width:30px}.room-trigger{padding-inline:4px;font-size:14px}.brand-icon{width:25px;height:25px}.modal-body{padding-inline:16px}}@media(pointer:coarse){.performance-controls .nav-control{min-height:42px}[data-slot=slider]{min-height:30px}}@media(max-height:500px){:root{--keyboard-height:clamp(100px,36dvh,160px)}.performance{min-height:0}.modal-heading{padding-block:10px}.settings-panel .modal-heading{height:48px}.settings-sidebar{padding-top:10px;padding-bottom:8px}.settings-label{padding-bottom:8px}.settings-sidebar .settings-tabs{gap:0}.settings-sidebar .settings-tabs button{height:34px;min-height:34px}.community-buttons{gap:4px;margin-top:10px}}.captcha>div{justify-content:center;display:flex}[data-color-scheme=light]{--donator-name-gradient:linear-gradient(100deg,#a8284d,#a44a17,#766300,#176e48,#245da4,#7342a7,#a12b78)}.rainbow-name{background-image:var(--donator-name-gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.donator-tag{color:var(--text);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.donator-tag{background:color-mix(in srgb,var(--accent) 28%,var(--surface))}}.note-trail.rainbow-trail{background:var(--donator-key-gradient)}.piano-key.rainbow-key .key-label{color:#20202a;text-shadow:0 1px 1px #ffffff70}@media(forced-colors:active){.rainbow-name{color:canvastext;-webkit-text-fill-color:CanvasText;background:0 0}.key-color{background:highlight!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}