:root{--bg:#05070c;--bg-elev:#0b0f17;--bg-glass:#0e131db8;--line:#7896be24;--line-strong:#7896be4d;--text:#e8eef7;--text-dim:#8a97ab;--text-faint:#4f5a6c;--accent:#5ef2ff;--accent-soft:#5ef2ff24;--accent-glow:0 0 18px #5ef2ff59;--chord:#ffd166;--chord-soft:#ffd16638;--warn:#ffb15e;--warn-soft:#ffb15e24;--cue:#b48cff;--cue-soft:#b48cff29;--note-green:#6ef2a0;--note-green-soft:#6ef2a024;--note-rose:#ff7ab8;--note-rose-soft:#ff7ab829;--note-white:#f1f3f8;--note-white-soft:#f1f3f81f;--danger:#ff6b8a;--radius:14px;--radius-sm:9px;--font:"Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--topbar:56px;--sheet-font:17px;--sheet-max:min(880px, calc(100% - env(safe-area-inset-top) - 64px));--on-accent:#03141a;--accent-hover:#8cf6ff;--fill:#ffffff05;--fill-hover:#ffffff0d;--accent-wash:#5ef2ff0f;--accent-edge:#5ef2ff80;--backdrop:#030509a6;--ease:cubic-bezier(.2, .7, .2, 1);caret-color:var(--accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background-image:radial-gradient(1200px 600px at 10% -10%,#5ef2ff12,#0000 60%),radial-gradient(900px 500px at 100% 0,#b48cff0f,#0000 60%);background-attachment:fixed;margin:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--accent-soft)}.app{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;height:var(--topbar);background:var(--bg-glass);-webkit-backdrop-filter:blur(18px)saturate(140%);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 16px;display:flex;position:sticky;top:0}.topbar__title{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.topbar__title strong{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.topbar__title span{color:var(--text-dim);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.topbar__actions{align-items:center;gap:6px;display:flex}.topbar__title{container-type:inline-size}@container (width<=114px){.topbar__brand{display:none}}.page{flex:1;width:100%;max-width:980px;margin:0 auto;padding:20px 16px 80px}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-weight:600;display:inline-flex}.brand__mark{border:1px solid var(--line-strong);width:26px;height:26px;box-shadow:var(--accent-glow);color:var(--accent);font-family:var(--mono);background:linear-gradient(135deg,#5ef2ff40,#b48cff33);border-radius:8px;place-items:center;font-size:12px;display:grid}.btn{border:1px solid var(--line-strong);height:36px;color:var(--text);letter-spacing:.02em;white-space:nowrap;background:#ffffff05;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:hover{background:#5ef2ff0f;border-color:#5ef2ff80}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--accent);color:#03141a;box-shadow:var(--accent-glow);border-color:#0000}.btn--primary:hover{background:#8cf6ff;border-color:#0000}.btn--ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--text);background:#ffffff0d;border-color:#0000}.btn--danger{color:var(--danger)}.btn--danger:hover{background:#ff6b8a14;border-color:#ff6b8a80}.btn--icon{width:36px;padding:0}.btn--sm{height:30px;padding:0 10px;font-size:12px}.btn--sm.btn--icon{width:30px}.btn.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.input,.textarea,.select{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffff06;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:#5ef2ff99;box-shadow:0 0 0 3px #5ef2ff1f}.textarea{font-family:var(--mono);resize:vertical;white-space:pre;overflow-wrap:normal;tab-size:4;min-height:320px;font-size:13px;line-height:1.55;overflow-x:auto}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:11px;display:block}.field{margin-bottom:16px}.row{align-items:center;gap:12px;display:flex}.row--wrap{flex-wrap:wrap}.spacer{flex:1}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=640px){.grid-2{grid-template-columns:1fr}}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;position:relative;overflow:hidden}.card--link{transition:border-color .15s,transform .15s,box-shadow .15s;display:block}.card--link:hover{border-color:#5ef2ff73;transform:translateY(-1px);box-shadow:0 10px 30px #00000059}.card__title{margin:0 0 2px;font-size:16px;font-weight:600}.card__sub{color:var(--text-dim);margin:0;font-size:13px}.card__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.chip{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;height:24px;color:var(--text-dim);font-size:11px;font-family:var(--mono);border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.chip--accent{color:var(--accent);background:var(--accent-soft);border-color:#5ef2ff59}.chip--mono{text-transform:none;letter-spacing:0}.chip--key{text-transform:none}.list{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.section-head{align-items:baseline;gap:12px;margin:26px 0 12px;display:flex}.section-head h2{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:12px;font-weight:600}.section-head .line{background:var(--line);flex:1;height:1px}.empty{text-align:center;color:var(--text-dim);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:48px 16px}.empty h3{color:var(--text);margin:0 0 6px;font-weight:600}.empty p{margin:0 0 16px;font-size:14px}.tabs{border:1px solid var(--line);background:#ffffff05;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.tabs button{height:32px;color:var(--text-dim);letter-spacing:.04em;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:13px;font-weight:500}.tabs button.is-active{background:var(--accent-soft);color:var(--accent)}.hero{padding:36px 0 10px}.hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(28px,6vw,44px);font-weight:600;line-height:1.05}.hero h1 em{color:var(--accent);text-shadow:var(--accent-glow);font-style:normal}.hero p{color:var(--text-dim);max-width:520px;margin:8px 0 0}.sheet{font-family:var(--mono);font-size:var(--sheet-font);padding:8px 0 40px;line-height:1.5}.sheet__line{white-space:pre;min-height:1.5em;padding-left:0;position:relative}.sheet__line--lyrics{white-space:pre-wrap;color:var(--text);font-family:var(--font);font-size:1em}.sheet__line--chords{color:var(--chord);font-weight:700}.sheet__line--chords .chord{color:var(--chord)}.sheet__line--chords .nonchord{color:var(--text-faint);font-weight:400}.sheet__line--chords .lbl{color:var(--text-dim);font-weight:500;font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;vertical-align:middle;margin-right:10px;font-size:.72em}.sheet__line--section{margin-top:1.2em}.section-row{font-family:var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:12px;font-size:.72em;display:flex}.section-row:after{content:"";background:var(--line);flex:1;height:1px}.sheet__line--tab{color:var(--text-faint);font-size:.85em}.sheet__line--blank{min-height:.9em}.sheet__line--meta{display:none}.sheet.is-annotating .sheet__line:not(.sheet__line--blank):hover,.sheet.is-annotating .sheet__line.is-target{box-shadow:inset 2px 0 0 var(--accent);cursor:pointer;background:#5ef2ff0d}.sheet__line-add{border:1px solid var(--line-strong);background:var(--bg-elev);width:24px;height:24px;color:var(--accent);border-radius:999px;place-items:center;padding:0;font-size:15px;line-height:1;display:none;position:absolute;top:50%;left:-34px;transform:translateY(-50%)}.sheet.is-annotating .sheet__line:not(.sheet__line--blank):hover .sheet__line-add{display:grid}@media (width<=640px){.sheet__line-add{display:none!important}}.note{font-family:var(--font);border:1px solid var(--line-strong);background:var(--bg-elev);letter-spacing:0;text-transform:none;text-shadow:none;white-space:pre-wrap;max-width:100%;color:var(--text);cursor:pointer;border-radius:10px;align-items:flex-start;gap:8px;margin:4px 0 6px;padding:6px 10px 6px 8px;font-size:.82em;font-weight:400;line-height:1.35;display:inline-flex;box-shadow:0 6px 20px #00000040}[data-color=cyan]{--note-c:var(--accent);--note-c-soft:var(--accent-soft)}[data-color=violet]{--note-c:var(--cue);--note-c-soft:var(--cue-soft)}[data-color=amber]{--note-c:var(--warn);--note-c-soft:var(--warn-soft)}[data-color=green]{--note-c:var(--note-green);--note-c-soft:var(--note-green-soft)}[data-color=rose]{--note-c:var(--note-rose);--note-c-soft:var(--note-rose-soft)}[data-color=white]{--note-c:var(--note-white);--note-c-soft:var(--note-white-soft)}.note[data-color]{border-color:color-mix(in srgb, var(--note-c) 45%, transparent);background:linear-gradient(0deg, var(--note-c-soft), var(--note-c-soft)), var(--bg-elev)}.note__icon{color:var(--note-c);flex:none;margin-top:.12em}.sheet__notes{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.player{background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.player__bar{height:var(--topbar);border-bottom:1px solid var(--line);background:var(--bg-glass);-webkit-backdrop-filter:blur(18px);z-index:2;align-items:center;gap:10px;padding:0 12px;display:flex}.player__progress{gap:4px;padding:8px 12px 0;display:flex}.player__progress i{background:var(--line-strong);border-radius:2px;flex:1;height:2px;transition:background .2s,box-shadow .2s}.player__progress i.is-done{background:#5ef2ff73}.player__progress i.is-current{background:var(--accent);box-shadow:0 0 8px var(--accent)}.slides{-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.slides__track{height:100%;transition:transform .32s cubic-bezier(.22,.8,.3,1);display:flex}.slides__slide{-webkit-overflow-scrolling:touch;overflow-anchor:none;width:100%;height:100%;padding:10px 16px calc(var(--dock-h,0px) + 32px);flex:0 0 100%;overflow:hidden auto}.slides__slide>.inner{max-width:980px;margin:0 auto}.player__nav{width:44px;height:64px;color:var(--text-faint);z-index:3;opacity:0;background:0 0;border:0;place-items:center;font-size:22px;transition:opacity .2s,color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.slides:hover .player__nav{opacity:1}.player__nav:hover{color:var(--accent)}.player__nav--prev{left:0}.player__nav--next{right:0}@media (hover:none){.player__nav{display:none}}.player__songhead{padding:12px 0 2px}.player__songhead h2{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.player__songhead p{color:var(--text-dim);margin:0;font-size:13px}.sl-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev);align-items:center;gap:10px;padding:10px 12px;display:flex}.sl-item__index{font-family:var(--mono);color:var(--text-faint);width:22px;font-size:12px}.sl-item__title{flex:1;min-width:0}.sl-item__title strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.sl-item__title span{color:var(--text-dim);font-size:12px}.sl-item__ctl{gap:2px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);background:#030509a6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;max-width:440px;padding:18px;box-shadow:0 30px 80px #0009}.modal h3{margin:0 0 12px;font-size:15px;font-weight:600}.modal--songs{flex-direction:column;max-height:min(560px,100dvh - 32px);display:flex}.song-jump{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.song-jump__item{text-align:left;border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:8px 12px;display:flex}.song-jump__item:hover{background:var(--accent-soft)}.song-jump__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.song-jump__item.is-current{border-color:var(--accent);background:var(--accent-soft)}.song-jump__index{width:22px;font-family:var(--mono);color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.song-jump__item.is-current .song-jump__index{color:var(--accent)}.song-jump__title{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.song-jump__title small{color:var(--text-dim);font-size:12px}.modal__actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.icon-picker{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:10px;display:grid}.icon-picker button{border:1px solid var(--line);height:38px;color:var(--text-dim);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-picker button:hover{color:var(--text);border-color:var(--line-strong)}.icon-picker button.is-active{color:var(--note-c);border-color:var(--note-c);background:var(--note-c-soft)}.color-picker{gap:4px;margin:0 -7px 10px;display:flex}.color-picker button{background:0 0;border:0;border-radius:999px;width:40px;height:40px;padding:0;position:relative}.color-picker button:after{content:"";background:var(--note-c);opacity:.55;border:2px solid #0000;border-radius:999px;transition:opacity .12s,transform .12s;position:absolute;inset:7px;box-shadow:inset 0 0 0 1px #00000040}.color-picker button:hover:after{opacity:.85}.color-picker button.is-active:after{opacity:1;border-color:var(--text);box-shadow:0 0 10px var(--note-c);transform:scale(1.1)}.color-picker button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.editor-layout{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=860px){.editor-layout{grid-template-columns:1fr}}.preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);max-height:70vh;padding:6px 16px;overflow:auto}.kbd{font-family:var(--mono);border:1px solid var(--line-strong);color:var(--text-dim);border-radius:5px;padding:1px 6px;font-size:11px}.toast{background:var(--bg-elev);border:1px solid var(--line-strong);z-index:60;border-radius:999px;padding:8px 16px;font-size:13px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.btn.is-disabled{opacity:.4;pointer-events:none}.topbar,.player__bar{padding-top:env(safe-area-inset-top);height:calc(var(--topbar) + env(safe-area-inset-top));padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right))}.page{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.slides__slide{padding-bottom:calc(var(--dock-h,0px) + 32px)}button,.btn,a.btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.input,.textarea,.select{font-size:16px}.textarea{font-size:15px}@media (width<=640px){.textarea{min-height:42vh;font-size:16px}}.desktop-only{display:none}.touch-only{display:inline}@media (hover:hover){.desktop-only{display:inline}.touch-only{display:none}}.topbar__actions,.player__bar .topbar__actions{gap:2px}.topbar__title strong{font-size:15px}@media (width<=420px){.hero{padding-top:20px}}.menu{position:relative}.menu__list{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-sm);z-index:40;gap:2px;width:max-content;min-width:200px;max-width:calc(100vw - 24px);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 20px 50px #0000008c}.menu__item{text-align:left;color:var(--text);background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;min-height:40px;padding:10px 12px;font-size:14px;display:flex}.menu__item:hover{background:#ffffff0d}.menu__item .icon{color:var(--text-dim)}.menu__item--danger,.menu__item--danger .icon{color:var(--danger)}.sl-item{gap:6px;min-width:0;padding:6px 8px 6px 4px}.sl-item__handle{color:var(--text-faint);cursor:grab;background:0 0;border:0;border-radius:8px;flex:none;align-items:center;gap:4px;padding:8px 6px;display:inline-flex}.sl-item__handle:active{cursor:grabbing}.sl-item__grip{color:var(--text-faint)}.sl-item__index{text-align:right;width:auto;min-width:16px;color:var(--text-dim);font-size:13px}.sl-item__title{flex:1;min-width:0;display:block;overflow:hidden}.sl-item__title strong{font-size:14px}.sl-item__ctl{flex:none}.sortable{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.sortable__row{transition:transform .15s}.sortable.is-dragging .sortable__row{transition:none}.sortable__row.is-dragged .sl-item{border-color:var(--accent);box-shadow:var(--accent-glow), 0 14px 30px #00000080;background:#5ef2ff0f;transform:scale(1.01)}.tabs--mobile{margin-bottom:16px;display:inline-flex}.editor-layout--edit .editor-layout__preview,.editor-layout--preview .editor-layout__edit{display:none}@media (width>=861px){.tabs.tabs--mobile{display:none}.editor-layout--edit .editor-layout__preview,.editor-layout--preview .editor-layout__edit{display:block}}@media (width<=860px){.preview{max-height:none}}.sheet{overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.sheet::-webkit-scrollbar{display:none}@media (width<=640px){.modal-backdrop{align-items:end;padding:0}.modal{max-width:none;max-height:100%;padding:18px 18px calc(18px + env(safe-area-inset-bottom));border-bottom:0;border-radius:20px 20px 0 0;overflow-y:auto}.modal--songs{max-height:var(--sheet-max)}.modal .textarea{min-height:80px}.modal__actions .btn{height:44px}}.chord--tap{all:unset;cursor:pointer;font:inherit;--tap-x:2px;--tap-y:0px;padding:var(--tap-y) var(--tap-x);margin:calc(-1 * var(--tap-y)) calc(-1 * var(--tap-x));-webkit-tap-highlight-color:transparent;border-radius:4px;transition:background .12s}@media (hover:none){.chord--tap{--tap-x:3px;--tap-y:7px}}.sheet__line--chords .chord--tap:hover,.sheet__line--chords .chord--tap:focus-visible{background:var(--chord-soft);outline:none}.sheet__line--chords .chord--tap:active{background:var(--chord);color:#1a1200}.modal--chord{max-width:560px}.chord-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.chord-head__name{font-family:var(--mono);color:var(--accent);text-shadow:var(--accent-glow);font-size:30px;font-weight:600;line-height:1.1}.chord-head__notes{font-family:var(--mono);color:var(--text-dim);gap:8px;margin-top:6px;font-size:14px;display:flex}.chord-head__notes .is-root{color:var(--text);font-weight:600}.chord-head__notes .is-bass{color:var(--cue)}.chord-head__notes .sep{color:var(--text-faint)}.piano-wrap{padding:4px 0 8px}.piano{width:100%;height:auto;display:block}.piano__white rect{fill:#e9edf3;stroke:#0b0f17;stroke-width:1.2px}.piano__black rect{fill:#161b26;stroke:#05070c;stroke-width:1px}.piano__white.is-tone rect,.piano__white.is-root rect{fill:#d2fbff}.piano__black.is-tone rect,.piano__black.is-root rect{fill:#1f5b63}.piano__white.is-bass rect{fill:#e8dcff}.piano__black.is-bass rect{fill:#47356b}.piano circle{fill:var(--accent)}.piano .is-root circle{fill:#0ab7c8}.piano .is-bass circle{fill:var(--cue)}.piano text{font-family:var(--mono);fill:#03141a;font-size:7.5px;font-weight:600}.piano__black text{fill:#03141a;font-size:6.5px}.seg--instrument{margin-bottom:10px}.fretboard-wrap{justify-content:center;padding:4px 0 8px;display:flex}.fretboard{width:auto;max-width:100%;height:180px;display:block}.fretboard__fret{stroke:#3a4454;stroke-width:1px}.fretboard__string{stroke:#9aa5b5;stroke-width:1px}.fretboard__nut{fill:#e9edf3}.fretboard__barre{fill:var(--accent);opacity:.35}.fretboard__dot circle{fill:var(--accent)}.fretboard__dot text{font-family:var(--mono);fill:#03141a;font-size:8px;font-weight:600}.fretboard__dot .fretboard__name,.fretboard__open text{fill:var(--text-dim);font-size:8px;font-family:var(--mono)}.fretboard__dot.is-bass circle,.fretboard__open.is-bass circle{fill:var(--cue)}.fretboard__open circle{fill:none;stroke:var(--text-dim);stroke-width:1.2px}.fretboard__mute{fill:var(--text-faint);font-size:11px;font-family:var(--mono)}.fretboard__fretno{fill:var(--text-dim);font-size:9px;font-family:var(--mono)}.fretboard--bass{height:210px}.fretboard__strname{fill:var(--text-dim);font-size:9px;font-family:var(--mono)}.bassdot circle{fill:var(--bg-elev);stroke:var(--text-dim);stroke-width:1.4px}.bassdot text{font-family:var(--mono);fill:var(--text);font-size:8px;font-weight:600}.bassdot.is-root circle{stroke:var(--accent)}.bassdot.is-root text{fill:var(--accent)}.bassdot.is-play circle{fill:var(--accent);stroke:none}.bassdot.is-slash circle{fill:var(--cue);stroke:none}.bassdot.is-play text,.bassdot.is-slash text{fill:var(--on-accent)}.chord-intervals{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chord-intervals span{border:1px solid var(--line);min-width:44px;font-family:var(--mono);color:var(--text);border-radius:8px;flex-direction:column;align-items:center;padding:6px 8px;font-size:14px;font-weight:600;display:inline-flex}.chord-intervals small{color:var(--text-dim);letter-spacing:.08em;font-size:10px;font-weight:500}.chord-intervals .is-root{color:var(--accent);border-color:#5ef2ff80}.chord-intervals .is-bass{color:var(--cue);border-color:#b48cff80}.chord-switch{scrollbar-width:none;gap:6px;margin-top:14px;padding:2px 0 4px;display:flex;overflow-x:auto}.chord-switch::-webkit-scrollbar{display:none}.chord-switch button{font-family:var(--mono);border:1px solid var(--line);height:34px;color:var(--text-dim);background:0 0;border-radius:999px;flex:none;padding:0 12px;font-size:13px}.chord-switch button.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.chord-head__notes .is-left{color:var(--cue)}.piano__white.is-left rect{fill:#e8dcff}.piano__black.is-left rect{fill:#47356b}.piano .is-left circle{fill:var(--cue)}.voicing-ctl{flex-direction:column;gap:8px;margin-top:4px;display:flex}.seg{border:1px solid var(--line);background:#ffffff05;border-radius:999px;gap:2px;width:100%;padding:3px;display:flex}.seg button{min-width:0;height:30px;color:var(--text-dim);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:999px;flex:1;padding:0 8px;font-size:12px;font-weight:500;overflow:hidden}.seg button.is-active{background:var(--accent-soft);color:var(--accent)}.seg--fit button{min-width:max-content;padding:0 4px}.voicing-hint{color:var(--text-dim);margin:8px 0 10px;font-size:12px}.chord-intervals{gap:14px}.chord-intervals__hand>small{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px;font-size:10px;display:block}.chord-intervals__hand>div{flex-wrap:wrap;gap:6px;display:flex}.chord-intervals .is-left{color:var(--cue);border-color:#b48cff80}.auth{max-width:420px;margin:0 auto;padding-top:40px}.auth__form{gap:12px;display:grid}.auth__form .field span{color:var(--text-dim);margin-bottom:4px;font-size:12px;display:block}.auth__error{color:var(--danger);margin:0;font-size:13px}.auth__notice{color:var(--warn);margin:0 0 12px;font-size:13px}.auth__or{text-align:center;color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;margin:18px 0;font-size:12px}.google-btn{justify-content:center;min-height:44px;display:flex}.banner{background:var(--warn-soft);color:var(--warn);text-align:center;border-bottom:1px solid #ffb15e59;padding:6px 16px;font-size:12px}.sheet.is-numbered .sheet__chordrow{padding-top:1.1em}.sheet__line--chords .chord[data-num]{position:relative}.sheet__line--chords .chord[data-num]:before{content:attr(data-num);left:var(--tap-x,0px);top:calc(var(--tap-y,0px) - 1.2em);letter-spacing:.02em;color:var(--text-dim);white-space:nowrap;pointer-events:none;font-size:.76em;font-weight:600;line-height:1;position:absolute}.note-privacy{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.note-privacy input{width:16px;height:16px;accent-color:var(--accent)}.note-privacy>span{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.note-privacy small{color:var(--text-faint);margin-left:2px}.note-privacy--fixed{cursor:default;margin:10px 0 0}.note--private{border-style:dashed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.share__url{font-family:var(--mono);font-size:16px}.follow-pill{left:50%;bottom:calc(var(--dock-h,0px) + 14px);z-index:40;border:1px solid var(--accent);background:var(--bg-elev);height:40px;color:var(--accent);box-shadow:var(--accent-glow), 0 10px 30px #00000080;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex;position:fixed;transform:translate(-50%)}.next-countdown{left:50%;bottom:calc(var(--dock-h,0px) + 14px);z-index:40;border:1px solid var(--line-strong);background:var(--bg-elev);height:44px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:0 8px 0 16px;font-weight:500;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.next-countdown span{text-overflow:ellipsis;font-variant-numeric:tabular-nums;overflow:hidden}@media (width<=359px){.next-countdown{max-width:calc(100vw - 16px)}}.session-bar{top:var(--topbar);z-index:30;text-align:center;border-bottom:1px solid var(--line);padding:6px 16px;font-size:12px;position:sticky}.session-bar--warn{background:var(--warn-soft);color:var(--warn)}.session-bar--ended{background:var(--cue-soft);color:var(--cue)}.session-bar a{color:inherit;text-decoration:underline}.live-chip{align-items:center;gap:6px;display:inline-flex}.live-chip i{background:var(--danger);width:8px;height:8px;box-shadow:0 0 8px var(--danger);border-radius:50%}.qr{border-radius:var(--radius-sm);width:min(240px,70vw);height:auto;margin:6px auto 12px;display:block}.session-code{text-align:center;color:var(--text-dim);margin:0 0 4px;font-size:13px}.session-code strong{font-family:var(--mono);letter-spacing:.2em;color:var(--accent);font-size:15px}.session-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.session-list li{align-items:center;gap:10px;min-height:36px;display:flex}.session-list li.is-offline{opacity:.45}.session-list__dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.session-list li.is-offline .session-list__dot{background:var(--text-faint)}.session-list__name{flex:1}.session-list__name small{color:var(--text-dim)}html{overscroll-behavior-y:none}.page{transition:transform .28s cubic-bezier(.22,.8,.3,1)}html.ptr-active .page{transform:translateY(var(--ptr-pull,0px))}html.ptr-following .page{transition:none}.ptr{left:50%;top:calc(var(--topbar) + env(safe-area-inset-top));z-index:19;border:1px solid var(--line-strong);background:var(--bg-elev);width:40px;height:40px;color:var(--text-dim);pointer-events:none;border-radius:999px;place-items:center;transition:transform .28s cubic-bezier(.22,.8,.3,1),opacity .2s,border-color .15s,color .15s;display:grid;position:fixed;box-shadow:0 8px 24px #00000073}.ptr.is-following{transition:opacity .2s,border-color .15s,color .15s}.ptr.is-armed,.ptr.is-refreshing{color:var(--accent);border-color:#5ef2ff80}.ptr__icon{font-size:18px;line-height:1;transition:transform .15s}.ptr.is-refreshing .ptr__icon{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:999px;width:18px;height:18px;animation:.7s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ptr.is-refreshing .ptr__icon{animation-duration:2s}}.switch{background:var(--line-strong);border-radius:999px;flex:none;width:40px;height:24px;transition:background .15s;position:relative}.switch i{background:var(--text-dim);border-radius:999px;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch.is-on{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #5ef2ff80}.switch.is-on i{background:var(--accent);transform:translate(16px)}.icon{flex:none;display:block}.mono{font-family:var(--mono)}.panel__body,.song-jump,.preview{scrollbar-color:var(--line-strong) transparent}:where(button,a,input,select,textarea,[role=switch]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:none}.btn--lg{height:48px;padding:0 22px;font-size:15px}.btn--block{width:100%}.btn--sm{gap:6px}.link,.linkbtn{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.linkbtn{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.lang-foot{text-align:center;margin:28px 0 8px;font-size:14px}code{font-family:var(--mono);background:var(--fill-hover);color:var(--text);border-radius:5px;padding:1px 5px;font-size:.88em}.page--sheet{padding-top:12px;padding-bottom:calc(var(--dock-h,0px) + 32px)}.page--dock{padding-bottom:calc(var(--dock-h,0px) + 32px)}.dock{z-index:25;padding:0 calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));background:var(--bg-glass);-webkit-backdrop-filter:blur(18px)saturate(140%);border-top:1px solid var(--line-strong);touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0}.dock__progress{transform-origin:0;background:var(--accent);height:2px;box-shadow:0 0 8px var(--accent);pointer-events:none;transition:transform .25s linear;position:absolute;top:-1px;left:0;right:0}.dock__handle{cursor:grab;background:0 0;border:0;place-items:center;width:72px;height:18px;margin:0 auto;padding:0;display:grid}.dock__handle i{background:var(--line-strong);border-radius:999px;width:36px;height:4px;transition:background .15s}.dock__handle:hover i{background:var(--text-dim)}.dock__nav,.dock__cells,.dock__annotate{max-width:640px;margin:0 auto}.dock__nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.dock__navbtn{border:1px solid var(--line-strong);background:var(--fill);height:40px;color:var(--text);border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.dock__navbtn:hover:not(:disabled){border-color:var(--accent-edge);background:var(--accent-wash)}.dock__navbtn:disabled{opacity:.35;cursor:default}.dock__count{height:40px;color:var(--text-dim);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;display:inline-flex}.dock__count:hover{color:var(--text);background:var(--fill-hover)}.dock__count{white-space:nowrap}@media (width<=359px){.dock__nav{gap:4px}.dock__count{padding:0 6px}}.dock__cells{gap:6px;display:flex}.dock__cell{border:1px solid var(--line);background:var(--fill);min-width:0;height:60px;color:var(--text);border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:1px;padding:0 4px;transition:border-color .15s,background .15s,transform .1s;display:flex}.dock__cell:hover{border-color:var(--accent-edge);background:var(--accent-wash)}.dock__cell:active{transform:translateY(1px)}.dock__cell small{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:500;line-height:1.2}.dock__cell em{color:var(--text-dim);white-space:nowrap;font-size:11px;font-style:normal;line-height:1.2}.dock__cell .icon{color:var(--text);margin:2px 0}.dock__key{color:var(--accent);font-size:18px;font-weight:600;line-height:1.15}.dock__cell--play{background:var(--accent);color:var(--on-accent);box-shadow:var(--accent-glow);border-color:#0000;flex-direction:row;flex:1.7 1 0;justify-content:center;gap:10px}.dock__cell--play:hover{background:var(--accent-hover);border-color:#0000}.dock__cell--play .icon{color:inherit;margin:0}.dock__cell--play em{color:var(--on-accent);opacity:.72;font-size:12px}.dock__cell--play.is-playing{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-edge);box-shadow:none}.dock__play-text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;display:flex}.dock__cell.dock__cell--play{flex-basis:10px;gap:0;padding:0 2px}.dock__cell--play{--icon-min:14px;--gap-min:3px}.dock__cell--play:before{content:"";min-width:var(--gap-min);flex:0 10px;order:1}.dock__cell--play>.icon{min-width:var(--icon-min);flex:0 22px}.dock__play-text{flex-shrink:0;order:2}.dock__play-text>strong,.dock__play-text>em{white-space:nowrap}.dock__cell--play{overflow:hidden}@media (width<=344px){.dock__cell--play .dock__play-text>strong{font-size:14px}.dock__cell--play .dock__play-text>em{font-size:11px}}.dock__play-text strong{font-size:16px;font-weight:600}.dock__x2{font-weight:600}.dock__beat-row{flex-direction:column;align-items:flex-start;gap:3px;margin-top:3px;display:flex}.dock__beat-row em{color:inherit;opacity:.8;font-size:11px}.dock__cell--play{container-type:inline-size}.dock__beats{--dot-max:7px;--dot-gap-ratio:calc(4 / 7);--dot:min(var(--dot-max), calc((100cqi - var(--icon-min) - var(--gap-min) - 1px) / (var(--beats,4) + (var(--beats,4) - 1) * var(--dot-gap-ratio))));gap:calc(var(--dot) * var(--dot-gap-ratio));display:inline-flex}@supports not (width:1cqi){.dock__beats{--dot:var(--dot-max)}}.dock__beats i{width:var(--dot);height:var(--dot);background:var(--line-strong);border-radius:999px;flex:none;transition:background 50ms,box-shadow 50ms}.dock__beats i.is-on{background:var(--accent);box-shadow:0 0 8px var(--accent)}.dock__beats i:first-child.is-on{background:#fff;box-shadow:0 0 8px #fff}.dock__annotate{border:1px solid var(--accent-edge);background:var(--accent-soft);height:60px;color:var(--accent);border-radius:14px;align-items:center;gap:12px;padding:0 8px 0 14px;display:flex}.dock__annotate span{min-width:0;color:var(--text);flex:1;font-size:14px;line-height:1.3}.panel-backdrop{z-index:50;background:var(--backdrop);-webkit-backdrop-filter:blur(4px);justify-content:center;align-items:flex-end;animation:.2s ease-out panel-fade;display:flex;position:fixed;inset:0}.panel{width:100%;max-width:640px;max-height:var(--sheet-max);background:var(--bg-elev);border:1px solid var(--line-strong);animation:panel-rise .28s var(--ease);border-bottom:0;border-radius:20px 20px 0 0;flex-direction:column;display:flex;box-shadow:0 -20px 60px #0000008c}@media (width>=700px){.panel-backdrop{align-items:center;padding:24px}.panel{border-bottom:1px solid var(--line-strong);border-radius:20px;max-height:min(840px,100%);box-shadow:0 30px 80px #0009}}@keyframes panel-fade{0%{opacity:0}}@keyframes panel-rise{0%{opacity:0;transform:translateY(32px)}}.panel__head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px 14px;display:flex}.panel__head>div{flex:1;min-width:0}.panel__head h2{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:600;overflow:hidden}.panel__head p{color:var(--text-dim);margin:2px 0 0;font-size:13px}.panel__body{overscroll-behavior:contain;padding:0 18px calc(28px + env(safe-area-inset-bottom));overflow-y:auto}.panel__section{border-bottom:1px solid var(--line);padding:20px 0;scroll-margin-top:4px}.panel__section:last-child{border-bottom:0}.panel__section h3{margin:0 0 4px;font-size:16px;font-weight:600}.panel__hint{color:var(--text-dim);margin:10px 0 0;font-size:13px;line-height:1.45}.panel__hint--lead{margin:0 0 14px}.panel__rows{margin-top:8px;display:grid}.panel__row{width:100%;min-height:60px;color:inherit;text-align:left;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.panel__row+.panel__row{border-top:1px solid var(--line)}.panel__row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.panel__row-text>span{color:var(--text);font-size:15px}.panel__row-text small{color:var(--text-dim);font-size:13px;line-height:1.4}.panel__switch{cursor:pointer}.panel__switch:disabled{cursor:default;opacity:.45}.panel__range{margin-top:16px}.panel__range .range{margin-top:12px}.range{width:100%;accent-color:var(--accent)}.select--inline{flex:none;width:auto;min-width:88px}.seg--compact{flex:none;width:auto}.panel__row--stack{flex-direction:column;align-items:stretch;gap:10px}.panel__row--stack .seg button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.seg--compact button{align-items:center;gap:6px;padding:0 12px;display:inline-flex}.stepper{align-items:stretch;gap:8px;display:flex}.stepper__btn{border:1px solid var(--line-strong);background:var(--fill);width:auto;min-width:68px;min-height:60px;color:var(--text);border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;transition:border-color .15s,background .15s,transform .1s;display:flex}.stepper__btn>span:not(.stepper__a){color:var(--text-dim);white-space:nowrap;font-size:11px}.stepper__btn:hover:not(:disabled){border-color:var(--accent-edge);background:var(--accent-wash)}.stepper__btn:active:not(:disabled){transform:translateY(1px)}.stepper__btn:disabled{opacity:.35;cursor:default}.stepper__value{border:1px solid var(--line);background:var(--bg);text-align:center;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-width:0;padding:6px;display:flex}.stepper__value strong{color:var(--text);text-wrap:balance;font-size:16px;font-weight:600}.stepper--key .stepper__value strong{color:var(--accent);font-size:26px;line-height:1.1}.stepper__value small{color:var(--text-dim);font-size:12px}.stepper__value:focus-within{border-color:var(--accent-edge);box-shadow:0 0 0 3px var(--accent-soft)}.stepper--small{gap:4px}.stepper--small .stepper__btn{border-radius:999px;width:44px;min-width:0;min-height:44px}.stepper--small .stepper__value{min-width:36px;color:var(--text-dim);background:0 0;border:0;flex:none;padding:0 4px;font-size:14px}.stepper__a{color:var(--text);font-size:20px;font-weight:600;line-height:1}.stepper__a--small{font-size:13px}.bpm-input{text-align:center;width:100%;color:var(--accent);background:0 0;border:0;outline:none;padding:0;font-size:26px;font-weight:600;line-height:1.1}.bpm-input::placeholder{color:var(--text-faint)}.temposec__bpm{gap:8px;display:grid}.tap-btn{width:100%;height:52px;font-size:15px}.tap-btn.is-flash{background:var(--accent);color:var(--on-accent);border-color:#0000}.keygrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.keygrid__key{border:1px solid var(--line);height:50px;color:var(--text);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:15px;font-weight:500;transition:border-color .15s,background .15s;display:flex;position:relative}.keygrid__key small{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:9px;font-weight:600;line-height:1}.keygrid__key:hover{border-color:var(--accent-edge)}.keygrid__key.is-original{border-style:dashed;border-color:var(--line-strong)}.keygrid__key.is-active{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent)}.keygrid__key.is-active small{color:var(--accent)}.keysec__reset{margin-top:12px}.chordgrid{flex-wrap:wrap;gap:8px;display:flex}.chordgrid__chord{border:1px solid var(--line-strong);background:var(--fill);min-width:62px;height:54px;color:var(--chord);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 14px;font-size:16px;font-weight:700;transition:background .12s,border-color .12s;display:flex}.chordgrid__chord small{font-family:var(--font);color:var(--text-dim);font-size:11px;font-weight:600}.chordgrid__chord:hover{background:var(--chord-soft);border-color:var(--chord)}.chordgrid__chord:active{background:var(--chord);color:#1a1200}.panel--prompt{max-width:520px}.prompt{padding:24px 18px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.prompt h2{letter-spacing:-.015em;margin:0 0 8px;font-size:24px;font-weight:600}.prompt p{color:var(--text-dim);max-width:44ch;margin:0 0 18px;font-size:15px}.prompt__choices{gap:8px;display:grid}.prompt__choice{text-align:left;width:100%;min-height:76px;font:inherit;border:1px solid var(--line-strong);background:var(--fill);color:var(--text);border-radius:14px;align-items:center;gap:14px;padding:14px;transition:border-color .15s,background .15s;display:flex}.prompt__choice:hover{border-color:var(--accent-edge);background:var(--accent-wash)}.prompt__icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.prompt__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.prompt__text strong{font-size:16px;font-weight:600}.prompt__text small{color:var(--text-dim);font-size:13px}.prompt__chev{color:var(--text-faint)}.tabs--full{width:100%;display:flex}.tabs--full button{flex:1}.tabs.tabs--full button{white-space:nowrap;min-width:0;padding:0 8px}.tabs__count{opacity:.7;margin-left:6px;font-size:12px}.libtools{align-items:center;gap:10px;margin:16px 0 12px;display:flex}.libtools>.btn{flex:none}.libtools>.btn:only-child{margin-left:auto}.search{flex:1;min-width:0;display:block;position:relative}.search .icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search .input{padding-left:42px}.search .input::-webkit-search-cancel-button{filter:invert(.7)}.panel .search{margin-top:16px}.rows{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.rows:empty{display:none}.rowlink{align-items:center;gap:14px;min-height:68px;padding:10px 12px 10px 16px;transition:background .15s;display:flex}.rowlink+.rowlink{border-top:1px solid var(--line)}.rowlink:hover{background:var(--accent-wash)}.rowlink__main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.rowlink__main strong,.rowlink__main span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rowlink__main strong{font-size:16px;font-weight:600}.rowlink__main span{color:var(--text-dim);font-size:13px}.rowlink__meta{flex:none;gap:16px;display:flex}.rowlink__key{flex-direction:column;align-items:center;min-width:32px;line-height:1.2;display:flex}.rowlink__key small{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:9.5px;font-weight:500}.rowlink__key .mono{color:var(--text);font-size:15px;font-weight:600}.rowlink__chev{color:var(--text-faint)}.nomatch{text-align:center;color:var(--text-dim);padding:28px 0}.empty{margin-top:16px}.empty p{max-width:46ch;margin-left:auto;margin-right:auto;line-height:1.5}.empty__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.empty__aside{font-size:14px;margin:22px 0 0!important}.setlist-actions{gap:10px;margin:4px 0 6px;display:grid}@media (width>=560px){.setlist-actions{grid-template-columns:1fr 1fr}}.action-card{text-align:left;min-height:72px;font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-elev);color:var(--text);align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,background .15s,transform .1s;display:flex}.action-card:hover{border-color:var(--accent-edge);background:var(--accent-wash)}.action-card:active{transform:translateY(1px)}.action-card>span{flex-direction:column;gap:2px;min-width:0;display:flex}.action-card strong{font-size:16px;font-weight:600}.action-card small{color:var(--text-dim);font-size:13px}.action-card .icon{color:var(--accent)}.action-card--primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--accent-glow);border-color:#0000}.action-card--primary:hover{background:var(--accent-hover);border-color:#0000}.action-card--primary small{color:var(--on-accent);opacity:.72}.action-card--primary .icon{color:inherit}.list__hint{text-align:center;color:var(--text-faint);margin:6px 0 0;font-size:13px}.sl-item__title span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pick-list{gap:6px;margin-top:12px;display:grid}.pick{text-align:left;width:100%;min-height:62px;font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--text);background:0 0;border-radius:12px;align-items:center;gap:12px;padding:8px 8px 8px 14px;transition:border-color .15s,background .15s;display:flex}.pick:hover{border-color:var(--accent-edge);background:var(--accent-wash)}.pick__main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pick__main strong{font-size:15px;font-weight:600}.pick__main span{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pick__add{border:1px solid var(--accent-edge);height:38px;color:var(--accent);border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.field__head{gap:8px;margin-bottom:6px}.field__head .label{white-space:nowrap;margin-bottom:0}.detect{color:var(--text);margin:10px 0 0;font-size:14px;line-height:1.45}.detect--warn{color:var(--warn)}.joinform{padding-top:16px}.codemiss{text-align:center;padding-top:8px}.codemiss h1{letter-spacing:-.015em;text-wrap:balance;margin:14px 0 8px;font-size:24px;font-weight:600}.codemiss p{max-width:40ch;color:var(--text-dim);text-wrap:pretty;margin:0 auto;font-size:15px;line-height:1.5}.codemiss p code{font-size:inherit;color:var(--text);letter-spacing:.08em;background:0 0;border-radius:0;padding:0;font-weight:600}.codemiss__out{text-align:center;margin-top:18px}.codesearch{width:100%;max-width:320px;height:auto;margin:0 auto;display:block;overflow:visible}.codesearch__dot{fill:var(--accent);filter:drop-shadow(0 0 6px #5ef2ff8c)}.codesearch__arc{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;opacity:.15}.codesearch__tile rect{fill:#ffffff06;stroke:var(--line-strong);stroke-width:1px}.codesearch__tile text{fill:var(--text-dim);font:600 22px var(--mono)}.codesearch__tile.is-bad rect{stroke:var(--danger)!important;fill:#ff6b8a14!important}.codesearch__tile.is-bad text{fill:var(--danger)!important}.codesearch__beam{fill:var(--accent);opacity:0;filter:drop-shadow(0 0 8px #5ef2ffcc)}@media (prefers-reduced-motion:no-preference){.codesearch__arc--1{animation:4.2s ease-out infinite codesearch-call}.codesearch__arc--2{animation:4.2s ease-out .25s infinite codesearch-call}.codesearch__dot{transform-box:fill-box;transform-origin:50%;animation:4.2s ease-in-out infinite codesearch-dot}.codesearch__beam{animation:4.2s cubic-bezier(.45,0,.25,1) infinite codesearch-sweep}.codesearch__tile rect{animation:4.2s ease-out infinite codesearch-tile;animation-delay:calc(.35s + var(--i) * .28s)}.codesearch__tile text{animation:4.2s ease-out infinite codesearch-letter;animation-delay:calc(.35s + var(--i) * .28s)}.codesearch__row{animation:4.2s ease-in-out infinite codesearch-shrug}}@keyframes codesearch-call{0%,8%{opacity:.15}18%{opacity:.85}40%,to{opacity:.15}}@keyframes codesearch-dot{0%,to{transform:scale(1)}12%{transform:scale(1.25)}30%{transform:scale(1)}}@keyframes codesearch-sweep{0%,6%{opacity:0;transform:translate(0)}10%{opacity:1}52%{opacity:1;transform:translate(288px)}58%,to{opacity:0;transform:translate(288px)}}@keyframes codesearch-tile{0%{stroke:var(--accent-edge);fill:var(--accent-wash)}14%,to{stroke:var(--line-strong);fill:#ffffff06}}@keyframes codesearch-letter{0%{fill:var(--accent)}14%,to{fill:var(--text-dim)}}@keyframes codesearch-shrug{0%,60%,74%,to{transform:translate(0)}64%{transform:translate(-4px)}68%{transform:translate(4px)}71%{transform:translate(-2px)}}.joinform__code{text-align:center;letter-spacing:.3em;text-transform:uppercase;height:64px;font-size:28px;font-weight:600}.joinform .btn--block{margin-top:18px}.input.is-invalid,.input.is-invalid:focus{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 16%, transparent)}.field__error{color:var(--danger)}@media (prefers-reduced-motion:reduce){.panel,.panel-backdrop{animation:none}.dock__progress{transition:none}}@media (hover:none){.btn{height:44px;font-size:14px}.btn--icon{width:44px}.btn--sm{height:40px;font-size:13px}.btn--sm.btn--icon{width:40px}.tabs{padding:2px}.tabs button{height:40px;padding:0 18px;font-size:14px}.chip{height:26px;font-size:12px}.chord-switch button{height:40px}.seg{padding:2px}.seg button{height:40px;font-size:13px}.menu__list{min-width:240px}.menu__item{min-height:48px;padding:10px 14px;font-size:15px}.btn--lg{height:52px}.icon-picker button{height:44px}.note{min-height:40px;padding:8px 12px 8px 10px}.note-privacy{min-height:44px}.note-privacy input{width:20px;height:20px}.sl-item__handle{justify-content:center;min-width:44px;min-height:44px;padding:0 4px}.follow-pill{height:44px}.next-countdown{height:48px}.session-list li{min-height:44px}.brand{justify-content:center;width:44px;height:44px;margin-left:-9px}.sheet.is-annotating .sheet__line:not(.sheet__line--blank){margin-left:-8px;padding-left:8px;box-shadow:inset 2px 0 #5ef2ff59}.sl-item__arrow{display:none}}