@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/AtkinsonHyperlegible-Regular.ttf) format("truetype")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:block;src:url(/fonts/AtkinsonHyperlegible-Bold.ttf) format("truetype")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:400;font-display:block;src:url(/fonts/AtkinsonHyperlegible-Italic.ttf) format("truetype")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:700;font-display:block;src:url(/fonts/AtkinsonHyperlegible-BoldItalic.ttf) format("truetype")}:root{--font-ui: "Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;--font-lyrics: "Atkinson Hyperlegible", system-ui, sans-serif;--weight-regular: 400;--weight-bold: 700;--text-xs: clamp(11px, 10.5px + .15vw, 12px);--text-sm: clamp(13px, 12.5px + .15vw, 14px);--text-md: clamp(14px, 12.4px + .45vw, 17px);--text-lg: clamp(17px, 14.3px + .76vw, 22px);--text-xl: clamp(21px, 16.1px + 1.36vw, 30px);--text-2xl: 44px;--space-1: 4px;--space-2: 8px;--space-3: clamp(10px, 8.9px + .31vw, 12px);--space-4: clamp(12px, 9.8px + .61vw, 16px);--space-6: clamp(16px, 11.7px + 1.21vw, 24px);--space-8: clamp(20px, 13.5px + 1.82vw, 32px);--space-12: clamp(28px, 17.2px + 3.03vw, 48px);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--border: 1px solid var(--color-border);--target-min: clamp(44px, 41.8px + .61vw, 48px);--target-lg: clamp(50px, 46.7px + .91vw, 56px);--target-bar: clamp(48px, 43.6px + 1.21vw, 56px);--edge-tap-width: 15%;--shadow-page: 0 2px 14px rgba(0, 0, 0, .45);--shadow-pill: 0 1px 5px rgba(0, 0, 0, .5);--motion-fast: .12s;--motion-base: .15s}:root,[data-theme=dark]{color-scheme:dark;--color-bg: #0E1113;--color-surface: #161A1D;--color-surface-raised: #1E2429;--color-border: #2B3238;--color-border-strong: #3A434A;--color-text: #ECEFF1;--color-text-muted: #93A1A9;--color-text-disabled: #4E5A61;--color-accent: #7FBEEE;--color-accent-hover: #A8D4F5;--color-accent-soft: rgba(127, 190, 238, .12);--color-accent-contrast: #0B1116;--color-danger: #FF8A80;--color-warning: #FFB060;--color-success: #6FD39B}:root{--light-bg: #F7F9FA;--light-surface: #FFFFFF;--light-surface-raised: #EDF1F3;--light-border: #D3DBDF;--light-border-strong: #B4C0C6;--light-text: #0F1417;--light-text-muted: #5C6B74;--light-text-disabled: #A3B0B7;--light-accent: #1B6FB8;--light-accent-hover: #145791;--light-accent-soft: rgba(27, 111, 184, .1);--light-accent-contrast: #FFFFFF;--light-danger: #B3261E;--light-warning: #8A5A00;--light-success: #1E6B45}[data-theme=light]{color-scheme:light;--color-bg: var(--light-bg);--color-surface: var(--light-surface);--color-surface-raised: var(--light-surface-raised);--color-border: var(--light-border);--color-border-strong: var(--light-border-strong);--color-text: var(--light-text);--color-text-muted: var(--light-text-muted);--color-text-disabled: var(--light-text-disabled);--color-accent: var(--light-accent);--color-accent-hover: var(--light-accent-hover);--color-accent-soft: var(--light-accent-soft);--color-accent-contrast: var(--light-accent-contrast);--color-danger: var(--light-danger);--color-warning: var(--light-warning);--color-success: var(--light-success)}@media (prefers-color-scheme: light){[data-theme=auto]{color-scheme:light;--color-bg: var(--light-bg);--color-surface: var(--light-surface);--color-surface-raised: var(--light-surface-raised);--color-border: var(--light-border);--color-border-strong: var(--light-border-strong);--color-text: var(--light-text);--color-text-muted: var(--light-text-muted);--color-text-disabled: var(--light-text-disabled);--color-accent: var(--light-accent);--color-accent-hover: var(--light-accent-hover);--color-accent-soft: var(--light-accent-soft);--color-accent-contrast: var(--light-accent-contrast);--color-danger: var(--light-danger);--color-warning: var(--light-warning);--color-success: var(--light-success)}}:root{--overlay-pill-bg: rgba(14, 17, 19, .78);--overlay-pill-fg: #FFFFFF;--overlay-pill-ring: rgba(255, 255, 255, .4)}:root{--lyrics-color: var(--color-text)}[data-run-concert]{--lyrics-color: var(--color-text-muted)}[data-profile=rehearsal]{--brightness: 1}[data-profile=concert]{--brightness: .7;--motion-base: 0ms;--motion-fast: 0ms}[data-run-concert]{--target-min: 64px}@media (prefers-reduced-motion: reduce){:root{--motion-base: 0ms;--motion-fast: 0ms}}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-md);overscroll-behavior:none}#root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}[data-run]{user-select:none;-webkit-user-select:none}[data-run] input,[data-run] textarea{user-select:text;-webkit-user-select:text}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}select,input,textarea{appearance:none;-webkit-appearance:none;font-family:var(--font-ui);font-size:var(--text-md);color:var(--color-text)}button{appearance:none;-webkit-appearance:none;font-family:var(--font-ui);font-size:var(--text-md);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-height:var(--target-min);cursor:pointer;transition:background-color var(--motion-base),border-color var(--motion-base)}button:hover:not(:disabled){border-color:var(--color-border-strong)}button:disabled{color:var(--color-text-disabled);cursor:default}select{min-height:max(44px,var(--target-min));padding:0 34px 0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:right 15px center,right 10px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}select:focus{border-color:var(--color-accent);outline:none}input:not([type]),input[type=text],input[type=number],input[type=search],input[type=password],input[type=email],textarea{min-height:max(44px,var(--target-min));padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}textarea{padding:var(--space-2) var(--space-3);line-height:1.4}input:not([type]):focus,input[type=text]:focus,input[type=number]:focus,input[type=search]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus{border-color:var(--color-accent);outline:none}input[type=checkbox]{width:22px;height:22px;min-height:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;display:inline-grid;place-content:center;flex-shrink:0}input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox]:checked:after{content:"";width:6px;height:11px;margin-top:-2px;border:solid var(--color-accent-contrast);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}input[type=range]{height:28px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-pill);background:var(--color-border-strong)}input[type=range]::-moz-range-track{height:4px;border-radius:var(--radius-pill);background:var(--color-border-strong)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-8px;border:none;border-radius:50%;background:var(--color-accent)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:var(--color-accent)}input[type=file]{font-size:var(--text-sm);color:var(--color-text-muted)}input[type=file]::-webkit-file-upload-button,input[type=file]::file-selector-button{appearance:none;-webkit-appearance:none;min-height:40px;margin-right:var(--space-3);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target-min);padding:0 20px;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-md);line-height:1;cursor:pointer;transition:background-color var(--motion-base),border-color var(--motion-base),color var(--motion-base);white-space:nowrap}.btn:disabled{cursor:default;background:transparent;border-color:var(--color-border);color:var(--color-text-disabled)}.btn--lg{min-height:var(--target-lg)}.btn--icon{font-size:32px;line-height:1;padding:0 var(--space-3);min-width:var(--target-min)}.btn--lg.btn--icon{font-size:36px}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-bold)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--secondary{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-raised);border-color:var(--color-border-strong)}.btn--danger{background:transparent;border-color:var(--color-border);color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 10%,transparent);border-color:var(--color-danger)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:13.5px;color:var(--color-text-muted)}.field__control{min-height:48px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-md);transition:border-color var(--motion-base)}textarea.field__control{padding:var(--space-2) var(--space-3);min-height:96px;line-height:1.4;resize:vertical}.field__control:focus{border-color:var(--color-accent);outline:none}.field--invalid .field__label{color:var(--color-danger)}.field--invalid .field__control{border-color:var(--color-danger)}.segmented{display:inline-flex;overflow:hidden;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md)}.segmented__option{min-height:max(44px,var(--target-min));padding:0 var(--space-3);border:none;border-radius:0;background:transparent;color:var(--color-text-muted);font-family:var(--font-ui);font-size:var(--text-md);cursor:pointer;transition:background-color var(--motion-base),color var(--motion-base)}.segmented__option+.segmented__option{border-left:1px solid var(--color-border)}.segmented__option[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-bold)}.voicebtn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:clamp(76px,65px + 3vw,96px);min-height:var(--target-bar);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;transition:border-color var(--motion-base),opacity var(--motion-base)}.voicebtn:hover{border-color:var(--color-accent)}.voicebtn{align-items:center}.voicebtn__short{font-size:20px;font-weight:var(--weight-bold);line-height:1}.voicebtn__note{font-size:14px;color:var(--color-text-muted);line-height:1}.voicebtn--out{background:transparent;opacity:.6}.ensemble-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target-bar);padding:0 18px;border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--text-md);font-weight:var(--weight-bold);cursor:pointer;transition:background-color var(--motion-base),border-color var(--motion-base)}.ensemble-action:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.ensemble-action[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-contrast)}.ensemble-action:disabled{border-color:var(--color-border);background:transparent;color:var(--color-text-disabled);cursor:default}.ensemble-square{display:inline-flex;align-items:center;justify-content:center;min-width:var(--target-bar);min-height:var(--target-bar);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:var(--text-md);cursor:pointer;transition:background-color var(--motion-base),border-color var(--motion-base)}.ensemble-square:hover:not(:disabled){background:var(--color-surface-raised);border-color:var(--color-border-strong)}.ensemble-square:disabled{color:var(--color-text-disabled);cursor:default}.controlbar-pages{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.controlbar-pages::-webkit-scrollbar{display:none}.controlbar-page{flex:0 0 100%;width:100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;gap:var(--space-2);--target-bar: 38px;min-height:var(--target-bar);padding:0 var(--space-2)}.controls-compact{--target-bar: 38px}.controlbar-page .voicebtn,.controls-compact .voicebtn{min-width:clamp(44px,38px + 3vw,58px);padding:2px 6px;gap:0}.controlbar-page .voicebtn__short,.controls-compact .voicebtn__short{font-size:14px}.controlbar-page .voicebtn__note,.controls-compact .voicebtn__note{font-size:10px}.controlbar-page .ensemble-action,.controls-compact .ensemble-action{padding:0 10px;font-size:var(--text-sm);gap:4px}.controlbar-page .ensemble-square,.controls-compact .ensemble-square{min-width:38px;padding:0 8px;font-size:var(--text-sm)}.controlbar-page .transpose__btn,.controls-compact .transpose__btn{min-width:32px;min-height:32px;font-size:16px}.controlbar-page .transpose__value,.controls-compact .transpose__value{min-width:42px;font-size:14px}.controlbar-page .transpose-session,.controls-compact .transpose-session{min-height:32px;padding:0 8px;font-size:var(--text-xs)}.controlbar-dots{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-2);padding-top:var(--space-2)}.controlbar-pagetitle{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.controlbar-dotrow{display:flex;align-items:center;gap:6px}.controlbar-dot{width:6px;height:6px;border-radius:50%;background:var(--color-border-strong);transition:background-color var(--motion-base),transform var(--motion-base)}.controlbar-dot--active{background:var(--color-accent);transform:scale(1.3)}.transpose{display:inline-flex;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-pill);overflow:hidden}.transpose__btn{min-width:var(--target-bar);min-height:var(--target-bar);border:none;background:transparent;color:var(--color-text);font-size:22px;cursor:pointer;transition:background-color var(--motion-base)}.transpose__btn:hover:not(:disabled){background:var(--color-surface-raised)}.transpose__btn:disabled{color:var(--color-text-disabled);cursor:default}.transpose__value{display:inline-flex;align-items:center;justify-content:center;min-width:64px;font-size:20px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.transpose-session{display:inline-flex;align-items:center;gap:var(--space-2);min-height:max(44px,var(--target-min));padding:0 var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-warning) 10%,transparent);color:var(--color-warning);font-size:var(--text-sm);cursor:pointer}.listrow{display:flex;align-items:center;gap:var(--space-3);border-top:1px solid var(--color-border);border-left:3px solid transparent}.listrow--current{border-left-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 7%,transparent)}.listrow__main{flex:1;min-width:0;display:block;text-align:left;border:none;border-radius:0;background:transparent;min-height:64px;padding:14px 16px;cursor:pointer;transition:background-color var(--motion-base)}.listrow__main:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.listrow__title{font-size:18px;font-weight:var(--weight-bold)}.listrow__meta{font-size:var(--text-sm);color:var(--color-text-muted)}.listrow__sub{font-size:13.5px;color:var(--color-text-muted);margin-top:2px}.listrow__action{flex-shrink:0;padding-right:var(--space-3)}.space-card{outline:none}@media (hover: hover){.space-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}}.space-card:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.space-card:active{transform:translateY(0)}.notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;line-height:1.4}.notice__body{flex:1}.notice__title{font-size:18px;font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.notice--warning{border-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 8%,transparent);color:var(--color-text)}.notice--error{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 8%,transparent);color:var(--color-text)}.notice--empty{flex-direction:column;align-items:center;text-align:center;border-style:dashed;border-color:var(--color-border);color:var(--color-text-muted);gap:var(--space-4);padding:var(--space-8) var(--space-4)}.notice--loading{align-items:center;color:var(--color-text-muted)}.notice__spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:notice-spin .8s linear infinite;flex-shrink:0}@keyframes notice-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.notice__spinner{animation:none}}.piece-pictos{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);white-space:nowrap;line-height:1}.piece-pictos__item{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-sm);line-height:1}.piece-pictos__icon{display:inline-flex;align-items:center;line-height:1}.piece-pictos__count{font-variant-numeric:tabular-nums;line-height:1}.piece-pictos__dur-sub{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.piece-pictos__item--zero .piece-pictos__dur-sub{color:inherit}.piece-pictos__item--zero{color:var(--color-text-disabled)}.piece-pictos--inline{display:none}[data-device=mobile] .piece-pictos--inline{display:inline-flex}[data-device=mobile] .piece-pictos--column{display:none}.header-pill{display:inline-flex;align-items:center;min-height:38px;padding:4px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-md);cursor:pointer}.header-pill:hover{border-color:var(--color-border-strong)}.prog-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target-lg);padding:0 18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text);cursor:pointer;white-space:nowrap;flex-shrink:0}.prog-action--run{border-color:transparent;background:color-mix(in srgb,var(--color-accent) 16%,transparent);color:var(--color-accent);font-weight:600}.prog-action__icon{font-size:var(--text-lg);line-height:1}[data-device=mobile] .prog-action{padding:0;min-width:var(--target-lg)}[data-device=mobile] .prog-action__label{display:none}[data-device=mobile] .prog-action--run{padding:0 14px;min-width:0}[data-device=mobile] .prog-action--run .prog-action__label{display:inline}.run-topbar,.sheet-footer{--target-min: clamp(44px, 41.8px + .61vw, 48px)}