:root{--bg:#0b0b0c;--surface-1:#141416;--surface-2:#1c1c1f;--surface-3:#26262a;--line:#2c2c31;--line-soft:#212125;--txt:#f5f5f6;--txt-2:#b4b4bc;--txt-3:#78787f;--accent:#f5872b;--accent-dim:#c46a1f;--accent-ink:#1a0e03;--accent-wash:#f5872b1f;--danger:#e5484d;--ok:#3dd68c;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--fs-micro:10.5px;--fs-tiny:11.5px;--fs-sm:13px;--fs-base:14.5px;--fs-md:16px;--fs-lg:19px;--fs-xl:24px;--cifra-size:17px;--cifra-leading:1.65;--r1:6px;--r2:9px;--r3:13px;--r4:18px;--ring:0 0 0 3px var(--accent-wash);--shadow:0 8px 28px #0000006b;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:"Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--header-h:56px;--footer-h:58px}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--txt);font:var(--fs-base)/1.55 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}::selection{background:var(--accent);color:var(--accent-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border:3px solid var(--bg);border-radius:99px}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:40px;padding:0 var(--s4);border-radius:var(--r2);background:var(--surface-2);border:1px solid var(--line);color:var(--txt);font-size:var(--fs-sm);white-space:nowrap;font-weight:550;transition:background .14s,border-color .14s,transform 60ms;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:scale(.97)}.btn:focus-visible{box-shadow:var(--ring);border-color:var(--accent);outline:none}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}.btn--primary:hover{background:#ff9440}.btn--ghost{color:var(--txt-2);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-2);color:var(--txt)}.btn--danger{color:var(--danger);background:0 0;border-color:#0000}.btn--danger:hover{background:#e5484d1f}.btn--icon{min-width:40px;padding:0 var(--s2)}.btn--sm{min-height:32px;padding:0 var(--s3);font-size:var(--fs-tiny)}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r2);align-items:center;gap:2px;padding:3px;display:inline-flex}.seg>button{min-height:32px;padding:0 var(--s3);border-radius:var(--r1);font-size:var(--fs-tiny);color:var(--txt-2);font-weight:550;transition:background .14s,color .14s}.seg>button:hover{color:var(--txt);background:var(--surface-3)}.seg>button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:650}.seg__label{font-size:var(--fs-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--txt-3);padding:0 var(--s2) 0 var(--s2);font-weight:600}.seg__value{text-align:center;min-width:40px;color:var(--accent);font-weight:700;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.card{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:var(--r3)}.card__head{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line-soft);display:flex}.card__title{font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);margin:0;font-weight:650}.card__body{padding:var(--s4)}.spacer{flex:1}.chip{align-items:center;gap:var(--s2);height:26px;padding:0 var(--s3);background:var(--surface-2);border:1px solid var(--line);font-size:var(--fs-tiny);color:var(--txt-2);border-radius:99px;font-weight:500;display:inline-flex}.chip--live{color:var(--accent);background:var(--accent-wash);border-color:#f5872b59}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.dot--pulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:30;align-items:center;gap:var(--s3);min-height:var(--header-h);padding:var(--s2) var(--s4);-webkit-backdrop-filter:saturate(150%)blur(14px);border-bottom:1px solid var(--line-soft);background:#0b0b0cdb;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .18s;display:flex;position:sticky;top:0}.topbar__id{flex:1;min-width:0}.topbar__title{font-size:var(--fs-md);letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:650;line-height:1.25;overflow:hidden}.topbar__meta{font-size:var(--fs-tiny);color:var(--txt-3);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;overflow:hidden}.topbar__tools{align-items:center;gap:var(--s2);flex-wrap:wrap;justify-content:flex-end;display:flex}.page{width:100%;max-width:1180px;padding:var(--s5) var(--s4) calc(var(--footer-h) + var(--s7));flex:1;margin:0 auto}.stack>*+*{margin-top:var(--s5)}.sheet{font-family:var(--mono);font-size:var(--cifra-size);line-height:var(--cifra-leading)}.sheet__cols{gap:0 var(--s7);grid-template-columns:1fr;align-items:start;display:grid}.sheet__cols--2{grid-template-columns:1fr 1fr}.sheet__cols--2>.sheet__col+.sheet__col{border-left:1px solid var(--line-soft);padding-left:var(--s7)}.sheet__col{min-width:0;overflow-x:auto}.sheet pre{white-space:pre;font:inherit;margin:0}.ln{min-height:calc(var(--cifra-size) * var(--cifra-leading));display:block}.ln--chords{color:var(--accent);letter-spacing:.01em;font-weight:700}.ln--lyric{color:var(--txt)}.ln--section{color:var(--txt-3);margin-top:var(--s3);font-weight:600}.ln--section .sec{color:var(--txt-2)}.ln--section .crd{color:var(--accent);font-weight:700}.ln--blank{min-height:calc(var(--cifra-size) * var(--cifra-leading) * .6)}.diagrams{gap:var(--s2);padding:var(--s3) var(--s4);scrollbar-width:thin;background:var(--surface-1);border-bottom:1px solid var(--line-soft);display:flex;overflow-x:auto}.diagram{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r2);width:68px;padding:var(--s2) var(--s1) var(--s1);text-align:center;flex:none}.diagram__name{font-family:var(--mono);font-size:var(--fs-tiny);color:var(--accent);margin-bottom:var(--s1);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.diagram__none{color:var(--txt-3);font-size:var(--fs-micro);padding:var(--s4) 0}.footbar{z-index:30;align-items:center;gap:var(--s3);min-height:var(--footer-h);padding:var(--s2) var(--s4);-webkit-backdrop-filter:saturate(150%)blur(14px);border-top:1px solid var(--line-soft);padding-bottom:calc(var(--s2) + env(safe-area-inset-bottom,0px));background:#0b0b0ce6;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .18s;display:flex;position:fixed;bottom:0;left:0;right:0}.footbar__keys{gap:var(--s2);align-items:center;min-width:0;display:flex;overflow:hidden}.pedalkey{align-items:center;gap:var(--s2);height:34px;padding:0 var(--s3);border-radius:var(--r2);background:var(--surface-2);border:1px solid var(--line);transition:border-color .12s,background .12s,transform .12s;display:inline-flex}.pedalkey--fire{border-color:var(--accent);background:var(--accent-wash);transform:scale(1.04)}.pedalkey kbd{font:600 var(--fs-micro)/1 var(--mono);color:var(--accent);border:1px solid var(--line);background:#000;border-radius:4px;padding:3px 6px}.pedalkey span{font-size:var(--fs-tiny);color:var(--txt-2);white-space:nowrap}.progress{background:var(--accent);height:2px;transition:width .25s;position:absolute;top:-1px;left:0}.songrow{align-items:center;gap:var(--s3);text-align:left;width:100%;padding:var(--s3) var(--s4);border-radius:var(--r2);border:1px solid #0000;transition:background .12s,border-color .12s;display:flex}.songrow:hover{background:var(--surface-1);border-color:var(--line-soft)}.songrow--active{background:var(--accent-wash);border-color:#f5872b59}.songrow__num{text-align:right;font-variant-numeric:tabular-nums;color:var(--txt-3);font-size:var(--fs-sm);flex:0 0 26px;font-weight:600}.songrow__id{flex:1;min-width:0}.songrow__title{font-size:var(--fs-base);white-space:nowrap;text-overflow:ellipsis;font-weight:550;overflow:hidden}.songrow__sub{font-size:var(--fs-tiny);color:var(--txt-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.songrow__key{font-family:var(--mono);font-size:var(--fs-tiny);color:var(--accent);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r1);text-align:center;min-width:34px;padding:3px 7px;font-weight:700}.songrow__grip{color:var(--txt-3);cursor:grab;touch-action:none;padding:0 var(--s1)}.songrow--dragging{opacity:.4}.songrow--over{box-shadow:inset 0 2px 0 var(--accent)}.editor{resize:vertical;background:var(--bg);width:100%;min-height:320px;color:var(--txt);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s3);font-family:var(--mono);font-size:var(--fs-sm);white-space:pre;overflow-wrap:normal;line-height:1.65;overflow-x:auto}.editor:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.notes-input{resize:vertical;background:var(--bg);width:100%;min-height:92px;color:var(--txt);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s3);font-size:var(--fs-base);line-height:1.6}.notes-input:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.notes-text{color:var(--txt-2);font-size:var(--fs-base);white-space:pre-wrap;line-height:1.7}.muted{color:var(--txt-3)}.empty{color:var(--txt-3);font-size:var(--fs-sm);font-style:italic}.rec{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.rec__dot{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1.1s ease-in-out infinite pulse}.rec__time{font-family:var(--mono);font-size:var(--fs-md);font-variant-numeric:tabular-nums;color:var(--txt)}.rec__wave{flex:1;align-items:center;gap:2px;min-width:80px;height:26px;display:flex}.rec__bar{background:var(--accent);border-radius:99px;flex:1;min-height:2px;transition:height 80ms linear}.audio-row{align-items:center;gap:var(--s3);display:flex}.audio-row audio{flex:1;min-width:0;height:36px}.audio-row__meta{font-size:var(--fs-tiny);color:var(--txt-3)}.toast{left:50%;bottom:calc(var(--footer-h) + var(--s4));z-index:60;background:var(--surface-3);border:1px solid var(--line);padding:var(--s3) var(--s5);font-size:var(--fs-sm);box-shadow:var(--shadow);border-radius:99px;animation:.22s cubic-bezier(.2,.9,.3,1.2) toastin;position:fixed;transform:translate(-50%)}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.scrim{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--s4);background:#0000009e;justify-content:center;align-items:center;animation:.16s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r4);width:100%;max-width:520px;max-height:86vh;box-shadow:var(--shadow);animation:.2s cubic-bezier(.2,.9,.3,1.1) rise;overflow:auto}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.modal__head{align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line-soft);display:flex}.modal__title{font-size:var(--fs-lg);letter-spacing:-.015em;margin:0;font-weight:650}.modal__body{padding:var(--s5)}.modal__foot{gap:var(--s2);padding:var(--s4) var(--s5);border-top:1px solid var(--line-soft);justify-content:flex-end;display:flex}.field{margin-bottom:var(--s4);display:block}.field__label{font-size:var(--fs-tiny);color:var(--txt-3);margin-bottom:var(--s2);letter-spacing:.04em;text-transform:uppercase;font-weight:600;display:block}.field__row{align-items:center;gap:var(--s3);display:flex}.capture{border:2px dashed var(--line);border-radius:var(--r3);padding:var(--s6);text-align:center;color:var(--txt-3);transition:border-color .15s,color .15s,background .15s}.capture--armed{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.capture__key{font-family:var(--mono);font-size:var(--fs-xl);color:var(--accent);font-weight:700}@media (width<=620px){.sheet__cols--2{grid-template-columns:1fr}.sheet__cols--2>.sheet__col+.sheet__col{border-left:0;padding-left:0}}@media (width<=900px){.sheet__cols--2{gap:0 var(--s5)}.sheet__cols--2>.sheet__col+.sheet__col{padding-left:var(--s5)}}@media (width<=640px){:root{--header-h:52px}.page{padding:var(--s4) var(--s3) calc(var(--footer-h) + var(--s6))}.topbar{padding:var(--s2) var(--s3)}.topbar__tools{gap:var(--s1)}.pedalkey span{display:none}.card__body{padding:var(--s3)}}@media print{.topbar,.footbar,.diagrams,.no-print{display:none!important}}.shell--immersive .topbar{opacity:0;pointer-events:none;transform:translateY(-100%)}.shell--immersive .footbar{opacity:0;pointer-events:none;transform:translateY(100%)}.shell--immersive .page{padding-bottom:var(--s5)}.railprogress{z-index:40;background:var(--accent);height:2px;transition:width .2s,opacity .2s;position:fixed;top:0;left:0}.sheet__tail{display:block}.immersive-hint{bottom:var(--s4);z-index:40;background:var(--surface-3);border:1px solid var(--line);padding:var(--s2) var(--s4);font-size:var(--fs-tiny);color:var(--txt-2);box-shadow:var(--shadow);pointer-events:none;border-radius:99px;animation:3s forwards fadeout;position:fixed;left:50%;transform:translate(-50%)}@keyframes fadeout{0%,60%{opacity:1}to{opacity:0}}.quickbar{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.quickbar .btn{min-height:34px}.setlists{gap:var(--s3);display:grid}.setcard{align-items:center;gap:var(--s4);text-align:left;width:100%;padding:var(--s3) var(--s4);background:var(--surface-1);border:1px solid var(--line-soft);border-radius:var(--r3);transition:background .14s,border-color .14s,transform 80ms;display:flex}.setcard:hover{background:var(--surface-2);border-color:var(--line)}.setcard:active{transform:scale(.995)}.setcard:focus-visible{box-shadow:var(--ring);border-color:var(--accent);outline:none}.crest{border-radius:14px;flex:none}.setcard__id{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.setcard__name{font-size:var(--fs-md);letter-spacing:-.015em;color:var(--txt);white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.setcard__count{font-size:var(--fs-tiny);color:var(--accent);font-weight:600}.setcard__preview{font-size:var(--fs-tiny);color:var(--txt-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.setcard__keys{flex:none;gap:4px;display:flex}.keychip{font-family:var(--mono);font-size:var(--fs-micro);color:var(--txt-2);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r1);text-align:center;min-width:26px;padding:3px 6px;font-weight:700}.setcard__go{color:var(--txt-3);flex:none;font-size:22px;line-height:1}@media (width<=620px){.setcard__keys{display:none}.setcard{gap:var(--s3);padding:var(--s3)}}.songrow__move{flex-direction:column;flex:none;gap:2px;display:flex}.songrow__move button{border-radius:var(--r1);background:var(--surface-2);border:1px solid var(--line);width:34px;height:24px;color:var(--txt-2);justify-content:center;align-items:center;font-size:12px;line-height:1;transition:background .12s,color .12s;display:flex}.songrow__move button:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.songrow__move button:disabled{opacity:.3}.songrow--reorder{background:var(--surface-1);border-color:var(--line-soft)}