:root{font-family:system-ui,sans-serif;color:#dfebf5;background:#101b2c}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1050px;margin:auto;padding:28px}header span{color:#7fd9ed;font-size:12px;letter-spacing:2px}h1{font-size:52px;margin:12px 0}h2{font-size:22px}section{background:#1b2b40;border:1px solid #30435a;border-radius:18px;padding:24px;margin-bottom:20px}p{line-height:1.6}label{display:block;font-size:14px;margin:12px 0}input,select,textarea{display:block;background:#101b2c;border:1px solid #49607a;border-radius:8px;color:#fff;padding:12px;max-width:100%;width:100%;margin-top:7px}textarea{font:16px/1.7 monospace}button{border:0;border-radius:9px;background:#8ce0ee;color:#102336;padding:12px 18px;font-weight:700;cursor:pointer}button:disabled{opacity:.45;cursor:default}button.secondary{background:#344b65;color:white}audio,progress{width:100%;margin-top:18px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.metrics{display:flex;gap:32px;flex-wrap:wrap}.metrics small{display:block;color:#acbdcf}.metrics strong{display:block;font-size:30px;margin-top:8px}.muted,footer{color:#afc0d0;font-size:13px}.row{display:grid;grid-template-columns:90px 100px 1fr 1fr 44px;gap:8px;align-items:center;border-bottom:1px solid #35475c;padding:8px 0}.row input{margin:0}.row button{padding:10px}.current{background:#2d4861}#timeline{max-height:460px;overflow:auto;margin-bottom:20px}#sheet{display:none}code{color:#8ce0ee}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #edc967}@media(max-width:600px){header,main{padding:16px}section{padding:18px}.row{grid-template-columns:65px 75px 1fr 40px}.row .confidence{grid-column:2/4;font-size:12px}.metrics strong{font-size:25px}}@media print{@page{size:A4;margin:18mm}body{background:white;color:black}header,section,footer{display:none}main{padding:0;max-width:none}#sheet{display:block;font-size:12pt}#sheet h1{font-size:24pt}#sheet h2{margin:20px 0 10px}.lyricline{display:flex;flex-wrap:wrap;white-space:pre-wrap;break-inside:avoid;margin-bottom:9px}.chunk{display:inline-flex;flex-direction:column}.chord{font-weight:bold;color:#172e5d;min-height:1.2em}.text{min-height:1.2em}.sheetrow{display:flex;gap:18px;margin:6px 0;break-inside:avoid}}
.upload-grid{display:grid;grid-template-columns:1fr 1.6fr auto;gap:16px;align-items:end}.upload-buttons{display:flex;gap:8px;margin:12px 0}.upload-grid input{min-width:0}header{padding-bottom:8px}h1{font-size:40px}section{padding:20px}.import-grid{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}.import-grid button{margin-bottom:12px}.row{grid-template-columns:100px minmax(100px,1fr) minmax(110px,1fr) 90px}.seconds{display:none}.show-times .seconds{display:block;grid-column:2/4}.timeline-head{display:grid;grid-template-columns:100px 1fr 1fr 90px;gap:8px;color:#afc0d0;font-size:12px;margin-top:16px}.row button:last-of-type{background:#493442;color:#ffd5db;font-size:12px}#preview{background:#fff;color:#172336;padding:24px;border-radius:10px;overflow:auto}#preview h1{font-size:24px}#preview .lyricline{display:flex;flex-wrap:wrap;white-space:pre-wrap;line-height:1.45;margin-bottom:10px;font-family:monospace}#preview .chunk{display:inline-flex;flex-direction:column}#preview .chord{font-weight:bold;color:#0b5b84;min-height:1.3em;cursor:pointer}#preview .chord:hover{background:#d3f4fc}#preview .text{min-height:1.3em}details{margin:10px 0}details input{width:auto;display:inline}#import-status{color:#a6eaf3}@media(max-width:650px){.upload-grid,.import-grid{grid-template-columns:1fr}.upload-buttons{margin:0}.row,.timeline-head{grid-template-columns:78px 1fr 85px}.confidence{grid-column:2/3;grid-row:2}.row button:last-of-type{grid-column:3;grid-row:1}.timeline-head span:nth-child(3){display:none}.show-times .seconds{grid-column:1/4}#preview{padding:14px}}@media print{.timeline-head,#preview{display:none}.upload-grid{display:none}#sheet{font-family:monospace}#sheet h1,#sheet p,#sheet h2{font-family:system-ui}header{display:none}}
.sequence-controls,.metronome{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.sequence-controls input,.metronome input[type=checkbox],#include-map{display:inline;width:auto}#timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:none;overflow:visible}.timeline-head{display:none}.row{display:flex;flex-direction:column;gap:9px;align-items:stretch;border:1px solid #40556d;border-radius:12px;padding:12px;background:#132337}.row[hidden]{display:none}.row.current{border:2px solid #7ddce9;background:#29465b;box-shadow:0 0 0 2px #7ddce922}.row input[aria-label^=Acorde]{text-align:center;font-size:21px;font-weight:700;color:#ffbc79}.row .confidence{font-size:11px;text-align:center}.row button:last-of-type{padding:7px}.row .seconds{width:100%;font-size:12px}.metronome{border-top:1px solid #40556d;padding-top:12px}.metronome label{max-width:200px}#beats{display:flex;gap:8px}#beats span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#30415a;color:#b3c4d5}#beats span.active{background:#8ce0ee;color:#101b2c;box-shadow:0 0 12px #8ce0ee66}#preview{font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace}#preview h1,#preview p,#preview h2{font-family:system-ui}#preview .cifra-line,#sheet .cifra-line{position:relative;break-inside:avoid;margin:0 0 6px;min-width:max-content}.cifra-harmony{position:relative;height:1.6em}.cifra-chord{position:absolute;top:0;color:#ed7200;font:inherit;font-weight:600;white-space:pre;padding:0;border:0;background:transparent;border-radius:0;line-height:1.6}.cifra-text{white-space:pre;min-height:1.6em}#preview .cifra-chord:hover{background:#fff1dc;color:#bd5200}#preview .cifra-chord:focus-visible{outline:2px solid #ed7200}#preview{padding:24px 16px}#preview .cifra-line{font-variant-ligatures:none}#sheet .cifra-chord{color:#ed7200}@media(max-width:650px){#timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.row{display:flex}.sequence-controls{gap:8px}.sequence-controls button{font-size:12px;padding:10px}.metronome{gap:8px}}@media print{#sheet{font:10pt/1.6 ui-monospace,Consolas,'Liberation Mono',monospace}#sheet .cifra-line{min-width:0}.cifra-chord{print-color-adjust:exact;-webkit-print-color-adjust:exact}#sheet .cifra-text{white-space:pre-wrap;overflow-wrap:break-word}#sheet .cifra-line{margin-bottom:8px}.sequence-controls,.metronome{display:none}}
header{text-align:center;padding:16px 24px 8px}header>span{font-size:11px;color:#92ccde}header h1{font-size:44px;letter-spacing:-2px;line-height:1.1;margin:10px 0}header .brand-dot{font-size:inherit;letter-spacing:inherit;color:#8ce0ee}header p{margin:8px 0 0;color:#b8cadb}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.metrics>div{padding:20px;background:linear-gradient(145deg,#243c55,#14263c);border:1px solid #42617c;border-radius:14px;min-height:130px}.metrics small{font-size:11px}.metrics strong{color:#a0eff3;font-size:30px;margin:12px 0;line-height:1.2}.metrics>div:nth-child(2) strong{color:#efcd8a}.metrics>div:nth-child(3) strong{color:#ffbd85;font-size:25px}.tone-panel{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:16px;align-items:center;background:#14263b;padding:16px;border-radius:14px}.tone-panel details{grid-column:1/-1}.tone-panel details select{max-width:260px}.tone-stepper{display:flex;align-items:center;justify-content:center;gap:18px}.tone-stepper>div{text-align:center;min-width:120px}.tone-stepper small,.tone-stepper span{display:block;font-size:12px;color:#bdcddd}.tone-stepper strong{display:block;color:#eed192;font-size:28px;margin:8px 0}.tone-stepper button{font-size:24px;line-height:1;width:44px;height:44px;padding:0;border-radius:50%}.catalog-panel{margin:18px 0;padding:18px;background:#14263c;border:1px solid #36516c;border-radius:12px}.reference-card{padding:16px;border:1px solid #58765c;border-radius:12px;background:#203d38;margin-top:12px}.reference-card a{color:#a6eaf3;font-size:13px;margin-right:16px}.reference-card button{margin-top:10px}[hidden]{display:none!important}#target-key{white-space:nowrap}@media(max-width:700px){header h1{font-size:36px}.metrics{grid-template-columns:1fr;gap:10px}.metrics>div{min-height:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:14px}.metrics strong{font-size:24px;margin:4px}.metrics>div small:last-child{grid-column:1/-1}.tone-panel{grid-template-columns:1fr}.tone-panel details{grid-column:auto}.tone-stepper{padding:12px 0}}

#live-state{font-size:11px;color:#adbdce}#live{transition:color .25s;font-size:36px}.metrics>div:nth-child(3) strong{font-size:36px}#chordify-player iframe{width:100%;height:500px;border:0;border-radius:12px;background:white;margin-top:16px}#transport{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:18px;width:min(620px,calc(100% - 24px));padding:12px 16px;border:1px solid #6197ac;border-radius:16px;background:#14283ff5;box-shadow:0 5px 30px #0008}#transport-chord{color:#ffbd85;font-size:24px;margin-left:auto}body{padding-bottom:90px}@media(max-width:500px){#transport{gap:10px;padding:10px}#transport button{font-size:12px;padding:10px}#transport-chord{font-size:20px}#chordify-player iframe{height:420px}}@media print{#transport,#chordify-player{display:none!important}body{padding-bottom:0}}

.artist-field{max-width:400px}.pitch-control input{display:inline;width:auto}#research-results a{color:#9fe4ea}.reference-issue{color:#f3ca9c}#research-details{padding:14px;border:1px solid #36516c;border-radius:12px}.upload-grid{grid-template-columns:1fr 1.5fr auto}@media(max-width:650px){.upload-grid{grid-template-columns:1fr}}