:root,[data-theme=personal],[data-theme=light]{color-scheme:light;--studio-teal: #3d8183;--teal-board: #0b5f69;--studio-teal-bright: #69928e;--deep-teal: #115961;--deepest-teal: #0b5f69;--seafoam: #a4c8bd;--paper-cream: #f8e9ca;--paper-white: #fceecf;--paper-edge: #e2d1b9;--paper-rule: #e7d8bc;--studio-pink: #ea5667;--pressed-pink: #d94761;--blush: #f5aba5;--mustard: #fbc551;--lilac: #b388ff;--coral: #d9825b;--plum: #8f5b84;--cobalt: #3967a8;--rose: #c95f78;--workspace-accent: var(--studio-pink);--teal-ink: #115961;--ink: #32585f;--muted-ink: #59716f;--ink-muted: var(--muted-ink);--brick: #c9514e;--fresh-teal: #2d9b8f;--sidebar-ink: #fceecf;--sidebar-muted: #c1d9ce;--sidebar-hover: #d5e7dd;--sidebar-active: #ea5667;--sidebar-rule: #ea5667;--color-primary: var(--studio-teal);--color-primary-strong: var(--deep-teal);--color-accent: var(--studio-pink);--color-accent-strong: var(--pressed-pink);--color-mustard: var(--mustard);--color-cream: var(--paper-cream);--color-cream-raised: var(--paper-white);--color-paper-line: var(--paper-edge);--bg: var(--studio-teal);--surface: var(--paper-cream);--surface-1: var(--paper-white);--surface-2: color-mix(in srgb, var(--paper-edge) 45%, var(--paper-cream));--surface-3: color-mix(in srgb, var(--seafoam) 13%, var(--paper-cream));--surface-hover: color-mix(in srgb, var(--seafoam) 17%, var(--paper-cream));--border: var(--paper-edge);--border-strong: color-mix(in srgb, var(--teal-ink) 28%, var(--paper-edge));--text: var(--ink);--text-strong: var(--teal-ink);--text-dim: var(--muted-ink);--muted: var(--muted-ink);--accent: var(--studio-pink);--error: var(--brick);--error-border: color-mix(in srgb, var(--brick) 45%, var(--paper-edge));--error-bg: color-mix(in srgb, var(--brick) 8%, var(--paper-cream));--success: var(--fresh-teal);--section-intro: #0b8c91;--section-verse: #0a9699;--section-prechorus: var(--lilac);--section-chorus: var(--studio-pink);--section-bridge: var(--mustard);--section-solo: var(--coral);--section-outro: #07868c;--radius-cell: 3px;--r-xs: 3px;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--radius-control: var(--r-sm);--control-radius: var(--radius-control);--radius-list: var(--r-sm);--radius-popover: var(--r-md);--radius-dialog: var(--r-lg);--radius-sheet: var(--r-lg);--radius-shell: var(--r-lg);--sheet-radius: var(--radius-sheet);--shadow-contact: 0 1px 0 rgba(78, 50, 28, .16), 0 3px 5px rgba(78, 50, 28, .1);--shadow-pressed: 0 1px 1px rgba(78, 50, 28, .12);--shadow-raised: none;--shadow-floating: 0 16px 34px rgba(43, 32, 20, .18), 0 2px 0 rgba(88, 62, 35, .09);--shadow-inset: inset 0 0 0 1px var(--paper-edge);--shadow-cutout: var(--shadow-contact);--shadow-popover: var(--shadow-floating);--shadow-dialog: var(--shadow-floating);--shadow-sheet: none;--shadow-paper-piece: none;--shadow-play-ring: 0 0 0 4px color-mix(in srgb, var(--studio-teal) 32%, transparent);--shadow-inline-edit: inset 0 0 0 2px var(--studio-pink);--shadow-inline-focus: inset 0 0 0 2px var(--studio-pink), 0 0 0 2px color-mix(in srgb, var(--paper-white) 72%, transparent);--shadow-section-selected: inset 0 0 0 2px var(--paper-white), var(--shadow-paper-piece);--shadow-1: none;--shadow-2: var(--shadow-floating);--shadow-3: var(--shadow-floating);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 48px;--font-rounded: ui-rounded, "SF Pro Rounded", "SF Compact Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Rounded", system-ui, sans-serif;--font-display: var(--font-rounded);--font-heading: var(--font-rounded);--font-ui: var(--font-rounded);--font-label: var(--font-rounded);--font-data: var(--font-text);--text-xs: clamp(.72rem, .7rem + .06vw, .78rem);--text-sm: clamp(.84rem, .8rem + .09vw, .92rem);--text-md: clamp(.96rem, .91rem + .11vw, 1.04rem);--text-lg: clamp(1.14rem, 1.04rem + .22vw, 1.3rem);--text-xl: clamp(1.64rem, 1.42rem + .5vw, 2rem);--text-display: clamp(3.3rem, 2.42rem + 2.2vw, 4.8rem);--material-paper: url(/materials/paper-stock-fibrous.webp);--material-board: url(/materials/teal-fibreboard.webp);--material-pigment-grain: url(/materials/pigment-grain.webp);--material-print-ink-mask: url(/materials/print-ink-mask.png);--material-ink-mask: url(/materials/ink-swatch-mask.png);--material-control-mask: url(/materials/control-edge-mask.png);--material-highlight: url(/materials/highlight-stroke.png);--material-rule-horizontal: url(/materials/print-rule-horizontal.png);--material-rule-teal-horizontal: url(/materials/print-rule-teal-horizontal.png);--material-rule-vertical: url(/materials/print-rule-vertical.png);--material-paper-edge-rule: url(/materials/paper-edge-rule.png);--texture-fibre: var(--material-paper);--texture-grain: var(--material-pigment-grain);--texture-paper: var(--material-paper);--paper-stock-texture: var(--material-paper);--paper-material: var(--material-paper);--pigment-material: var(--material-pigment-grain);--board-material: var(--material-board);--material-size: 720px 720px;--paper-texture-size: 720px 720px;--pigment-texture-size: 360px 160px;--board-texture-size: cover;--ease-print: cubic-bezier(.2, .78, .24, 1);--ease-press: cubic-bezier(.22, .68, .3, 1);--motion-fast: .13s;--motion-medium: .19s;--popup-background: var(--paper-white);--popup-opaque-background: var(--paper-white);--popup-border: var(--paper-edge);--popup-shadow: var(--shadow-floating);--popup-radius: var(--r-md);--popup-padding: var(--sp-2);--popup-gap: var(--sp-1);--popup-font-size: var(--text-sm);--popup-font-weight: 650;--popup-backdrop: none;--pink-wash: color-mix(in srgb, var(--blush) 22%, transparent);--nav-width: clamp(228px, 19.8vw, 284px);--arrangement-nav-width: 218px;--topbar-height: clamp(92px, 13.5vh, 120px);--topbar-h: var(--topbar-height);--bottom-nav-h: 62px;--bottom-nav-height: var(--bottom-nav-h);--focus-ring: 3px solid var(--studio-pink);--focus-offset: 2px;--bar-width: 20px;--bar-gap: 0px;--section-radius: 5px;--section-alpha: .92}[data-theme=band]{color-scheme:light;--focus-ring: 3px solid var(--workspace-accent)}.material-board{background-color:var(--deep-teal);background-image:var(--material-board);background-position:center;background-repeat:repeat;background-size:var(--board-texture-size);background-attachment:scroll}.material-sheet,.paper-material{background-color:var(--paper-white);background-image:var(--material-paper);background-position:top left;background-repeat:repeat;background-size:var(--paper-texture-size);background-attachment:scroll}.printed-ink{-webkit-mask-image:var(--material-print-ink-mask);mask-image:var(--material-print-ink-mask);-webkit-mask-position:left top;mask-position:left top;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--pigment-texture-size);mask-size:var(--pigment-texture-size)}.attached-label{position:relative;isolation:isolate;background-image:var(--material-pigment-grain);background-position:left top;background-repeat:repeat;background-size:var(--pigment-texture-size);background-attachment:scroll;background-blend-mode:multiply;border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 1px rgba(78,50,28,.2));-webkit-mask:var(--material-control-mask) center / 100% 100% no-repeat;mask:var(--material-control-mask) center / 100% 100% no-repeat;transform:translateZ(0);transition:color var(--motion-fast) var(--ease-print),background-color var(--motion-fast) var(--ease-print),filter var(--motion-fast) var(--ease-press),transform var(--motion-fast) var(--ease-press)}.attached-label:after{content:none}.attached-label:hover{filter:saturate(1.035) contrast(1.02) drop-shadow(0 2px 1px rgba(78,50,28,.2))}.attached-label:active{filter:drop-shadow(0 1px 0 rgba(78,50,28,.18));transform:translateY(1px) scale(.995)}.attached-label:focus-visible{outline:2px solid var(--deep-teal);outline-offset:3px;filter:drop-shadow(0 0 0 var(--paper-white)) drop-shadow(0 2px 1px rgba(78,50,28,.2))}.ink-wash{position:relative;isolation:isolate}.ink-wash:before{content:"";position:absolute;z-index:-1;top:-.2em;right:-.44em;bottom:-.2em;left:-.44em;pointer-events:none;background-color:var(--wash-color, var(--seafoam));background-image:var(--material-pigment-grain);background-position:left center;background-repeat:repeat;background-size:var(--pigment-texture-size);background-attachment:scroll;background-blend-mode:multiply;opacity:var(--wash-opacity, .64);-webkit-mask:var(--material-ink-mask) center / 100% 100% no-repeat;mask:var(--material-ink-mask) center / 100% 100% no-repeat}.wash-mustard{--wash-color: var(--mustard);--wash-opacity: 1}.wash-mustard:before{top:-.28em;right:-.58em;bottom:-.28em;left:-.58em;background-color:transparent;background-image:var(--material-highlight);background-position:center;background-repeat:no-repeat;background-size:100% 100%;opacity:1;-webkit-mask:none;mask:none}.wash-seafoam{--wash-color: var(--seafoam);--wash-opacity: .74}.wash-pink{--wash-color: var(--blush);--wash-opacity: .7}.printed-link{position:relative;color:var(--pressed-pink);font-family:var(--font-label);font-weight:760;text-decoration:none;transition:color var(--motion-fast) var(--ease-print)}.printed-link:after{content:"";position:absolute;right:0;bottom:-.14em;left:0;height:4px;background:var(--material-rule-horizontal) center / 100% 100% no-repeat;opacity:0;transform:scaleX(.66);transform-origin:left;transition:opacity var(--motion-fast) var(--ease-print),transform var(--motion-medium) var(--ease-print)}.printed-link:hover{color:var(--deep-teal)}.printed-link:hover:after,.printed-link:focus-visible:after{opacity:.92;transform:scaleX(1)}.printed-link.ruled-link:after{opacity:.92;transform:scaleX(1)}@media (prefers-reduced-motion: reduce){.attached-label,.printed-link,.printed-link:after{transition-duration:.01ms}}:where(.popup-surface){color:var(--ink);background-color:var(--paper-white);background-image:var(--paper-stock-texture);background-position:left top;background-repeat:repeat;background-size:var(--paper-texture-size);background-attachment:local;border:1px solid color-mix(in srgb,var(--teal-ink) 15%,var(--paper-edge));border-radius:var(--radius-popover);box-shadow:var(--shadow-popover);font-family:var(--font-ui);font-size:var(--text-sm);line-height:1.35}.popup-menu{display:grid;gap:.15rem;min-width:12rem;max-width:min(20rem,calc(100vw - 1.5rem));padding:var(--sp-2);overflow:auto;overscroll-behavior:contain;word-break:normal}.popup-menu.popup-fixed{position:fixed;z-index:1600}.popup-menu.popup-absolute{position:absolute;z-index:1480}.popup-menu .popup-menu-item,.popup-menu>button,.popup-menu>a{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:2.4rem;padding:0 var(--sp-3);border:0;border-radius:var(--radius-control);box-sizing:border-box;color:var(--ink);background:transparent;font:inherit;font-family:var(--font-label);font-weight:700;text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-print),color var(--motion-fast) var(--ease-print)}.popup-menu .popup-menu-item:hover,.popup-menu .popup-menu-item:focus-visible,.popup-menu>button:hover,.popup-menu>button:focus-visible,.popup-menu>a:hover,.popup-menu>a:focus-visible{color:var(--deep-teal);background-color:color-mix(in srgb,var(--seafoam) 52%,var(--paper-white));background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;outline:0}.popup-menu .popup-menu-item[aria-current=true],.popup-menu>button[aria-pressed=true]{color:var(--paper-white);background-color:var(--studio-teal);background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply}.popup-menu .popup-menu-item.danger,.popup-menu>.danger{color:var(--brick)}.popup-menu .popup-menu-item.danger:hover,.popup-menu .popup-menu-item.danger:focus-visible,.popup-menu>.danger:hover,.popup-menu>.danger:focus-visible{color:var(--brick);background-color:color-mix(in srgb,var(--brick) 12%,var(--paper-white));background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply}.popup-menu select,.popup-menu input,.popup-menu textarea{width:100%;min-height:2.5rem;padding:0 var(--sp-3);border:1px solid var(--paper-edge);border-radius:var(--radius-control);box-sizing:border-box;color:var(--ink);background-color:var(--paper-white);background-image:var(--material-paper);background-size:var(--paper-texture-size);background-attachment:scroll;font:inherit}.popup-menu textarea{min-height:5rem;padding-block:var(--sp-2);resize:vertical}.popup-menu select:focus-visible,.popup-menu input:focus-visible,.popup-menu textarea:focus-visible{border-color:transparent;outline:var(--focus-ring);outline-offset:var(--focus-offset)}.popup-menu-separator{height:4px;margin:var(--sp-1) var(--sp-2);background:var(--material-rule-teal-horizontal) center / 100% 100% no-repeat;opacity:.62}.popup-card{display:grid;gap:var(--sp-4);width:min(30rem,calc(100vw - 2rem));max-height:min(44rem,calc(100dvh - 2rem));padding:var(--sp-5);overflow:auto;overscroll-behavior:contain;border:0;border-radius:var(--radius-dialog);box-sizing:border-box;color:var(--ink);background-color:var(--paper-white);background-image:var(--paper-stock-texture);background-position:left top;background-repeat:repeat;background-size:var(--paper-texture-size);background-attachment:local;box-shadow:var(--shadow-dialog)}.popup-card--wide{width:min(42rem,calc(100vw - 2rem))}.popup-card .form-group{display:grid;gap:var(--sp-1)}.popup-card label{color:var(--ink);font-size:.85rem;font-family:var(--font-label);font-weight:740}.popup-card .form-group input,.popup-card .form-group select,.popup-card .form-group textarea{width:100%;min-height:2.65rem;padding:0 var(--sp-3);border:1px solid var(--paper-edge);border-radius:var(--radius-control);box-sizing:border-box;color:var(--ink);background-color:color-mix(in srgb,var(--paper-white) 86%,transparent);background-image:var(--material-paper);background-size:var(--paper-texture-size);background-attachment:scroll;font:inherit}.popup-card .form-group textarea{min-height:6rem;padding-block:var(--sp-2);resize:vertical}.popup-card .form-group input:focus-visible,.popup-card .form-group select:focus-visible,.popup-card .form-group textarea:focus-visible{border-color:transparent;outline:var(--focus-ring);outline-offset:var(--focus-offset)}.popup-card .modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-2)}@media (max-width: 640px){.popup-menu{max-width:calc(100vw - 1rem)}.popup-card,.popup-card--wide{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);padding:var(--sp-4)}}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--teal-board)}body{margin:0;color:var(--text);background-color:var(--deep-teal);background-image:var(--material-board);background-position:center;background-size:cover;background-attachment:scroll;font:500 var(--text-md)/1.34 var(--font-ui);letter-spacing:-.006em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true],[contenteditable=""]{-webkit-user-select:text;user-select:text}a{color:inherit}h1,h2,h3,h4,h5,h6{margin-block:0;color:var(--text-strong);font-family:var(--font-heading);font-weight:780;line-height:1.02;letter-spacing:-.025em;-webkit-mask-image:var(--material-print-ink-mask);mask-image:var(--material-print-ink-mask);-webkit-mask-position:left top;mask-position:left top;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--pigment-texture-size);mask-size:var(--pigment-texture-size)}h1{font-size:var(--text-xl);font-weight:820;letter-spacing:-.04em}h2{font-size:var(--text-lg);font-weight:780;letter-spacing:-.025em}h3{font-size:var(--text-md);font-weight:760;letter-spacing:-.018em}p{margin-block:0}.app-shell:not(.arrangement-route):not(.stage-route) .content h1:not(.no-auto-stop):after{content:".";display:inline-block;margin-left:.045em;color:var(--workspace-accent);text-shadow:.7px .4px color-mix(in srgb,var(--workspace-accent) 22%,transparent)}[data-theme=band] .app-shell:not(.arrangement-route):not(.stage-route) .content{border-left:5px solid color-mix(in srgb,var(--workspace-accent) 88%,transparent)}button,.button{min-height:36px;padding:.5rem .78rem;border:0;border-radius:var(--r-sm);color:var(--paper-white);background-color:var(--studio-teal);background-image:var(--material-pigment-grain);background-position:left top;background-repeat:repeat;background-size:var(--pigment-texture-size);background-attachment:scroll;background-blend-mode:multiply;font-family:var(--font-label);font-weight:740;line-height:1;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-print),color var(--motion-fast) var(--ease-print),box-shadow var(--motion-fast) var(--ease-press),transform var(--motion-fast) var(--ease-press)}button:hover,.button:hover{background-color:var(--deep-teal)}button:active,.button:active{background-color:var(--deepest-teal);transform:translateY(1px) scale(.995)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}button:disabled,.button[aria-disabled=true]{color:color-mix(in srgb,var(--muted-ink) 74%,var(--paper-cream));background-color:color-mix(in srgb,var(--paper-edge) 68%,var(--paper-cream));cursor:not-allowed}.btn-primary,.primary,.cta{background-color:var(--studio-teal);color:var(--paper-white)}.btn-accent,.accent,.play{background-color:var(--studio-pink);color:var(--paper-white)}.btn-ghost,.ghost,.secondary,.icon-button{color:var(--teal-ink);background-color:transparent;background-image:none}.btn-ghost:hover,.ghost:hover,.secondary:hover,.icon-button:hover{color:var(--deep-teal);background-color:color-mix(in srgb,var(--seafoam) 23%,transparent)}.btn-danger,.danger{color:var(--brick);background-color:transparent;background-image:none}.btn-danger:hover,.danger:hover{background-color:var(--brick);color:var(--paper-white)}input,textarea,select{min-height:38px;padding:.52rem .68rem;color:var(--ink);background-color:color-mix(in srgb,var(--paper-white) 82%,var(--paper-cream));background-image:var(--material-paper);background-position:left top;background-repeat:repeat;background-size:var(--paper-texture-size);background-attachment:scroll;border:1px solid color-mix(in srgb,var(--teal-ink) 22%,var(--paper-edge));border-bottom-width:2px;border-radius:var(--r-xs);transition:background-color var(--motion-fast) var(--ease-print),border-color var(--motion-fast) var(--ease-print),box-shadow var(--motion-fast) var(--ease-print)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;min-width:25px;height:25px;min-height:25px;margin:0;padding:0;color:var(--muted-ink);background:currentColor;background-image:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;opacity:.2;-webkit-mask:url(/icons/used-phosphor/check-fill.svg) center / contain no-repeat;mask:url(/icons/used-phosphor/check-fill.svg) center / contain no-repeat;transition:color .14s ease,opacity .14s ease,transform .14s ease}input[type=checkbox]:checked{color:var(--studio-teal);opacity:1}input[type=checkbox]:checked:active{transform:scale(.9) rotate(-2deg)}input[type=checkbox]:disabled{opacity:.12;cursor:not-allowed}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:28px;padding:0;background:transparent;border:0;box-shadow:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:5px;background-color:color-mix(in srgb,var(--studio-teal) 38%,var(--paper-edge));background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;border:0;border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5.5px;background-color:var(--studio-teal);background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;border:0;border-radius:50%;box-shadow:0 1px #4e321c2e;transition:transform var(--motion-fast) var(--ease-press)}input[type=range]::-moz-range-track{height:5px;background-color:color-mix(in srgb,var(--studio-teal) 38%,var(--paper-edge));background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;border:0;border-radius:999px}input[type=range]::-moz-range-progress{height:5px;background-color:var(--studio-pink);background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;border-radius:999px}input[type=range]::-moz-range-thumb{width:16px;height:16px;background-color:var(--studio-teal);background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;border:0;border-radius:50%;box-shadow:0 1px #4e321c2e;transition:transform var(--motion-fast) var(--ease-press)}input[type=range]:active::-webkit-slider-thumb,input[type=range]:active::-moz-range-thumb{transform:scale(.9)}button[aria-label^=Close]:not(.dialog-backdrop):not(.drawer-backdrop):not(.lyrics-dialog-backdrop),button[aria-label^=Dismiss]:not(.overlay-dismiss){width:38px;min-width:38px;min-height:38px;padding:0;color:var(--teal-ink);background:transparent;border:0;border-radius:0;box-shadow:none}button.close,button.close-dialog,button.close-strip,button.close-brush{width:38px;min-width:38px;min-height:38px;padding:0;color:var(--teal-ink);background:transparent;border:0;border-radius:0;box-shadow:none}button[aria-label^=Close]:not(.dialog-backdrop):not(.drawer-backdrop):not(.lyrics-dialog-backdrop):hover,button[aria-label^=Dismiss]:not(.overlay-dismiss):hover{color:var(--studio-pink);background:transparent}button[aria-label^=Close] .phosphor-icon,button[aria-label^=Dismiss] .phosphor-icon{width:19px!important;height:19px!important}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted-ink) 72%,var(--paper-cream))}input:focus,textarea:focus,select:focus{border-color:var(--pressed-pink);background-color:var(--paper-white);box-shadow:inset 0 -1px var(--pressed-pink)}label{color:var(--teal-ink);font-weight:700}.container{max-width:1320px;margin:0 auto;padding:clamp(10px,1.5vw,22px)}.paper-sheet{color:var(--ink);background-color:var(--paper-white);background-image:var(--material-paper);background-size:var(--paper-texture-size);background-attachment:scroll;border:0;border-radius:var(--r-lg)}.card,.panel,.group{color:var(--ink);background:transparent;border:0;border-radius:0;box-shadow:none}.item-card,.paper-piece{background-color:var(--paper-white);background-image:var(--material-paper);background-position:left top;background-repeat:repeat;background-size:var(--paper-texture-size);background-attachment:scroll;border:0;border-radius:var(--r-sm);box-shadow:var(--shadow-paper-piece)}.data,time,.bar-number,.timecode,.duration,.bpm{font-family:var(--font-data);font-variant-numeric:tabular-nums}.micro-label{color:var(--muted-ink);font-family:var(--font-label);font-size:var(--text-sm);font-weight:780;letter-spacing:.09em;text-transform:uppercase;-webkit-mask-image:var(--material-print-ink-mask);mask-image:var(--material-print-ink-mask);-webkit-mask-position:left top;mask-position:left top;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--pigment-texture-size);mask-size:var(--pigment-texture-size)}.text-muted{color:var(--muted-ink)}.mouse-gradient,.hover-gradient:before{display:none}.popup-surface,.popup-card,.sync-card,.notif-panel,.popup-menu{color:var(--ink);background-color:var(--paper-white);background-image:var(--material-paper);background-size:var(--paper-texture-size);background-attachment:local;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.skeleton{background-color:color-mix(in srgb,var(--paper-edge) 58%,var(--paper-cream));background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-blend-mode:multiply;animation:paper-pulse 1.2s ease-in-out infinite alternate}body .app-shell :is(.error,.dialog-error,.warnings,.no-playback,.failed-panel){background-image:var(--material-pigment-grain);background-size:var(--pigment-texture-size);background-attachment:scroll;background-blend-mode:multiply}@keyframes paper-pulse{to{background-color:color-mix(in srgb,var(--seafoam) 18%,var(--paper-cream))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 720px){:root{--sp-5: 16px;--sp-6: 22px;--sp-7: 28px}.container{padding:8px}}.display-type{font-family:var(--font-display);font-weight:820;letter-spacing:-.045em}.paper-surface{background-color:var(--paper-white);background-image:var(--material-paper);background-position:left top;background-repeat:repeat;background-size:var(--paper-texture-size);background-attachment:scroll}.teal-surface{background-color:var(--deep-teal);background-image:var(--material-board);background-size:cover;background-attachment:scroll}