.line-meta{display:flex;align-items:center;gap:12px;margin:0 0 7px;font-size:11px;color:#a59ba9}
.line-start{font:inherit;font-variant-numeric:tabular-nums;color:inherit;padding:4px 0}.line-start span{margin-left:6px;color:#8e8497}
.flow-source{font-size:10px;color:#ab94bb}.lyric-main{display:block;cursor:default!important;line-height:1.8}
.linked-word{display:inline-block;white-space:nowrap;position:relative;margin-right:.11em}
.lyric-word{font:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;padding:0 1px;border-radius:4px;line-height:inherit;position:relative;cursor:pointer}
.lyric-word:hover:not(:disabled){color:#ede3ff;background:#cab1ee13}.lyric-word:focus-visible{outline:2px solid #d4bef8;outline-offset:3px}
.lyric-word:disabled{cursor:default;opacity:1}.lyric-word del,.flow-preview del{color:#b69dad;text-decoration-color:#e1a9b3;text-decoration-thickness:2px}
.weak-word{opacity:.58}.liaison{color:#d8bdff;position:absolute;right:-.26em;bottom:-.04em;font-size:.75em;pointer-events:none}.flow-preview .liaison{position:static}
.lyric-item.active .word-current{color:#fff;background:#cab1ee20}.lyric-item.active .word-passed{color:#b29cc8}
.line-practice{margin-top:13px;max-width:490px}.line-progress{appearance:none;display:block;width:100%;height:2px;border:0;background:#ffffff13;border-radius:2px}
.line-progress::-webkit-progress-bar{background:#ffffff13}.line-progress::-webkit-progress-value{background:#baa0d6}.line-progress::-moz-progress-bar{background:#baa0d6}
.practice-caption{display:flex;align-items:center;gap:14px;color:#a59aaa;font-size:11px;margin-top:8px}.practice-caption button{color:#d4bef8;padding:0}
.flow-caption{display:flex;align-items:center;gap:14px;color:#b3a3be;font-size:11px;margin-top:12px}.flow-caption small{color:#8e8298;font-size:10px}.flow-caption .generate-reading{margin:0}
.boundary-review{display:none}.lyric-item.active .boundary-review{display:inline-block;color:#b39e82;margin-top:9px;font-size:10px}
.transport .icon-button{position:relative}.transport-caption{position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#ac9fb5}
.volume-control{display:flex;align-items:center;gap:7px;font-size:10px;color:#a79aae}.volume-control button{padding:5px 0;color:inherit;white-space:nowrap}.volume-control input{width:65px;height:3px;accent-color:#c6aee6;cursor:pointer}.volume-control output{width:28px;font-variant-numeric:tabular-nums}
.secondary-controls{gap:10px}.library-list{display:flex;flex-direction:column;gap:8px;margin:20px 0 25px}.library-track{display:flex;align-items:center;text-align:left;gap:14px;padding:14px;border:1px solid #ffffff0c;border-radius:10px;background:#ffffff03;color:#e0d7e8;width:100%}.library-track:hover,.library-track.current{background:#c6a6ef0c;border-color:#c6a6ef30}
.track-cover{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#bd99e015;border-radius:8px;color:#c6acd9;font-size:24px}.library-track strong{display:block;font-size:15px;font-weight:550;overflow-wrap:anywhere}.library-track small{display:block;color:#9d8dab;font-size:12px;margin-top:4px}.track-state{margin-left:auto;font-size:11px;color:#bc9fd7;white-space:nowrap}#libraryCount{font-size:12px;color:#95859f;margin-left:8px}.library-list[aria-busy]{opacity:.6;pointer-events:none}
.flow-preview{font-size:22px;line-height:1.7;padding:12px 0;color:#ded0eb}.flow-legend{font-size:11px;color:#a194ab;margin:5px 0}
.held-sound{text-decoration:underline dotted #c9bad6;text-underline-offset:.22em}.flap-sound{position:relative}.flap-sound sup{color:#d8bdff;font-size:.42em;position:absolute;left:50%;top:-.55em}.liaison sup{position:absolute;bottom:.3em;left:0;font-size:.5em;line-height:1}.flow-preview .liaison sup{position:static}
.flow-caption{flex-wrap:wrap}.flow-error{flex-basis:100%;max-width:530px;margin:0;color:#e6b0bd;line-height:1.65}.flow-sources{font-size:11px;max-width:550px}.flow-sources summary{cursor:pointer;color:#a99bb7}.flow-sources p{line-height:1.65;margin:10px 0}.flow-sources a{display:block;color:#c8b3e7;padding:4px 0;text-decoration:underline;text-underline-offset:3px}
.flow-caption{align-items:flex-start}.flow-sources[open]{order:3;flex-basis:100%}
.flow-verdict{order:2;flex-basis:100%;display:flex;gap:10px;align-items:baseline;max-width:620px;margin:0;color:#b9acbf;line-height:1.6}.flow-verdict strong{color:#d3c2df;font-size:10px;white-space:nowrap}.flow-sources ul{margin:8px 0 12px;padding-left:18px;line-height:1.65}.flow-sources li{margin:4px 0}.source-label{margin:10px 0 3px!important;color:#8e8298}
#wordTimingDetails{margin-top:20px;color:#b5a6bf;font-size:12px}#wordTimingDetails summary{cursor:pointer;padding:6px 0}.word-timing-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.word-timing-fields label{margin:5px 0;font-size:12px}.word-timing-fields input{padding:7px;margin-top:5px;font-size:12px}
@media(max-width:760px){.volume-control{position:absolute;right:27px;bottom:9px}.volume-control input{width:70px}.secondary-controls{gap:2px}.player-footer{height:170px}.player-main{height:calc(100dvh - 246px)}.transport-caption{font-size:9px}.control-row{margin-top:12px}.toast{bottom:175px}.lyric-main{font-size:27px}.line-meta{font-size:10px}.line-practice{margin-top:10px}.flow-caption{flex-wrap:wrap;gap:7px;font-size:10px}.header-actions{gap:12px}.library-track{padding:10px}.word-timing-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
