:root{--bg: #12161d;--bg-soft: #1a2029;--card: #202836;--border: #2d3646;--fg: #e8ecf1;--muted: #8b95a3;--accent: #4ade80;--accent-dim: #1d4028;--bad: #f87171;--good-bg: rgba(74, 222, 128, .14);--bad-bg: rgba(248, 113, 113, .14)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:560px;margin:0 auto;padding:16px 16px 138px}.app-header{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.app-title{text-align:center;font-size:1.05rem;font-weight:600;margin:0;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.lang-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--card);color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:.85rem;cursor:pointer}.lang-btn:active{transform:translateY(-50%) scale(.96)}.back-btn{background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:6px 12px;font-size:.85rem;cursor:pointer;margin-bottom:12px}.back-btn:active{transform:scale(.97)}.setup-list{display:grid;gap:10px}.setup-card{background:var(--card);border:2px solid var(--border);border-radius:14px;padding:16px;text-align:left;cursor:pointer;color:var(--fg)}.setup-card b{display:block;font-size:1.1rem;margin-bottom:4px}.setup-card span{color:var(--muted);font-size:.9rem}.setup-card.active{border-color:var(--accent);background:var(--good-bg)}.set-caption{color:var(--muted);font-size:.85rem;margin:0 0 6px 2px}.page h2{margin:4px 0 14px;font-size:1.25rem}.tabbar{position:fixed;bottom:28px;left:0;right:0;display:flex;justify-content:center;gap:4px;background:var(--bg-soft);border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:10}.tabbar button{flex:1;max-width:150px;background:none;border:none;color:var(--muted);font-size:.95rem;padding:10px 0;border-radius:10px;cursor:pointer}.tabbar button.active{color:var(--accent);background:var(--good-bg);font-weight:600}.tabbar-fs{flex:none;width:44px;background:none;border:none;color:var(--muted);font-size:1.15rem;padding:10px 0;border-radius:10px;cursor:pointer}.tabbar-fs:active{transform:scale(.94)}button{font-family:inherit}.btn{background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:12px 16px;font-size:1rem;cursor:pointer;min-height:44px}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent-dim);border-color:var(--accent);color:#d9fbe4;font-weight:600}.btn:disabled{opacity:.45;cursor:default}.btn.danger{color:#ff9f9f;border-color:var(--danger, #b33);background:var(--danger-dim, rgba(180,40,40,.15))}.tuner-dial{display:block;margin:4px auto;width:min(320px,100%)}.tuner-readout{text-align:center;margin:4px 0 12px}.tuner-note{font-size:3rem;font-weight:700;line-height:1.1}.tuner-target{color:var(--muted);margin-top:4px}.tuner-verdict{margin-top:6px;font-size:1.1rem;font-weight:600}.tuner-verdict.ok{color:var(--accent)}.tuner-verdict.up{color:#fbbf24}.tuner-verdict.down{color:#60a5fa}.string-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.string-btn{background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--fg);padding:10px 4px;font-size:1.1rem;font-weight:700;cursor:pointer;min-height:60px}.string-btn .sub{display:block;font-size:.78rem;font-weight:400;color:var(--muted);margin-top:2px}.string-btn.selected{border-color:var(--accent);color:var(--accent);background:var(--good-bg)}.tuner-controls{display:flex;gap:8px;margin:12px 0}.tuner-controls .btn{flex:1}select{background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:1rem;width:100%}label.field{display:block;margin:12px 0}label.field span{display:block;color:var(--muted);font-size:.85rem;margin-bottom:6px}.chord-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.chord-head .chord-mode-toggle{flex:1;max-width:250px;min-width:200px;margin-bottom:0}.key-hint{color:var(--muted);font-size:.8rem;margin:2px 0 0}.chord-wrap{display:flex;gap:12px;align-items:flex-start}.root-rail{display:flex;flex-direction:column;gap:6px;flex:0 0 46px}.root-btn{width:100%;padding:8px 0;border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer}.root-btn.active{border-color:var(--accent);background:var(--accent-dim);color:#d9fbe4}.chord-pane{flex:1;min-width:0}.chord-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.chord-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px 8px;text-align:center;cursor:pointer;color:var(--fg);will-change:transform}.chord-card.playing{border-color:var(--accent);background:var(--good-bg)}.chord-card .chord-name{font-size:1.2rem;font-weight:700;margin-top:4px}.chord-card .chord-degree{display:inline-block;margin-top:3px;padding:1px 7px;border-radius:999px;background:var(--good-bg);border:1px solid var(--border);color:var(--muted);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}.chord-card.playing .chord-degree{border-color:var(--accent)}.chord-card svg{color:var(--fg)}.chord-caption{color:var(--muted);font-size:.85rem;margin:14px 2px 0;line-height:1.5}.mode-toggle{display:flex;gap:8px;margin-bottom:16px}.mode-toggle .btn{flex:1}.mode-toggle .btn.active{background:var(--accent-dim);border-color:var(--accent);color:#d9fbe4;font-weight:600}.trainer-score{display:flex;gap:16px;color:var(--muted);margin-bottom:8px;flex-wrap:wrap}.trainer-score b{color:var(--fg)}.prompt{text-align:center;margin:12px 0}.prompt-label{color:var(--muted);font-size:.9rem}.prompt-chord{font-size:2.6rem;font-weight:700}.prompt-hear{background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:6px 12px;font-size:.85rem;cursor:pointer;margin-top:6px}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.option{background:var(--card);border:2px solid var(--border);border-radius:14px;padding:10px 6px;cursor:pointer;color:var(--fg);text-align:center}.option svg{color:var(--fg)}.option.correct{border-color:var(--accent);background:var(--good-bg)}.option.wrong{border-color:var(--bad);background:var(--bad-bg)}.option:disabled{cursor:default;opacity:.85}.feedback{text-align:center;font-weight:700;margin:10px 0;font-size:1.05rem}.feedback.ok{color:var(--accent)}.feedback.bad{color:var(--bad)}.trainer-actions{display:flex;gap:8px;margin-top:12px}.trainer-actions .btn{flex:1}.fretboard{display:grid;grid-template-columns:2.4rem repeat(4,1fr);gap:6px;margin:12px 0}.fb-head{color:var(--muted);text-align:center;font-size:.85rem;font-weight:600;padding:6px 0}.fb-cell{height:46px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--fg);font-size:1rem;font-weight:700;cursor:pointer;padding:0}.fb-cell.placed{background:#2f4a3c;border-color:var(--accent)}.fb-cell.placed.open{border-style:dashed}.fb-cell.ok{background:var(--good-bg);border-color:var(--accent)}.fb-cell.bad{background:var(--bad-bg);border-color:var(--bad)}.fb-mute{height:40px;border-radius:8px;border:1px dashed var(--border);background:none;color:var(--muted);cursor:pointer;font-size:.95rem;padding:0}.fb-mute.active{color:var(--bad);border-color:var(--bad);font-weight:700}.result-chords{display:flex;gap:20px;justify-content:center;align-items:flex-start;margin-top:8px}.result-box{text-align:center}.result-box .cap{color:var(--muted);font-size:.85rem;margin-bottom:4px}.result-box svg{color:var(--fg)}.empty-note{color:var(--muted);text-align:center;padding:24px 0}.credit{text-align:center;color:var(--muted);font-size:.8rem;margin:0;position:fixed;bottom:0;left:0;right:0;z-index:10;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#0f131a;border-top:1px solid var(--border)}.credit a{color:var(--muted);text-decoration:underline}.welcome{min-height:100dvh;max-width:480px;margin:0 auto;padding:40px 24px 32px;display:flex;flex-direction:column;justify-content:center}.welcome-title{text-align:center;font-size:2rem;margin:0 0 6px}.welcome-tagline{text-align:center;color:var(--muted);margin:0 0 32px;letter-spacing:.06em}.welcome-features{display:grid;gap:14px;margin-bottom:32px}.welcome-feature{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.welcome-feature .icon{font-size:1.4rem;line-height:1.2}.welcome-feature b{display:block;margin-bottom:2px}.welcome-feature span{color:var(--muted);font-size:.9rem}.welcome-start{font-size:1.1rem;padding:14px;border-radius:12px}.welcome-credit{text-align:center;color:var(--muted);font-size:.82rem;margin-top:36px}.welcome-credit a{color:var(--muted);text-decoration:underline}input[type=range]{width:100%;accent-color:var(--accent)}.bpm-row{display:flex;align-items:center;gap:10px}.bpm-rec{color:var(--muted);font-weight:400;font-size:.85rem;display:inline-flex;align-items:center;gap:6px}.bpm-reset{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:2px 8px;font-size:.85rem;cursor:pointer}.bpm-reset:active{transform:scale(.94)}.disclaimer{color:var(--muted);font-size:.82rem;text-align:center;margin:14px 0 0}.jam-page{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:16px;padding-right:16px;--cell-w: 32px;--label-w: 60px;--row-ruler: 44px;--row-chord: 88px;--row-drum: 30px;--row-lyric: 36px}.jam-transport{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.jam-tp-row{display:flex;align-items:center;gap:10px;min-width:0}.jam-play,.jam-songs-btn{flex:none;min-width:64px}label.field.jam-bpm{flex:1 1 0;display:flex;align-items:center;gap:8px;margin:0;min-width:0}label.field.jam-bpm span{display:flex;margin-bottom:0;flex:none;gap:4px;white-space:nowrap;font-size:.85rem}label.field.jam-bpm input[type=range]{flex:1 1 0;min-width:0;width:auto;height:22px}.jam-tp-toggles{gap:8px}.jam-tp-toggles .jam-mix-btn{margin-left:0}.jam-settings-btn{position:relative;flex:none;margin-left:auto;min-width:44px;min-height:38px;padding:6px 10px;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--muted);cursor:pointer}.jam-settings-btn:hover,.jam-settings-btn.loop-on{border-color:var(--accent)}.jam-settings-glyph{font-size:1.05rem;line-height:1}.jam-loop-dot{position:absolute;top:2px;right:3px;font-size:.62rem;color:var(--accent);font-weight:700;line-height:1}.jam-stepper{display:flex;align-items:center;gap:6px}.jam-tp-label{color:var(--muted);font-size:.8rem;margin-right:4px}.jam-stepper-val{font-size:1.1rem;min-width:22px;text-align:center}.jam-time{flex:1;margin:0;min-width:0}.jam-time select{padding:6px 10px;width:auto}.jam-actions{display:flex;flex-wrap:wrap;gap:6px}.btn.sm{padding:8px 12px;min-height:38px;font-size:.85rem}.jam-msg{text-align:center;color:var(--accent);font-weight:600;margin:6px 0}.jam-count{text-align:center;font-size:2rem;font-weight:700;color:var(--accent);margin:6px 0}.jam-pos{display:flex;align-items:center;gap:4px;flex:none}.jam-pos-input{width:36px;text-align:center;padding:4px 2px;font-size:.95rem;font-weight:600;border:1px solid var(--border);border-radius:6px;background:var(--bg-soft);color:var(--fg)}.jam-pos-input::-webkit-outer-spin-button,.jam-pos-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.jam-pos-input{-moz-appearance:textfield}.jam-pos-total{color:var(--muted);font-size:.85rem}.jam-loop-toggle{display:flex;align-items:center;gap:4px;white-space:nowrap;cursor:pointer;margin-left:auto}.jam-loop-toggle input[type=checkbox]{width:16px;height:16px}.jam-loop-range{display:flex;gap:10px;align-items:center}.jam-mini-stepper{display:flex;align-items:center;gap:4px;font-size:.8rem}.jam-mini-stepper span{color:var(--muted);font-size:.75rem;white-space:nowrap}.jam-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.chip-btn{background:var(--card);border:1px solid var(--border);color:var(--fg);border-radius:999px;padding:8px 14px;font-size:.9rem;cursor:pointer;min-height:38px}.chip-btn:active{transform:scale(.96)}.jam-mix-btn{flex:none}.jam-mix-btn.active{background:var(--accent-dim);border-color:var(--accent);color:#d9fbe4}.jam-songs-btn{flex:none}.jam-play,.jam-songs-btn{animation:jam-glow 2.2s ease-in-out infinite}@keyframes jam-glow{0%,to{box-shadow:0 0 6px #4ade804d}50%{box-shadow:0 0 14px #4ade808c}}@media (prefers-reduced-motion: reduce){.jam-play,.jam-songs-btn{animation:none;box-shadow:0 0 8px #4ade8066}}.jam-mixer{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:10px}.jam-vol{display:grid;grid-template-columns:74px 1fr 34px;align-items:center;gap:8px}.jam-vol-label{color:var(--muted);font-size:.85rem}.jam-vol b{text-align:right;font-variant-numeric:tabular-nums}.jam-settings .jam-tp-label{margin:12px 0 6px}.jam-settings .jam-tp-label:first-of-type{margin-top:0}.jam-settings-grid{display:grid;grid-template-columns:1fr;gap:10px}.jam-set-cell{display:flex;align-items:center;gap:6px}.jam-set-cell .jam-tp-label{margin:0 4px 0 0}.jam-settings .jam-time select{width:auto}.jam-settings .jam-loop-toggle{margin-left:0}@media (min-width: 560px){.jam-settings-grid{grid-template-columns:1fr 1fr}.jam-mixer{flex-direction:row;gap:20px}.jam-mixer .jam-vol{flex:1}}.jam-board{display:flex;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);overflow:hidden}.jam-label-col{flex:none;display:flex;flex-direction:column;gap:2px;padding:8px 0;background:var(--bg-soft);border-right:1px solid var(--border);z-index:2;width:var(--label-w)}.jg-label{flex:none;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.72rem;font-weight:600;text-align:center;min-width:0;overflow:hidden;padding:0 2px}.jg-label-ruler{height:var(--row-ruler)}.jg-label-chord{height:var(--row-chord);font-size:1rem}.jg-label-lyric{height:var(--row-lyric)}.jg-label-drum{height:var(--row-drum)}.jam-scroll{flex:1;display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden}.jam-grid{display:grid;grid-auto-rows:18px 88px 30px 30px 30px 30px 30px;row-gap:2px;width:max-content;flex:none;padding:8px 0 8px 8px}.jg-cell{flex:none;border:1px solid var(--border);border-radius:6px;background:var(--card);cursor:pointer;padding:0;min-width:0}.jg-ruler{height:var(--row-ruler);background:none;border:none;cursor:default;color:var(--muted);font-size:.72rem;display:flex;align-items:center;justify-content:center}.jg-bar-head{display:flex;flex-direction:column;align-items:center;gap:2px}.jg-bar-num{font-size:.72rem;color:var(--muted);line-height:1}.jg-bar-minis{display:flex;gap:2px}.jg-bar-mini{width:16px;height:16px;cursor:pointer;color:var(--muted);font-size:.9rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--card);padding:0;-webkit-user-select:none;user-select:none}.jg-bar-mini:hover{color:var(--accent);border-color:var(--accent)}.jg-bar-mini[disabled]{opacity:.3;cursor:default}.jg-chord{height:var(--row-chord);color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:8px;padding:4px 2px;overflow:hidden}.jg-chord-name{font-size:.9rem;font-weight:700;line-height:1.1}.jg-chord.set{border-color:var(--accent);background:var(--good-bg);color:var(--accent)}.jg-chord.fill{border-color:var(--border);background:var(--card);color:var(--muted);opacity:.7}.jg-chord.empty{border-style:dashed;opacity:.6}.jg-drum{height:var(--row-drum)}.jg-lyric{height:var(--row-lyric)}.jg-lyric input{width:100%;height:100%;border:none;background:transparent;color:var(--fg);font-size:.78rem;text-align:center;padding:0 4px;outline:none}.jg-lyric input::placeholder{color:var(--muted);opacity:.5}.jg-lyric input:focus{background:var(--card)}.jam-export-form{display:flex;flex-direction:column;gap:10px;padding:10px 0}.jam-field{display:flex;flex-direction:column;gap:4px}.jam-field span{font-size:.82rem;color:var(--muted)}.jam-field input{background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--fg);padding:8px 10px;font-size:.9rem;outline:none}.jam-field input:focus{border-color:var(--accent)}.jg-drum.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px #4ade8059}.jg-bar-start{border-left-width:3px;border-left-color:var(--muted)}.jam-bar-controls{flex:none;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;margin:8px 8px 8px 2px;align-self:stretch}.jg-bar-btn{flex:none;width:36px;height:40px;cursor:pointer;color:var(--muted);font-size:1.3rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:8px;background:var(--card);-webkit-user-select:none;user-select:none}.jg-bar-btn:hover{color:var(--accent);border-color:var(--accent)}.jg-bar-btn[disabled]{opacity:.35;cursor:default}.jg-cell.live{box-shadow:0 0 0 2px var(--fg)}.jg-ruler.live{box-shadow:none}.jam-song-group{margin-bottom:10px}.jam-song-artist{font-weight:700;color:var(--fg);margin-bottom:4px}.song-card{display:flex;flex-direction:column;gap:6px}.song-main-btn{background:none;border:none;color:inherit;text-align:left;cursor:pointer;padding:0;display:flex;flex-direction:column;gap:2px;width:100%}.song-main-btn b{font-size:.92rem}.song-main-btn span{font-size:.78rem;color:var(--muted)}.jam-song-sections{display:flex;gap:6px;flex-wrap:wrap}.jam-song-sections .btn{font-size:.78rem;padding:4px 10px}.lyric-strip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;margin:8px 0;min-height:58px;background:var(--card);border:1px solid var(--border);border-radius:12px}.lyric-song{color:var(--muted);font-size:.78rem}.lyric-text{font-size:1.3rem;font-weight:700;text-align:center;line-height:1.3;color:var(--muted);transition:color .1s linear}.lyric-strip.live .lyric-text{color:var(--accent)}.orient-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#12161de6;display:flex;align-items:center;justify-content:center;padding:24px}.orient-box{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px 24px;text-align:center;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:10px}.orient-phone{font-size:2.6rem;line-height:1;color:var(--accent);animation:orient-spin 2s ease-in-out infinite}.orient-box b{font-size:1.1rem}.orient-box span{color:var(--muted);font-size:.9rem}@keyframes orient-spin{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.jam-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:40;padding:16px;overflow-y:auto}.jam-sheet{--sheet-pad: 16px;background:var(--bg-soft);border:1px solid var(--border);border-radius:16px;width:100%;max-width:560px;padding:var(--sheet-pad) var(--sheet-pad) calc(var(--sheet-pad) + env(safe-area-inset-bottom));max-height:min(86vh,900px);overflow-y:auto;margin:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.jam-sheet::-webkit-scrollbar{width:10px}.jam-sheet::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px;border:3px solid var(--bg-soft)}.jam-sheet::-webkit-scrollbar-track{background:transparent}.jam-sheet-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;background:var(--bg-soft);margin:0 calc(var(--sheet-pad) * -1) 8px;padding:var(--sheet-pad) var(--sheet-pad) 8px}.jam-sheet-head:before{content:"";position:absolute;inset:calc(var(--sheet-pad) * -1) 0 -8px;background:var(--bg-soft);z-index:-1;pointer-events:none}.jam-sheet-head b{font-size:1.1rem}.jam-close{background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:4px}.jam-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin:4px 0}.jam-pick{background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--fg);font-size:1rem;font-weight:700;padding:10px 4px;cursor:pointer;min-height:44px}.jam-pick.selected{border-color:var(--accent);background:var(--good-bg);color:var(--accent)}.prog-preview{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:40px;margin:4px 0 12px;padding:8px;background:var(--bg, #111);border:1px dashed var(--border);border-radius:10px}.prog-preview-empty{color:var(--muted, #999);font-size:.85rem}.prog-pill{background:var(--accent-dim, #1a3a2a);color:#d9fbe4;border:1px solid var(--accent, #2e7d4f);border-radius:999px;padding:4px 12px;font-size:.9rem;font-weight:700}.jam-sheet-actions{display:flex;gap:8px;margin-top:12px}.jam-sheet-actions .btn{flex:1}.jam-name{width:100%;background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:1rem;margin-bottom:10px}.jam-save-list{display:grid;gap:8px}.jam-songs .jam-save-list{margin-top:40px}.jam-save-row{display:flex;gap:8px;align-items:stretch}.jam-save-row .setup-card{flex:1}.jam-del{flex:none;width:44px;background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:10px;cursor:pointer;font-size:1rem}.jam-sheet-head-actions{display:flex;align-items:center;gap:8px}.jam-admin-btn{background:var(--card);border:1px solid var(--border);color:var(--fg);border-radius:999px;padding:6px 12px;font-size:.8rem;cursor:pointer}.jam-admin-btn:hover{border-color:var(--accent);color:var(--accent)}.jam-admin-backdrop{z-index:45}.jam-admin .jam-sheet-actions{margin-top:8px;flex-wrap:wrap}.jam-admin .jam-sheet-actions .btn{flex:1 1 auto;min-width:8em}.jam-admin-row .jam-sheet-actions .btn{flex:0 0 auto;min-width:0}.jam-admin-section{border-top:1px solid var(--border);padding-top:12px;margin-top:14px}.jam-admin-lock{font-size:.95rem;line-height:1;padding:6px 8px}.jam-admin-drop{border-radius:10px;border-style:dashed;border-width:1px;padding:12px;transition:background .12s,border-color .12s}.jam-admin-drop.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.jam-admin-status{font-size:.85rem;color:var(--accent);margin:0 0 6px;word-break:break-word}.jam-admin-status.bad{color:var(--bad)}.jam-admin-row{gap:2px}.jam-admin-file{font-size:.72rem;color:var(--muted);opacity:.75;word-break:break-all}.jam-admin-confirm{font-size:.8rem;color:var(--fg);margin:6px 0 0}@media (max-width: 640px){.chord-wrap{flex-direction:column}.root-rail{flex-direction:row;width:100%;flex:1 0 auto;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px;gap:6px}.root-btn{flex:0 0 auto;min-width:44px;padding:8px 10px}}@media (max-width: 1440px){.jam-page{--cell-w: 28px;--label-w: 52px}}@media (max-width: 1024px){.jam-page{--cell-w: 24px;--label-w: 44px;--row-ruler: 40px;--row-chord: 80px;--row-drum: 28px;--row-lyric: 34px}.jg-label{font-size:.68rem}.jg-bar-mini{width:20px;height:20px;font-size:.8rem}}@media (max-width: 768px){.jam-page{--cell-w: 16px;--label-w: 32px;--row-ruler: 36px;--row-chord: 72px;--row-drum: 24px;--row-lyric: 30px;padding-left:8px;padding-right:8px}.jg-label{font-size:.65rem;padding:0 1px}.jg-label-chord{font-size:.85rem}.jg-bar-mini{width:22px;height:22px;font-size:.85rem;border-radius:3px}.jg-bar-num{font-size:.65rem}.jg-chord-name{font-size:.78rem}.jg-lyric input{font-size:.7rem}.jam-loop-toggle{white-space:normal}.jam-pos{gap:2px}.jam-pos-input{width:30px;font-size:.85rem}.jam-tp-row{gap:6px}.jam-play{min-width:64px;font-size:.9rem}.jam-mini-stepper{font-size:.75rem;gap:2px}.jam-mini-stepper span{font-size:.7rem}.jam-vol{grid-template-columns:56px 1fr 28px}.jam-vol-label{font-size:.78rem}.jam-sheet{--sheet-pad: 12px}.song-main-btn b{font-size:.85rem}.song-main-btn span{font-size:.72rem}}@media (max-width: 480px){.jam-page{--cell-w: 14px;--label-w: 28px;--row-ruler: 30px;--row-chord: 60px;--row-drum: 20px;--row-lyric: 26px}.jg-label{font-size:.6rem}.jg-label-chord{font-size:.78rem}.jg-bar-mini{width:20px;height:20px;font-size:.8rem}.jg-bar-num{font-size:.6rem}.jg-chord-name{font-size:.72rem}.jg-lyric input{font-size:.65rem}.jam-pos{gap:1px}.jam-pos .bpm-reset{padding:2px 4px;font-size:.8rem}.jam-pos-input{width:24px;font-size:.8rem;padding:3px 1px}.jam-pos-total,.bpm-name{display:none}.jam-play,.jam-songs-btn{min-width:50px;font-size:.82rem;padding:8px}.jam-stepper-val{font-size:.95rem}label.field.jam-bpm{gap:5px}label.field.jam-bpm input[type=range]{height:26px}.jam-time select{padding:5px 6px;font-size:.85rem}.jam-loop-toggle{font-size:.82rem;gap:2px}.jam-loop-toggle input[type=checkbox]{width:14px;height:14px}.jam-mini-stepper span{font-size:.65rem}.jam-vol{grid-template-columns:48px 1fr 24px;gap:4px}.jam-vol-label{font-size:.72rem}.btn.sm{padding:6px 8px;min-height:32px;font-size:.78rem}.chip-btn{padding:6px 10px;font-size:.82rem;min-height:32px}}@media (orientation: landscape) and (max-height: 500px){body{overflow-x:hidden}.jam-page{--cell-w: 18px;--label-w: 40px}.app{width:100%;max-width:none;padding-bottom:16px}.app-body .page:not(.jam-page){max-width:560px;margin-left:auto;margin-right:auto}.tabbar{position:static;bottom:auto;padding:4px 8px}.tabbar button,.tabbar-fs{padding:6px 0}.credit{position:static;font-size:.62rem;padding:2px 8px calc(2px + env(safe-area-inset-bottom))}}