@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-DwMxL0mc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0b012e;--bg-deep: #070020;--bg-panel: rgb(51 51 51 / .2);--surface: rgb(255 255 255 / .03);--surface-hover: #1e293b;--text: rgb(229 236 246);--text-soft: #cbd5e1;--text-muted: rgb(229 236 246 / .66);--text-dim: #94a3b8;--primary: #e43b7d;--secondary: #ff5211;--accent: #4c3584;--border: #475569;--border-soft: rgb(71 85 105 / .45);--gradient: linear-gradient(to right, #ff5211, #e43b7d, #4c3584);--gradient-vertical: linear-gradient(180deg, #4c3584, #e43b7d, #ff5211);--font: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--doc-ink: #1f2937;--doc-heading: #2f2159;--doc-accent: #4c3584;--doc-primary: #e43b7d;--doc-secondary: #ff5211;--doc-muted: #6b7280;--doc-soft: #8c7fb5;--doc-tint: #f5f2fc;--doc-tint-border: #e0d7f3;--doc-line: #ececf2;font-family:var(--font);color:var(--text);background:var(--bg);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid rgb(100 116 139 / .6);background:transparent;color:var(--text-soft);border-radius:9999px;padding:.45rem .95rem;cursor:pointer;font:inherit;font-size:.8125rem;font-weight:600;line-height:1.25;white-space:nowrap;transition:background-color .2s ease-in,border-color .2s ease-in,color .2s ease-in}button:hover,.button:hover{background:var(--surface-hover);border-color:var(--surface-hover);color:#fff}button:focus-visible,.button:focus-visible{outline:2px solid #ec4899;outline-offset:2px}.primary{border:1px solid transparent;color:#fff;background-image:var(--gradient);background-size:200% auto;background-position:left;transition:background-position .5s}.primary:hover{background-image:var(--gradient);background-position:right;border-color:transparent;color:#fff}.app-shell{height:100vh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;background:var(--bg)}.static-brand{padding:1.2rem 1.5rem;color:#fff;font-family:system-ui,sans-serif}.static-brand h1{margin:0 0 .4rem;font-size:1.4rem}.static-brand p{margin:.2rem 0;font-size:.9rem}.static-brand a{color:inherit}.topbar{padding:.7rem 1.1rem;background:var(--bg);border-bottom:1px solid var(--border-soft);display:flex;gap:1rem;justify-content:space-between;align-items:center}.topbar[hidden]{display:none}.brand{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-mark{width:2.1rem;height:2.1rem;flex-shrink:0;filter:drop-shadow(0 4px 12px rgb(228 59 125 / .35))}.topbar h1{margin:0;font-size:1.05rem;font-weight:700;line-height:1.2;letter-spacing:-.04em;color:#fff}.topbar p{margin:.15rem 0 0;color:var(--text-dim);font-size:.75rem;letter-spacing:0}.topbar .brand-link{color:inherit;text-decoration:underline;text-underline-offset:.15em}.topbar .brand-link:hover{color:#fff}.actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.actions-group{display:flex;align-items:center;gap:.35rem}.actions-divider{width:1px;height:1.5rem;background:var(--border-soft);margin:0 .3rem}.pane-title-actions{display:inline-flex;align-items:center;gap:.4rem}.pane-icon{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;padding:0;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface);color:var(--text-dim);font:inherit;font-size:.8rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.pane-icon:hover{background:#7f1d1d;border-color:#b91c1c;color:#fff}.pane-icon-neutral:hover{background:var(--secondary);border-color:var(--secondary);color:#fff}.preview-pane .pane-title-row{gap:.5rem}.preview-pane .mode-switch{margin-left:auto}.insert-open{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;padding:0;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface);color:var(--secondary);font:inherit;font-size:1.05rem;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.insert-open:hover,.insert-open[aria-expanded=true]{background:var(--secondary);border-color:var(--secondary);color:#fff}.insert-open[aria-expanded=true]{transform:rotate(90deg)}.insert-backdrop{position:fixed;inset:0;z-index:29;background:#0300148c;animation:insert-fade .18s ease-out}.insert-backdrop[hidden]{display:none}@keyframes insert-fade{0%{opacity:0}}.insert-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;max-width:min(92vw,60rem);display:grid;grid-template-columns:repeat(3,auto);gap:.9rem 1.4rem;padding:.9rem 1rem 1rem;background:#120838;border:1px solid rgb(148 163 184 / .35);border-radius:14px;box-shadow:0 18px 40px #0000008c;transform-origin:center;animation:insert-pop .18s ease-out}.insert-menu[hidden]{display:none}@keyframes insert-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.insert-menu-section{display:flex;flex-direction:column;gap:.3rem;min-width:10.5rem}.insert-menu-heading{margin-bottom:.2rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary)}.insert-menu button,.insert-menu .insert-file{padding:.35rem .7rem;font-size:.78rem;border-color:#64748b66}.insert-menu .insert-file{display:flex;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;cursor:pointer}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + .35rem);left:0;z-index:40;display:flex;flex-direction:column;gap:.2rem;min-width:14rem;padding:.5rem;background:#120838;border:1px solid rgb(148 163 184 / .35);border-radius:12px;box-shadow:0 18px 40px #0000008c;animation:drive-pop .15s ease-out}@keyframes drive-pop{0%{opacity:0;transform:translateY(-4px)}}.dropdown-menu[hidden]{display:none}.dropdown-menu button,.dropdown-menu .button{display:block;width:100%;box-sizing:border-box;text-align:left;font-size:.8rem;padding:.4rem .7rem;border-color:transparent;cursor:pointer}.dropdown-heading{padding:.35rem .7rem .1rem;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary)}.dropdown-menu hr{margin:.25rem 0;border:0;border-top:1px solid var(--border-soft)}.drive-help{margin:0 0 .8rem;font-size:.8rem;line-height:1.45;color:var(--text-dim)}.drive-help a{color:var(--secondary)}.drive-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.6rem;font-size:.75rem;font-weight:600;color:var(--text-dim)}.unseal-error{color:#fca5a5}.drive-field input{font:inherit;font-size:.85rem;font-weight:400;padding:.45rem .6rem;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);color:inherit}.track-picker-row.drive-file{width:100%;grid-template-columns:minmax(0,1fr) auto;cursor:pointer;text-align:left}.drive-file .track-picker-name{min-width:0;white-space:normal;overflow-wrap:anywhere}.drive-file .track-picker-meta{white-space:nowrap}.drive-empty{margin:0;font-size:.85rem;color:var(--text-dim)}.track-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;width:min(92vw,34rem);max-height:85vh;overflow:auto;padding:.9rem 1rem 1rem;background:#120838;border:1px solid rgb(148 163 184 / .35);border-radius:14px;box-shadow:0 18px 40px #0000008c;animation:insert-pop .18s ease-out}.track-picker[hidden]{display:none}.track-picker-title{margin:0 0 .8rem;font-size:1.05rem}.track-picker-list{display:flex;flex-direction:column;gap:.35rem}.track-picker-row{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:center;padding:.45rem .6rem;border:1px solid rgb(100 116 139 / .4);border-radius:10px;cursor:pointer}.track-picker-row:hover{border-color:var(--secondary)}.track-picker-row.disabled{opacity:.5;cursor:default}.track-picker-row input{grid-row:span 2}.track-picker-name{font-weight:600;font-size:.85rem}.track-picker-meta{font-size:.72rem;color:var(--text-dim)}.track-picker-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.9rem}@media(max-width:520px){.track-picker-actions button{flex:1 1 auto}}@media(max-width:720px){.insert-menu{grid-template-columns:1fr;width:92vw;max-height:80vh;overflow:auto}}.grow{flex:1}#status{position:fixed;left:50%;bottom:1.1rem;transform:translate(-50%);z-index:60;max-width:min(92vw,40rem);padding:.55rem .95rem;border-radius:999px;background:#141220eb;color:#fff;font-size:.82rem;font-weight:500;line-height:1.35;box-shadow:0 8px 24px #00000040;pointer-events:none;animation:status-in .16s ease-out}@keyframes status-in{0%{opacity:0;transform:translate(-50%,6px)}}@media print{#status{display:none}}.workspace{position:relative;min-height:0;display:flex;background:var(--border-soft);gap:1px;grid-row:3}.editor-pane{flex:0 0 auto;min-width:0;overflow:hidden;background:var(--bg-deep)}.editor-pane[hidden]{display:none}.resizer{flex:0 0 6px;cursor:col-resize;background:var(--bg);transition:background .2s ease-in}.resizer:hover,.resizer.dragging{background:var(--gradient-vertical)}.resizer[hidden],.preview-pane[hidden],.pane-title[hidden]{display:none}.edit-toggle{position:absolute;bottom:.9rem;right:.9rem;z-index:20;padding:.6rem 1.1rem;font-size:.85rem;border:none;color:#fff;background-image:var(--gradient);background-size:200% auto;background-position:left;box-shadow:0 10px 28px #e43b7d59,0 2px 6px #0000004d;transition:background-position .5s}.edit-toggle:hover{background-image:var(--gradient);background-position:right;border-color:transparent}.edit-toggle[hidden]{display:none}.view-only-toolbar{position:sticky;top:0;left:0;z-index:2;grid-row:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .6rem;background:#0b012e99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}.view-only-toolbar[hidden]{display:none}.preview-pane.web-toolbar-footer{grid-template-rows:auto auto}.preview-pane.web-toolbar-footer #preview-scale-wrapper{grid-row:1}.preview-pane.web-toolbar-footer .view-only-toolbar{grid-row:2;position:static;margin-top:1.5rem;border-bottom:none;border-top:1px solid var(--border-soft)}.view-only-toolbar button{padding:.32rem .8rem;font-size:.75rem}.view-only-toolbar button[hidden]{display:none}.workspace.editor-overlay .editor-pane{position:absolute;inset:0;z-index:10;width:auto!important}.pane{min-width:0;background:var(--bg);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.pane-title{padding:.55rem 1rem;background:var(--bg-panel);border-bottom:1px solid var(--border-soft);font-weight:700;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.pane-title.expandable{cursor:pointer;-webkit-user-select:none;user-select:none}.pane-title.expandable:after{content:"▾";float:right;color:var(--primary);transition:transform .15s ease}.pane-title.expandable.expanded:after{transform:rotate(180deg)}#preview-pane-title.expandable{cursor:pointer;-webkit-user-select:none;user-select:none}#preview-pane-title.expandable:after{content:"▾";margin-left:.4em;color:var(--primary);display:inline-block;transition:transform .15s ease}#preview-pane-title.expandable.expanded:after{transform:rotate(180deg)}.pane-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.preview-pane .pane-title{position:sticky;top:0;left:0;z-index:2;grid-row:1;padding-top:.35rem;padding-bottom:.35rem;background:#0b012ebf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#editor{width:100%;height:100%;border:0;resize:none;outline:none;white-space:pre;overflow:auto;padding:1.1rem 1.2rem;font:13.5px/1.6 var(--mono);letter-spacing:0;color:var(--text-soft);background:transparent;caret-color:var(--primary)}#editor::selection{background:#e43b7d59}#editor::placeholder{color:var(--text-dim)}.preview-pane{flex:1 1 auto;min-width:0;background:radial-gradient(70% 45% at 50% 0%,rgb(76 53 132 / .45),transparent 70%),var(--bg-deep);overflow:auto}#preview-scale-wrapper{overflow:visible;align-self:start;grid-row:2}.mode-switch{display:inline-flex;margin:.15rem 0;padding:.15rem;gap:.1rem;border:1px solid var(--border-soft);border-radius:9999px;background:var(--surface);text-transform:none;letter-spacing:0}.mode-option{border:0;border-radius:9999px;background:transparent;color:var(--text-dim);padding:.15rem .65rem;font-size:.72rem;font-weight:600;line-height:1.3}.mode-option:hover{background:var(--surface-hover);color:#fff}.mode-option.active,.mode-option.active:hover{background:var(--gradient);color:#fff}.course-page{position:relative;color-scheme:light;color:var(--doc-ink);letter-spacing:-.01em;width:210mm;min-height:297mm;margin:1rem auto 3rem;background:#fff;padding:16mm 18mm;box-shadow:0 0 0 1px #ffffff0f,0 24px 60px #00000073;align-self:start}.course-page.landscape-fit{width:297mm;min-height:0;height:210mm;padding:1rem}.course-page.web-mode{width:100%;max-width:760px;min-height:0;margin:0 auto;padding:1.75rem;border-radius:12px;box-shadow:none}.course-page.web-mode .page-break,.course-page.web-mode .column-break,.course-page.web-mode .landscape-page-break{display:none}.link-web{color:var(--doc-accent);font-weight:650;text-decoration:underline}.link-print{display:flex;align-items:center;gap:.5rem;margin:.4rem 0;color:inherit;text-decoration:none}.link-qr{display:inline-block;width:16mm;height:16mm;flex:0 0 auto}.link-qr svg{width:100%;height:100%}.link-print-label{font-weight:650;word-break:break-word}.course-page.web-mode .link-print{display:none}.course-page:not(.web-mode) .link-web{display:none}.link-embed{display:none}.course-page.web-mode .link-embed{display:block;margin:.5rem 0}.link-embed iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:8px}.course-page.web-mode .link-embed.link-embed-audio{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.link-embed-audio audio{flex:1 1 260px;min-width:220px}.link-embed-audio-label{font-weight:650}.course-page.web-mode .link-web.link-web-embedded{display:none}@media(max-width:600px){.course-page.web-mode{padding:1.1rem;border-radius:0}.course-page.web-mode .column-section{grid-template-columns:1fr!important;row-gap:1.25rem}.course-page.web-mode .column-section-column{border-left:none;border-top:1px solid #ececf2;padding-left:0;padding-top:1rem}.course-page.web-mode .column-section-column:first-child{border-top:none;padding-top:0}.course-page.web-mode .song-block{grid-template-columns:1fr!important;row-gap:1.25rem}.course-page.web-mode .song-column{border-left:none;border-top:1px solid #ececf2;padding-left:0;padding-top:1rem}.course-page.web-mode .song-column:first-child{border-top:none;padding-top:0}.course-page.web-mode .doc-logo{width:70px}}.landscape-columns{display:flex;gap:1rem;width:100%;height:100%}.landscape-column{flex:1;min-width:0;height:100%;overflow:hidden;position:relative;border-left:1px solid #ececf2;padding-left:1rem}.landscape-column:first-child{border-left:none;padding-left:0}.landscape-column-inner{transform-origin:top left;display:flow-root}.page-break{position:relative;height:0;margin:1.6rem 0;border-top:2px dashed var(--doc-accent)}.page-break:after{content:"Saut de page";position:absolute;top:-.75em;left:50%;transform:translate(-50%);background:#fff;padding:0 .5em;font-size:.72rem;font-weight:650;color:var(--doc-accent)}.column-break{display:none}.landscape-page-break{position:relative;height:0;margin:1.6rem 0;border-top:2px dashed var(--doc-secondary)}.landscape-page-break:after{content:"Saut de page (paysage)";position:absolute;top:-.75em;left:50%;transform:translate(-50%);background:#fff;padding:0 .5em;font-size:.72rem;font-weight:650;color:var(--doc-secondary)}.course-page.landscape-fit .page-break{display:none}.column-section{display:grid;grid-template-columns:repeat(var(--columns, 2),1fr);column-gap:1.6rem;align-items:start;margin:1rem 0}.column-section-column{min-width:0;border-left:1px solid #ececf2;padding-left:1.3rem}.column-section-column:first-child{border-left:none;padding-left:0}.zoom-block{overflow:hidden}.zoom-inner{transform-origin:top left}.page-break-line{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--doc-tint-border);pointer-events:none}.page-break-line:after{content:"Page " attr(data-page);position:absolute;top:-1.05em;right:0;background:#fff;padding:0 .4em;color:var(--doc-soft);font-size:.7rem}.course-page h1{font-size:2rem;color:var(--doc-heading);letter-spacing:-.04em;padding-bottom:.35rem}.course-page h2{margin-top:1.8rem;color:var(--doc-heading);letter-spacing:-.03em}.doc-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;margin-bottom:1.6rem;padding-bottom:1.1rem;border-bottom:3px solid var(--doc-primary);border-image:var(--gradient) 1;-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}.doc-header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.doc-header-top:empty{display:none}.doc-header-top .doc-logo{grid-column:2;justify-self:center}.doc-header-top-left .doc-logo{grid-column:1;justify-self:start}.doc-header-qr{grid-column:3;justify-self:end;display:flex;flex-direction:column;align-items:center;gap:.15rem;color:var(--doc-muted);text-decoration:none}.doc-header-qr-code{display:block;width:20mm;height:20mm}.doc-header-qr-code svg{width:100%;height:100%}.doc-header-qr-label{font-size:.6rem;text-align:center}.doc-header-qr-placeholder{box-sizing:border-box;border:1px dashed var(--doc-muted);border-radius:4px;opacity:.6}@media print{.doc-header-qr-pending{display:none}}.course-page img{max-width:100%;height:auto;border-radius:8px}.doc-logo{width:130px;height:auto;flex-shrink:0}.doc-title-block{min-width:0}.doc-title{margin:0;font-size:1.9rem;font-weight:800;letter-spacing:-.05em;color:var(--doc-heading);border-bottom:none;padding-bottom:0}.doc-artist{margin:.2rem 0 1.65rem;color:var(--doc-muted);font-size:.95rem}.doc-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.meta-pill{display:inline-flex;gap:.3em;background:var(--doc-tint);color:var(--doc-accent);border:1px solid var(--doc-tint-border);border-radius:999px;padding:.22rem .7rem;font-size:.78rem;font-weight:600}.meta-pill strong{color:var(--doc-heading)}.meta-pill-tempo{cursor:pointer}.meta-pill-tempo:hover{background:#ebe4fa}.meta-pill-tempo.active{background:var(--doc-accent);color:#fff;border-color:var(--doc-accent)}.meta-pill-tempo.active strong{color:#fff}.course-page blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:4px solid var(--doc-primary);background:#fdf3f8;border-radius:0 8px 8px 0}.guitar-block{margin:1rem 0 1.5rem}.vex-tab-score,.vex-score-score{display:flex;flex-direction:column;gap:.6rem}.vex-tab-row,.vex-score-row{overflow-x:auto;break-inside:avoid}.vex-tab-row svg,.vex-score-row svg{display:block;max-width:100%;height:auto}.fretboard-host{overflow-x:auto}.fretboard-host svg{display:block;max-width:100%;height:auto}.svguitar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(118px * var(--zoom-scale, 1)),1fr));gap:calc(1rem * var(--zoom-scale, 1))}.svguitar-item{min-height:calc(190px * var(--zoom-scale, 1));display:grid;place-items:center;border:1px solid var(--doc-line);border-radius:12px;padding:calc(.35rem * var(--zoom-scale, 1));break-inside:avoid}.svguitar-item svg{max-width:calc(145px * var(--zoom-scale, 1));height:auto}.chord-grid{--grid-scale: 1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:calc(.7rem * var(--grid-scale));break-inside:avoid}.grid-row{grid-column:1;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));border-left:2px solid var(--doc-accent);border-right:2px solid var(--doc-accent);border-bottom:2px solid var(--doc-accent)}.grid-row:first-of-type{border-top:2px solid var(--doc-accent);border-top-left-radius:6px;border-top-right-radius:6px}.grid-row:last-of-type{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.grid-row.repeat{border-left:7px double var(--doc-accent);border-right:7px double var(--doc-accent)}.grid-cell{padding:calc(.85rem * var(--grid-scale)) calc(.4rem * var(--grid-scale));text-align:center;font-size:calc(1.6rem * var(--grid-scale));font-weight:800;color:var(--doc-heading);background:#fff;border-left:1px solid var(--doc-tint-border);overflow:hidden}.grid-cell:first-child{border-left:none}.grid-cell-split{position:relative;padding:0;overflow:hidden}.split-divider{position:absolute;inset:0;width:100%;height:100%}.split-divider line{stroke:var(--doc-tint-border);stroke-width:2;vector-effect:non-scaling-stroke}.split-part{position:absolute;font-weight:800;color:var(--doc-heading);line-height:1}.split-first{top:.3rem;left:.4rem;font-size:calc(1.3rem * var(--grid-scale))}.split-second{bottom:.3rem;right:.4rem;font-size:calc(1.3rem * var(--grid-scale))}.chord-ext{font-size:.6em;font-weight:700;vertical-align:sub;margin-left:.05em}.grid-repeat-count{grid-column:2;font-size:calc(1.35rem * var(--grid-scale));font-weight:800;color:var(--doc-muted);white-space:nowrap}.rhythm-block{--rhythm-scale: 1;display:flex;flex-wrap:nowrap;justify-content:center;gap:calc(.5rem * var(--rhythm-scale));padding:calc(1.4rem * var(--rhythm-scale)) calc(1rem * var(--rhythm-scale));background:var(--doc-tint);border-radius:9px;break-inside:avoid;overflow:hidden}.rhythm-group{display:flex}.rhythm-strokes{display:flex;align-items:flex-start;gap:calc(.35rem * var(--rhythm-scale))}.rhythm-first{display:flex;flex-direction:column;align-items:center;gap:.2rem}.stroke{display:inline-block;font-family:Georgia,Times New Roman,serif;font-size:calc(1.7rem * var(--rhythm-scale));font-weight:800;line-height:1;color:var(--doc-ink);transition:transform .08s ease,opacity .08s ease}.stroke.ghost{color:#c7c7d6;font-weight:650}.stroke.stroke-rest{display:inline-block;width:.65em;height:1em}.beat-number{font-size:calc(.95rem * var(--rhythm-scale));font-weight:650;color:var(--doc-soft)}.song-block{display:grid;grid-template-columns:repeat(var(--song-columns, 1),1fr);column-gap:1.1rem;background:#faf9fd;border:1px solid var(--doc-tint-border);border-radius:12px;padding:.85rem .9rem;line-height:2.05;font-size:.94rem;font-family:Georgia,Times New Roman,serif}.song-column{border-left:1px solid var(--doc-tint-border);padding-left:1rem;min-width:0}.song-column:first-child{border-left:none;padding-left:0}.song-verse{break-inside:avoid;padding:.35em 0 0 .9rem;margin-bottom:1rem;border-left:3px solid var(--doc-primary)}.song-verse:last-child{margin-bottom:0}.inline-chord{position:relative;display:inline-block;width:0;height:1em;line-height:1;vertical-align:baseline}.course-page.web-mode:not(.export-static) .inline-chord:before{cursor:pointer}.inline-chord.playing:before{background:var(--doc-primary);color:#fff}.inline-chord:before{content:attr(data-chord);position:absolute;left:0;bottom:100%;white-space:nowrap;font-family:var(--font);color:var(--doc-accent);background:var(--doc-tint);border-radius:4px;padding:.05em .35em;margin-left:-.35em;font-weight:750;font-size:.68em;letter-spacing:.01em}.block-error,.render-error{border:1px solid #ef9a9a;background:#fff1f1;color:#8b1f1f;padding:.8rem;border-radius:8px;white-space:pre-wrap}details{margin-top:.35rem;font-size:.8rem;color:var(--doc-muted)}pre{overflow-x:auto;max-width:100%}@media screen and (max-width:900px){.topbar{align-items:flex-start;flex-direction:column}.doc-logo{width:70px}}@media print{:root,body{background:#fff;color-scheme:light}.topbar,.editor-pane,.pane-title,.edit-toggle,.view-only-toolbar{display:none!important}.app-shell,.workspace,.pane{display:block;height:auto;background:#fff}.preview-pane{display:block!important;overflow:visible}#preview-scale-wrapper{width:auto!important;height:auto!important;overflow:visible}.course-page{width:auto!important;min-height:0;margin:0!important;padding:0;box-shadow:none}.course-page:not(.landscape-fit){transform:none!important}.course-page.landscape-fit{width:297mm!important;height:210mm!important;padding:1rem;transform:none!important}.course-page.landscape-fit+.course-page.landscape-fit{break-before:page}.landscape-page-break{display:none}.vex-tab-row{overflow:visible}details,.page-break-line{display:none}.page-break{break-before:page;height:0;margin:0;border-top:none}.page-break:after{content:none}.course-page h1,.course-page h2,.course-page h3{break-after:avoid-page}@page{size:A4;margin:14mm 15mm}}.course-page:not(.web-mode) .block-web,.course-page.export-static .block-web{display:none!important}.course-page.web-mode:not(.export-static) .block-print{display:none}.alphatab-host{position:relative;min-height:3rem;overflow-x:auto}.alphatab-host .at-surface{margin:0 auto}.alphatab-host.at-frozen .at-surface:not(.at-print-copy){display:none}.at-print-copy>div{break-inside:avoid}.at-bar-highlight{position:absolute;display:none;pointer-events:none;border-radius:6px;background:color-mix(in srgb,#ec4899 9%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,#ec4899 35%,transparent)}.at-bar-highlight.playing{display:block}.at-beat-cursor{position:absolute;display:none;width:2px;margin-left:-1px;border-radius:1px;background:#ec4899;opacity:.85;pointer-events:none}.at-beat-cursor.playing{display:block}.at-surface g.playing,.at-surface g.playing *{fill:#ec4899!important}.block-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:.4rem;margin:0 0 .35rem}.play-speed{font:inherit;font-size:.74rem;font-weight:600;padding:.24rem .5rem;border-radius:999px;background:var(--doc-tint);color:var(--doc-accent);border:1px solid var(--doc-tint-border);cursor:pointer;line-height:1.2}.play-speed:hover{border-color:var(--doc-accent)}.play-button,.tuner-string{font:inherit;font-size:.78rem;font-weight:600;padding:.28rem .75rem;border-radius:999px;background:var(--doc-tint);color:var(--doc-accent);border:1px solid var(--doc-tint-border);cursor:pointer;line-height:1.2}.play-button:hover,.tuner-string:hover{border-color:var(--doc-accent)}.play-button.paused{animation:paused-blink 1.2s ease-in-out infinite}@keyframes paused-blink{50%{opacity:.55}}.play-button.active,.tuner-string.playing{background:var(--doc-accent);color:#fff;border-color:var(--doc-accent)}.chord-grid-wrapper,.rhythm-wrapper{margin:1rem 0 1.5rem}.chord-grid-wrapper>.chord-grid,.rhythm-wrapper>.rhythm-block{margin-top:0;margin-bottom:0}.course-page.web-mode:not(.export-static) .grid-cell{cursor:pointer}.grid-cell.playing{background:var(--doc-tint);box-shadow:inset 0 -3px 0 var(--doc-primary)}.stroke.playing{color:var(--doc-primary);transform:scale(1.15)}.stroke.ghost.playing{opacity:.5;transform:scale(.85)}.svguitar-item.playing{border-color:var(--doc-primary);box-shadow:0 0 0 2px #e43b7d40}.measure-bg{fill:transparent;stroke:none;transition:fill .12s ease-out}[data-measure].playing .measure-bg{fill:#e43b7d1f}.scale-caption{margin-top:.35rem;font-size:.82rem;color:var(--doc-muted)}.scale-caption strong{color:var(--doc-heading)}.grid-chord{display:block}.grid-numeral{display:block;font-size:.45em;font-weight:600;letter-spacing:.02em;color:var(--doc-soft);margin-top:.1em}.grid-sounding{font-size:.5em;font-weight:500;color:var(--doc-muted);margin-left:.3em}.grid-cell-split .grid-numeral{font-size:.5em}.key-chart-block{break-inside:avoid;container-type:inline-size}.key-chart{width:100%;border-collapse:collapse;font-size:.9rem}.key-chart caption{caption-side:top;text-align:left;padding:0 0 .4rem;color:var(--doc-heading);font-size:1rem}.key-chart-solfege{color:var(--doc-muted);font-weight:400}.key-chart th,.key-chart td{padding:.35rem .6rem;border-bottom:1px solid var(--doc-line);text-align:left}.key-chart th{background:var(--doc-tint);color:var(--doc-accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.key-chart .key-numeral{font-weight:700;color:var(--doc-heading)}.key-chart .key-chord{font-weight:700;color:var(--doc-ink)}.key-chart .key-notes,.key-chart .key-function{color:var(--doc-muted)}.key-chart-caption{margin-top:.4rem;font-size:.82rem;color:var(--doc-muted)}@container (max-width: 520px){.key-chart thead{display:none}.key-chart tbody,.key-chart tr,.key-chart td{display:block}.key-chart tr{display:grid;grid-template-columns:2.4rem max-content max-content 1fr;column-gap:.6rem;align-items:baseline;padding:.4rem 0;border-bottom:1px solid var(--doc-line)}.key-chart td{padding:0;border:0}.key-chart .key-degree{display:none}.key-chart .key-notes{grid-column:2 / -1;font-size:.8rem}.key-chart .key-function{grid-column:-2 / -1;grid-row:1;text-align:right;font-size:.8rem}}.circle-block{text-align:center;break-inside:avoid}.circle-of-fifths{max-width:320px;width:100%;height:auto}.cof-sector{fill:#fff;stroke:var(--doc-tint-border);stroke-width:1}.cof-sector.cof-minor{fill:var(--doc-tint)}.cof-sector.cof-neighbor{fill:#ede7fa}.course-page.web-mode:not(.export-static) .cof-sector,.course-page.web-mode:not(.export-static) .cof-label{cursor:pointer}.cof-sector.playing{fill:var(--doc-primary)}.course-page.web-mode:not(.export-static) .fret-note{cursor:pointer}.fret-note.playing circle{stroke:var(--doc-primary);stroke-width:3}.cof-sector.cof-key{fill:var(--doc-primary)}.cof-label{font-size:15px;font-weight:700;fill:var(--doc-heading);pointer-events:none}.cof-label-minor{font-size:11px;font-weight:600;fill:var(--doc-accent)}.cof-label.cof-label-active{fill:#fff}.cof-centre{font-size:22px;font-weight:800;fill:var(--doc-heading)}.cof-centre-sub{font-size:11px;fill:var(--doc-muted)}.circle-caption{margin-top:.4rem;font-size:.82rem;color:var(--doc-muted)}.tuner-block{break-inside:avoid}.tuner-header{margin-bottom:.5rem;color:var(--doc-heading)}.tuner-tuning{color:var(--doc-muted);margin-left:.4rem}.tuner-strings{display:flex;flex-wrap:wrap;gap:.5rem}.tuner-string{display:flex;flex-direction:column;align-items:center;min-width:4.6rem;padding:.45rem .6rem;border-radius:.75rem}.tuner-number{font-size:.7rem;opacity:.7}.tuner-note{font-size:1.05rem}.tuner-frequency{font-size:.68rem;font-weight:500;opacity:.8}.mic-tuner{margin-top:.75rem}.mic-tuner-toggle{font-size:.8rem}.mic-tuner.listening .mic-tuner-toggle{background:var(--doc-accent);color:#fff;border-color:var(--doc-accent)}.mic-tuner-readout{margin-top:.6rem;padding:.8rem 1rem;border:1px solid var(--doc-tint-border);border-radius:12px;background:var(--doc-tint);text-align:center}.mic-tuner-readout[hidden]{display:none}.mic-tuner-note{font-size:2.2rem;font-weight:800;line-height:1.1;color:var(--doc-heading)}.mic-tuner.in-tune .mic-tuner-note{color:#16a34a}.mic-tuner-meter{position:relative;height:14px;margin:.6rem auto .35rem;max-width:22rem;border-radius:999px;background:linear-gradient(90deg,#f97316,#fde68a 40%,#86efac 48% 52%,#fde68a 60%,#f97316)}.mic-tuner-tick{position:absolute;top:-4px;width:2px;height:22px;background:color-mix(in srgb,var(--doc-ink) 45%,transparent)}.mic-tuner-tick-left{left:25%}.mic-tuner-tick-centre{left:50%;background:var(--doc-ink)}.mic-tuner-tick-right{left:75%}.mic-tuner-needle{position:absolute;top:-7px;left:50%;width:4px;height:28px;margin-left:-2px;border-radius:2px;background:var(--doc-primary);box-shadow:0 0 0 2px #fff;transition:left .08s linear}.mic-tuner.in-tune .mic-tuner-needle{background:#16a34a}.mic-tuner-detail{font-size:.8rem;color:var(--doc-muted)}.mic-tuner-hint{margin-top:.3rem;font-size:.85rem;font-weight:600;color:var(--doc-heading)}.tuner-string.target{border-color:var(--doc-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--doc-primary) 30%,transparent)}.tuner-string.in-tune{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a4d}.tuner-table{border-collapse:collapse;font-size:.9rem}.tuner-table th,.tuner-table td{padding:.3rem .8rem;border-bottom:1px solid var(--doc-line);text-align:left}.tuner-table th{background:var(--doc-tint);color:var(--doc-accent);font-size:.75rem;text-transform:uppercase}@media print{.block-toolbar,.block-web,.play-button,.play-speed{display:none!important}.block-print{display:table}.measure-bg,.playing .measure-bg{fill:transparent}}