:root{--paper: #e7e5df;--paper-deep: #dcd9d1;--ink: #171713;--quiet: #77756e;--line: rgba(23, 23, 19, .28);--faint: rgba(23, 23, 19, .11);--accent: #3157d5;--accent-soft: rgba(49, 87, 213, .09);--sans: Arial, Helvetica, sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--dock-height: 106px}*{box-sizing:border-box}html,body{min-width:100%;min-height:100%;margin:0}body{overflow:hidden;color:var(--ink);background:var(--paper);font-family:var(--sans)}body:before{position:fixed;z-index:10;inset:0;pointer-events:none;content:"";opacity:.45;mix-blend-mode:multiply;background:linear-gradient(90deg,transparent 0 49.8%,rgba(23,23,19,.02) 50%,transparent 50.2%),repeating-linear-gradient(0deg,rgba(23,23,19,.018) 0 1px,transparent 1px 5px)}button,input{font:inherit}button{color:inherit}.update-notice{position:fixed;z-index:20;right:18px;bottom:calc(var(--dock-height) + 18px);display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.update-notice[hidden]{display:none}.update-notice button{padding:5px 7px;cursor:pointer;border:0;background:var(--accent);color:#fff;font:inherit;font-weight:700;letter-spacing:inherit;text-transform:inherit}.app-shell{display:grid;grid-template-rows:64px minmax(0,1fr) auto;width:100%;min-height:100dvh;background:var(--paper)}.masthead{z-index:2;display:grid;grid-template-columns:64px minmax(0,1fr) 88px;min-height:64px;border-bottom:1px solid var(--line)}.brand-mark{display:grid;place-items:center;border-right:1px solid var(--line);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.13em}.title-block{display:flex;align-items:baseline;min-width:0;gap:17px;padding:0 clamp(18px,4vw,52px)}.title-block h1,.title-block p{margin:0}.title-block h1{overflow:hidden;font-size:clamp(18px,2.1vw,30px);font-weight:800;line-height:1;letter-spacing:-.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.title-block p{color:var(--quiet);font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}@media(min-width:641px){.title-block{align-self:center}}.header-status{display:grid;place-items:center;border-left:1px solid var(--line);color:var(--quiet);font-family:var(--mono);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.06em}.manuscript-stage{position:relative;min-height:0;overflow:hidden;background:linear-gradient(90deg,transparent 0 9%,rgba(23,23,19,.025) 9.05%,transparent 9.1%),linear-gradient(90deg,transparent 0 90.9%,rgba(23,23,19,.025) 90.95%,transparent 91%)}.manuscript-viewport{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:46vh clamp(26px,8vw,150px);scrollbar-width:none;scroll-behavior:smooth}.manuscript-viewport::-webkit-scrollbar{display:none}.manuscript-content{width:min(830px,100%);margin:0 auto}.section-heading{display:flex;align-items:center;gap:14px;margin:0 0 34px;color:var(--quiet);font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.14em;text-transform:uppercase}.section-heading:after{height:1px;flex:1;content:"";background:var(--faint)}.lyric-section{padding:clamp(48px,8vh,92px) 0;scroll-margin-block:40vh;transition:opacity .5s ease,filter .5s ease}.lyric-section:first-child{padding-top:12vh}.lyric-section:last-child{padding-bottom:12vh}.lyric-line{position:relative;display:block;width:fit-content;max-width:100%;margin:0 0 16px;padding:2px 0;cursor:pointer;border:0;background:transparent;color:var(--ink);font-size:clamp(25px,3.55vw,58px);font-weight:560;line-height:1.04;letter-spacing:-.042em;text-align:left;opacity:.22;transform-origin:left center;transition:opacity .45s ease,transform .38s cubic-bezier(.2,.75,.2,1),color .38s ease}.lyric-line:hover{opacity:.7!important}.lyric-line:focus-visible{outline:1px solid var(--accent);outline-offset:8px}.lyric-line.is-near{opacity:.55}.lyric-line.is-previous{opacity:.32}.lyric-line.is-current{opacity:1;font-weight:720;transform:translateY(-1px)}.lyric-line.is-current:before{position:absolute;width:11px;height:11px;content:"";left:-24px;top:50%;border-top:2px solid var(--accent);border-left:2px solid var(--accent);transform:translateY(-50%) rotate(-45deg)}.lyric-section[data-type=chorus] .section-heading{color:var(--accent)}.lyric-section[data-type=chorus] .lyric-line{font-size:clamp(31px,4.65vw,72px);font-weight:760;line-height:.94;letter-spacing:-.055em}.lyric-section[data-type=prechorus]{max-width:78%;margin-left:9%}.lyric-section[data-type=prechorus] .lyric-line{font-style:italic}.app-shell.is-section-focused .lyric-section:not(.is-focus-target){opacity:.12;filter:grayscale(1)}.lyric-section.is-focus-target{position:relative}.lyric-section.is-focus-target:before,.lyric-section.is-focus-target:after{position:absolute;right:-34px;left:-34px;height:16px;content:"";border-right:1px solid var(--accent);border-left:1px solid var(--accent);pointer-events:none}.lyric-section.is-focus-target:before{top:16px;border-top:1px solid var(--accent)}.lyric-section.is-focus-target:after{bottom:16px;border-bottom:1px solid var(--accent)}.stage-message{margin:12vh 0;color:var(--quiet);font-family:var(--mono);font-size:clamp(10px,1.1vw,13px);letter-spacing:.09em;text-transform:uppercase}.reading-guide{position:absolute;top:46%;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--line) 9%,var(--line) 91%,transparent)}.reading-guide:before,.reading-guide:after{position:absolute;top:-5px;width:10px;height:10px;content:"";border-top:1px solid var(--accent);border-bottom:1px solid var(--accent)}.reading-guide:before{left:0;border-left:1px solid var(--accent)}.reading-guide:after{right:0;border-right:1px solid var(--accent)}.reading-label{position:absolute;z-index:1;top:calc(46% - 23px);left:clamp(26px,8vw,150px);margin:0;color:var(--accent);font-family:var(--mono);font-size:8px;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}.player-dock{z-index:20;position:relative;min-height:var(--dock-height);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--paper);box-shadow:0 -18px 46px #17171312}.player-dock:before{position:absolute;top:-1px;right:0;left:0;height:3px;content:"";background:var(--accent)}.section-picker{position:absolute;z-index:30;bottom:calc(100% + 10px);left:64px;width:min(430px,calc(100vw - 88px));max-height:min(62vh,520px);overflow-y:auto;visibility:hidden;border:1px solid var(--ink);background:var(--paper);box-shadow:14px 14px #1717131c;opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.2,1),visibility .18s ease}.section-picker.is-open{visibility:visible;opacity:1;transform:translateY(0)}.section-picker-header{position:sticky;top:0;z-index:1;display:flex;min-height:38px;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--ink);background:var(--paper);font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.section-picker-button{width:100%;min-height:58px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 14px;cursor:pointer;border:0;border-bottom:1px solid var(--faint);background:transparent;text-align:left}.section-picker-button:last-child{border-bottom:0}.section-picker-button:hover,.section-picker-button:focus-visible,.section-picker-button.is-active{background:var(--accent-soft)}.section-picker-button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.section-picker-button.is-active .section-picker-name{color:var(--accent)}.section-picker-index,.section-picker-timing{color:var(--quiet);font-family:var(--mono);font-size:8px;font-variant-numeric:tabular-nums}.section-picker-timing{text-align:right}.section-picker-name{overflow:hidden;font-size:15px;font-weight:720;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.track-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;min-height:39px;border-bottom:1px solid var(--faint)}.track-spacer{border-right:1px solid var(--line)}.track-context{display:flex;align-items:center;min-width:0;gap:12px;padding:0 clamp(16px,3vw,34px);cursor:pointer;border:0;background:transparent;text-align:left}.track-context:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.track-context:disabled{cursor:default}.track-label,.player-status{color:var(--quiet);font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.track-label{flex:0 0 auto}.track-title{overflow:hidden;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:-.015em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.section-chevron{flex:0 0 auto;width:14px;height:14px;margin-left:2px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .18s ease}.track-context[aria-expanded=true] .section-chevron{transform:rotate(180deg)}.player-status{display:flex;align-items:center;max-width:295px;margin:0;padding:0 22px;border-left:1px solid var(--faint);letter-spacing:.07em;white-space:nowrap}.transport-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;min-height:66px}.play-button{display:grid;width:64px;min-height:66px;padding:0;cursor:pointer;place-items:center;border:0;border-right:1px solid var(--line);background:var(--ink);color:var(--paper);transition:background .18s ease}.play-button:focus-visible,.transport-action:focus-visible,.scrubber:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.play-button svg{width:25px;height:25px;fill:currentColor}.pause-icon,.play-button.is-playing .play-icon{display:none}.play-button.is-playing .pause-icon{display:block}.progress-cluster{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;min-width:0;align-items:center;gap:14px;padding:0 clamp(16px,3vw,34px)}.time-label{color:var(--quiet);font-family:var(--mono);font-size:9px;font-variant-numeric:tabular-nums}.time-label:last-child{text-align:right}.scrubber{--progress: 0%;width:100%;height:28px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent}.scrubber::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--accent) 0 var(--progress),var(--line) var(--progress) 100%)}.scrubber::-moz-range-track{height:3px;background:var(--line)}.scrubber::-moz-range-progress{height:3px;background:var(--accent)}.scrubber::-webkit-slider-thumb{width:15px;height:15px;margin-top:-6px;border:2px solid var(--paper);border-radius:0;appearance:none;-webkit-appearance:none;background:var(--accent);box-shadow:0 0 0 1px var(--accent);transform:rotate(45deg)}.scrubber::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--paper);border-radius:0;background:var(--accent);box-shadow:0 0 0 1px var(--accent);transform:rotate(45deg)}.transport-action{display:grid;min-width:74px;padding:0 16px;cursor:pointer;place-items:center;gap:4px;border:0;border-left:1px solid var(--line);background:transparent;font-family:var(--mono);font-size:7px;letter-spacing:.1em;text-transform:uppercase;transition:background .18s ease,color .18s ease}.transport-action.is-active{background:var(--accent);color:#fff}.transport-action:disabled{cursor:default;color:var(--quiet)}.transport-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:1.7}@media(hover:hover){.track-context:hover{background:#17171309}.play-button:hover{background:var(--accent)}.transport-action:hover{background:var(--accent);color:#fff}.transport-action:disabled:hover{background:transparent;color:var(--quiet)}}@media(max-width:640px){:root{--dock-height: 98px}.app-shell{grid-template-rows:58px minmax(0,1fr) auto}.masthead{grid-template-columns:48px minmax(0,1fr);min-height:58px}.brand-mark{font-size:7px}.title-block{display:block;padding:13px 14px 0}.title-block h1{font-size:17px}.title-block p{margin-top:5px;font-size:7px}.header-status{display:none}.manuscript-viewport{padding:41vh 22px 43vh}.lyric-section{padding:52px 0}.lyric-section:first-child{padding-top:11vh}.section-heading{margin-bottom:24px;font-size:7px}.lyric-line{margin-bottom:13px;font-size:clamp(24px,9vw,39px);line-height:1.02}.lyric-section[data-type=chorus] .lyric-line{font-size:clamp(30px,11vw,49px)}.lyric-section[data-type=prechorus]{max-width:92%;margin-left:3%}.lyric-section.is-focus-target:before,.lyric-section.is-focus-target:after{right:-12px;left:-12px}.reading-label{left:22px;font-size:7px}.stage-message{font-size:9px}.track-row{grid-template-columns:58px minmax(0,1fr);min-height:36px}.track-context{padding:0 14px;gap:8px}.track-label{display:none}.track-title{font-size:12px}.player-status{display:none}.section-picker{right:10px;bottom:calc(100% + 8px);left:10px;width:auto;max-height:58vh;box-shadow:8px 8px #1717131c}.section-picker-button{min-height:55px}.section-picker-name{font-size:14px}.section-picker-timing{font-size:7px}.transport-row{grid-template-columns:58px minmax(0,1fr) 48px;min-height:62px}.play-button{width:58px;min-height:62px}.progress-cluster{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;padding:0 11px}.time-label{font-size:8px}.transport-action{min-width:48px;padding:0 8px;font-size:0}.transport-action svg{width:18px;height:18px}.update-notice{right:10px;bottom:calc(var(--dock-height) + 10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}