:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gap:10px;--radius:6px;--transition:.15s ease;--font:"Jost", sans-serif;--font-serif:"Arvo", serif;--dynamiques-color:#ffc000;--duree-color:#00b0f0;--formes-color:#7030a0;--intonation-color:#e53e3e;--motifs-color:#00b050;--timbre-color:#c05621;--graph-color:#718096;--color-bg:#12100e;--color-header:#000;--color-navy:#1c1815;--color-panel:#1a1613;--color-surface:#241f1a;--color-overlay:#000000a6;--color-heading:#f0ece6;--color-text:#cec7bd;--color-muted:#948c81;--color-border:#3a332c;--color-accent:#c20404;--color-accent-solid:var(--color-accent);--color-highlight:#c204042e;--color-item-hover:#ff6b5e;--btn-hover-bg:#ffffff12;--btn-hover-border:#ffffff4d;--timeline-height:16px;--timeline-cell-bg:#2c2621;--timeline-cell-border:#ffffff24;--timeline-cell-text:#cec7bd;--timeline-label-text:#f0ece6;--timeline-row-label:#ffffff8c;--timeline-current-page-bg:color-mix(in srgb, var(--color-accent) 40%, #1c1815)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f1ec;--color-navy:#e7e1d8;--color-panel:#fff;--color-surface:#ece6dd;--color-overlay:#0006;--color-heading:#1e1a16;--color-text:#423a32;--color-muted:#8a8073;--color-border:#d8d0c3;--color-accent:#b31217;--color-accent-solid:color-mix(in srgb, var(--color-accent) 78%, black);--color-highlight:#b312171a;--color-item-hover:#b31217;--btn-hover-bg:#b312170f;--btn-hover-border:#b31217;--timeline-cell-bg:#ffffffe6;--timeline-cell-border:#0000001f;--timeline-cell-text:#241f1a;--timeline-label-text:#241f1a;--timeline-row-label:#00000073;--timeline-current-page-bg:color-mix(in srgb, var(--color-accent) 35%, white)}*{box-sizing:border-box}html,body{background-color:var(--color-bg);height:100%;font-family:var(--font), serif;transition:background-color var(--transition), color var(--transition);margin:0;padding:0}h1,h2,h3{font-family:var(--font), serif;font-optical-sizing:auto;color:var(--color-heading);margin:0;font-style:normal;font-weight:500}div{font-family:var(--font), serif;font-optical-sizing:auto;font-style:normal;font-weight:300}button{font-family:var(--font), serif;font-optical-sizing:auto;text-transform:uppercase;font-style:normal;font-weight:600}.section{padding:0 12px}.section:has(>.panel-title){padding-top:1.75em}.section h2{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-top:0;padding:8px 0 4px;font-size:12px;font-weight:600}.draggable-section{background-color:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius);transition:background-color var(--transition), border-color var(--transition), box-shadow var(--transition)}.draggable-section:has(>.panel-title:hover){box-shadow:0 0 0 1px var(--color-border)}.pinned-section{z-index:50}.section-resize-handle{z-index:5;position:absolute}.section-resize-top,.section-resize-bottom{cursor:row-resize;height:16px;left:0;right:0}.section-resize-top{top:-8px}.section-resize-bottom{bottom:-8px}.section-resize-left,.section-resize-right{cursor:col-resize;width:16px;top:0;bottom:0}.section-resize-left{left:-8px}.section-resize-right{right:-8px}.section-resize-top:before,.section-resize-top:after,.section-resize-bottom:before,.section-resize-bottom:after{content:"";background:var(--color-accent-solid);opacity:0;width:20px;height:2px;transition:opacity var(--transition);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.section-resize-left:before,.section-resize-left:after,.section-resize-right:before,.section-resize-right:after{content:"";background:var(--color-accent-solid);opacity:0;width:2px;height:20px;transition:opacity var(--transition);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.section-resize-top:before{top:3px}.section-resize-top:after{top:13px}.section-resize-bottom:before{bottom:3px}.section-resize-bottom:after{bottom:13px}.section-resize-left:before{left:3px}.section-resize-left:after{left:13px}.section-resize-right:before{right:3px}.section-resize-right:after{right:13px}.section-resize-top:hover:before,.section-resize-top:hover:after,.section-resize-top.dragging:before,.section-resize-top.dragging:after,.section-resize-bottom:hover:before,.section-resize-bottom:hover:after,.section-resize-bottom.dragging:before,.section-resize-bottom.dragging:after,.section-resize-left:hover:before,.section-resize-left:hover:after,.section-resize-left.dragging:before,.section-resize-left.dragging:after,.section-resize-right:hover:before,.section-resize-right:hover:after,.section-resize-right.dragging:before,.section-resize-right.dragging:after{opacity:1}:is(.draggable-section:has(>.section-resize-top:hover),.draggable-section:has(>.section-resize-top.dragging)){box-shadow:inset 0 2px 0 0 var(--color-accent-solid)}:is(.draggable-section:has(>.section-resize-bottom:hover),.draggable-section:has(>.section-resize-bottom.dragging)){box-shadow:inset 0 -2px 0 0 var(--color-accent-solid)}:is(.draggable-section:has(>.section-resize-left:hover),.draggable-section:has(>.section-resize-left.dragging)){box-shadow:inset 2px 0 0 0 var(--color-accent-solid)}:is(.draggable-section:has(>.section-resize-right:hover),.draggable-section:has(>.section-resize-right.dragging)){box-shadow:inset -2px 0 0 0 var(--color-accent-solid)}.section-resize-top-left,.section-resize-top-right,.section-resize-bottom-right,.section-resize-bottom-left{z-index:6;width:24px;height:24px}.section-resize-top-left{cursor:nwse-resize;top:-8px;left:-8px}.section-resize-top-right{cursor:nesw-resize;top:-8px;right:-8px}.section-resize-bottom-right{cursor:nwse-resize;bottom:-8px;right:-8px}.section-resize-bottom-left{cursor:nesw-resize;bottom:-8px;left:-8px}.section-resize-corner-tick{background:var(--color-accent-solid);opacity:0;height:1.5px;transition:opacity var(--transition);pointer-events:none;position:absolute}.section-resize-top-left:hover .section-resize-corner-tick,.section-resize-top-left.dragging .section-resize-corner-tick,.section-resize-top-right:hover .section-resize-corner-tick,.section-resize-top-right.dragging .section-resize-corner-tick,.section-resize-bottom-right:hover .section-resize-corner-tick,.section-resize-bottom-right.dragging .section-resize-corner-tick,.section-resize-bottom-left:hover .section-resize-corner-tick,.section-resize-bottom-left.dragging .section-resize-corner-tick{opacity:1}.section-resize-bottom-right .section-resize-corner-tick{transform-origin:100%;width:8.49px;right:12px;transform:rotate(-45deg)}.section-resize-bottom-right .section-resize-corner-tick:first-child{bottom:17.25px}.section-resize-bottom-right .section-resize-corner-tick:nth-child(2){width:16.97px;bottom:23.25px}.section-resize-bottom-right .section-resize-corner-tick:nth-child(3){width:25.46px;bottom:29.25px}.section-resize-top-left .section-resize-corner-tick{transform-origin:0;width:8.49px;left:12px;transform:rotate(-45deg)}.section-resize-top-left .section-resize-corner-tick:first-child{top:17.25px}.section-resize-top-left .section-resize-corner-tick:nth-child(2){width:16.97px;top:23.25px}.section-resize-top-left .section-resize-corner-tick:nth-child(3){width:25.46px;top:29.25px}.section-resize-top-right .section-resize-corner-tick{transform-origin:100%;width:8.49px;right:12px;transform:rotate(45deg)}.section-resize-top-right .section-resize-corner-tick:first-child{top:17.25px}.section-resize-top-right .section-resize-corner-tick:nth-child(2){width:16.97px;top:23.25px}.section-resize-top-right .section-resize-corner-tick:nth-child(3){width:25.46px;top:29.25px}.section-resize-bottom-left .section-resize-corner-tick{transform-origin:0;width:8.49px;left:12px;transform:rotate(45deg)}.section-resize-bottom-left .section-resize-corner-tick:first-child{bottom:17.25px}.section-resize-bottom-left .section-resize-corner-tick:nth-child(2){width:16.97px;bottom:23.25px}.section-resize-bottom-left .section-resize-corner-tick:nth-child(3){width:25.46px;bottom:29.25px}.section-move-handle{cursor:move;background-color:var(--color-border);width:20px;height:20px;transition:background-color var(--transition);z-index:7;position:absolute;top:6px;right:14px;-webkit-mask-image:radial-gradient(circle at 3px 3px,#000 1.9px,#0000 2px),radial-gradient(circle at 10px 3px,#000 1.9px,#0000 2px),radial-gradient(circle at 17px 3px,#000 1.9px,#0000 2px),radial-gradient(circle at 3px 10px,#000 1.9px,#0000 2px),radial-gradient(circle at 10px 10px,#000 1.9px,#0000 2px),radial-gradient(circle at 17px 10px,#000 1.9px,#0000 2px),radial-gradient(circle at 3px 17px,#000 1.9px,#0000 2px),radial-gradient(circle at 10px 17px,#000 1.9px,#0000 2px),radial-gradient(circle at 17px 17px,#000 1.9px,#0000 2px);mask-image:radial-gradient(circle at 3px 3px,#000 1.9px,#0000 2px),radial-gradient(circle at 10px 3px,#000 1.9px,#0000 2px),radial-gradient(circle at 17px 3px,#000 1.9px,#0000 2px),radial-gradient(circle at 3px 10px,#000 1.9px,#0000 2px),radial-gradient(circle at 10px 10px,#000 1.9px,#0000 2px),radial-gradient(circle at 17px 10px,#000 1.9px,#0000 2px),radial-gradient(circle at 3px 17px,#000 1.9px,#0000 2px),radial-gradient(circle at 10px 17px,#000 1.9px,#0000 2px),radial-gradient(circle at 17px 17px,#000 1.9px,#0000 2px);-webkit-mask-size:20px 20px;mask-size:20px 20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.section-move-handle:hover,.section-move-handle.dragging{background-color:var(--color-accent-solid)}.section-close-handle{cursor:pointer;width:20px;height:20px;color:var(--color-muted);transition:color var(--transition);z-index:7;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:6px;right:13px}.mobile-layout .section-close-handle{font-size:34px;right:38px}.section-close-handle:hover{color:var(--color-accent)}.panel-title{box-sizing:border-box;background-color:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius);cursor:move;opacity:0;z-index:8;width:fit-content;max-width:calc(100% - 2em);height:2em;transition:opacity var(--transition), border-color var(--transition), background-color var(--transition);align-items:center;gap:10px;padding:0 10px;display:inline-flex;position:absolute;top:-1em;left:1em}.panel-title h2{white-space:nowrap;text-overflow:ellipsis;padding:0;overflow:hidden}.section h2 a{color:inherit;cursor:pointer;text-decoration:none}.section h2 a:hover{text-decoration:underline}.panel-title .section-close-handle{flex:none;position:static}.panel-content-clip{width:100%;height:100%}.draggable-section:hover .panel-title,.pinned-section:hover .panel-title,.panel-title:hover,.panel-title:focus-within{opacity:1}.score-fullscreen .section-resize-handle,.score-fullscreen .section-move-handle,.score-fullscreen .section-close-handle,.score-fullscreen .panel-title{display:none}.mobile-layout #layout-sections{gap:var(--gap);flex-direction:column;padding-left:10px;padding-right:10px;display:flex}.draggable-section.mobile-dragging{cursor:grabbing;box-shadow:0 10px 28px #00000073}.mobile-move-placeholder{box-sizing:border-box;border:2px dashed var(--color-accent);border-radius:var(--radius);background:var(--color-highlight);width:100%;height:75px}.mobile-layout .section-resize-bottom{background:var(--color-border);height:4px;transition:background var(--transition);top:auto;bottom:0}.mobile-layout .section-resize-bottom:hover,.mobile-layout .section-resize-bottom.dragging{background:var(--color-accent-solid)}.mobile-layout .section-resize-bottom:before,.mobile-layout .section-resize-bottom:after{display:none}.section-resize-handle.section-resize-disabled{opacity:.3;cursor:default;pointer-events:none}.section-move-handle,.section-resize-handle,.section-close-handle{touch-action:none}#title-section{background-color:var(--color-header);justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex}#title-section h1,#title-section h3{color:#fff}#title-section h1{letter-spacing:.01em;font-size:20px;font-weight:500}.title-header-controls,.title-links-and-buttons{flex-shrink:0;align-items:center;gap:4px;display:flex}.title-menu-toggle{color:#ffffffa6;cursor:pointer;transition:color var(--transition), transform var(--transition);background:0 0;border:none;padding:6px 8px;font-size:12px;line-height:1;display:none;transform:rotate(180deg)}.title-menu-toggle:hover{color:#fff}.title-menu-toggle.open{transform:rotate(90deg)}.title-links-and-buttons h3{cursor:pointer;color:#ffffffa6;letter-spacing:.04em;text-transform:uppercase;transition:color var(--transition), background var(--transition);border-radius:20px;padding:4px 10px;font-size:13px;font-weight:500;text-decoration:none}.title-links-and-buttons h3:hover{color:#fff;background:#c20404}.title-links-and-buttons a{color:inherit;text-decoration:none}.language-select{cursor:pointer;color:#ffffffa6;letter-spacing:.04em;text-transform:uppercase;transition:color var(--transition), background var(--transition);appearance:none;text-align:center;background:0 0;border:none;border-radius:20px;width:9em;padding:4px 10px;font-family:inherit;font-size:13px;font-weight:500}.language-select:hover{color:#fff;background:#ffffff1f}.language-select option{background:var(--color-panel);color:var(--color-text);text-transform:none;letter-spacing:normal}#panel-visibility-bar{background-color:var(--color-surface);border-top:1px solid var(--color-border);transition:background-color var(--transition), border-color var(--transition);align-items:center;gap:18px;padding:0 16px;display:flex;overflow:auto hidden}#panel-visibility-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);flex-shrink:0;font-size:12px;font-weight:600}.panel-visibility-toggle{color:var(--color-text);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:15px;display:flex}.panel-visibility-toggle input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer;width:14px;height:14px}#panel-visibility-score-group{border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);border-radius:var(--radius);background-color:color-mix(in srgb, var(--color-accent) 12%, transparent);flex-shrink:0;align-items:center;gap:18px;padding:4px 10px;display:flex}#panel-highlight-overlay{z-index:500000;pointer-events:none;border:3px solid var(--color-accent);border-radius:var(--radius);display:none;position:fixed;box-shadow:0 0 0 1px #0006}#timelines-section{z-index:0;background-color:var(--color-navy);transition:background-color var(--transition), border-color var(--transition);padding:0 14px 5px;overflow:hidden}.timeline-container{height:var(--timeline-height);align-items:stretch;gap:6px;margin-bottom:2px;display:flex}.timeline-container:last-child{margin-bottom:0}.timeline-container h3{width:72px;color:var(--timeline-row-label);text-transform:uppercase;letter-spacing:.07em;text-align:right;flex-shrink:0;justify-content:flex-end;align-items:center;font-size:11px;font-weight:600;display:flex}.timeline{flex-grow:1;min-width:0;display:flex}.timeline-scene-group{min-width:0;height:100%;display:flex}.timeline-button{background-color:var(--timeline-cell-bg);border:1px solid var(--timeline-cell-border);cursor:pointer;letter-spacing:.03em;min-width:0;height:100%;color:var(--timeline-cell-text);transition:background-color var(--transition), color var(--transition), border-color var(--transition);justify-content:center;align-items:center;padding:0 3px;font-size:12px;font-weight:700;display:inline-flex}#timeline-act-1{border-radius:var(--radius) 0 0 0}#timeline-act-3{border-radius:0 var(--radius) 0 0}#scene-structure-bars{border:1px solid var(--timeline-cell-border);border-radius:0 0 var(--radius) var(--radius);transition:border-color var(--transition);overflow:hidden}.timeline-structure-bar{border:none;min-width:0;padding:0}#scene-structure-timeline{position:relative}.timeline-measure-label{height:var(--timeline-height);color:var(--timeline-label-text);white-space:nowrap;pointer-events:none;align-items:center;padding-left:4px;font-size:11px;font-weight:600;display:flex;position:absolute;top:0}.timeline-measure-label.left{padding-left:0;padding-right:4px;transform:translate(-100%)}.timeline-button span{display:inline-block}.timeline-button:hover,.current-act,.current-scene{background-color:var(--color-accent-solid);color:#fff;border-color:#0000}.current-page-bar{background-color:var(--timeline-current-page-bg);border-color:#0000}.score-panel{padding:0}.score-panel .panel-content-clip{flex-direction:column;display:flex;overflow:hidden}.mobile-layout .score-panel h2{padding-left:12px;padding-right:12px}.score-image-holder{flex:auto;width:auto;min-height:0;position:relative}#pv-current-bar-overlay,#garant-current-bar-overlay,#garant-orchestral-current-bar-overlay{opacity:.28;pointer-events:auto;background:#e0393e;top:0;left:0}#current-page-annotations{pointer-events:none;display:none;position:absolute}#score-viewer-section.score-fullscreen #current-page-annotations.has-annotations{overscroll-behavior:contain;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;flex-direction:column;gap:4px;max-width:280px;max-height:100%;padding:8px;display:flex;top:0;left:0;overflow-y:auto}.page-annotation{border-radius:var(--radius);cursor:default;transition:background var(--transition), outline-color var(--transition);outline:1px solid #0000;align-items:flex-start;gap:6px;padding:4px 8px;display:flex}.page-annotation:hover{background:#00000014}.page-annotation.annotation-highlight{background:#0000001f;outline-color:#00000038}.page-annotation-text{color:var(--color-text);font-size:14px;line-height:1.4;font-family:var(--font-serif)}.score-page-image{object-fit:contain;flex-shrink:0;max-height:100%}.score-overlay{pointer-events:none;position:absolute}#current-bar-overlay{opacity:.28;pointer-events:auto;background:#e0393e;top:0;left:0}.other-bar-overlay{opacity:0;pointer-events:auto;cursor:pointer;background:#e0393e}.other-bar-overlay:hover{opacity:.15}#score-viewer-overlay{position:absolute}.score-transport-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:10;background:#00000085;border-radius:24px;gap:6px;padding:5px 8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.score-panel:hover .score-transport-overlay{opacity:1;pointer-events:auto}.score-transport-overlay button{color:#fff;cursor:pointer;transition:background var(--transition);text-transform:none;background:0 0;border:none;border-radius:20px;padding:4px 10px;font-size:20px;font-weight:400;line-height:1}.score-transport-overlay button:hover{background:#ffffff2e}#score-darken{background-color:var(--color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99999;position:fixed;inset:0}.score-panel.score-fullscreen{z-index:100000;background:var(--color-panel);border-radius:var(--radius);border:1px solid var(--color-border);justify-content:center;align-items:center;width:auto;height:auto;display:flex;position:fixed;inset:32px;overflow:hidden}.score-panel.score-fullscreen .score-image-holder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.score-panel.score-fullscreen .score-page-image{width:auto;max-width:100%;height:auto;max-height:100%}.score-panel.score-fullscreen .score-overlay{opacity:0}.score-panel.score-fullscreen .score-overlay.annotation-highlight{opacity:.25!important}#transport-section{padding:1.75em 12px 8px}#transport-section .panel-content-clip{overflow:auto}#nav-panel{flex-direction:column;gap:6px;display:flex}.nav-row{align-items:center;gap:6px;display:flex}.nav-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);flex:0 0 4em;font-size:11px;font-weight:600}.nav-choices{gap:3px;display:flex}.nav-choice,.nav-step-button,#nav-page-input,#nav-bar-input{font-family:var(--font);color:var(--color-heading);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition), background var(--transition), color var(--transition);outline:none}.nav-choice{text-transform:none;cursor:pointer;min-width:28px;padding:2px 6px;font-size:14px;font-weight:600}.nav-step-button{cursor:pointer;justify-content:center;align-items:center;padding:2px 6px;display:flex}.nav-choice,.nav-step-button{background:0 0;border-color:#0000}.nav-choice:hover,.nav-step-button:hover{background:var(--color-surface);border-color:var(--color-accent)}.nav-choice.active{background:var(--color-accent-solid);border-color:var(--color-accent-solid);color:#fff}.nav-stepper #nav-page-input,.nav-stepper #nav-bar-input{letter-spacing:-.01em;text-align:center;cursor:text;appearance:textfield;flex:1 1 0;min-width:0;padding:4px;font-size:17px;font-weight:600}#nav-page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#nav-page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#nav-bar-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#nav-bar-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#nav-page-input:focus,#nav-bar-input:focus{border-color:var(--color-accent);background:var(--color-panel)}#architecture-list .panel-content-clip{flex-direction:column;display:flex;overflow:hidden}#architecture-list-inner{flex:1 1 0;min-height:0;overflow-y:auto}.annotation-source-label{color:var(--color-text)}#annotations-section .panel-content-clip{flex-direction:column;display:flex}#annotation-type-selectors{flex-wrap:wrap;gap:5px;padding-bottom:8px;display:flex}.annotation-type{cursor:pointer;letter-spacing:.05em;text-transform:uppercase;color:#fff;transition:opacity var(--transition), transform var(--transition);border:none;border-radius:20px;padding:3px 11px;font-size:11px;font-weight:700}.annotation-type:hover{transform:translateY(-1px)}.annotation-type-hidden{opacity:.35}.dy-annotation-type{background-color:var(--dynamiques-color);color:#1a1a2e}.du-annotation-type{background-color:var(--duree-color);color:#1a1a2e}.for-annotation-type{background-color:var(--formes-color)}.int-annotation-type{background-color:var(--intonation-color)}.mo-annotation-type{background-color:var(--motifs-color);color:#1a1a2e}.tim-annotation-type{background-color:var(--timbre-color)}.graph-annotation-type{background-color:var(--graph-color)}.info-box-icon{background:var(--color-panel);cursor:default;border:0 solid;border-radius:50%;justify-content:center;align-items:center;width:1.2em;height:1.2em;margin-left:.2em;font-size:.5em;display:inline-flex;position:relative}.info-box-popup{z-index:200;background:var(--color-panel);border:1px solid var(--color-accent);width:220px;color:var(--color-text);border-radius:10px;padding:14px 16px;font-size:15px;font-weight:300;line-height:1.55;display:none;position:fixed;transform:translateY(-50%);box-shadow:0 4px 20px #00000073}.info-box-popup:before{content:"";background:var(--color-panel);border-left:1px solid var(--color-accent);border-bottom:1px solid var(--color-accent);width:12px;height:12px;position:absolute;top:50%;left:-7px;transform:translateY(-50%)rotate(45deg)}.info-box-popup-visible{display:block}#annotation-search-row{gap:6px;margin-bottom:6px;display:flex}#annotation-search-row #annotation-search{margin-bottom:0}#annotation-add-button,#annotation-download-button,#annotation-upload-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font);cursor:pointer;transition:border-color var(--transition), background var(--transition);flex-shrink:0;padding:5px 10px;font-size:13px;font-weight:300}#annotation-add-button:hover,#annotation-download-button:hover,#annotation-upload-button:hover{border-color:var(--color-accent);background:var(--color-panel)}#annotation-download-button:disabled,#annotation-upload-button:disabled{opacity:.35;cursor:not-allowed}#add-annotation-buttons-row{gap:8px;display:flex}#add-annotation-close-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font);cursor:pointer;transition:border-color var(--transition), background var(--transition);padding:5px 12px;font-size:13px;font-weight:300}#add-annotation-close-button:hover{border-color:var(--color-accent);background:var(--color-panel)}#add-annotation-add-button{background:var(--color-accent-solid);border:1px solid var(--color-accent);border-radius:var(--radius);color:#fff;font-family:var(--font);cursor:pointer;transition:opacity var(--transition);padding:5px 12px;font-size:13px;font-weight:600}#add-annotation-add-button:hover{opacity:.85}.floating-panel{z-index:60;background-color:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;padding:0 12px 12px;display:flex;position:fixed;overflow:auto;box-shadow:0 2px 14px #0000004d}.floating-panel[hidden]{display:none}.floating-panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-top:0;padding:8px 0 4px;font-size:12px;font-weight:600}#drawing-panel{z-index:61}#drawing-toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:10px;display:flex}#drawing-color{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;width:28px;height:28px;padding:0}.drawing-tool-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font);cursor:pointer;transition:border-color var(--transition), background var(--transition), color var(--transition);padding:5px 12px;font-size:13px;font-weight:300}.drawing-tool-button:hover{border-color:var(--color-accent)}.drawing-tool-button.active{background:var(--color-accent-solid);border-color:var(--color-accent);color:#fff}.drawing-tool-button:disabled{opacity:.4;cursor:default}.drawing-tool-button:disabled:hover{border-color:var(--color-border)}#drawing-size-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}#drawing-canvas-wrap{border:1px solid var(--color-border);border-radius:var(--radius);align-self:flex-start;line-height:0;position:relative;overflow:hidden}#drawing-bg-image{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}#drawing-canvas{cursor:crosshair;touch-action:none;position:absolute;top:0;left:0}#drawing-buttons-row{gap:8px;padding-top:12px;display:flex}#drawing-clear-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font);cursor:pointer;transition:border-color var(--transition), background var(--transition);padding:5px 12px;font-size:13px;font-weight:300}#drawing-clear-button:hover{border-color:var(--color-accent);background:var(--color-panel)}#drawing-close-button{background:var(--color-accent-solid);border:1px solid var(--color-accent);border-radius:var(--radius);color:#fff;font-family:var(--font);cursor:pointer;transition:opacity var(--transition);padding:5px 12px;font-size:13px;font-weight:600}#drawing-close-button:hover{opacity:.85}.score-drawing-overlay{pointer-events:none;position:absolute}#add-annotation-form{flex-direction:column;gap:14px;padding:8px 6px;display:flex}#add-annotation-location-row{align-items:flex-end;gap:12px;display:flex}.add-annotation-field{flex-direction:column;gap:4px;display:flex}.add-annotation-field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-size:11px;font-weight:600}.add-annotation-field select,.add-annotation-field input[type=number]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font);transition:border-color var(--transition), background var(--transition);outline:none;padding:5px 8px;font-size:13px;font-weight:300}.add-annotation-field select:focus,.add-annotation-field input[type=number]:focus{border-color:var(--color-accent);background:var(--color-panel)}#add-annotation-bar{width:70px}#add-annotation-categories{flex-direction:column;gap:6px;display:flex}#add-annotation-checkbox-row{flex-wrap:wrap;gap:6px;display:flex}.add-annotation-category-label{color:var(--color-text);cursor:pointer;border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);transition:border-color var(--transition), background var(--transition);align-items:center;gap:5px;padding:3px 8px 3px 6px;font-size:13px;font-weight:400;display:flex}.add-annotation-category-label:hover{border-color:var(--color-accent);background:var(--color-panel)}.add-annotation-category-checkbox{accent-color:var(--color-accent);cursor:pointer;width:13px;height:13px}#add-annotation-text-group{flex-direction:column;gap:4px;display:flex}#add-annotation-text{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text);font-family:var(--font);resize:vertical;transition:border-color var(--transition), background var(--transition);outline:none;padding:6px 9px;font-size:13px;font-weight:300}#add-annotation-text::placeholder{color:var(--color-muted)}#add-annotation-text:focus{border-color:var(--color-accent);background:var(--color-panel)}#annotation-search{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text);font-family:var(--font);transition:border-color var(--transition), background var(--transition);outline:none;margin-bottom:6px;padding:5px 9px;font-size:13px;font-weight:300}#annotation-search::placeholder{color:var(--color-muted)}#annotation-search:focus{border-color:var(--color-accent);background:var(--color-panel)}.scroller-area{border-top:1px solid var(--color-border);transition:border-color var(--transition);padding:8px 2px;overflow:auto}.annotation-group{background:var(--color-surface);border-radius:var(--radius);cursor:pointer;transition:background-color var(--transition), transform var(--transition);margin-bottom:6px;padding:7px 10px;position:relative}.annotation-group:hover{transform:translate(2px)}.current-annotation{background:var(--color-highlight)}[data-theme=light] .current-annotation{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 30%, transparent)}.annotation-time-stamp{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:3px;font-size:11px;font-weight:600}.annotation-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.annotation-item{align-items:flex-start;gap:6px;display:flex;position:relative}.annotation-bullet{flex-shrink:0;gap:2px;margin-top:5px;display:flex}.annotation-bullet-dot{background-color:var(--color-muted);border-radius:50%;width:6px;height:6px}.annotation-text{color:var(--color-text);font-size:14px;line-height:1.45;font-family:var(--font-serif)}.dy-annotation-dot{background-color:var(--dynamiques-color)}.du-annotation-dot{background-color:var(--duree-color)}.for-annotation-dot{background-color:var(--formes-color)}.int-annotation-dot{background-color:var(--intonation-color)}.mo-annotation-dot{background-color:var(--motifs-color)}.tim-annotation-dot{background-color:var(--timbre-color)}.graph-annotation-dot{background-color:var(--graph-color)}.annotation-edit-button,.annotation-delete-button{cursor:pointer;color:var(--color-muted);opacity:.5;transition:opacity var(--transition), color var(--transition);background:0 0;border:none;padding:2px 4px;font-size:13px;line-height:1;position:absolute;top:0}.annotation-edit-button{right:26px}.annotation-delete-button{right:6px}.annotation-item:hover .annotation-edit-button,.annotation-item:hover .annotation-delete-button{opacity:1}.annotation-edit-button:hover{color:var(--color-text)}.annotation-delete-button:hover{color:#e05252}.annotation-hidden{display:none}mark.search-highlight{color:inherit;background-color:#fbbf2459;border-radius:2px;padding:0 1px}.architecture-list-item{color:var(--color-text);cursor:pointer;transition:color var(--transition);padding:1px 0;font-size:14px;line-height:1.6}.architecture-list-item--active{color:var(--color-accent);font-weight:500}.architecture-list-item:hover{color:var(--color-item-hover)}#video-player-section .panel-content-clip,#libretto-section .panel-content-clip{flex-direction:column;display:flex;overflow:hidden}#libretto-inner{min-height:0;color:var(--color-text);font-family:var(--font-serif);flex:1 1 0;overflow-y:auto}#libretto-inner i{color:var(--color-text);opacity:.6}.libretto-character{margin-left:2em;display:inline-block}.libretto-line{transition:background-color var(--transition)}.libretto-line-clickable{cursor:pointer}.libretto-line-clickable:hover{background:var(--color-highlight)}.current-libretto-line{background:var(--color-highlight);border-radius:var(--radius);font-weight:600}#video-player-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.video-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);max-width:55%;color:var(--color-text);font-family:var(--font);transition:border-color var(--transition), background var(--transition);outline:none;padding:4px 8px;font-size:12px;font-weight:500}.video-select:hover{border-color:var(--color-accent)}.video-select:focus{border-color:var(--color-accent);background:var(--color-panel)}#yt-player{flex:1 1 0;width:100%;min-width:0;min-height:0;position:relative}#yt-player iframe{border:0;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.change-page-button{opacity:.4;background-color:#e0393e;width:100px;height:90%;display:none;position:absolute}#previous-page-button{left:0}#darken{background-color:var(--color-overlay);z-index:1000000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}#credits-anchor{z-index:10000000;width:0;height:0;position:fixed;top:125px;left:50%}#credits-box{background-color:var(--color-panel);border:1px solid var(--color-border);width:90vw;max-width:90vw;max-height:calc(100vh - 175px);transition:background-color var(--transition);border-radius:12px;flex-direction:column;padding:24px;display:flex;position:relative;left:-45vw;box-shadow:0 8px 40px #00000080}#credits-box-contents{flex-direction:column;flex:1;min-height:0;display:flex}#credits-box-text{flex:1;min-height:0;padding-right:4px;overflow-y:auto}#credits-box p,#credits-box li{color:var(--color-text);font-family:var(--font-serif);margin:0 0 16px;font-size:17px;line-height:1.4}#credits-box h2{margin:32px 0 6px}#credits-box h2+ul,#credits-box h2+p{margin-top:0}#credits-box em{font-style:normal;font-weight:700}#credits-last-updated{color:var(--color-muted);font-size:11px}#credits-box-buttons{justify-content:flex-end;display:flex}#close-credits-box{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;transition:background var(--transition), border-color var(--transition), color var(--transition);background:0 0;padding:6px 18px;font-size:11px;font-weight:600}#close-credits-box:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border);color:var(--color-heading)}@media screen and (width<=800px){#annotations-scroller{max-height:500px}#title-section{flex-wrap:wrap}.title-header-controls{display:contents}.title-menu-toggle{order:1;justify-content:center;align-items:center;display:inline-flex}.title-links-and-buttons{flex-direction:column;flex-basis:100%;order:2;align-items:flex-end;display:none}.title-links-and-buttons.open{display:flex}.title-links-and-buttons .language-select{text-align:right}#score-viewer-image,#pv-score-viewer-image,#garant-score-viewer-image,#garant-orchestral-score-viewer-image{width:100%}}