:root{--bg:#15120f;--bg-2:#1b1714;--paper:#201b17;--paper-2:#28221d;--line:#3a322b;--line-2:#4a4037;--ink:#efe6d8;--ink-2:#c9bba7;--muted:#8f8272;--faint:#6c6155;--amber:#d9a441;--amber-2:#f0c46a;--amber-dim:#d9a44124;--rust:#d0674f;--rust-dim:#d0674f24;--sage:#8fb08a;--sage-dim:#8fb08a24;--sky:#86a8c4;--serif:"Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:"Outfit", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r:10px;--nav-h:60px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.45}body{overflow-x:hidden}#root{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--amber-2)}::selection{background:#d9a44159}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{min-height:calc(100dvh - var(--top-bar,0px));grid-template-columns:250px minmax(0,1fr);display:grid}.library{border-right:1px solid var(--line);background:var(--bg-2);height:calc(100dvh - var(--top-bar,0px));top:var(--top-bar,0px);flex-direction:column;display:flex;position:sticky}.main{min-width:0;min-height:calc(100dvh - var(--top-bar,0px));flex-direction:column;display:flex}.topbar{border-bottom:1px solid var(--line);min-height:54px;top:var(--top-bar,0px);z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#15120ff0;align-items:center;gap:10px;padding:10px 20px;display:flex;position:sticky}.topbar .song-title{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1.15rem;font-weight:600;overflow:hidden}.topbar .musical{color:var(--ink-2);white-space:nowrap;font-size:.85rem}.content{padding:22px 26px calc(var(--nav-h) + 40px);flex:1;min-width:0}.room{max-width:1180px;margin:0 auto}.room-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:26px;display:grid}.room-grid>aside{max-height:calc(100dvh - 150px);position:sticky;top:70px;overflow:auto}.roomnav{height:var(--nav-h);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#181411f7;justify-content:center;gap:4px;padding:8px 12px;display:flex;position:fixed;bottom:0;left:250px;right:0}.roomnav button{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 120px;min-width:0;padding:0 6px;font-size:.74rem;font-weight:600}.roomnav button:hover{color:var(--ink-2);background:var(--paper)}.roomnav button[aria-current=page]{color:var(--amber-2);background:var(--amber-dim)}.brand{border-bottom:1px solid var(--line);padding:16px 16px 10px}.brand .ink{font-family:var(--serif);letter-spacing:.14em;font-size:1.75rem;font-weight:560}.brand .sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.brand .ver{color:var(--amber);margin-top:2px;font-size:.75rem}.library .list{flex:1;padding:8px;overflow:auto}.song-item{text-align:left;cursor:pointer;width:100%;color:var(--ink-2);background:0 0;border:0;border-radius:8px;padding:9px 10px;display:block}.song-item:hover{background:var(--paper)}.song-item[aria-current=true]{background:var(--paper-2);color:var(--ink)}.song-item .t{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.song-item .m{color:var(--muted);font-size:.74rem}.library .foot{border-top:1px solid var(--line);gap:6px;padding:10px;display:flex}.btn{border:1px solid var(--line-2);background:var(--paper);min-height:36px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 13px;font-size:.88rem;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--amber);border-color:var(--amber);color:#1a140c;font-weight:600}.btn.primary:hover{background:var(--amber-2)}.btn.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--paper)}.btn.small{min-height:30px;padding:3px 9px;font-size:.8rem}.btn.danger{color:var(--rust)}.btn.rec{background:var(--rust);border-color:var(--rust);color:#fff;font-weight:600}.btn.on{background:var(--amber-dim);border-color:var(--amber);color:var(--amber-2)}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--ink);background:var(--paper-2)}.icon-btn[aria-pressed=true]{color:var(--amber-2)}input[type=text],input[type=number],input[type=password],input[type=search],input:not([type]),select,textarea{background:var(--bg-2);border:1px solid var(--line);color:var(--ink);border-radius:8px;min-width:0;max-width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--amber);outline:none}textarea{resize:vertical}label.field,.field{color:var(--muted);letter-spacing:.04em;flex-direction:column;gap:4px;font-size:.78rem;display:flex}.seg{border:1px solid var(--line-2);border-radius:9px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;color:var(--ink-2);background:0 0;border:0;min-height:34px;padding:7px 12px;font-size:.85rem}.seg button[aria-pressed=true]{background:var(--amber-dim);color:var(--amber-2)}.stepper{border:1px solid var(--line-2);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{background:var(--paper);cursor:pointer;width:32px;height:32px;color:var(--ink);border:0;font-size:1.05rem}.stepper .v{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;padding:0 4px}.range{color:var(--ink-2);align-items:center;gap:8px;font-size:.82rem;display:flex}.range input{accent-color:var(--amber);flex:1;min-width:80px}h1,h2,h3{font-family:var(--serif);margin:0;font-weight:600}h2{font-size:1.35rem}h3{font-size:1.05rem}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600}.muted{color:var(--muted)}.small{font-size:.82rem}.tiny{font-size:.72rem}.serif{font-family:var(--serif)}.num{font-variant-numeric:tabular-nums}.hr{background:var(--line);border:0;height:1px;margin:18px 0}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.pill{border:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:2px 9px;font-size:.74rem;display:inline-flex}.pill.amber{color:var(--amber-2);background:var(--amber-dim);border-color:#d9a44180}.pill.rust{color:#eb8b74;background:var(--rust-dim);border-color:#d0674f80}.pill.sage{color:var(--sage);background:var(--sage-dim);border-color:#8fb08a80}.guide-badge{letter-spacing:.12em;color:#eb8b74;white-space:nowrap;border:1px solid #d0674f8c;border-radius:4px;padding:2px 7px;font-size:.66rem;font-weight:700;display:inline-block}.notice{border-left:3px solid var(--amber);background:var(--amber-dim);border-radius:0 8px 8px 0;padding:10px 12px;font-size:.88rem}.notice.rust{border-color:var(--rust);background:var(--rust-dim)}.notice.sage{border-color:var(--sage);background:var(--sage-dim)}.unfinished{color:var(--muted);border:1px dashed var(--line-2);border-radius:6px;padding:2px 7px;font-size:.72rem}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);min-width:0;padding:16px}.panel+.panel{margin-top:14px}.panel-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.panel-head h3{flex:1;min-width:0}.quiet-list{flex-direction:column;gap:2px;display:flex}.quiet-list>*{border-bottom:1px solid var(--line);padding:8px 4px}.quiet-list>:last-child{border-bottom:0}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:12px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 10px;font-size:.8rem}.tabs button[aria-selected=true]{color:var(--amber-2);border-color:var(--amber)}.song-head input.title-input{font-family:var(--serif);background:0 0;border:0;width:100%;padding:0;font-size:2rem;font-weight:600}.song-head input.concept-input{width:100%;color:var(--ink-2);font-style:italic;font-family:var(--serif);background:0 0;border:0;padding:4px 0;font-size:1.05rem}.section{margin:26px 0;position:relative}.section-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.section-head .label-input{letter-spacing:.16em;text-transform:uppercase;color:var(--amber);background:0 0;border:0;width:auto;min-width:60px;max-width:220px;padding:2px 0;font-size:.78rem;font-weight:700}.section-head select{color:var(--muted);background:0 0;border-color:#0000;padding:2px 6px;font-size:.75rem}.section-tools{opacity:.55;gap:0;margin-left:auto;transition:opacity .15s;display:flex}.section:hover .section-tools,.section:focus-within .section-tools{opacity:1}.lyric-wrap{grid-template-columns:minmax(0,1fr) 70px;display:grid;position:relative}.lyric-area{font-family:var(--serif);resize:none;white-space:pre-wrap;word-wrap:break-word;background:0 0;border:0;width:100%;min-height:3.5em;padding:6px 0;font-size:1.3rem;line-height:1.75;overflow:hidden}.lyric-area:focus{background:#ffffff04}.lyric-mirror{visibility:hidden;pointer-events:none;font-family:var(--serif);white-space:pre-wrap;word-wrap:break-word;padding:6px 0;font-size:1.3rem;line-height:1.75;position:absolute;top:0;left:0}.gutter{position:relative}.gutter .g{height:2.27rem;color:var(--faint);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:.72rem;display:flex;position:absolute;right:0}.gutter .syl{text-align:right;width:18px}.gutter .rl{text-align:center;width:14px;font-weight:700}.gutter .dot{background:var(--line-2);border-radius:50%;width:7px;height:7px}.gutter .dot.full{background:var(--amber)}.gutter .dot.crowded{background:var(--rust)}.gutter .pin-btn{cursor:pointer;width:22px;height:22px;color:var(--faint);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:0;display:inline-flex}.gutter .pin-btn:hover{color:var(--ink);background:var(--paper-2)}.gutter .pin-btn.has{color:var(--amber-2)}.rhyme-A{color:#d9a441}.rhyme-B{color:#86a8c4}.rhyme-C{color:#8fb08a}.rhyme-D{color:#c98bb0}.rhyme-E{color:#c4a386}.rhyme-F{color:#9ab7b0}.word-chip{z-index:5;position:sticky;top:60px}.cadence-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.cadence-line.crowded{color:#eb8b74}.cadence-line.tight{color:var(--amber-2)}.add-section{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:12px 0;display:flex}.fullscreen{z-index:100;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.fullscreen .fs-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.fullscreen textarea{background:var(--bg);font-family:var(--serif);resize:none;border:0;border-radius:0;flex:1;padding:24px max(16px,50% - 380px);font-size:1.35rem;line-height:1.8}.chord{flex-direction:column;align-items:flex-start;line-height:1.05;display:inline-flex}.chord .shape{color:var(--amber-2);font-weight:700;font-family:var(--sans)}.chord .concert{color:var(--muted);font-size:.62em;font-weight:500}.chord .nash{color:var(--sky);font-size:.62em}.chord-chip{border:1px solid var(--line-2);background:var(--bg-2);cursor:pointer;min-width:54px;color:var(--ink);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 10px;display:inline-flex}.chord-chip:hover{border-color:var(--amber)}.chord-chip .shape{color:var(--amber-2);font-size:1.05rem;font-weight:700}.chord-chip .concert{color:var(--muted);font-size:.68rem}.chord-chip .nash{color:var(--sky);font-size:.68rem}.chord-chip.playing{background:var(--amber-dim)}.lyric-map{font-family:var(--serif);font-size:1.12rem}.lm-line{border-bottom:1px dashed #ffffff0a;flex-wrap:wrap;align-items:flex-end;gap:2px .32em;padding:6px 0 8px;display:flex}.lm-word{flex-direction:column;min-width:0;display:inline-flex}.lm-word .c{min-height:1.15em;font-family:var(--sans);font-size:.8rem}.lm-rest{color:var(--faint);font-family:var(--sans);align-self:flex-end;font-size:.8rem}.lm-bar{font-family:var(--mono);color:var(--faint);align-self:flex-start;font-size:.66rem}.lm-crowded{background:var(--rust-dim);border-radius:4px}.keyboard{-webkit-user-select:none;user-select:none;border-radius:6px;height:110px;position:relative;overflow:hidden}.keyboard .white{cursor:pointer;background:#e9e1d4;border:1px solid #8f8272;border-radius:0 0 4px 4px;position:absolute;top:0;bottom:0}.keyboard .black{z-index:2;cursor:pointer;background:#221c17;border:1px solid #000;border-radius:0 0 3px 3px;height:62%;position:absolute;top:0}.keyboard .on{background:var(--amber)!important}.keyboard .ghost{box-shadow:inset 0 -12px #86a8c4bf}.keyboard .lbl{text-align:center;color:#3a322b;font-size:10px;position:absolute;bottom:4px;left:0;right:0}.stage{border:1px solid var(--line);background:#100d0b;border-radius:14px;flex-direction:column;gap:14px;min-height:360px;padding:22px;display:flex}.stage .sec{letter-spacing:.2em;text-transform:uppercase;color:var(--amber);font-size:.8rem;font-weight:700}.stage .now-chord{color:var(--amber-2);font-size:3.2rem;font-weight:800;line-height:1}.stage .now-chord small{color:var(--muted);margin-left:8px;font-size:1rem;font-weight:500}.stage .next-chord{color:var(--ink-2);font-size:1.2rem}.stage .now-lyric{font-family:var(--serif);font-size:clamp(1.5rem,4.2vw,2.5rem);line-height:1.3}.stage .next-lyric{font-family:var(--serif);color:var(--muted);font-size:clamp(1.1rem,2.6vw,1.45rem)}.beats{align-items:center;gap:8px;display:flex}.beats span{background:var(--line-2);border-radius:50%;width:14px;height:14px}.beats span.on{background:var(--amber)}.beats span.one.on{background:var(--amber-2);box-shadow:0 0 10px #f0c46a99}.follow-status{color:var(--sage);font-size:.95rem}.meter{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.meter>div{background:var(--sage);height:100%;transition:width 80ms}.map-strip{border-radius:6px;gap:2px;height:34px;margin:8px 0 4px;display:flex;overflow:hidden}.map-strip>div{background:var(--paper-2);color:var(--ink-2);white-space:nowrap;letter-spacing:.06em;justify-content:center;align-items:center;min-width:4px;font-size:.66rem;display:flex;overflow:hidden}.map-strip .k-chorus,.map-strip .k-hook{background:#d9a44147}.map-strip .k-bridge{background:#86a8c440}.map-strip .k-pre{background:#d9a44124}.map-strip .k-instrumental,.map-strip .k-break,.map-strip .k-intro,.map-strip .k-outro{background:#8fb08a2e}.map-row{border-bottom:1px solid var(--line);grid-template-columns:150px 120px minmax(0,1fr);align-items:start;gap:12px;padding:12px 0;display:grid}.map-row .markers{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.map-row .markers label{align-items:center;gap:4px;display:inline-flex}.shape-lyric-context{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 88%, var(--amber) 12%);border-radius:8px;margin:0 0 9px;padding:9px 10px}.shape-lyric-line{font-family:var(--serif);color:var(--ink);padding:2px 7px;font-size:.96rem;line-height:1.42}.shape-lyric-line.last{border-left:3px solid var(--amber);background:color-mix(in srgb, var(--amber) 10%, transparent);margin-top:2px;padding-top:5px;padding-bottom:5px;font-weight:700}.key-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.key-grid button{border:1px solid var(--line-2);background:var(--bg-2);cursor:pointer;min-height:44px;color:var(--ink);border-radius:8px;font-size:1.05rem;font-weight:600}.key-grid button[aria-pressed=true]{background:var(--amber);color:#1a140c;border-color:var(--amber)}.sounds-in{font-family:var(--serif);font-size:1.5rem}.sounds-in b{color:var(--amber-2)}.capo-cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.capo-card{border:1px solid var(--line-2);background:var(--bg-2);cursor:pointer;text-align:left;color:var(--ink);border-radius:10px;padding:10px}.capo-card[aria-pressed=true]{border-color:var(--amber);background:var(--amber-dim)}.capo-card .c1{color:var(--muted);font-size:.75rem}.capo-card .c2{font-size:1.1rem;font-weight:700}.spark-actions{flex-wrap:wrap;gap:6px;display:flex}.spark-turn{border-top:1px solid var(--line);padding:16px 0}.spark-option{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;margin:8px 0;padding:12px 14px}.spark-option .txt{font-family:var(--serif);white-space:pre-wrap;font-size:1.15rem}.spark-option .why{color:var(--muted);margin-top:4px;font-size:.82rem}.spark-option.decided{opacity:.55}.spark-option .acts{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.talk-fab{right:18px;bottom:calc(var(--nav-h) + 16px);z-index:40;border-radius:99px;padding:10px 16px;position:fixed;box-shadow:0 6px 24px #00000073}.drawer{background:var(--bg-2);border-left:1px solid var(--line);z-index:90;flex-direction:column;width:min(420px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 40px #0006}.drawer-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 14px;display:flex}.drawer-body{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow:auto}.drawer-foot{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:10px;display:flex}.msg{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-width:92%;padding:10px 12px;font-size:.92rem}.msg.user{background:var(--paper-2);align-self:flex-end}.msg.ink{background:var(--paper);border:1px solid var(--line);align-self:flex-start}.msg .meta{color:var(--faint);margin-top:4px;font-size:.68rem}.modal-back{z-index:110;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-2);border:1px solid var(--line-2);border-radius:14px;width:min(760px,100%);max-height:calc(100dvh - 32px);padding:20px;overflow:auto}.modal-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.modal-head h2{flex:1}.popover{z-index:120;background:var(--bg-2);border:1px solid var(--line-2);border-radius:12px;width:min(360px,100vw - 24px);max-height:70vh;padding:14px;position:fixed;overflow:auto;box-shadow:0 16px 40px #00000080}.rhymes{flex-wrap:wrap;gap:5px;display:flex}.rhymes button{background:var(--paper);border:1px solid var(--line);cursor:pointer;font-family:var(--serif);color:var(--ink);border-radius:6px;padding:3px 8px;font-size:.98rem}.rhymes button:hover{border-color:var(--amber)}.sheet{color:#1d1712;font-family:var(--serif);background:#f7f2e8;border-radius:6px;padding:38px 44px}.sheet h1{font-size:2rem}.sheet .meta{font-family:var(--sans);color:#5a4e42;flex-wrap:wrap;gap:4px 16px;margin:6px 0 22px;font-size:.85rem;display:flex}.sheet .s-label{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8a5a13;margin:18px 0 4px;font-size:.75rem;font-weight:700}.sheet .lm-word .c{color:#8a5a13;font-weight:700}.sheet .lm-word .c .concert{color:#7a6a58}.sheet .lm-word .c .nash{color:#3a6384}.sheet .lm-line{border-bottom:0;padding:2px 0 4px}.sheet .lm-bar,.sheet .lm-rest{color:#8f8272}.sheet .foot{font-family:var(--sans);color:#7a6a58;margin-top:26px;font-size:.75rem}.checklist{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 14px;font-size:.86rem;display:grid}.checklist .ok{color:var(--sage)}.checklist .no{color:var(--muted)}.mobile-only{display:none}@media (width<=1100px){.room-grid{grid-template-columns:minmax(0,1fr)}.room-grid>aside{max-height:none;position:static}}@media (width<=820px){.app{grid-template-columns:minmax(0,1fr)}.library{z-index:95;width:min(300px,86vw);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.library.open{transform:none;box-shadow:10px 0 40px #00000080}.roomnav{padding:6px 2px calc(6px + env(safe-area-inset-bottom));height:calc(var(--nav-h) + env(safe-area-inset-bottom));gap:0;left:0}.roomnav button{letter-spacing:0;text-transform:none;text-overflow:ellipsis;flex:1 1 0;min-width:0;padding:0 1px;font-size:.64rem;overflow:hidden}.content{padding:14px 16px calc(var(--nav-h) + 80px)}.topbar{padding:8px 12px}.topbar .musical{display:none}.mobile-only{display:inline-flex}.desktop-only{display:none!important}.song-head input.title-input{font-size:1.5rem}.lyric-wrap{grid-template-columns:minmax(0,1fr) 58px}.gutter .g{gap:2px}.gutter .dot{display:none}.gutter .syl{width:16px}.lyric-area,.lyric-mirror{font-size:1.15rem}.gutter .g{height:2.01rem}.map-row{grid-template-columns:minmax(0,1fr);gap:6px}.key-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sheet{padding:22px 18px}.stage .now-chord{font-size:2.6rem}.talk-fab{padding:9px 13px;right:12px}.modal{padding:16px}}@media print{body{background:#fff}.library,.roomnav,.topbar,.talk-fab,.no-print,.drawer{display:none!important}.app{display:block}.content{padding:0}.sheet{background:#fff;border-radius:0;padding:0}.room-grid{display:block}}.chord-sheet{border:1px solid var(--line);scroll-behavior:smooth;background:#100d0b;border-radius:14px;padding:18px 20px 40vh;position:relative;overflow-y:auto}.cs-section{opacity:.78;margin-bottom:22px;transition:opacity .2s}.cs-section.on{opacity:1}.cs-label{letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:6px;font-size:.78rem;font-weight:700}.cs-prog{color:var(--amber-2);flex-wrap:wrap;gap:14px;margin:4px 0 8px;font-weight:700;display:flex}.cs-line{font-family:var(--serif);border-radius:8px;flex-wrap:wrap;column-gap:.32em;margin:2px -8px;padding:6px 8px;font-size:clamp(1.1rem,2.4vw,1.5rem);line-height:1.15;transition:background .15s;display:flex}.cs-line.on{box-shadow:inset 3px 0 0 var(--amber);background:#f0c46a1f}.cs-word{flex-direction:column;display:inline-flex}.cs-chord{font-family:var(--sans,inherit);color:var(--amber-2);min-height:1.1em;font-size:.72em;font-weight:800}.cs-line.on .cs-text{color:#fff}.audio-dock{flex:none;position:relative}.audio-dock-button{border:1px solid var(--line-2);background:var(--paper);min-height:32px;color:var(--ink-2);cursor:pointer;letter-spacing:.04em;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:5px 9px;font-size:.72rem;display:inline-flex}.audio-dock-button.armed{border-color:#8fb08a8c}.io-dot{background:var(--faint);border-radius:50%;width:7px;height:7px;display:inline-block}.io-dot.on{background:var(--sage);box-shadow:0 0 0 2px #8fb08a1f}.audio-dock-panel{background:var(--bg-2);border:1px solid var(--line-2);z-index:85;border-radius:12px;width:min(560px,100vw - 28px);max-height:calc(100dvh - 90px);padding:16px;position:absolute;top:calc(100% + 9px);right:0;overflow:auto;box-shadow:0 18px 50px #0000008c}.audio-dock-channel,.audio-dock-bus{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.io-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px 14px;display:grid}.audio-dock-panel .pf-meter{margin-top:7px}@media (width<=820px){.audio-dock{margin-left:auto}.audio-dock-button{min-width:46px}.audio-dock-panel{width:auto;max-height:calc(100dvh - 130px);position:fixed;top:58px;left:10px;right:10px}.io-grid{grid-template-columns:minmax(0,1fr)}}.comp-grid{flex-direction:column;gap:2px;max-height:56vh;padding-right:4px;display:flex;overflow:auto}.comp-sec{font-family:var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:10px 0 2px;font-size:.7rem}.comp-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.comp-text{flex:1;min-width:0}.comp-picks{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.comp-picks .btn{min-width:38px}@media (width<=600px){.comp-line{flex-direction:column;align-items:stretch}.comp-picks{justify-content:flex-start}}.gate{background:radial-gradient(900px 420px at 50% -10%, #d9a4411f, transparent 55%), var(--bg);place-items:center;min-height:100dvh;padding:28px;display:grid}.gate>.serif{color:var(--ink-2);font-size:1.35rem}.gate-card{width:min(520px,100%);padding:32px}.gate-card .ink{font-family:var(--serif);letter-spacing:.16em;margin-bottom:10px;font-size:2rem}.gate-card h2{margin:0 0 10px}.gate-card p{color:var(--ink-2);margin:0 0 18px;line-height:1.6}.gate-error{color:var(--rust)}.btn:focus-visible,.icon-btn:focus-visible,.song-item:focus-visible,.roomnav button:focus-visible,.seg button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.topbar{min-height:58px}.roomnav button{letter-spacing:.12em;font-size:.72rem}@media (width<=820px){.roomnav button{letter-spacing:0;text-transform:none;font-size:.64rem}}.gate-offline{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.gate-offline p{margin-bottom:12px}.offline-mode{--top-bar:34px}.offline-bar{z-index:90;height:34px;color:var(--ink-2);background:color-mix(in srgb, var(--amber) 12%, var(--bg));border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:12px;padding:0 12px;font-size:.82rem;display:flex;position:sticky;top:0;overflow:hidden}@media (width<=640px){.offline-bar{gap:6px;font-size:.72rem}.offline-bar span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.take-video{aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:10px;width:100%;max-width:420px}.take-video.live{max-width:260px;transform:scaleX(-1)}.layer-row{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;display:flex}.layer-row.muted{opacity:.55}.layers-sheet{border:1px solid var(--line);border-radius:10px;overflow:hidden}.capo-card .c3{color:var(--amber-2);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.8rem;overflow:hidden}.capo-shapes{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;margin-top:14px;padding:12px 14px}.capo-shapes .eyebrow{margin-bottom:8px}.capo-shapes-row{grid-template-columns:96px minmax(0,1fr);align-items:baseline;gap:4px 12px;padding:6px 0;display:grid}.capo-shapes-label{min-width:84px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.capo-shapes-chords{flex-wrap:wrap;gap:8px 14px;min-width:0;display:flex}@media (width<=560px){.capo-shapes-row{grid-template-columns:minmax(0,1fr)}}.capo-shape{flex-direction:column;align-items:center;min-width:34px;display:inline-flex}.capo-shape b{color:var(--amber-2);font-size:1.15rem}.capo-shape small{color:var(--muted);font-size:.68rem}.learn{margin-bottom:12px}.learn .panel-head{align-items:center;gap:10px;display:flex}.learn .panel-head h3{margin:0}.learn .panel-head .btn{margin-left:auto}.learn-sections{flex-direction:column;gap:8px;max-height:340px;display:flex;overflow:auto}.learn-sec{border:1px solid var(--line,#3334);border-radius:8px;padding:6px 8px}.learn-bars{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.learn-bar{border-left:2px solid var(--line,#8886);gap:4px;min-width:42px;padding:2px 6px;display:inline-flex}.learn-chord{font-weight:600}.learn-now{text-align:center;background:var(--panel-2,#0001);border-radius:10px;padding:10px}.learn-now-chord{font-size:44px;font-weight:800;line-height:1.1}.learn-lyric{margin-top:6px;font-size:18px}.learn-timeline{border-radius:6px;width:100%;height:30px;display:flex;overflow:hidden}.learn-tl{border:0;border-right:1px solid var(--bg,#fff);background:var(--panel-2,#8882);white-space:nowrap;cursor:pointer;min-width:0;color:inherit;padding:0;font-size:11px;overflow:hidden}.learn-tl.on{background:var(--accent,#6b5cff);color:#fff}.keeper-meter{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.keeper-bar{background:var(--line,#8884);border-radius:3px;width:120px;height:6px;display:inline-block;overflow:hidden}.keeper-bar>span{background:var(--amber-2,#e0b04a);height:100%;display:block}.start{flex-direction:column;gap:16px;max-width:980px;display:flex}.start .panel{flex-direction:column;gap:10px;display:flex}.start .teach .eyebrow{margin-right:4px;display:inline}.start-drop{border:1px dashed var(--line-2);border-radius:var(--r);background:var(--bg-2);flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.start-drop.over{border-color:var(--amber);background:var(--amber-dim)}.start-findings,.start-band{border-collapse:collapse;width:100%}.start-findings th,.start-findings td,.start-band th,.start-band td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:6px 8px}.start-findings th{width:110px;color:var(--muted);font-size:.82rem;font-weight:600}.start-band thead th{color:var(--muted);font-size:.78rem}.start-band meter{width:70px}.start-question{border:1px solid var(--amber);border-radius:var(--r);padding:10px 12px}.start-sec{border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.start-sec input{width:100%}.start-lyrics{font-family:var(--serif);white-space:pre-wrap;color:var(--ink-2);margin:0;font-size:.98rem}@media (width<=820px){.start-band,.start-band tbody,.start-band tr,.start-band td,.start-band th{width:auto;display:block}.start-band thead{display:none}.start-band tr{border-bottom:1px solid var(--line);padding:6px 0}.start-band td,.start-band th{border:0;padding:2px 0}.start-findings td:nth-child(4){display:none}}.song-row{align-items:center;gap:2px;display:flex}.song-row .song-item{flex:1;min-width:0}.song-del-btn{opacity:.35;flex:none}.song-row:hover .song-del-btn,.song-del-btn:focus-visible{opacity:1}@media (hover:none){.song-del-btn{opacity:.7}}.song-del{border:1px solid var(--rust);background:var(--rust-dim);border-radius:8px;margin:2px 0;padding:9px 10px}.pf{--pf-ink:#0f0c0a;--pf-surface:var(--paper);--pf-surface-2:var(--bg-2);--pf-surface-3:var(--paper-2);--pf-accent:var(--amber);--pf-accent-dim:#8a6a2c;--pf-fg:var(--ink);--pf-muted:var(--muted);--pf-faint:var(--faint);--pf-grid:#efe6d814;--pf-key-white:#f2ebdd;--pf-key-white-on:#f0d7a0;--pf-key-black:#1a1512;--pf-key-black-on:#6b5022;--pf-key-label:#6a5d4e;--pf-shadow:0 0 0 1px #ffffff14}.pf-knob{flex-direction:column;align-items:center;gap:.35rem;width:4rem;display:flex}.pf-knob.is-disabled{opacity:.4}.pf-knob-label{text-transform:uppercase;letter-spacing:.12em;color:var(--pf-faint);text-align:center;white-space:nowrap;font-size:.62rem;font-weight:600}.pf-knob-dial{touch-action:none;border-radius:50%;outline:none;width:3.5rem;height:3.5rem;position:relative}.pf-knob-dial:focus-visible{box-shadow:0 0 0 2px var(--pf-accent)}.pf-knob-svg{width:3.5rem;height:3.5rem}.pf-knob-outer{fill:var(--pf-surface-2);stroke:#ffffff1f}.pf-knob-inner{fill:var(--pf-surface);stroke:#ffffff38}.pf-knob-pointer{stroke:var(--pf-accent)}.pf-knob-value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--pf-muted);white-space:nowrap;font-size:.68rem}.pf-knobs{flex-wrap:wrap;justify-content:flex-start;gap:14px 10px;display:flex}.pf-keybed{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--pf-ink);border-radius:12px;width:100%;height:8rem;padding:6px;display:flex;position:relative;overflow:hidden}@media (width>=768px){.pf-keybed{height:10rem}}.pf-key-white{background:var(--pf-key-white);height:100%;color:var(--pf-faint);cursor:pointer;border:0;border-radius:0 0 6px 6px;flex-direction:column;flex:1 1 0;justify-content:space-between;align-items:center;min-width:0;margin-right:2px;padding:8px 0 10px;transition:background-color 80ms ease-out,transform 80ms ease-out;display:flex;position:relative;box-shadow:inset 0 -3px #0000001f}.pf-key-white:last-child{margin-right:0}.pf-key-white.is-on{background:var(--pf-key-white-on);transform:translateY(1px);box-shadow:inset 0 -1px #0000001f}.pf-key-black{z-index:2;background:var(--pf-key-black);height:58%;color:var(--pf-muted);cursor:pointer;border:0;border-radius:0 0 5px 5px;justify-content:center;align-items:flex-start;padding-top:8px;display:flex;position:absolute;top:6px;box-shadow:inset 0 -2px #ffffff14}.pf-key-black.is-on{background:var(--pf-key-black-on);color:var(--pf-accent);transform:translateY(1px)}.pf-key-hint{font-family:var(--mono);letter-spacing:.06em;opacity:.7;font-size:.62rem}.pf-key-hint-black{color:var(--pf-muted)}.pf-key-name{font-family:var(--mono);color:var(--pf-key-label);font-size:.62rem}@media (width<=639px){.pf-key-hint{display:none}}.pf-scope{flex:1;gap:8px;min-width:0;height:8rem;min-height:7rem;display:flex}.pf-scope-screen{background:var(--pf-ink);min-width:0;box-shadow:var(--pf-shadow);border-radius:8px;flex:1;position:relative;overflow:hidden}.pf-scope-canvas{width:100%;height:100%;display:block}.pf-scope-off{pointer-events:none;font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--pf-faint);justify-content:center;align-items:center;font-size:.62rem;display:flex;position:absolute;inset:0}.pf-level-meter{background:var(--pf-ink);width:.75rem;box-shadow:var(--pf-shadow);border-radius:999px;flex-shrink:0;position:relative;overflow:hidden}.pf-level-fill{height:calc(var(--level,0) * 100%);background:var(--pf-accent);opacity:.85;transition:height 80ms linear;position:absolute;bottom:0;left:0;right:0}.pf-wave-select{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.pf-seg{background:var(--pf-ink);width:100%;box-shadow:var(--pf-shadow);border-radius:12px;flex-wrap:wrap;gap:2px;padding:3px;display:flex}.pf-seg-btn{min-width:0;min-height:2.5rem;color:var(--pf-muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1 1 0;justify-content:center;align-items:center;gap:.35rem;padding:0 .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.pf-seg-btn.is-on{background:var(--pf-surface-3);color:var(--pf-fg)}.pf-wave-icon{flex-shrink:0;width:1.6rem;height:1rem;display:none}@media (width>=640px){.pf-wave-icon{display:block}}.pf-chips{gap:8px;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.pf-chip{background:var(--pf-surface-2);height:2.25rem;color:var(--pf-muted);white-space:nowrap;box-shadow:var(--pf-shadow);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;padding:0 .85rem;font-size:.8125rem;font-weight:500;display:inline-flex}.pf-chip:hover:not(:disabled){color:var(--pf-fg);background:var(--pf-surface-3)}.pf-chip.is-on{background:var(--pf-accent);color:#1a140c;box-shadow:none}.pf-chip:disabled{opacity:.45;cursor:default}.pf-midibar{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.pf-midi-status{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono);color:var(--pf-faint);font-size:.7rem;overflow:hidden}.pf-midi-dot{background:var(--pf-faint);border-radius:50%;width:6px;height:6px;display:inline-block}.pf-midi-dot.is-live{background:var(--pf-accent-dim)}.pf-midi-dot.is-active{background:var(--pf-accent)}.pf .midi-select{max-width:9.5rem;height:2.1rem;font-family:var(--mono);border-radius:999px;padding:0 .55rem;font-size:.7rem}.pf-fx-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.pf-stage{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;min-width:0;padding:12px}.pf-stage.off{opacity:.62}.pf-stage-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.pf-stage-head .n{font-family:var(--mono);color:var(--faint);font-size:.66rem}.pf-stage-head h4{letter-spacing:.14em;text-transform:uppercase;flex:1;margin:0;font-size:.78rem}.pf-switch{border:1px solid var(--line-2);background:var(--paper);cursor:pointer;border-radius:99px;flex:none;width:38px;height:22px;position:relative}.pf-switch:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:left .12s;position:absolute;top:2px;left:2px}.pf-switch[aria-checked=true]{background:var(--amber-dim);border-color:var(--amber)}.pf-switch[aria-checked=true]:after{background:var(--amber-2);left:18px}.pf-chain-arrow{font-family:var(--mono);color:var(--faint);letter-spacing:.08em;overflow-wrap:anywhere;font-size:.7rem}.pf-meter{background:var(--line);border-radius:4px;height:8px;position:relative;overflow:hidden}.pf-meter>i{background:linear-gradient(90deg, var(--sage), var(--amber) 75%, var(--rust));transition:width 60ms linear;position:absolute;top:0;bottom:0;left:0}.pf-ab{border:1px solid var(--line-2);border-radius:8px;display:inline-flex;overflow:hidden}.pf-ab button{color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:34px;padding:6px 12px;font-weight:700}.pf-ab button[aria-pressed=true]{background:var(--amber);color:#1a140c}