@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Barlow+Condensed:wght@600;700;800&family=Barlow+Semi+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&family=Fredoka:wght@500;600;700&family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900&display=swap";:root,[data-theme=personal],[data-theme=light]{color-scheme:light;--studio-teal: #3d8183;--teal-board: #025c66;--studio-teal-bright: #69928e;--deep-teal: #115961;--deepest-teal: #025c66;--seafoam: #bbd9c7;--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;--teal-ink: #115961;--ink: #32585f;--muted-ink: #59716f;--ink-muted: var(--muted-ink);--brick: #c9514e;--fresh-teal: #2d9b8f;--sidebar-ink: #fceecf;--sidebar-muted: #bbd9c7;--sidebar-hover: #bbd9c7;--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-display: "Baloo 2", "Arial Rounded MT Bold", ui-rounded, sans-serif;--font-heading: "Barlow Condensed", "Arial Narrow", sans-serif;--font-ui: "Barlow Semi Condensed", "Avenir Next Condensed", "Arial Narrow", sans-serif;--font-data: var(--font-ui);--text-xs: clamp(.74rem, .71rem + .07vw, .8rem);--text-sm: clamp(.86rem, .81rem + .1vw, .94rem);--text-md: clamp(.98rem, .92rem + .12vw, 1.06rem);--text-lg: clamp(1.18rem, 1.06rem + .26vw, 1.36rem);--text-xl: clamp(1.72rem, 1.48rem + .58vw, 2.12rem);--text-display: clamp(3.55rem, 2.48rem + 2.5vw, 5rem);--material-paper: url(/materials/paper-stock-target.webp);--material-board: url(/materials/teal-fibreboard.webp);--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: none;--texture-grain: none;--texture-paper: var(--material-paper);--paper-stock-texture: var(--material-paper);--paper-material: none;--board-material: var(--material-board);--material-size: 720px 720px;--paper-texture-size: 720px 720px;--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: 284px;--arrangement-nav-width: 218px;--topbar-height: 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;--workspace-accent: var(--mustard);--focus-ring: 3px solid var(--mustard)}.material-board{background-color:var(--deep-teal);background-image:var(--material-board);background-position:center;background-size:var(--board-texture-size)}.material-sheet{background-color:var(--paper-white);background-image:var(--material-paper);background-position:top left;background-repeat:repeat;background-size:var(--paper-texture-size)}.attached-label{position:relative;isolation:isolate;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:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:color-mix(in srgb,var(--ink) 7%,transparent);opacity:.12;mix-blend-mode:multiply;-webkit-mask:var(--material-ink-mask) center / 100% 100% no-repeat;mask:var(--material-ink-mask) center / 100% 100% no-repeat}.attached-label>*{position:relative;z-index:1}.attached-label:hover{transform:translate3d(1px,0,0)}.attached-label:active{filter:drop-shadow(0 1px 0 rgba(78,50,28,.18));transform:translate3d(0,1px,0) 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:-.18em;right:-.42em;bottom:-.18em;left:-.42em;pointer-events:none;background:var(--wash-color, var(--seafoam));opacity:var(--wash-opacity, .58);-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: .52}.wash-pink{--wash-color: var(--blush);--wash-opacity: .55}.printed-link{position:relative;color:var(--pressed-pink);font-weight:850;text-decoration:none;transition:color var(--motion-fast) var(--ease-print),transform 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);transform:translate(1px)}.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-size:420px 420px;border:0;border-radius:var(--radius-popover);box-shadow:var(--shadow-popover);font-family:var(--font-ui);font-size:.9rem;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-weight:750;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .13s ease,color .13s ease}.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(--ink);background:color-mix(in srgb,var(--seafoam) 35%,var(--paper-white));outline:0}.popup-menu .popup-menu-item[aria-current=true],.popup-menu>button[aria-pressed=true]{color:var(--paper-white);background:var(--studio-teal)}.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-mix(in srgb,var(--brick) 12%,var(--paper-white))}.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:var(--paper-white);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:1px;margin:var(--sp-1) var(--sp-2);background:var(--paper-edge)}.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-size:420px 420px;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-weight:800}.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-mix(in srgb,var(--paper-white) 86%,transparent);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;font:500 var(--text-md)/1.34 var(--font-ui);letter-spacing:.002em;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:800;line-height:1;letter-spacing:.012em}h1{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:800;letter-spacing:.005em}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}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(--studio-pink);text-shadow:.7px .4px color-mix(in srgb,var(--pressed-pink) 22%,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);font-weight:750;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{background-color:transparent;color:var(--teal-ink)}.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{background-color:transparent;color:var(--brick)}.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-mix(in srgb,var(--paper-white) 82%,var(--paper-cream));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;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}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);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:none;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-heading);font-size:var(--text-sm);font-weight:800;letter-spacing:.105em;text-transform:uppercase}.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);border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.skeleton{background:color-mix(in srgb,var(--paper-edge) 58%,var(--paper-cream));animation:paper-pulse 1.2s ease-in-out infinite alternate}@keyframes paper-pulse{to{background: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:800;letter-spacing:-.045em}.paper-surface{background-color:transparent;background-image:none}.teal-surface{background-color:var(--deep-teal);background-image:var(--material-board);background-size:cover}