@font-face{font-family:EB Garamond;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-400-italic.woff2)format("woff2")}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/eb-garamond-var-normal.woff2)format("woff2")}@font-face{font-family:Public Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/public-sans-400-italic.woff2)format("woff2")}@font-face{font-family:Public Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/public-sans-var-normal.woff2)format("woff2")}
:root{--ground:#f7f3e9;--ground-deep:#efe9db;--ink:#2a2317;--ink-soft:#6f6450;--rule:#2a231729;--rule-strong:#2a231752;--accent:#8a6a1f;--accent-soft:#8a6a1f1a;--on-accent:#fbf7ee;--danger:#8a2f22;--display:"EB Garamond", Georgia, "Times New Roman", serif;--lyric:"EB Garamond", Georgia, serif;--ui:"Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--step-1:4px;--step-2:8px;--step-3:12px;--step-4:16px;--step-5:24px;--step-6:32px;--step-7:48px;--step-8:72px;--gutter:clamp(16px, 4vw, 88px);--measure:62ch;--measure-narrow:44ch;--rail:21rem;--tap:44px;--eyebrow-size:.6875rem;--eyebrow-track:.14em;--radius:0px;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Cpath d='M0 0l4.5 6L9 0z'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--ground);margin:0;padding:0}body{color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding-bottom:env(safe-area-inset-bottom,0px);font-size:16px;line-height:1.5}.container{width:100%;max-width:none;padding-left:var(--gutter);padding-right:var(--gutter);margin:0}main.container{padding-top:var(--step-6);padding-bottom:var(--step-8)}.bleed{margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter)}.measure{max-width:var(--measure)}.measure-narrow{max-width:var(--measure-narrow)}h1,h2,h3,.display{font-family:var(--display);letter-spacing:0;text-wrap:balance;margin:0;font-weight:500;line-height:1.14}h1{font-size:clamp(1.9rem,1.35rem + 2.4vw,3rem)}h2{font-size:clamp(1.3rem,1.1rem + .9vw,1.75rem)}h3{font-size:1.15rem}p{margin:0}.eyebrow{font-family:var(--ui);font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--accent);margin:0 0 var(--step-2);font-weight:600;display:block}.muted{color:var(--ink-soft)}.error{color:var(--danger)}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}.lead{color:var(--ink-soft);max-width:var(--measure);font-size:1.0625rem}.lyric{font-family:var(--lyric);font-size:1.125rem;line-height:1.5}.rule{border:0;border-top:1px solid var(--rule);margin-block:var(--step-5)}.rule-gold{border:0;border-top:1px solid var(--accent);opacity:.5;margin-block:var(--step-4)}.card{border:0;border-top:1px solid var(--rule);box-shadow:none;padding:var(--step-5) 0;background:0 0;border-radius:0}.card.bleed{padding-left:var(--gutter);padding-right:var(--gutter)}.sunken{background:var(--ground-deep);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding-top:var(--step-5);padding-bottom:var(--step-5)}.stack{gap:var(--step-4);flex-direction:column;display:flex}.stack-tight{gap:var(--step-2)}.stack-loose{gap:var(--step-6)}.row{align-items:center;gap:var(--step-3);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between}.row-end{justify-content:flex-end}.spread{margin-right:auto}.grow{flex:auto;min-width:0}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--step-4);padding-bottom:var(--step-4);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex}.btn{font-family:var(--ui);font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-track);text-transform:uppercase;min-height:var(--tap);padding:0 var(--step-5);justify-content:center;align-items:center;gap:var(--step-2);color:var(--ink);border:1px solid var(--rule-strong);border-radius:var(--radius);cursor:pointer;text-align:center;background:0 0;font-weight:600;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--ground)}.btn-lg{min-height:52px;padding:0 var(--step-6);font-size:.75rem}.btn-sm{min-height:34px;padding:0 var(--step-3);font-size:.625rem}.btn-quiet{color:var(--ink-soft);padding:0 var(--step-2);border-color:#0000}.btn-quiet:hover:not(:disabled){color:var(--ink);border-color:var(--rule-strong);background:0 0}.btn-danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:0 0}.stack>.btn,.stack>a.btn{align-self:flex-start}.signin-form>.btn{align-self:stretch}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.label{font-family:var(--ui);font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--ink-soft);margin-bottom:var(--step-1);font-weight:600;display:block}.field{margin:0;display:block}.input,.textarea,textarea.input,select.input{width:100%;min-height:var(--tap);padding:var(--step-2) 0;font-family:var(--ui);color:var(--ink);border:0;border-bottom:1px solid var(--rule-strong);background:0 0;border-radius:0;font-size:1rem;line-height:1.5;transition:border-color .15s}.input:hover,.textarea:hover,select.input:hover{border-bottom-color:var(--accent)}.input:focus,.textarea:focus,select.input:focus{border-bottom-color:var(--accent);border-bottom-width:1px}.input::placeholder,.textarea::placeholder{color:var(--ink-soft);opacity:.65}textarea{resize:none}select,select.input{appearance:none;padding-right:var(--step-5);cursor:pointer;text-overflow:ellipsis;background:0 0}:is(.select-wrap,.field:has(select.input)){position:relative}.select-wrap{display:block}.select-wrap:after{content:"";background-color:var(--ink-soft);width:9px;height:6px;-webkit-mask-image:var(--chevron);-webkit-mask-image:var(--chevron);mask-image:var(--chevron);pointer-events:none;position:absolute;bottom:18px;right:3px;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.field:has(select.input):after{content:"";background-color:var(--ink-soft);width:9px;height:6px;-webkit-mask-image:var(--chevron);-webkit-mask-image:var(--chevron);mask-image:var(--chevron);pointer-events:none;position:absolute;bottom:18px;right:3px;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.select-wrap:hover:after{background-color:var(--accent)}.field:has(select.input):hover:after{background-color:var(--accent)}select.input option{color:var(--ink);background:var(--ground)}input[type=checkbox]{appearance:none;border:1px solid var(--rule-strong);cursor:pointer;background:0 0;border-radius:0;flex:none;width:20px;height:20px;margin:0;transition:border-color .15s,background-color .15s;position:relative}input[type=checkbox]:hover:not(:disabled){border-color:var(--accent)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";border-right:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);width:7px;height:11px;position:absolute;top:3px;left:5px;transform:rotate(40deg)}input[type=checkbox]:disabled{opacity:.45;cursor:default}.check{align-items:flex-start;gap:var(--step-3);min-height:var(--tap);padding:var(--step-2) 0;cursor:pointer;line-height:1.45;display:flex}.check input[type=checkbox]{margin-top:2px}.check-inline{align-items:center;min-height:0;padding:0;display:inline-flex}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--rule);border:0;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:0;width:3px;height:15px;margin-top:-6px}input[type=range]::-moz-range-track{background:var(--rule);border:0;height:3px}input[type=range]::-moz-range-progress{background:var(--accent);height:3px}input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:0;width:3px;height:15px}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.badge{font-family:var(--ui);letter-spacing:var(--eyebrow-track);text-transform:uppercase;padding:3px var(--step-2);color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent);white-space:nowrap;border-radius:0;align-items:center;font-size:.625rem;font-weight:600;display:inline-flex}.badge-quiet{color:var(--ink-soft);border-color:var(--rule-strong);background:0 0}.roundel{color:var(--accent);border:1px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.roundel svg{width:64%;height:64%;display:block}.app-header{justify-content:space-between;align-items:center;gap:var(--step-4);padding-top:var(--step-4);padding-bottom:var(--step-4);border-bottom:1px solid var(--rule);display:flex;position:relative}.wordmark{align-items:center;gap:var(--step-3);color:var(--ink);text-decoration:none;display:inline-flex}.wordmark-text{font-family:var(--display);font-size:1.2rem;font-weight:500;line-height:1}.wordmark-sub{font-family:var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-top:3px;font-size:.5625rem;font-weight:600;display:block}@keyframes wot-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:.22s ease-out both wot-rise}.rise-2{animation:.22s ease-out 60ms both wot-rise}.rise-3{animation:.22s ease-out .12s both wot-rise}@media (prefers-reduced-motion:reduce){.rise,.rise-2,.rise-3{animation:none}*{transition-duration:1ms!important}}.invitation{text-align:left;border:0;border-top:2px solid var(--accent);border-bottom:1px solid var(--rule);box-shadow:none;padding-top:var(--step-6);padding-bottom:var(--step-6);background:0 0;border-radius:0;flex-direction:column;align-items:flex-start;display:flex}.invitation .roundel{margin:0 0 var(--step-5)}.invitation-title{margin-bottom:var(--step-4);font-size:clamp(2rem,1.4rem + 3vw,3rem)}.invitation-lead{margin:0 0 var(--step-6);max-width:var(--measure-narrow);font-size:1.0625rem}.invitation .btn{align-self:flex-start}.walk{gap:0;margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.walk{gap:0 var(--step-7);grid-template-columns:1fr 1fr}}.walk-step{gap:var(--step-4);padding:var(--step-5) 0;border-top:1px solid var(--rule);align-items:flex-start;display:flex}.walk-number{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);min-width:3.4em;padding-top:4px;font-size:.8125rem;font-weight:600}.walk-title{font-family:var(--display);font-size:1.2rem;font-weight:500;line-height:1.2}.walk-step .muted{font-size:.9375rem}.confirm{align-items:center;gap:var(--step-3);padding:var(--step-3) var(--step-4);border-left:2px solid var(--danger);background:var(--ground-deep);flex-wrap:wrap;display:flex}.confirm-question{font-size:.9375rem}.page-head,.card,.rule,.rule-gold,.confirm,.invitation,.song-row,.songs-stage,.sunken,.check-block,.flag-row,.chord-row,.checklist-row,.translation-row,.download-row,.version-row{margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter)}.card>.rule,.card>.rule-gold,.invitation>.rule,.invitation>.rule-gold,.signin-panel>.rule,.signin-panel>.rule-gold,.check-block>.rule{padding-left:0;padding-right:0}@media (max-width:899.98px){.walk-step{margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter)}}@media (max-width:999.98px){.rail-block,.section-heading-row,.editor-add-section,.memo-row{margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter)}}
.signin{gap:var(--step-7);padding-top:var(--step-4);align-items:start;display:grid}@media (min-width:900px){.signin{gap:var(--step-8);padding-top:var(--step-7);grid-template-columns:minmax(0,1fr) 24rem;align-items:center;min-height:calc(100vh - 260px)}}.signin-aside{max-width:34rem}.signin-aside .roundel{margin-bottom:var(--step-5)}.signin-title{margin:0 0 var(--step-5);font-size:clamp(2.2rem,1.4rem + 4vw,3.6rem)}.signin-verse{font-family:var(--lyric);color:var(--ink);max-width:30ch;margin:0;font-size:1.2rem;font-style:italic;line-height:1.55}.signin-verse-ref{margin-top:var(--step-3);font-family:var(--ui);font-style:normal;font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--ink-soft);font-weight:600;display:block}.signin-panel{border:0;border-top:2px solid var(--accent);box-shadow:none;padding-top:var(--step-5);background:0 0;border-radius:0;padding-bottom:0}@media (max-width:899.98px){.signin-panel{margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter)}}.signin-heading{margin-bottom:var(--step-5)}.signin-form{gap:var(--step-5)}.signin-note{margin:0;font-size:.875rem}.songs-search{max-width:22rem}.songs-stage{align-items:baseline;gap:var(--step-3);padding-bottom:var(--step-2);border-bottom:1px solid var(--rule);margin-bottom:0;display:flex}.songs-count{font-family:var(--ui);color:var(--ink-soft);letter-spacing:.08em;font-size:.625rem}.song-list{flex-direction:column;display:flex}.song-row{align-items:center;gap:var(--step-4);padding-block:var(--step-4);color:inherit;border-bottom:1px solid var(--rule);min-height:var(--tap);text-decoration:none;transition:background-color .15s;display:flex}.song-row:hover{background:var(--accent-soft)}.song-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.song-title{font-family:var(--display);font-size:1.3rem;font-weight:500;line-height:1.2}.song-meta{font-size:.8125rem}.song-row-arrow{color:var(--ink-soft);font-size:1.4rem;line-height:1}.editor-layout{gap:var(--step-6);flex-direction:column;align-items:stretch;display:flex}.editor-main{flex:auto;min-width:0}@media (min-width:1000px){.editor-layout{align-items:flex-start;gap:var(--step-8);flex-direction:row}.editor-main{flex:0 auto;max-width:44rem}.editor-rail{flex:0 0 var(--rail);top:var(--step-4);margin-left:auto;position:sticky}}.editor-rail{gap:var(--step-6);flex-direction:column;min-width:0;display:flex}.rail-block{border-top:1px solid var(--rule);padding-top:var(--step-4)}.rail-head .eyebrow{margin:0}.rail-head{justify-content:space-between;align-items:baseline;gap:var(--step-3);margin-bottom:var(--step-3);display:flex}.title-input{font:inherit;font-family:var(--display);color:var(--ink);border:0;border-bottom:1px dotted var(--rule-strong);background:0 0;border-radius:0;width:100%;min-height:0;margin:0;padding:0;font-weight:500;line-height:1.14}.title-input:hover{border-bottom-color:var(--accent)}.title-input:focus{border-bottom:1px solid var(--accent);outline-offset:6px}.title-input::placeholder{color:var(--ink-soft);opacity:.45;font-style:italic}.section-block{border:0;padding:0}.section-block+.section-block{margin-top:var(--step-6)}.section-heading-input{font-family:var(--display);color:var(--ink);border:0;border-bottom:1px dotted var(--rule-strong);field-sizing:content;background:0 0;border-radius:0;width:auto;min-width:6ch;max-width:100%;min-height:0;margin:0;padding:2px 0;font-size:1.35rem;font-weight:500;line-height:1.2}.section-heading-input:hover{border-bottom-color:var(--accent)}.section-heading-input:focus{border-bottom:1px solid var(--accent);outline-offset:4px}.section-heading-row{align-items:center;gap:var(--step-3);padding-bottom:var(--step-2);border-bottom:1px solid var(--rule);margin-bottom:var(--step-3);flex-wrap:wrap;display:flex}.section-lines{flex-direction:column;display:flex}.line-block{padding:1px 0}.input.lyric-input{font-family:var(--lyric);font-size:1.1875rem;line-height:1.5}textarea.line-text{width:100%;min-width:0;font-family:var(--lyric);color:var(--ink);resize:none;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;min-height:0;margin:0;padding:2px 0;font-size:1.1875rem;line-height:1.55;transition:border-color .15s;overflow:hidden}textarea.line-text:hover{border-bottom-color:var(--rule)}textarea.line-text:focus{border-bottom-color:var(--accent);outline:none}textarea.line-text::placeholder{color:var(--ink-soft);opacity:.5;font-style:italic}.line-row{align-items:flex-start;gap:var(--step-3);flex-wrap:nowrap;display:flex}.line-row>textarea.line-text{flex:auto}.line-row>.line-meta{flex:none;padding-top:7px}.line-row>.line-remove{flex:none;margin-top:2px}.line-meta{align-items:center;gap:var(--step-2);font-family:var(--ui);font-variant-numeric:tabular-nums;color:var(--ink-soft);justify-content:flex-end;min-width:2ch;font-size:.6875rem;display:inline-flex}.line-flag,.line-meta .badge{font-size:.5625rem}input.translation-input{font-family:var(--lyric);color:var(--ink-soft);padding-left:var(--step-4);border-bottom-color:var(--rule);min-height:34px;font-size:1rem;font-style:italic}.line-remove{opacity:0;visibility:hidden;transition:opacity .15s}.line-row:hover .line-remove,.line-row:focus-within .line-remove,.line-remove:focus-visible{opacity:1;visibility:visible}.add-line{margin-top:var(--step-3);align-self:flex-start}.editor-add-section{align-items:flex-end;gap:var(--step-4);border-top:1px solid var(--rule);padding-top:var(--step-5);flex-wrap:wrap;display:flex}.editor-add-section .field{flex:14rem;max-width:20rem}.memo-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.memo-row{border-top:1px solid var(--rule);padding-block:var(--step-3)}.memo-row:first-child{border-top:0}.memo-meta{margin-top:var(--step-2);gap:var(--step-2)}.player{align-items:center;gap:var(--step-3);display:flex}.player-button{border:1px solid var(--rule-strong);width:38px;height:38px;min-height:0;color:var(--ink);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:inline-flex}.player-button:hover{border-color:var(--accent);color:var(--accent)}.player-glyph{background:currentColor;width:11px;height:13px;display:block}.player-glyph-play{clip-path:polygon(0 0,100% 50%,0 100%)}.player-glyph-pause{clip-path:polygon(0 0,34% 0,34% 100%,0 100%,0 0,66% 0,100% 0,100% 100%,66% 100%,66% 0)}.player-range{flex:auto;min-width:64px}.player-time{font-variant-numeric:tabular-nums;color:var(--ink-soft);flex:none;font-size:.75rem}.scripture-drawer{display:none}.scripture-lookup-row{align-items:flex-end;gap:var(--step-4)}.scripture-translation-field{flex:7rem;max-width:10rem}.scripture-verse{font-family:var(--lyric);margin:0;font-size:1.0625rem;line-height:1.55}.scripture-verse-num{font-family:var(--ui);color:var(--accent);vertical-align:super;font-size:.625rem;font-weight:600}.scripture-pin{border-top:1px solid var(--rule);padding-top:var(--step-4)}.scripture-pinned-row{border-bottom:1px solid var(--rule);padding-bottom:var(--step-2);flex-wrap:wrap}.scripture-pinned-row:last-child{border-bottom:none;padding-bottom:0}@media (max-width:999.98px){.editor-scripture.is-drawer{z-index:40;background:var(--ground);padding:var(--step-5) var(--gutter) var(--step-8);border:0;position:fixed;inset:0;overflow-y:auto}.scripture-drawer{display:inline-flex}.editor-scripture.is-closed{display:none}}@media (min-width:1000px){.editor-scripture.is-closed{display:block}}.check-block{border-top:1px solid var(--rule);padding-top:var(--step-4)}.check-block h2{margin-bottom:var(--step-2)}.check-verdict{font-family:var(--lyric);font-size:1.0625rem}.flag-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.flag-row{border-top:1px dotted var(--rule);padding-block:var(--step-3)}.flag-row:first-child{border-top:0}.flag-line{font-family:var(--lyric);font-size:1.0625rem}.flag-suggestion{color:var(--accent)}.plain-list{gap:var(--step-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plain-list li{padding-left:var(--step-4);position:relative}.plain-list li:before{content:"";background:var(--accent);width:6px;height:1px;position:absolute;top:.72em;left:0}.sheet-table-wrap{margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);overflow-x:auto}.sheet-table{width:100%;min-width:calc(21rem + var(--gutter) * 2);border-collapse:collapse}.sheet-table th:first-child,.sheet-table td:first-child{padding-left:var(--gutter)}.sheet-table th:last-child,.sheet-table td:last-child{padding-right:var(--gutter)}.sheet-table th,.sheet-table td{padding:var(--step-2) var(--step-3) var(--step-2) 0;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}.sheet-table th{font-family:var(--ui);font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--ink-soft);font-weight:600}.sheet-table td.lyric-cell{font-family:var(--lyric);font-size:1.0625rem}.sheet-table td.num{font-variant-numeric:tabular-nums;text-align:right;padding-right:0}.sheet-table tbody tr:last-child td{border-bottom:0}.diff-table td{width:50%;font-family:var(--lyric);font-size:1.0625rem}.diff-added{background:color-mix(in srgb, var(--accent) 14%, var(--ground))}.diff-removed{background:color-mix(in srgb, var(--danger) 12%, var(--ground))}.diff-changed{background:color-mix(in srgb, var(--accent) 22%, var(--ground))}.diff-moved{background:var(--ground-deep)}.diff-unchanged{background:0 0}.version-row{border-top:1px solid var(--rule);padding-block:var(--step-3)}.diff-key{gap:var(--step-4);flex-wrap:wrap;display:flex}.diff-key-item{align-items:center;gap:var(--step-2);color:var(--ink-soft);font-size:.75rem;display:inline-flex}.diff-key-swatch{border:1px solid var(--rule);width:14px;height:14px}.music-grid{gap:var(--step-4) var(--step-5);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.form-grid{gap:var(--step-4) var(--step-5);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.piano-grid{gap:var(--step-5);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));display:grid}.piano-strip-field{min-width:0;margin-bottom:0}.piano-strip{border:1px solid var(--rule-strong);background:#fff;height:92px;display:flex;position:relative;overflow:hidden}.piano-key{cursor:pointer;font:inherit;border:none;margin:0;padding:0}.piano-key-white{height:100%;padding-bottom:var(--step-1);font-family:var(--ui);letter-spacing:.04em;color:#8c8271;background:#fff;border-right:1px solid #ded8c9;justify-content:center;align-items:flex-end;font-size:9px;display:flex;position:relative}.piano-key-white:last-child{border-right:none}.piano-key-black{z-index:2;background:#241f16;height:60%;position:absolute;top:0}.piano-key.is-selected{background:var(--accent)}.piano-key-white.is-selected{color:var(--on-accent)}.chord-row{border-top:1px dotted var(--rule);padding-block:var(--step-2);gap:0}.chord-row:first-of-type{border-top:0}input.chord-input{letter-spacing:.02em;color:var(--accent);border-bottom:0;min-height:28px;padding-block:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9375rem}input.chord-input:hover,input.chord-input:focus{box-shadow:inset 0 -1px 0 var(--rule-strong);border-bottom:0}input.chord-input::placeholder{color:var(--ink-soft);opacity:.5}.chord-lyric{font-family:var(--lyric);color:var(--ink);font-size:1.0625rem}.review-line{justify-content:flex-start;align-items:flex-start;gap:var(--step-3);text-align:left;width:100%;font-family:var(--lyric);text-transform:none;letter-spacing:0;color:var(--ink);padding-inline:0;padding-block:var(--step-2);min-height:var(--tap);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;font-size:1.1875rem;font-weight:400;line-height:1.5;transition:border-color .15s,background-color .15s;display:flex}.review-line:hover{border-bottom-color:var(--accent);background:var(--accent-soft)}.comment-thread{border-left:1px solid var(--rule);padding:var(--step-2) 0 var(--step-2) var(--step-4);max-width:var(--measure)}.comment-thread .comment-thread{margin-left:var(--step-4)}.comment-text{font-family:var(--lyric);font-size:1.0625rem}.comment-meta{color:var(--ink-soft);font-size:.75rem}.checklist-row{justify-content:space-between;align-items:flex-start;gap:var(--step-3);border-top:1px dotted var(--rule);padding-block:var(--step-2);flex-wrap:wrap;display:flex}.checklist-row:first-of-type{border-top:0}.decision-grid{gap:var(--step-6);grid-template-columns:1fr;display:grid}@media (min-width:760px){.decision-grid{grid-template-columns:1fr 1fr}}.download-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.download-row{align-items:center;gap:var(--step-4);border-top:1px solid var(--rule);padding-block:var(--step-3);flex-wrap:wrap;display:flex}.download-row:first-child{border-top:0}.download-row .btn{min-width:11rem}.download-detail{color:var(--ink-soft);font-size:.875rem}.translation-row{justify-content:space-between;align-items:flex-start;gap:var(--step-4);border-top:1px solid var(--rule);padding-block:var(--step-3);flex-wrap:wrap;display:flex}.translation-row:first-of-type{border-top:0}.hat-band{background:var(--ink);color:var(--ground);border-bottom:2px solid var(--accent)}.hat-band-inner{gap:var(--step-4);padding-block:var(--step-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.hat-band-text{flex-direction:column;gap:2px;display:flex}.hat-band strong{font-family:var(--display);font-size:1.15rem;font-weight:500}.hat-band .muted{color:color-mix(in srgb, var(--ground) 68%, var(--ink));font-size:.875rem}.hat-band .hat-eyebrow{color:var(--accent)}.hat-band .btn{color:var(--ground);border-color:color-mix(in srgb, var(--ground) 40%, var(--ink))}.hat-band .btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:0 0}.hat-eyebrow{font-family:var(--ui);font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-track);text-transform:uppercase;font-weight:600}.hat-switch-row{justify-content:flex-end;display:flex}.hat-switch{position:relative}.hat-menu{z-index:40;margin-top:var(--step-2);padding:var(--step-4);gap:var(--step-2);background:var(--ground);border:1px solid var(--rule-strong);border-top:2px solid var(--accent);flex-direction:column;min-width:15rem;display:flex;position:absolute;right:0}.hat-menu-item{text-align:left;justify-content:flex-start}.hat-menu .hat-eyebrow{color:var(--accent);margin-bottom:var(--step-1)}.hat-menu .muted{font-size:.8125rem}.projector{color:#fff;z-index:100;background:#000;flex-direction:column;justify-content:center;align-items:center;padding:4vmin;display:flex;position:fixed;inset:0;overflow:hidden}.projector-blank{z-index:5;background:#000;position:absolute;inset:0}.projector-slide{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.2vmin;max-width:92vw;display:flex}.projector-line-group{flex-direction:column;align-items:center;gap:.8vmin;display:flex}.projector-line{font-family:var(--display);color:#fff;margin:0;font-size:clamp(26px,5.6vw,80px);font-weight:600;line-height:1.2}.projector-translation{font-family:var(--display);color:#b8b2a4;margin:0;font-size:clamp(18px,3.9vw,54px);font-style:italic;font-weight:400;line-height:1.22}.projector-message{color:#ddd6c8;text-align:center;padding:var(--step-6)}.projector-controls{z-index:10;gap:var(--step-2);padding:var(--step-2);opacity:.28;background:#0000009e;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:center;align-items:center;transition:opacity .16s;display:flex;position:absolute;bottom:0;left:0;right:0}.projector-controls:hover,.projector-controls:focus-within{opacity:1}.projector-controls .btn{color:#fff;background:0 0;border-color:#ffffff42;min-height:40px}.projector-step{padding:0 var(--step-4);font-size:1.4rem;line-height:1}.projector-controls .btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:0 0}.projector-controls input[type=checkbox]{border-color:#ffffff57}.projector-position{color:#ddd6c8;font-family:var(--ui);font-variant-numeric:tabular-nums;text-align:center;min-width:4.5rem;font-size:.8125rem}.projector-toggle{align-items:center;gap:var(--step-2);color:#ddd6c8;cursor:pointer;min-height:38px;font-size:.8125rem;display:inline-flex}.projector-exit{color:var(--accent);font-family:var(--ui);font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-track);text-transform:uppercase;padding:0 var(--step-3);align-items:center;min-height:38px;font-weight:600;text-decoration:none;display:inline-flex}.projector-help{top:var(--step-3);text-align:center;color:#8c8577;font-family:var(--ui);font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-track);text-transform:uppercase;margin:0;font-weight:600;position:absolute;left:0;right:0}