*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080b12;--bg-elevated:#0d1117;--surface:#111827;--surface2:#1a2332;--surface3:#1f2937;--border:#1f2937;--border-subtle:#161d2b;--accent:#6366f1;--accent-dim:#4338ca;--accent-glow:#6366f12e;--accent-soft:#6366f11f;--green:#22c55e;--green-soft:#22c55e1f;--red:#ef4444;--red-soft:#ef44441f;--orange:#f97316;--yellow:#eab308;--text:#f1f5f9;--text-2:#cbd5e1;--text-muted:#64748b;--text-faint:#334155;--radius:14px;--radius-sm:8px;--radius-xs:6px;--radius-pill:999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--bg-card:var(--surface);--bg-card2:var(--surface3);--border-color:var(--border);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}.app{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100dvh;padding:1.5rem 1rem 2rem;display:flex}.app-header{text-align:center;width:100%;max-width:480px;margin-bottom:1.5rem}.app-title{letter-spacing:-.02em;background:linear-gradient(135deg,#818cf8 0%,#6366f1 50%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.app-subtitle{color:var(--text-muted);letter-spacing:.02em;margin-top:.2rem;font-size:.78rem}.tuner{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:380px;margin:0 auto;display:flex}.tuner__arc-wrap{width:100%;position:relative}.tuner__note-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.tuner__note-row{align-items:flex-start;gap:3px;line-height:1;display:flex}.tuner__note{color:var(--text);letter-spacing:-.02em;font-size:clamp(3rem,16vw,4.5rem);font-weight:800;line-height:1}.tuner__note--empty{color:var(--text-faint);font-size:3rem}.tuner__octave{color:var(--text-muted);margin-top:.4rem;font-size:1.4rem;font-weight:600}.tuner__status{background:var(--bg-card);border:1px solid #1f2937;border-radius:.75rem;justify-content:center;align-items:center;gap:1rem;width:100%;padding:.6rem 1rem;display:flex}.tuner__status-label{letter-spacing:.04em;font-size:1rem;font-weight:700;transition:color .2s}.tuner__freq{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.tuner__hint{color:var(--text-muted);text-align:center;font-size:.85rem}.tuner__hint--pulse{animation:1.5s ease-in-out infinite pulse}.tuner__vu-wrap{background:var(--surface,#1a1a1e);border-radius:2px;width:100%;max-width:280px;height:4px;margin:0 auto 8px;overflow:hidden}.tuner__vu-bar{background:var(--accent,#6366f1);border-radius:2px;height:100%;transition:width 50ms linear}@keyframes tunerFlash{0%{filter:drop-shadow(0 0 #22c55e00)}40%{filter:drop-shadow(0 0 12px #22c55ecc)}to{filter:drop-shadow(0 0 #22c55e00)}}.tuner-arc--in-tune{animation:.55s ease-out forwards tunerFlash}.tuner__direction{text-align:center;margin-bottom:2px;font-size:2.2rem;font-weight:900;line-height:1;display:block}.tuner__direction--in-tune{color:#22c55e}.tuner__direction--low,.tuner__direction--high{color:#f97316}.tuner__cents-label{text-align:center;font-size:.9rem;font-weight:600;display:block}.tuner__instrument-wrap{justify-content:center;width:100%;display:flex;position:relative}.tuner__instrument-hint{background:var(--accent,#6366f1);color:#fff;white-space:nowrap;pointer-events:none;z-index:10;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:600;animation:1.8s ease-in-out infinite hintPulse;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tuner__instrument-hint:after{content:"";border:5px solid #0000;border-top-color:var(--accent,#6366f1);position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes hintPulse{0%,to{opacity:1;transform:translate(-50%)translateY(0)}50%{opacity:.8;transform:translate(-50%)translateY(-3px)}}.tuner__chromatic-label{text-align:center;color:var(--text-muted,#71717a);letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin:2px 0 0;font-size:.7rem}.main-btn{border-radius:var(--radius);cursor:pointer;background:var(--accent);color:#fff;letter-spacing:.03em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;width:100%;padding:1.1rem;font-size:1.25rem;font-weight:700;transition:background .2s,transform .1s}.main-btn:active{transform:scale(.97)}.main-btn--active{background:#374151;border:1px solid #4b5563}.listening-hint{color:var(--text-muted);font-size:.85rem;animation:1.5s ease-in-out infinite pulse}.error-message{border:1px solid var(--red);color:#fca5a5;background:#450a0a;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-size:.9rem}.error-list{flex-direction:column;gap:.2rem;margin:0;padding:0 0 0 1.1rem;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@supports (padding-bottom:env(safe-area-inset-bottom)){.app{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}.chord-display{background:#0a0a0a;width:100%;height:100%;padding:0 1rem 1rem;overflow-y:auto}.chord-key-badge{color:var(--accent);text-align:center;background:#1e1b4b;border-radius:.5rem;min-width:3.5rem;padding:.25rem .75rem;font-size:.95rem;font-weight:700}.chord-ctrl-btn{background:var(--bg-card2);color:var(--text);cursor:pointer;border:1px solid #374151;border-radius:.4rem;padding:.3rem .7rem;font-size:1rem;font-weight:700;transition:background .15s}.chord-ctrl-btn:hover:not(:disabled){background:#374151}.chord-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.chord-display__content{padding:.5rem .25rem 90px;position:relative}.chord-talkback-bar{border-left:3px solid var(--accent);background:#6366f11f;border-bottom:1px solid #6366f12e;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.82rem;line-height:1.35;animation:.2s tb-bar-in;display:flex;overflow:hidden}@keyframes tb-bar-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chord-talkback-bar__icon{flex-shrink:0;font-size:.9rem}.chord-talkback-bar__name{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:600}.chord-talkback-bar__text{color:var(--text);word-break:break-word}.chord-display__content--preview{max-height:420px;overflow:hidden}.chord-login-wall{background:linear-gradient(to bottom, #080b1200 0%, #080b12b3 25%, #080b12f2 50%, var(--bg) 70%);justify-content:center;align-items:flex-end;height:320px;padding-bottom:1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.chord-login-wall__card{text-align:center;flex-direction:column;align-items:center;padding:0 1.5rem;animation:.4s cubic-bezier(.34,1.2,.64,1) register-in;display:flex}.chord-login-wall__title{color:var(--text);margin:.75rem 0 .3rem;font-size:1.05rem;font-weight:700}.chord-login-wall__subtitle{color:var(--text-muted);margin-bottom:1rem;font-size:.82rem}.chord-login-wall__btn{min-width:220px;padding:.75rem 1.5rem;font-size:.95rem;box-shadow:0 4px 20px #6366f166}.chord-login-wall__register{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:.75rem;font-size:.8rem}.chord-login-wall__register span{color:var(--accent);font-weight:600}.chord-line{flex-wrap:wrap;align-items:flex-end;margin-bottom:.5rem;display:flex}.chord-block{flex-direction:column;align-items:flex-start;display:inline-flex}.chord-token{color:var(--accent);white-space:nowrap;min-height:1.4em;font-size:.85em;font-weight:700;line-height:1.4}.lyric-line{color:var(--text);padding:0 0 .5rem;font-size:1.1rem;line-height:1.8}.lyric-text{color:var(--text);white-space:pre;font-size:1.1rem}.chord-blank-line{height:1rem}.chord-follow-btn{background:var(--bg-card2);padding:.3rem .75rem;font-size:.85rem}.chord-follow-btn--active{color:#fca5a5;background:#7f1d1d;border-color:#ef4444;animation:2s infinite follow-pulse}@keyframes follow-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.chord-display--following .chord-display__content .chord-line,.chord-display--following .chord-display__content .lyric-line{opacity:.3;transition:opacity .3s,color .3s,background .3s}.chord-display--following .chord-display__content .chord-line--adjacent,.chord-display--following .chord-display__content .lyric-line--adjacent{opacity:1;background:#4ade8014;border-radius:.25rem}.chord-line--adjacent .lyric-text,.lyric-line--adjacent{color:#4ade8080}.chord-line--adjacent .chord-token{color:#4ade8059}.chord-display--following .chord-display__content .chord-line--active,.chord-display--following .chord-display__content .lyric-line--active{opacity:1}.chord-line--active,.lyric-line--active{background:#4ade801f;border-left:3px solid #4ade80;border-radius:.25rem;margin-left:-.75rem;padding-left:.75rem;transition:opacity .3s,color .3s,background .3s}.chord-line--active .lyric-text{color:#4ade80;text-shadow:0 0 8px #4ade8066;font-weight:600}.chord-line--active .chord-token{color:#86efac;font-weight:700}.lyric-line--active{color:#4ade80;text-shadow:0 0 8px #4ade8066;font-weight:600}.cpe{flex-direction:column;min-width:0;max-width:100%;display:flex}.cpe__tabs{border-bottom:1px solid var(--border);margin-bottom:.75rem;display:flex}.cpe__tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.5rem;font-size:.9rem}.cpe__tab.active{color:var(--accent);border-bottom-color:var(--accent)}.cpe__lines{flex-direction:column;gap:.5rem;min-width:0;margin-bottom:.75rem;display:flex}.cpe__blank{color:var(--text-muted);border:1px dashed var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:.25rem .6rem;font-size:.8rem;display:flex}.cpe__add-line{border:1px dashed var(--border);width:100%;color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;padding:.7rem;font-size:.95rem}.cpe__code{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;min-height:200px;padding:.75rem;font-family:monospace;font-size:.85rem}.cle{background:var(--surface);border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:10px;min-width:0;max-width:100%;padding:.5rem .6rem}.cle--editing{border-color:var(--accent)}.cle__text-input{width:100%;color:var(--text);background:0 0;border:none;outline:none;padding:.2rem 0;font-size:1rem}.cle__hint{color:var(--text-muted);margin:.3rem 0 0;font-size:.7rem}.cle__scroll{padding-bottom:4px;overflow-x:auto}.cle__row{align-items:flex-end;gap:0;min-width:100%;display:inline-flex}.cle__col{flex-direction:column;flex-shrink:0;align-items:center;min-width:14px;display:inline-flex}.cle__col--drop .cle__zone{background:#7c6af540;border-radius:4px}.cle__zone{cursor:pointer;justify-content:center;align-items:center;width:100%;min-height:2rem;display:flex;position:relative}.cle__chip{background:var(--accent);color:#fff;white-space:nowrap;z-index:2;touch-action:none;border-radius:4px;padding:2px 5px;font-size:.75rem;font-weight:700;position:absolute;top:2px;left:50%;transform:translate(-50%)}.cle__chip--ghost{border:1px dashed var(--accent);background:#7c6af573}.cle__char{color:var(--text);text-align:center;min-width:14px;font-size:1rem;line-height:1.5}.cle__char--space{color:var(--border);font-size:.7rem}.cle__tap-hint{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;font-size:.72rem;overflow:hidden}.cle__actions{border-top:1px solid var(--border);gap:.4rem;margin-top:.5rem;padding-top:.4rem;display:flex}.cle__act{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:.2rem .55rem;font-size:.72rem}.cle__act--del{color:#e55;border-color:#e55}.cpicker-overlay{z-index:1000;background:#0000008c;align-items:flex-end;display:flex;position:fixed;inset:0}.cpicker-sheet{background:var(--surface-2,#1e1e2e);border-radius:1rem 1rem 0 0;flex-direction:column;gap:.6rem;width:100%;max-height:80vh;padding:1rem;display:flex;overflow-y:auto}.cpicker-preview{text-align:center;color:var(--accent);min-height:2.5rem;font-size:2rem;font-weight:800}.cpicker-label{color:var(--text-muted);letter-spacing:.08em;margin:0;font-size:.7rem;font-weight:700}.cpicker-grid{gap:.4rem;display:grid}.cpicker-grid--6{grid-template-columns:repeat(6,1fr)}.cpicker-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:.55rem .2rem;font-size:.85rem;font-weight:600}.cpicker-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.cpicker-actions{gap:.5rem;margin-top:.25rem;display:flex}.cpicker-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.65rem;font-weight:600}.cpicker-ok{background:var(--accent);color:#fff}.cpicker-ok:disabled{opacity:.4}.cpicker-cancel{background:var(--surface);color:var(--text);border:1px solid var(--border)!important}.cpicker-remove{color:#fff;background:#c0392b}.song-recognizer{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:480px;padding:1rem 0;display:flex}.recognizer-main-btn{border-radius:var(--radius);cursor:pointer;background:var(--accent);color:#fff;letter-spacing:.03em;-webkit-tap-highlight-color:transparent;border:none;width:100%;padding:1.25rem;font-size:1.3rem;font-weight:700;transition:background .2s,transform .1s}.recognizer-main-btn:active{transform:scale(.97)}.recognizer-recording{flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.recognizer-circle-wrap{position:relative}.recognizer-svg{overflow:visible}.recognizer-countdown{color:var(--accent);font-size:4rem;font-weight:800}.recognizer-hint{color:var(--text-muted);font-size:.9rem}.recognizer-cancel-btn{margin-top:.25rem}.recognizer-analyzing{flex-direction:column;align-items:center;gap:.75rem;padding:2rem 0;display:flex}.recognizer-spinner{border:4px solid #1f2937;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.recognizer-result{width:100%}.recognizer-found-card{background:var(--bg-card);border:1px solid var(--accent-dim);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.recognizer-found-title{color:var(--text);font-size:1.3rem;font-weight:700}.recognizer-found-artist{color:var(--text-muted);font-size:.9rem}.recognizer-found-actions{gap:.75rem;margin-top:.5rem;display:flex}.recognizer-not-found{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.recognizer-not-found-msg{color:var(--text-muted);font-size:1.1rem;font-weight:600}.recognizer-search-results{background:var(--bg-card);border:1px solid #1f2937;border-radius:.75rem;width:100%;list-style:none;overflow:hidden}.recognizer-search-item{cursor:pointer;border-bottom:1px solid #1f2937;flex-direction:column;padding:.75rem 1rem;transition:background .15s;display:flex}.recognizer-search-item:last-child{border-bottom:none}.recognizer-search-item:hover{background:var(--bg-card2)}.recognizer-search-title{color:var(--text);font-weight:600}.recognizer-search-artist{color:var(--text-muted);font-size:.85rem}.recognizer-error{width:100%}.admin-panel{width:100%;max-width:1200px;margin:0 auto}.admin-tabs{border-bottom:1px solid #1f2937;gap:0;margin-bottom:1.5rem;display:flex}.admin-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem 1.25rem;font-size:.95rem;transition:color .15s}.admin-tab:hover{color:var(--text)}.admin-tab--active{border-bottom:2px solid var(--accent);color:var(--accent);font-weight:600}.admin-content{padding:0 .5rem}.admin-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.admin-section-title{color:var(--text);font-size:1.2rem;font-weight:700}.admin-loading{color:var(--text-muted);text-align:center;padding:2rem 0}.admin-empty{color:var(--text-muted);padding:1rem 0}.songs-filter-row{gap:.75rem;margin-bottom:1rem;display:flex}.song-list{background:var(--bg-card);border:1px solid #1f2937;border-radius:.75rem;list-style:none;overflow:hidden}.song-list-item{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.song-list-item:last-child{border-bottom:none}.song-list-item--active{background:color-mix(in srgb, var(--accent) 12%, transparent);border-left:3px solid var(--accent)}.song-list-info{flex-direction:column;gap:.15rem;display:flex}.song-list-title{color:var(--text);font-weight:600}.song-list-meta{color:var(--text-muted);font-size:.8rem}.song-list-actions{gap:.5rem;display:flex}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:.5rem 0;display:flex}.pagination-info{color:var(--text-muted);font-size:.85rem}.song-form-wrap{border-top:2px solid var(--accent);margin-top:1rem;padding-top:1rem;overflow-x:hidden}.song-form-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:95%;max-width:900px;max-height:90vh;padding:1.5rem;animation:.3s cubic-bezier(.34,1.2,.64,1) modal-up;position:relative;overflow-y:auto}.song-form-layout{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=700px){.song-form-modal{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:95vh;padding:1rem}.song-form-layout{grid-template-columns:1fr}}.song-form-layout>*{min-width:0}@media (width<=768px){.song-form-layout{grid-template-columns:1fr}.song-form-preview{display:none}}@media (width<=600px){.admin-tabs{-webkit-overflow-scrolling:touch;white-space:nowrap;overflow-x:auto}.admin-tab{flex-shrink:0;padding:.65rem .9rem;font-size:.85rem}.admin-content{padding:0}.song-list-item{flex-wrap:wrap;gap:.5rem}.song-list-info{flex:100%}.song-list-actions{justify-content:flex-end;width:100%}.songs-filter-row{flex-direction:column}.songs-filter-row .form-select{width:100%!important}.form-row{grid-template-columns:1fr}.fp-yt-row{flex-direction:column;align-items:stretch}.btn-yt-extract{width:100%}.pagination{gap:.5rem}.pagination-info{font-size:.8rem}}.form-group-title{color:var(--text);margin-bottom:1rem;font-size:1rem;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-field--inline{flex-direction:row;align-items:center}.form-label{color:var(--text-2);letter-spacing:.02em;font-size:.78rem;font-weight:600}.form-label--inline{text-transform:none;color:var(--text);font-size:.95rem}.form-input,.form-select,.form-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:.7rem .9rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;font-family:Fira Mono,Courier New,monospace}.form-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.song-form-preview{background:var(--bg-card);border-radius:var(--radius);border:1px solid #1f2937;max-height:80vh;padding:1rem;position:sticky;top:1rem;overflow-y:auto}.preview-empty{color:var(--text-muted);text-align:center;padding:2rem;font-size:.9rem}.form-hint{color:var(--text-muted);background:#7c6af514;border:1px solid #7c6af533;border-radius:8px;align-items:flex-start;gap:.6rem;margin-bottom:.6rem;padding:.65rem .75rem;font-size:.82rem;line-height:1.5;display:flex}.form-hint__icon{flex-shrink:0;margin-top:1px;font-size:1.1rem}.form-hint strong{color:var(--text)}.form-hint em{color:var(--text-muted);font-size:.78rem;font-style:italic}.fp-upload-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.fp-loading-hint{color:var(--accent);white-space:nowrap;font-size:.85rem}.fp-ok-hint{color:var(--green);white-space:nowrap;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.fp-engine-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.15rem .45rem;font-size:.7rem;font-weight:600}.fp-engine-badge--wasm{color:#60a5fa;background:#1e3a5f;border:1px solid #1d4ed8}.fp-engine-badge--js{color:#86efac;background:#1f2d1a;border:1px solid #16a34a}.audio-explain{background:color-mix(in srgb, var(--accent) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:10px;flex-direction:column;gap:.6rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.audio-explain__item{color:var(--text-muted);align-items:flex-start;gap:.6rem;font-size:.85rem;line-height:1.45;display:flex}.audio-explain__icon{flex-shrink:0;margin-top:.05rem;font-size:1.1rem}.audio-explain__item strong{color:var(--text)}.audio-explain__item em{color:var(--text-muted);font-style:italic}.fp-section{margin-top:.85rem}.fp-section__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .6rem;font-size:.8rem;font-weight:600}.fp-optional{text-transform:none;letter-spacing:0;font-size:.78rem;font-weight:400}.fp-audio-section{border-radius:var(--radius);background:linear-gradient(135deg,#6366f10d,#6366f105);border:1px solid #6366f133;padding:1rem}.fp-audio-header{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.fp-audio-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--accent);color:#fff;border-radius:var(--radius-pill);padding:.15rem .5rem;font-size:.65rem;font-weight:700}.fp-audio-benefits{color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem;line-height:1.5}.fp-gen-progress{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:1rem;animation:.3s register-in}.fp-gen-progress__bar{background:var(--surface3);border-radius:2px;height:4px;margin-bottom:.6rem;overflow:hidden}.fp-gen-progress__fill{background:linear-gradient(90deg, var(--accent), #818cf8);border-radius:2px;height:100%;animation:22s ease-in-out forwards fp-gen-fill}@keyframes fp-gen-fill{0%{width:0%}10%{width:15%}30%{width:40%}60%{width:65%}80%{width:80%}95%{width:92%}to{width:98%}}.fp-gen-progress__text{color:var(--text-2);text-align:center;font-size:.82rem}.fp-gen-result{background:var(--green-soft);border-radius:var(--radius);color:var(--text-2);border:1px solid #22c55e33;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.82rem;line-height:1.5;animation:.3s register-in;display:flex}.fp-gen-result strong{color:var(--green)}.fp-gen-result svg{flex-shrink:0;margin-top:2px}.fp-options{flex-direction:column;gap:.5rem;display:flex}.fp-option{background:color-mix(in srgb, var(--bg) 60%, var(--surface));border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.45rem;padding:.7rem .85rem;display:flex}.fp-option__label{color:var(--text);font-size:.85rem;font-weight:600}.fp-option__hint{color:var(--text-muted);overflow-wrap:break-word;word-break:break-word;margin:0;font-size:.75rem}.fp-or{text-align:center;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;padding:.1rem 0;font-size:.78rem;font-weight:600;overflow:hidden}.btn-record{color:#fca5a5;cursor:pointer;background:#7f1d1d;border:1px solid #991b1b;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-record:hover:not(:disabled){background:#991b1b}.btn-record:disabled{opacity:.5;cursor:not-allowed}.fp-recording{align-items:center;gap:.6rem;display:flex}.fp-recording__dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.8s ease-in-out infinite alternate fp-blink}@keyframes fp-blink{0%{opacity:1}to{opacity:.2}}.fp-recording__time{color:#fca5a5;font-variant-numeric:tabular-nums;font-size:.85rem}.btn-record-stop{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#374151;border-radius:6px;padding:.35rem .75rem;font-size:.82rem;font-weight:600}.btn-record-stop:hover{background:#4b5563}.fp-status{align-items:center;gap:.4rem;margin:.5rem 0 0;font-size:.85rem;display:flex}.fp-status--loading{color:var(--accent)}.fp-status--ok{color:var(--green)}.fp-upload-hint{color:var(--text-muted);font-size:.78rem}.success-message{border:1px solid var(--green);color:#86efac;background:#052e16;border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.church-info-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid #1f2937;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.church-info-value{color:var(--text);font-size:1rem;font-weight:500}.church-subsection{margin-bottom:2rem}.church-subsection-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.95rem;font-weight:600}.invite-box{width:100%}.invite-link-box{word-break:break-all;color:var(--text);background:#1f2937;border:1px solid #374151;border-radius:.5rem;padding:1rem;font-family:Fira Mono,Courier New,monospace;font-size:.85rem}.invite-expiry{color:var(--text-muted);font-size:.8rem}.member-list{list-style:none}.member-list-item{border-bottom:1px solid #1f2937;align-items:center;gap:1rem;padding:.6rem 0;font-size:.95rem;display:flex}.member-role{background:var(--bg-card2);color:var(--accent);border-radius:.4rem;margin-left:auto;padding:.15rem .6rem;font-size:.75rem}.text-muted{color:var(--text-muted)}.account-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid #1f2937;max-width:400px;padding:1.25rem}.account-value{color:var(--text);font-size:1rem;font-weight:500}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 12px #6366f159}.btn-primary:hover{background:#5254cc;box-shadow:0 4px 16px #6366f173}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--surface2);color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn-secondary:hover{background:var(--surface3);border-color:var(--accent);color:var(--text)}.btn-secondary:active{transform:scale(.97)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-sm{border-radius:var(--radius-xs);padding:.4rem .85rem;font-size:.78rem}.btn-icon{justify-content:center;align-items:center;padding:.4rem;display:inline-flex}.btn-danger{background:var(--red-soft);color:var(--red);border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #ef444440;justify-content:center;align-items:center;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-danger:hover{background:#ef444433}.slide-panel{background:var(--bg-elevated);border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--border);z-index:100;height:92dvh;box-shadow:var(--shadow-xl);border-bottom:none;flex-direction:column;transition:transform .38s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.slide-panel--open{transform:translateY(0)}.slide-panel__drag-handle{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;height:20px;display:flex}.slide-panel__drag-handle:after{content:"";background:var(--surface3);border-radius:2px;width:36px;height:4px}.slide-overlay{-webkit-backdrop-filter:blur(4px);z-index:99;background:#0009;animation:.2s overlay-in;position:fixed;inset:0}.fab-recognizer{bottom:calc(56px + env(safe-area-inset-bottom,0px) + .75rem);background:var(--accent);color:#fff;cursor:pointer;z-index:50;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;transition:transform .15s,background .15s;display:flex;position:fixed;right:1.5rem;box-shadow:0 4px 20px #6366f180}.fab-recognizer:hover{background:var(--accent-dim);transform:scale(1.05)}.fab-recognizer:active{transform:scale(.95)}.history-section{width:100%;max-width:480px;margin:0 auto;padding:0 1rem}.history-section-header{justify-content:space-between;align-items:center;padding:1.25rem 0 .6rem;display:flex}.chords-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.72rem;font-weight:700}.history-list{flex-direction:column;list-style:none;display:flex}.history-item{border:none;border-bottom:1px solid var(--border-subtle);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;gap:.75rem;padding:.75rem 0;transition:opacity .15s;display:flex}.history-item:last-child{border-bottom:none}.history-item:active{opacity:.7}.history-item-icon{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.history-item-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.history-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.history-item-meta{color:var(--text-muted);font-size:.76rem}.recognizer-wrap{background:var(--bg-card);border-radius:var(--radius);border:1px solid #1f2937;width:100%;max-width:480px;margin-top:1rem;padding:1.25rem}.admin-app{align-items:stretch;padding-left:1.25rem;padding-right:1.25rem}.app-loading{justify-content:center;align-items:center;min-height:100dvh;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:500;background:#000000bf;justify-content:center;align-items:flex-end;padding:0;animation:.2s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}}.modal-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,0px));width:100%;max-width:480px;max-height:90dvh;animation:.3s cubic-bezier(.34,1.2,.64,1) modal-up;position:relative;overflow-y:auto}.modal-card.add-reading-modal{flex-direction:column;min-height:70vh;display:flex;overflow-y:visible}@keyframes modal-up{0%{opacity:0;transform:translateY(40px)}}.modal-handle{background:var(--surface3);border-radius:2px;width:36px;height:4px;margin:0 auto 1.25rem}.modal-close-btn{background:var(--surface2);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:background .15s,color .15s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close-btn:hover{background:var(--surface3);color:var(--text)}.modal-title{color:var(--text);letter-spacing:-.01em;margin-bottom:1.25rem;font-size:1.15rem;font-weight:700}.join-page{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem 1rem;display:flex}.join-card{background:var(--bg-card);border-radius:var(--radius);text-align:center;border:1px solid #374151;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:440px;padding:2rem 1.75rem;display:flex}.join-icon,.join-invalid-icon{font-size:2.5rem}.join-title{color:var(--text);font-size:1.3rem;font-weight:700}.join-subtitle{color:var(--text-muted);font-size:.9rem}.join-form{text-align:left;width:100%;margin-top:.5rem}.register-page{background:var(--bg);background-image:radial-gradient(80% 60% at 50% 0,#6366f114,#0000),radial-gradient(60% 50% at 80% 100%,#6366f10d,#0000);justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem 1rem;display:flex}.register-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;padding:2rem 1.75rem;animation:.4s cubic-bezier(.34,1.2,.64,1) register-in}@keyframes register-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.register-header{text-align:center;margin-bottom:1.5rem}.register-icon{background:var(--accent-soft);border:1px solid #6366f133;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.register-title{color:var(--text);margin-bottom:.4rem;font-size:1.35rem;font-weight:700}.register-subtitle{color:var(--text-muted);font-size:.85rem;line-height:1.5}.register-subtitle strong{color:var(--accent);font-weight:600}.register-steps{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.register-step{opacity:.35;align-items:center;gap:.4rem;transition:opacity .3s;display:flex}.register-step--active{opacity:1}.register-step__dot{background:var(--surface);border:1.5px solid var(--border);width:24px;height:24px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:all .3s;display:flex}.register-step--active .register-step__dot{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 12px #6366f166}.register-step__label{color:var(--text-muted);font-size:.75rem;font-weight:600}.register-step--active .register-step__label{color:var(--text)}.register-step__line{background:var(--border);border-radius:1px;width:40px;height:2px}.register-form{animation:.25s step-in}@keyframes step-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.register-btn{justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:.5rem;display:flex}.register-btn-group{gap:.75rem;margin-top:.5rem;display:flex}.register-btn-back{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.register-btn-group .register-btn{flex:1}.password-strength{background:var(--surface);border-radius:2px;height:3px;margin-top:.5rem;overflow:hidden}.password-strength__bar{border-radius:2px;height:100%;transition:width .3s,background .3s}.password-strength__bar--weak{background:var(--red)}.password-strength__bar--medium{background:var(--orange)}.password-strength__bar--strong{background:var(--green)}.password-match{color:var(--green);align-items:center;gap:.3rem;margin-top:.35rem;font-size:.75rem;display:inline-flex}.register-footer{text-align:center;border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.register-footer__text{color:var(--text-muted);font-size:.85rem}.register-footer__link{color:var(--accent);margin-left:.3rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .15s}.register-footer__link:hover{color:#818cf8}.church-step-header{text-align:center;margin-bottom:1.25rem}.church-step-title{color:var(--text);margin-top:.75rem;margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.church-step-desc{color:var(--text-muted);font-size:.82rem;line-height:1.5}.church-code-input-wrap{position:relative}.church-found-badge{color:var(--green);background:var(--green-soft);border-radius:var(--radius-sm);border:1px solid #22c55e33;align-items:center;gap:.4rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.btn-ghost{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.82rem;transition:color .15s}.btn-ghost:hover{color:var(--text-2)}.register-btn-skip{text-align:center;width:100%}.church-mode-toggle{background:var(--surface);border-radius:var(--radius-sm);gap:3px;margin-bottom:1rem;padding:3px;display:flex}.church-mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.55rem .75rem;font-size:.82rem;font-weight:600;transition:all .2s}.church-mode-btn--active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #6366f14d}.register-row{gap:.75rem;display:flex}.form-hint{color:var(--text-muted);margin-top:.35rem;font-size:.75rem;display:block}.church-create-info{color:var(--text-2);background:var(--accent-soft);border-radius:var(--radius-sm);border:1px solid #6366f126;align-items:flex-start;gap:.5rem;padding:.65rem .75rem;font-size:.8rem;line-height:1.45;display:flex}.church-create-info strong{color:var(--accent)}.church-create-info svg{flex-shrink:0;margin-top:2px}.church-list{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:180px;margin-bottom:.75rem;overflow-y:auto}.church-list-item{border:none;border-bottom:1px solid var(--border-subtle);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:.65rem .85rem;transition:background .15s;display:flex}.church-list-item:last-child{border-bottom:none}.church-list-item:hover{background:var(--surface)}.church-list-item__info{flex-direction:column;gap:.15rem;display:flex}.church-list-item__name{font-size:.88rem;font-weight:600}.church-list-item__location{color:var(--text-muted);font-size:.75rem}.church-list-item__members{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.church-empty{color:var(--text-muted);text-align:center;padding:.75rem;font-size:.82rem}.church-empty-link{color:var(--accent);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;text-decoration:underline}.church-selected{background:var(--green-soft);border-radius:var(--radius-sm);border:1px solid #22c55e33;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem;display:flex}.church-selected__info{flex-direction:column;gap:.15rem;display:flex}.church-selected__name{color:var(--text);font-size:.88rem;font-weight:600}.church-selected__location{color:var(--text-muted);font-size:.75rem}.church-selected__change{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:600}.role-selector{margin-top:.75rem}.role-options{flex-direction:column;gap:.5rem;display:flex}.role-option{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.role-option:hover{border-color:var(--surface3)}.role-option--active{border-color:var(--accent);background:var(--accent-soft)}.role-option__icon{background:var(--surface2);width:36px;height:36px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.role-option--active .role-option__icon{background:var(--accent);color:#fff}.role-option__label{color:var(--text);font-size:.88rem;font-weight:600;display:block}.role-option__desc{color:var(--text-muted);font-size:.75rem;display:block}.register-page .error-message{align-items:center;display:flex}.app--tabbed{flex-direction:column;align-items:stretch;height:100dvh;padding:0;display:flex;overflow:hidden}.app-main{overscroll-behavior:contain;width:100%;min-width:0;padding-top:calc(52px + env(safe-area-inset-top,0));flex:1;overflow:hidden auto}.tab-pane{padding:0 0 5rem}.app-header--tabbed{z-index:90;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);padding:env(safe-area-inset-top,0) 1rem 0;position:fixed;top:0;left:0;right:0}.app-header-inner{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:600px;height:52px;margin:0 auto;display:flex}.app-header-brand{letter-spacing:-.03em;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:1;font-size:1.15rem;font-weight:800}.app-header-actions{align-items:center;gap:.5rem;display:flex}.bottom-nav{background:var(--bg-elevated);border-top:1px solid var(--border-subtle);padding-bottom:env(safe-area-inset-bottom,0);-webkit-backdrop-filter:blur(20px);z-index:60;flex-shrink:0;align-items:stretch;display:flex;position:relative}.bottom-nav__tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex:1;display:flex;overflow-x:auto}.bottom-nav__tabs::-webkit-scrollbar{display:none}.bottom-nav__scroll-hint{top:0;right:0;bottom:env(safe-area-inset-bottom,0);background:linear-gradient(to right, transparent, var(--bg-elevated) 60%);width:28px;color:var(--text-muted);pointer-events:none;z-index:1;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute}.bottom-nav__tab{cursor:pointer;min-width:56px;color:var(--text-faint);-webkit-tap-highlight-color:transparent;touch-action:manipulation;scroll-snap-align:start;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px 7px;transition:color .2s;display:flex}.bottom-nav__tab--active{color:var(--accent)}.bottom-nav__icon-wrap{border-radius:var(--radius-pill);justify-content:center;align-items:center;width:46px;height:30px;transition:background .2s;display:flex;position:relative}.bottom-nav__tab--active .bottom-nav__icon-wrap{background:var(--accent-soft)}.bottom-nav__pill{display:none}.bottom-nav__label{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.6rem;font-weight:600;line-height:1;overflow:hidden}@keyframes nav-wiggle{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.bottom-nav__tab--wiggle{transform-origin:bottom;animation:.3s ease-in-out infinite alternate nav-wiggle}.bottom-nav__remove-badge{color:#fff;cursor:pointer;z-index:10;background:#000000bf;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;line-height:1;display:flex;position:absolute;top:0;left:0}.nav-listo-btn{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-self:center;padding:0 12px;font-size:.8rem;font-weight:700}.nav-edit-overlay{z-index:49;background:#0006;animation:.2s forwards overlayFadeIn;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.nav-edit-tray{z-index:50;background:var(--bg-elevated);border-top:1px solid var(--border);opacity:0;pointer-events:none;align-items:center;gap:8px;padding:10px 12px;transition:transform .22s ease-out,opacity .2s;display:flex;position:absolute;bottom:100%;left:0;right:0;transform:translateY(100%)}.nav-edit-tray--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-edit-chip{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;padding:6px 10px;font-size:.65rem;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:flex}.nav-edit-chip:active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.nav-reset-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:8px;flex-shrink:0;margin-left:auto;padding:5px 10px;font-size:.72rem;font-weight:600}.nav-drag-ghost{pointer-events:none;z-index:9999;background:var(--bg-elevated);color:var(--accent);opacity:.92;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 7px;display:flex;position:fixed;transform:scale(1.08);box-shadow:0 8px 24px #00000080}.tool-context-menu{z-index:200;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;min-width:160px;animation:.15s forwards menuScaleIn;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000080}@keyframes menuScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tool-context-menu__item{cursor:pointer;width:100%;color:var(--text);text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:.88rem;font-weight:500;display:flex}.tool-context-menu__item:active{background:var(--bg-card)}.tools-card-pin-badge{color:var(--accent);opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;top:6px;right:6px}.tools-card-pin-badge--visible{opacity:1}.sidebar-spacer,.sidebar-actions,.sidebar-action-label,.notif-bell-desktop{display:none}@media (width>=900px){.sidebar-spacer{flex:1;display:block}.sidebar-actions{border-top:1px solid var(--border-subtle);flex-direction:column;gap:2px;padding:.5rem 6px;display:flex}.sidebar-action-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;padding:10px 8px;font-size:.78rem;transition:background .15s,color .15s;display:flex}.sidebar-action-btn:hover{background:var(--surface);color:var(--text)}.sidebar-action-btn--primary{background:var(--accent);color:#fff}.sidebar-action-btn--primary:hover{background:var(--accent-dim);color:#fff}.notif-bell-mobile{display:none!important}.notif-bell-desktop{display:flex!important}}@media (width>=1200px){.sidebar-action-label{display:inline}.sidebar-action-btn{justify-content:flex-start;margin:0 2px;padding:10px 12px}}.tab-login-prompt{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}.login-cta{text-align:center;flex-direction:column;align-items:center;max-width:380px;margin:0 auto;padding:2.5rem 1.5rem;animation:.4s cubic-bezier(.34,1.2,.64,1) register-in;display:flex}.login-cta__icon{background:var(--accent-soft);border:1px solid #6366f133;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.25rem;display:flex}.login-cta__title{color:var(--text);margin-bottom:1.25rem;font-size:1.3rem;font-weight:700;line-height:1.3}.login-cta__features{text-align:left;flex-direction:column;gap:.65rem;width:100%;margin-bottom:1.75rem;list-style:none;display:flex}.login-cta__feature{color:var(--text-2);align-items:flex-start;gap:.6rem;font-size:.88rem;line-height:1.4;display:flex}.login-cta__feature svg{flex-shrink:0;margin-top:2px}.login-cta__btn{width:100%;padding:.8rem 1.25rem;font-size:1rem;box-shadow:0 4px 20px #6366f166}.login-cta__register{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:1rem;padding:.5rem;font-size:.82rem}.login-cta__register span{color:var(--accent);font-weight:600}.login-cta__register:hover span{color:#818cf8}.app-toast{bottom:calc(72px + env(safe-area-inset-bottom,0px) + .5rem);background:var(--surface3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-pill);z-index:9000;white-space:nowrap;box-shadow:var(--shadow-lg);pointer-events:none;padding:.6rem 1.1rem;font-size:.84rem;font-weight:500;animation:.25s cubic-bezier(.34,1.56,.64,1) toast-in;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.setlist-view{padding:0 1rem 1rem}.setlist-offline-badge{color:#fde68a;text-align:center;background:#78350f;border-radius:6px;margin-bottom:.75rem;padding:.4rem .75rem;font-size:.78rem}.setlist-update-toast{background:color-mix(in srgb, var(--accent) 15%, var(--surface));border:1px solid var(--accent);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.6rem .9rem;font-size:.85rem;display:flex}.setlist-update-toast button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:5px;padding:.3rem .75rem;font-size:.8rem}.setlist-loading{justify-content:center;padding:3rem;display:flex}.setlist-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;padding:3rem 1.5rem;display:flex}.setlist-empty-sub{margin-top:.4rem;font-size:.82rem}.sl-create-btn{background:var(--accent-soft);border-radius:var(--radius);width:100%;color:var(--accent);cursor:pointer;border:1px dashed #6366f14d;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.sl-create-btn:hover{border-color:var(--accent);background:#6366f126}.sl-action-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.35rem;padding:.38rem .7rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.sl-action-btn:hover{background:var(--surface3);color:var(--text);border-color:#ffffff1a}.sl-action-btn--danger{color:var(--red);border-color:#ef444433}.sl-action-btn--danger:hover{background:var(--red-soft);border-color:#ef444459}.btn-live-cta{color:#f87171;letter-spacing:.01em;cursor:pointer;border-radius:0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px);background:linear-gradient(135deg,#ef444426 0%,#dc26261a 100%);border:none;border-top:1px solid #ef444433;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.85rem 1rem;font-size:.92rem;font-weight:700;transition:background .15s,color .15s;display:flex}.btn-live-cta:hover{color:#fca5a5;background:linear-gradient(135deg,#ef444440 0%,#dc26262e 100%)}.btn-live-cta--active{color:#fca5a5;background:linear-gradient(135deg,#ef44444d 0%,#dc262638 100%);animation:1.4s ease-in-out infinite live-pulse}.btn-live-cta__dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.4s ease-in-out infinite live-dot-pulse;box-shadow:0 0 #ef444480}@keyframes live-dot-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ef444480}50%{transform:scale(1.2);box-shadow:0 0 0 5px #ef444400}}.sl-add-song-btn{border:1px dashed var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin-top:.5rem;padding:.65rem;font-size:.82rem;transition:all .15s;display:flex}.sl-add-song-btn:hover{border-color:var(--accent);color:var(--accent)}.sl-remove-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.4rem;transition:background .15s,color .15s}.sl-remove-btn:hover{background:var(--red-soft);color:var(--red)}.setlist-header{margin-bottom:1rem;padding-top:.25rem}.setlist-header-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-left:3px solid var(--border);transition:border-color .2s;overflow:hidden}.setlist-header-card--published{border-left-color:#22c55e}.setlist-header-info{padding:1rem 1rem .75rem}.setlist-header-badges{flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;display:flex}.setlist-status-pill{letter-spacing:.03em;border-radius:var(--radius-pill);align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.setlist-status-pill--published{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40}.setlist-status-pill--draft{color:var(--text-muted);background:#64748b1f;border:1px solid #64748b33}.setlist-readonly-pill{border-radius:var(--radius-pill);color:var(--text-muted);background:#94a3b814;border:1px solid #94a3b826;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.68rem;font-weight:600;display:inline-flex}.setlist-title{color:var(--text);font-size:1.3rem;font-weight:700;line-height:1.25}.setlist-date{color:var(--text-muted);text-transform:capitalize;align-items:center;gap:.35rem;margin-top:.4rem;font-size:.8rem;display:inline-flex}.setlist-actions-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.6rem 1rem;display:flex}.setlist-live-indicator{color:#ef4444;border-top:1px solid #ef444426;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.82rem;font-weight:600;display:flex}.setlist-live-indicator__dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite live-pulse}.setlist-songs{flex-direction:column;gap:0;list-style:none;display:flex}.setlist-song-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.75rem;padding:.9rem 1rem;transition:background .15s;display:flex}.setlist-song-item:last-child{border-bottom:none}.setlist-song-item:active{background:var(--surface)}@media (hover:hover){.setlist-song-item:hover{background:#ffffff06}}.setlist-pos{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.setlist-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.setlist-song-title{color:var(--text);font-weight:600}.setlist-song-meta{color:var(--text-muted);font-size:.78rem}.setlist-notes{color:var(--accent);margin-top:.15rem;font-size:.75rem;font-style:italic}.setlist-arrow{color:var(--text-muted);font-size:1.2rem}.setlist-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.5rem 0 .6rem;font-size:.82rem;font-weight:500;transition:color .15s;display:inline-flex}.setlist-back-btn:hover{color:var(--text)}.setlist-song-view{flex-direction:column;height:100%;display:flex}.setlist-list{margin:0;padding:.25rem 0 0;list-style:none}.setlist-list-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem 1rem;transition:background .15s;display:flex}.setlist-list-item:first-child{border-top:1px solid var(--border-subtle)}.setlist-list-item:active{background:var(--surface)}@media (hover:hover){.setlist-list-item:hover{background:#ffffff06}}.setlist-list-date-badge{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:48px;display:flex}.setlist-list-date-month{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-size:.6rem;font-weight:700}.setlist-list-date-day{color:var(--text);font-size:1.1rem;font-weight:800;line-height:1.1}.setlist-list-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.setlist-list-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.setlist-list-meta,.setlist-list-date{color:var(--text-muted);text-transform:capitalize;font-size:.76rem}.setlist-list-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.setlist-badge{border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.03em;padding:.2rem .6rem;font-size:.67rem;font-weight:700}.setlist-badge--pub{background:var(--accent-soft);color:var(--accent)}.setlist-badge--draft{background:var(--surface2);color:var(--text-muted)}.setlist-badge--live{color:#f87171;background:#ef444426;border:1px solid #ef44444d;align-items:center;gap:.3rem;display:inline-flex}.setlist-badge--live__dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.4s ease-in-out infinite live-dot-pulse}.setlist-live-banner{border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef444433;align-items:center;gap:.6rem;margin-bottom:.75rem;padding:.55rem .85rem;display:flex}.setlist-live-banner__dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite live-dot-pulse}.setlist-live-banner__text{color:#f87171;flex:1;font-size:.82rem;font-weight:600}.setlist-live-banner__stop{border-radius:var(--radius-xs);color:#fca5a5;cursor:pointer;white-space:nowrap;background:#ef444433;border:1px solid #ef444459;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:700;transition:background .15s;display:inline-flex}.setlist-live-banner__stop:hover{background:#ef444459}.sle{padding:0 1rem 1rem}.sle__loading{justify-content:center;padding:3rem;display:flex}.sle__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1rem;display:flex}.sle__title{color:var(--text);font-size:1.1rem;font-weight:700}.sle__date{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.btn-published{border-color:var(--green)!important;background:#14532d!important}.sle__search{margin-bottom:1rem;position:relative}.sle__searching{color:var(--text-muted);font-size:.8rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.sle__search-results{background:var(--surface);border:1px solid var(--border);z-index:10;border-radius:8px;max-height:200px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.sle__search-result{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.6rem .9rem;display:flex}.sle__search-result:last-child{border-bottom:none}.sle__search-result:hover{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.sle__search-meta{color:var(--text-muted);flex:1;font-size:.78rem}.sle__add-btn{color:var(--accent);font-size:1.1rem;font-weight:700}.sle__empty{color:var(--text-muted);text-align:center;padding:2rem;font-size:.9rem}.sle__list{flex-direction:column;gap:.5rem;display:flex}.sle__item{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.sle__item--dragging{opacity:.5}.sle__handle{cursor:grab;color:var(--text-muted);touch-action:none;padding:.25rem;font-size:1.2rem}.sle__item-body{flex-direction:column;flex:1;gap:.5rem;display:flex}.sle__item-header{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.sle__item-title{color:var(--text);font-weight:600}.sle__item-artist{color:var(--text-muted);font-size:.78rem}.sle__item-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sle__ctrl-label{color:var(--text-muted);text-transform:uppercase;font-size:.72rem}.sle__transpose{align-items:center;gap:.25rem;display:flex}.sle__transpose button{background:var(--bg);border:1px solid var(--border);width:24px;height:24px;color:var(--text);cursor:pointer;border-radius:4px;font-size:1rem;line-height:1}.sle__transpose span{text-align:center;min-width:2rem;color:var(--text);font-size:.85rem}.sle__notes-input{background:var(--bg);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:.3rem .6rem;font-size:.82rem}.sle__remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1rem}.sle__remove:hover{color:#ef4444}.fav-view{padding:0 1rem 1rem}.fav-loading{justify-content:center;padding:3rem;display:flex}.fav-title{color:var(--text);margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.fav-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem}.fav-empty-sub{margin-top:.3rem;font-size:.8rem}.fav-list{flex-direction:column;gap:.4rem;list-style:none;display:flex}.fav-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem .9rem;display:flex}.fav-item:hover{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.fav-info{flex-direction:column;flex:1;gap:.1rem;display:flex}.fav-song-title{color:var(--text);font-size:.9rem;font-weight:600}.fav-song-meta{color:var(--text-muted);font-size:.76rem}.fav-remove{color:#f87171;cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.1rem}.hist-view{padding:0 1rem 1rem}.hist-title{color:var(--text);margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.hist-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem}.hist-empty-sub{margin-top:.3rem;font-size:.8rem}.hist-list{flex-direction:column;gap:.4rem;list-style:none;display:flex}.hist-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem .9rem;display:flex}.hist-item:hover{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.hist-info{flex-direction:column;flex:1;gap:.1rem;display:flex}.hist-song-title{color:var(--text);font-size:.9rem;font-weight:600}.hist-song-meta{color:var(--text-muted);font-size:.76rem}.hist-time{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.profile-view{flex-direction:column;gap:.5rem;width:100%;max-width:480px;margin:0 auto;padding:0 1rem 2rem;display:flex}.profile-view--guest{text-align:center;justify-content:center;align-items:center;gap:1rem;min-height:70vh}.profile-guest-illustration{background:var(--surface2);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:.5rem;display:flex}.profile-guest-icon{font-size:2.5rem}.profile-guest-title{color:var(--text);font-size:1.15rem;font-weight:700}.profile-guest-msg{color:var(--text-muted);max-width:260px;font-size:.88rem;line-height:1.6}.profile-hero{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem 1.5rem;display:flex}.profile-avatar-wrap{margin-bottom:.25rem;position:relative}.profile-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:#fff;width:80px;height:80px;box-shadow:0 0 0 4px var(--accent-soft), var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:flex}.profile-avatar-img{object-fit:cover;width:80px;height:80px;box-shadow:0 0 0 4px var(--accent-soft), var(--shadow-md);border-radius:50%}.profile-avatar-edit{background:var(--accent);border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:0;right:0}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-edit-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-2);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.7rem;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.profile-edit-btn:hover{background:var(--surface2);color:var(--text)}.profile-edit-form{width:100%;max-width:320px;margin-top:.5rem}.profile-edit-actions{gap:.5rem;margin-top:.5rem;display:flex}.profile-edit-actions .btn-primary,.profile-edit-actions .btn-secondary{flex:1}.profile-pw-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:.5rem;padding:1rem}.profile-pw-title{color:var(--text);margin-bottom:.75rem;font-size:.9rem;font-weight:700}.profile-name{color:var(--text);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.profile-email{color:var(--text-muted);font-size:.82rem}.profile-role-badge{text-transform:uppercase;letter-spacing:.08em;background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-pill);border:1px solid #6366f140;align-items:center;gap:.3rem;margin-top:.25rem;padding:.25rem .85rem;font-size:.7rem;font-weight:700;display:inline-flex}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden}.profile-card-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.875rem;padding:.875rem 1rem;display:flex}.profile-card-row:last-child{border-bottom:none}.profile-card-icon{border-radius:var(--radius-sm);background:var(--surface2);width:34px;height:34px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-card-content{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.profile-card-label{color:var(--text-muted);font-size:.72rem;font-weight:500}.profile-card-value{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.profile-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.75rem;display:grid}.profile-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:.3rem;padding:1rem;display:flex}.profile-stat-value{color:var(--text);font-size:1.6rem;font-weight:800;line-height:1}.profile-stat-label{color:var(--text-muted);font-size:.72rem;font-weight:500}.profile-install{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:1rem}.profile-install-title{color:var(--text);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.88rem;font-weight:700;display:flex}.profile-install-ios,.profile-install-android{color:var(--text-muted);background:var(--surface2);border-radius:var(--radius-sm);margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8rem;line-height:1.5}.profile-install-ios:last-child,.profile-install-android:last-child{margin-bottom:0}.profile-installed{color:var(--green);justify-content:center;align-items:center;gap:.35rem;padding:.5rem;font-size:.82rem;font-weight:600;display:flex}.profile-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:0;padding:.75rem 0 .4rem;font-size:.72rem;font-weight:700}.chord-fav-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .5rem;font-size:1.1rem;transition:color .15s,border-color .15s}.chord-fav-btn--active{color:#f87171;border-color:#f87171}.chord-stage-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .5rem;font-size:1rem;transition:color .15s}.chord-stage-btn:hover{color:var(--accent);border-color:var(--accent)}.stage-mode{z-index:1000;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}:fullscreen .stage-mode{width:100%;height:100%;position:relative}.stage-topbar{background:#000000d9;border-bottom:1px solid #222;flex-direction:column;flex-shrink:0;gap:.35rem;padding:.45rem .75rem .4rem;display:flex}.stage-topbar__row1{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stage-topbar__row2{scrollbar-width:none;align-items:center;gap:.35rem;display:flex;overflow-x:auto}.stage-topbar__row2::-webkit-scrollbar{display:none}.stage-topbar__left{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.stage-topbar__right{align-items:center;gap:.4rem;display:flex}.stage-semitones{color:#d1d5db;text-align:center;flex-shrink:0;min-width:1.8rem;font-size:.8rem}.stage-song-title{color:#fff;font-size:.9rem;font-weight:700}.stage-key-badge{background:var(--accent);color:#fff;border-radius:4px;padding:.1rem .45rem;font-size:.8rem;font-weight:600}.stage-btn{color:#d1d5db;cursor:pointer;white-space:nowrap;background:#1f2937;border:1px solid #374151;border-radius:5px;padding:.3rem .55rem;font-size:.82rem;font-weight:600}.stage-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.stage-exit-btn{color:#f9fafb;cursor:pointer;background:#374151;border:1px solid #4b5563;border-radius:5px;padding:.3rem .6rem;font-size:.82rem;font-weight:600}.stage-speed-slider{width:70px;accent-color:var(--accent)}.stage-wakelock-msg{color:#fde68a;text-align:center;background:#78350f;flex-shrink:0;padding:.35rem .75rem;font-size:.78rem}.stage-content{overscroll-behavior:contain;flex:1;padding:1.5rem 1rem 2rem;overflow-y:auto}.stage-content .chord-line{margin-bottom:.5rem}.stage-content .chord-token{color:var(--accent);font-size:.9em;font-weight:700;line-height:1.2;display:block}.stage-content .lyric-text{color:#f9fafb}.stage-content .lyric-line{color:#f9fafb;margin-bottom:.25rem}.stage-content .chord-blank-line{height:1.2em}.slm{padding:0}.slm__create-form{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.slm__list{flex-direction:column;gap:.4rem;list-style:none;display:flex}.slm__item{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.slm__item:hover{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.slm__info{flex-direction:column;flex:1;gap:.1rem;display:flex}.slm__title{color:var(--text);font-weight:600}.slm__meta{color:var(--text-muted);font-size:.78rem}.slm__actions{align-items:center;gap:.5rem;display:flex}.slm__badge{color:var(--text-muted);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;background:#1f2937;border-radius:99px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.slm__badge--pub{color:#86efac;border-color:var(--green);background:#14532d}.audio-tabs{border-bottom:1px solid #374151;margin-bottom:0;display:flex}.audio-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.5rem .25rem;font-size:.8rem;transition:color .15s}.audio-tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.audio-tab:hover:not(.audio-tab--active){color:var(--text)}.audio-tab-content{border:1px solid #374151;border-top:none;border-radius:0 0 .5rem .5rem}.audio-tab-pane{padding:.75rem}.fp-yt-row{align-items:center;gap:.5rem;display:flex}.fp-yt-row .form-input{flex:1}.btn-yt-extract{color:#fff;cursor:pointer;white-space:nowrap;background:#dc2626;border:none;border-radius:6px;flex-shrink:0;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-yt-extract:hover:not(:disabled){background:#b91c1c}.btn-yt-extract:disabled{opacity:.5;cursor:not-allowed}.harmonize-view{flex-direction:column;align-items:center;min-height:60vh;padding:1.5rem 1rem;display:flex}.harmonize-idle{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:360px;margin:0 auto;padding-top:2rem;display:flex}.harmonize-icon{color:var(--accent);font-size:3rem;line-height:1}.harmonize-title{font-size:1.4rem;font-weight:700}.harmonize-subtitle{color:var(--text-muted);font-size:.9rem;line-height:1.5}.harmonize-start-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:2rem;padding:.85rem 2.5rem;font-size:1.05rem;font-weight:600;transition:background .15s}.harmonize-start-btn:hover{background:var(--accent-dim)}.harmonize-recording{text-align:center;flex-direction:column;align-items:center;gap:.9rem;width:100%;padding-top:1rem;display:flex}.harmonize-hint{color:var(--text-muted);font-size:.9rem}.harmonize-countdown{width:130px;height:130px;position:relative}.harmonize-ring{width:100%;height:100%;transform:rotate(-90deg)}.harmonize-ring__bg{fill:none;stroke:#1f2937;stroke-width:7px}.harmonize-ring__progress{fill:none;stroke:var(--accent);stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset .9s linear}.harmonize-countdown__inner{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.harmonize-secs{color:var(--text);font-size:2.2rem;font-weight:700;line-height:1}.harmonize-secs-label{color:var(--text-muted);font-size:.7rem}.harmonize-current-note{justify-content:center;align-items:center;min-height:3.5rem;display:flex}.harmonize-note-name{color:var(--accent);font-size:2.8rem;font-weight:800;line-height:1;animation:.3s ease-out harmonize-pulse}.harmonize-note-placeholder{color:#374151;font-size:2rem}@keyframes harmonize-pulse{0%{opacity:.6;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.harmonize-note-count{color:var(--text-muted);font-size:.8rem}.harmonize-speech-box{text-align:center;justify-content:center;align-items:center;max-width:280px;min-height:2rem;display:flex}.harmonize-speech-listening{align-items:center;gap:.35rem;margin:0;display:flex}.speech-dot{background:var(--accent);opacity:.4;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite speechPulse}.speech-dot:nth-child(2){animation-delay:.2s}.speech-dot:nth-child(3){animation-delay:.4s}@keyframes speechPulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.harmonize-speech-text{color:var(--accent);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;font-style:italic;display:-webkit-box;overflow:hidden}.harmonize-speech-hint--muted{color:var(--text-muted);margin:0;font-size:.78rem}.harmonize-stop-btn{min-width:140px;margin-top:.5rem}.harmonize-processing{flex-direction:column;align-items:center;gap:1rem;padding-top:3rem;display:flex}.harmonize-spinner{width:52px!important;height:52px!important}.harmonize-processing-text{color:var(--text);font-size:1rem;font-weight:600}.harmonize-processing-sub{color:var(--text-muted);font-size:.8rem}.harmonize-song-search{flex-direction:column;gap:.4rem;display:flex}.harmonize-song-search__label{color:var(--text-muted);margin:0;font-size:.8rem}.harmonize-song-search__input{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;padding:.5rem .75rem;font-size:.9rem}.harmonize-song-search__hint{color:var(--text-muted);margin:0;font-size:.8rem}.hss-dots{vertical-align:bottom;width:0;animation:1.5s steps(4,end) infinite hssDots;display:inline-block;overflow:hidden}@keyframes hssDots{to{width:1.2em}}.harmonize-song-search__results{background:var(--surface2);border:1px solid var(--border);border-radius:8px;margin:0;padding:0;list-style:none;overflow:hidden}.harmonize-song-search__results li{cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex}.harmonize-song-search__results li:not(:last-child){border-bottom:1px solid var(--border)}.harmonize-song-search__results li:hover{background:var(--surface3,#2a2a3a)}.hss-title{color:var(--text);font-size:.88rem}.hss-key{color:var(--accent);flex-shrink:0;font-size:.78rem}.harmonize-open-btn{width:100%}.hss-linked{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.88rem;display:flex}.hss-linked strong{color:var(--accent)}.hss-unlink{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1rem}.harmonize-match-banner{background:color-mix(in srgb, var(--accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem 1rem;display:flex}.harmonize-match-icon{flex-shrink:0;font-size:1.2rem}.harmonize-match-text{color:var(--text);flex:1;font-size:.9rem}.harmonize-match-text strong{color:var(--accent)}.harmonize-match-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.3rem .8rem;font-size:.82rem}.harmonize-match-btn:hover{opacity:.85}.harmonize-mode-tabs{background:var(--surface2);border-radius:10px;gap:.5rem;margin-bottom:1.25rem;padding:.3rem;display:flex}.harmonize-mode-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:.5rem .25rem;font-size:.82rem;transition:all .15s}.harmonize-mode-tab--active{background:var(--accent);color:#fff;font-weight:600}.ia-mode{width:100%}.listen-mode{flex-direction:column;align-items:center;gap:1.25rem;width:100%;padding:.5rem 0;display:flex}.listen-error{color:#f56;margin:0;font-size:.85rem}.listen-chord-card{background:var(--bg-card);border:1px solid #1f2937;border-radius:1.25rem;justify-content:center;align-items:center;width:100%;min-height:120px;transition:border-color .2s;display:flex;position:relative}.listen-chord-card--active{border-color:color-mix(in srgb, var(--accent) 50%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--accent) 12%, transparent)}.listen-chord-name-wrap{align-items:flex-start;gap:2px;line-height:1;display:flex}.listen-chord-root{color:var(--accent);letter-spacing:-.02em;font-size:clamp(3.5rem,18vw,5rem);font-weight:800;line-height:1}.listen-chord-quality{color:var(--text-muted);margin-top:.5rem;font-size:clamp(1.4rem,7vw,2rem);font-weight:700}.listen-chord-empty{color:#374151;font-size:3rem}.listen-conf-ring{opacity:.7;width:36px;height:36px;position:absolute;top:10px;right:10px}.listen-history{flex-direction:column;gap:.4rem;width:100%;display:flex}.listen-history-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-left:2px;font-size:.7rem}.listen-history-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:.4rem;padding-bottom:4px;display:flex;overflow-x:auto}.listen-history-scroll::-webkit-scrollbar{display:none}.listen-history-chip{color:var(--text-muted);background:#1e293b;border:1px solid #2d3748;border-radius:2rem;flex-shrink:0;padding:.3rem .75rem;font-size:.9rem;font-weight:600;transition:all .15s}.listen-history-chip--current{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.listen-btn{min-width:160px}.listen-hint{color:var(--text-muted);text-align:center;margin:0;font-size:.82rem}.listen-stop-btn{min-width:160px;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1e293b;border:1px solid #374151;border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background .15s}.listen-stop-btn:hover{background:#2d3a4a}.harmonize-result{flex-direction:column;gap:1rem;width:100%;display:flex}.harmonize-badges{flex-wrap:wrap;gap:.4rem;display:flex}.harmonize-badge{color:var(--text-muted);background:#1f2937;border:1px solid #374151;border-radius:2rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600}.harmonize-badge--key{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);border-color:var(--accent)}.harmonize-badge--original{background:color-mix(in srgb, var(--text-muted) 15%, transparent);color:var(--text-muted);border-color:var(--text-muted)}.harmonize-badge--style{background:color-mix(in srgb, var(--green) 15%, transparent);color:var(--green);border-color:var(--green)}.harmonize-badge--simple{color:var(--green)}.harmonize-badge--intermediate{color:var(--orange)}.harmonize-badge--extended{color:#a78bfa}.harmonize-badge--provider{opacity:.6;font-size:.7rem}.harmonize-explanation{width:100%}.harmonize-explanation__toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.85rem;display:flex}.harmonize-explanation__text{color:var(--text-muted);background:var(--bg-card);border:1px solid #1f2937;border-radius:.5rem;margin-top:.5rem;padding:.75rem;font-size:.85rem;line-height:1.5}.harmonize-chordpro-preview{background:var(--bg-card);border-radius:var(--radius);border:1px solid #1f2937;overflow:hidden}.harmonize-actions{flex-wrap:wrap;justify-content:flex-start;gap:.6rem;display:flex}.harmonize-error{text-align:center;flex-direction:column;align-items:center;gap:.5rem;max-width:380px;margin:0 auto;padding:2rem 1.5rem;display:flex}.harmonize-error-icon{background:#f973161a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.25rem;display:flex}.harmonize-error-title{color:var(--text);font-size:1.1rem;font-weight:700}.harmonize-error-msg{color:var(--text-muted);font-size:.88rem;line-height:1.5}@media (width<=360px){.bottom-nav__label{font-size:.55rem}.bottom-nav__icon-wrap{width:36px;height:24px}}.ai-settings-section{max-width:640px}.ai-settings-section code{background:var(--bg-card2);color:var(--accent);border-radius:3px;padding:.1em .4em;font-size:.85em}.ai-providers-list{flex-direction:column;gap:.5rem;display:flex}.ai-provider-card{background:var(--bg-card);border:1px solid #374151;border-radius:.6rem;padding:.7rem 1rem}.ai-provider-card--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg-card))}.ai-provider-card__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ai-provider-card__name{font-size:.95rem;font-weight:600}.ai-provider-card__model{color:var(--text-muted);margin-top:.2rem;font-size:.75rem}.ai-provider-badge{color:#000;border-radius:2rem;padding:.15rem .5rem;font-size:.68rem;font-weight:700}.ai-test-result{border-radius:.5rem;flex-direction:column;gap:.3rem;margin-top:.9rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.ai-test-result--ok{background:color-mix(in srgb, var(--green) 12%, transparent);border:1px solid color-mix(in srgb, var(--green) 30%, transparent);color:var(--green)}.ai-test-result--err{background:color-mix(in srgb, var(--red) 12%, transparent);border:1px solid color-mix(in srgb, var(--red) 30%, transparent);color:var(--red)}.ai-test-result strong{font-size:.9rem}.harmonize-recording__header{align-items:center;gap:1rem;margin-bottom:.75rem;padding:.5rem 0;display:flex}.harmonize-countdown--small{flex-shrink:0;width:56px;height:56px}.harmonize-countdown--small .harmonize-secs{font-size:1.1rem}.harmonize-countdown--small .harmonize-secs-label{font-size:.55rem}.harmonize-recording__info{text-align:center;flex:1}.harmonize-recording__info .harmonize-current-note{margin-bottom:.15rem}.harmonize-recording__info .harmonize-note-count{color:var(--text-muted);font-size:.75rem}.live-chord-lyrics{background:var(--bg-card2);border-radius:var(--radius);min-height:120px;max-height:260px;padding:1rem;font-family:Fira Mono,Courier New,monospace;overflow-y:auto}.live-chord-lyrics--empty{justify-content:center;align-items:center;min-height:100px;display:flex}.live-chord-lyrics__hint{color:var(--text-muted);text-align:center;font-size:.85rem;animation:2s ease-in-out infinite pulse-soft}@keyframes pulse-soft{0%,to{opacity:.5}50%{opacity:1}}.live-chord-lyrics__current{text-align:center;margin-bottom:.75rem}.live-chord-lyrics__chord-big{color:var(--accent);font-size:2rem;font-weight:800;animation:.3s ease-out chord-pop}@keyframes chord-pop{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.live-chord-lyrics__line{margin-bottom:.6rem}.live-chord-lyrics__chords{flex-wrap:wrap;gap:0;min-height:1.3rem;display:flex}.live-chord-lyrics__chord-slot{text-align:left;flex:1 1 0;min-width:0;display:inline-block}.live-chord-lyrics__chord{color:var(--accent);letter-spacing:.02em;font-size:.8rem;font-weight:700;transition:color .2s}.live-chord-lyrics__chord--active{color:var(--green);text-shadow:0 0 6px #22c55e66}.live-chord-lyrics__words{color:var(--text);flex-wrap:wrap;gap:0;font-size:.95rem;line-height:1.4;display:flex}.live-chord-lyrics__word{flex:1 1 0;display:inline-block}.live-chord-lyrics__chord-only{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.5rem;display:flex}.live-chord-lyrics__chord-pill{background:var(--bg-card);color:var(--text-muted);border-radius:.5rem;padding:.25rem .6rem;font-size:.85rem;font-weight:600;transition:all .3s}.live-chord-lyrics__chord-pill--latest{color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--bg-card));transform:scale(1.1)}.match-indicator{flex-direction:column;gap:.35rem;margin-top:.75rem;display:flex}.match-indicator__status{margin-bottom:.25rem}.match-indicator__badge{text-transform:uppercase;letter-spacing:.03em;border-radius:8px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.match-indicator__badge--match{background:var(--green);color:#fff}.match-indicator__badge--suggest{background:var(--accent);color:#fff}.match-indicator__badge--search{background:var(--bg-card);color:var(--text-muted)}.match-indicator__item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.78rem;transition:color .3s;display:flex}.match-indicator__item--high{color:var(--green);font-weight:600}.match-indicator__item--selectable{cursor:pointer;border-radius:6px;padding:.3rem .5rem;transition:background .2s}.match-indicator__item--selectable:hover,.match-indicator__item--selectable:active{background:#ffffff14}.match-indicator__hint{color:var(--text-muted);text-align:center;opacity:.7;margin-top:.25rem;font-size:.65rem}.match-indicator__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.match-indicator__bar{background:var(--bg-card);border-radius:2px;flex-shrink:0;width:60px;height:4px;overflow:hidden}.match-indicator__fill{background:var(--accent);border-radius:2px;height:100%;transition:width .5s;display:block}.match-indicator__item--high .match-indicator__fill{background:var(--green)}.match-indicator__pct{text-align:right;font-variant-numeric:tabular-nums;width:2.5rem;font-size:.72rem}.impersonate-banner{color:#fff;z-index:1000;background:#dc2626;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.82rem;display:flex}.impersonate-banner__btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:4px;padding:.2rem .75rem;font-size:.78rem}.impersonate-banner__btn:hover{background:#ffffff59}.sa-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.sa-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.sa-table-wrap{overflow-x:auto}.sa-table{border-collapse:collapse;width:100%;font-size:.82rem}.sa-table th{text-align:left;border-bottom:2px solid var(--border);text-transform:uppercase;color:var(--text-muted);white-space:nowrap;padding:.5rem .6rem;font-size:.75rem;font-weight:600}.sa-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.5rem .6rem}.sa-table tbody tr:hover{background:#ffffff08}.sa-row--inactive{opacity:.5}.sa-role-chip{text-transform:uppercase;border-radius:9999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.sa-role-chip--superadmin{color:#fff;background:#7c3aed}.sa-role-chip--leader{color:#fff;background:#2563eb}.sa-role-chip--member{color:#d1d5db;background:#374151}.sa-actions{white-space:nowrap;gap:.3rem;display:flex}.sa-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;font-size:.85rem;display:inline-flex}.sa-btn:hover{background:#ffffff14}.sa-btn--edit{color:#60a5fa}.sa-btn--danger{color:#ef4444}.sa-btn--danger:hover{background:#ef444426}.sa-btn--ghost{color:var(--text-muted)}.sa-btn--save{color:#22c55e;border-color:#22c55e}.sa-toggle{color:#9ca3af;cursor:pointer;background:#374151;border:none;border-radius:9999px;padding:.2rem .6rem;font-size:.72rem;font-weight:600}.sa-toggle--on{color:#4ade80;background:#166534}.sa-plan-badge{color:#fff;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.sa-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;font-size:.82rem;display:flex}.sa-pagination button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:4px;padding:.3rem .7rem}.sa-pagination button:disabled{opacity:.3;cursor:default}.sa-stats-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.sa-stat-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:8px;padding:1rem}.sa-stat-card__value{color:var(--accent);font-size:1.8rem;font-weight:700;line-height:1}.sa-stat-card__label{color:var(--text-muted);margin-top:.3rem;font-size:.75rem}.sa-recent-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.sa-recent-grid{grid-template-columns:1fr}}.sa-recent-title{margin-bottom:.5rem;font-size:.85rem;font-weight:600}.sa-recent-item{border-bottom:1px solid var(--border);justify-content:space-between;padding:.35rem 0;font-size:.8rem;display:flex}.join-request-card{border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.6rem .8rem;display:flex}.join-request-card--pending{border-left:3px solid #f59e0b}.join-request-church{font-weight:600}.success-message{color:#22c55e;background:#22c55e1a;border-radius:6px;padding:.6rem .8rem;font-size:.85rem}.form-input--sm{height:auto;padding:.3rem .5rem;font-size:.8rem}.setlist-live-actions{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.btn-live{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.btn-live:hover{background:#ef444440}.btn-live--active{color:#fff;background:#ef4444;border-color:#ef4444;animation:1.5s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.btn-stage-view{color:#818cf8;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.btn-stage-view:hover{background:#6366f140}.stage-view-overlay{z-index:9999;background:#111827;flex-direction:column;display:flex;position:fixed;inset:0}.stage-banner{border-radius:var(--radius);cursor:pointer;text-align:left;background:linear-gradient(135deg,#6366f11f,#818cf814);border:1px solid #6366f140;align-items:center;gap:.75rem;width:100%;margin-bottom:1rem;padding:.85rem 1rem;transition:background .2s,border-color .2s;display:flex}.stage-banner:hover{background:linear-gradient(135deg,#6366f12e,#818cf81f);border-color:#6366f166}.stage-banner__icon{flex-shrink:0;font-size:1.5rem}.stage-banner__text{flex-direction:column;flex:1;gap:.15rem;display:flex}.stage-banner__text strong{color:var(--text);font-size:.9rem}.stage-banner__text span{color:var(--text-muted);font-size:.78rem}.stage-banner svg{color:var(--accent);flex-shrink:0}.stage-btn--projector{color:#c084fc!important;background:#a855f733!important;border-color:#a855f766!important}.stage-btn--projector:hover{background:#a855f759!important}.projector-mode{z-index:10000;background:#050510;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.projector-mode--hide-cursor{cursor:none}.projector-bg{z-index:0;background:radial-gradient(at 20%,#581c874d 0%,#0000 60%),radial-gradient(at 80% 20%,#1e3a8a40 0%,#0000 55%),radial-gradient(at 50% 80%,#0f172acc 0%,#0000 70%);width:200%;height:200%;animation:25s ease-in-out infinite alternate projector-bg-drift;position:absolute;inset:-50%}@keyframes projector-bg-drift{0%{transform:translate(0)scale(1)}33%{transform:translate(-3%,2%)scale(1.02)}66%{transform:translate(2%,-1%)scale(.98)}to{transform:translate(-1%,-2%)scale(1.01)}}.projector-bg-overlay{z-index:1;pointer-events:none;background:radial-gradient(#0000 0%,#05051099 100%);position:absolute;inset:0}.projector-title{z-index:3;color:#fff0;letter-spacing:.03em;pointer-events:none;font-size:1.2vw;font-weight:400;transition:color .4s;position:absolute;top:1.5rem;left:2rem}.projector-title--visible{color:#ffffff59}.projector-paragraph{z-index:2;text-align:center;max-width:88vw;padding:2rem 3rem;animation:.6s cubic-bezier(.16,1,.3,1) projector-fade-in;position:relative}@keyframes projector-fade-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.projector-line{font-size:var(--projector-font-size,4vw);color:#fff6;letter-spacing:.01em;margin:.15em 0;font-weight:400;line-height:1.65;transition:color .45s,font-weight .45s,text-shadow .45s,transform .45s cubic-bezier(.16,1,.3,1)}.projector-line--active{color:#fff;text-shadow:0 0 30px #ffffff2e,0 0 60px #8b5cf61f,0 2px 4px #00000080;font-weight:700;transform:scale(1.03)}.projector-controls{z-index:10;-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#0f0f1ecc;border:1px solid #ffffff14;border-radius:1rem;align-items:center;gap:.8rem;padding:.6rem 1.5rem;transition:opacity .35s;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.projector-controls--visible{opacity:1;pointer-events:auto}.projector-controls__label{color:#ffffff80;white-space:nowrap;font-size:.75rem}.projector-controls__slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;width:100px;height:4px}.projector-controls__slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#a78bfa;border-radius:50%;width:14px;height:14px}.projector-controls__slider::-moz-range-thumb{cursor:pointer;background:#a78bfa;border:none;border-radius:50%;width:14px;height:14px}.projector-controls__value{color:#fff9;text-align:center;min-width:1.5rem;font-size:.75rem}.projector-controls__exit{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:.5rem;padding:.35rem .9rem;font-size:.78rem;font-weight:500;transition:background .15s,color .15s}.projector-controls__exit:hover{color:#fff;background:#ffffff26}:-webkit-any(:fullscreen .projector-mode,:-webkit-full-screen .projector-mode){width:100%;height:100%;position:relative}:is(:fullscreen .projector-mode,:fullscreen .projector-mode){width:100%;height:100%;position:relative}.search-view{flex-direction:column;gap:0;width:100%;max-width:560px;margin:0 auto;padding:.75rem 0 1rem;display:flex}.search-bar{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:.5rem;margin:.75rem 1rem .5rem;padding:0 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-bar__icon{color:var(--text-muted);flex-shrink:0}.search-bar__input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.75rem 0;font-size:.95rem}.search-bar__input::placeholder{color:var(--text-muted)}.search-bar__clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:.3rem;font-size:.85rem;line-height:1;transition:color .15s;display:flex}.search-bar__clear:hover{background:var(--surface2);color:var(--text)}.search-results,.search-default{flex:1}.search-spinner{justify-content:center;padding:2.5rem 0;display:flex}.search-empty{text-align:center;color:#9ca3af;padding:2.5rem 1rem;font-size:.9rem}.search-empty p{margin:.25rem 0}.search-empty strong{color:#e5e7eb}.search-empty--default{flex-direction:column;align-items:center;gap:.5rem;padding-top:3.5rem;display:flex}.search-empty-sub{color:#6b7280;font-size:.82rem}.search-section{margin-bottom:.5rem}.search-section-title{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin:0;padding:.25rem 1rem .5rem;font-size:.72rem;font-weight:600}.search-song-list{margin:0;padding:0;list-style:none}.search-song-item{border-bottom:1px solid var(--border-subtle);-webkit-tap-highlight-color:transparent;align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex;position:relative}.search-song-item:last-child{border-bottom:none}.search-song-main{cursor:pointer;flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.search-song-main:hover .search-song-title,.search-song-main:active .search-song-title{color:var(--accent)}.search-song-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:500;transition:color .15s;overflow:hidden}.search-song-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.search-song-actions{flex-shrink:0}.search-song-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.search-song-btn--add:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.search-toast{bottom:calc(64px + env(safe-area-inset-bottom,0px) + .75rem);color:#f9fafb;z-index:200;white-space:nowrap;pointer-events:none;background:#1f2937;border:1px solid #374151;border-radius:20px;padding:.55rem 1.1rem;font-size:.85rem;animation:.2s toast-in;position:fixed;left:50%;transform:translate(-50%)}.slpicker{z-index:100;background:#1a2332;border:1px solid #1f2937;border-radius:12px;width:240px;position:absolute;top:calc(100% + 4px);right:.75rem;overflow:hidden;box-shadow:0 8px 32px #00000073}.slpicker__header{color:#9ca3af;border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding:.6rem .875rem;font-size:.8rem;display:flex}.slpicker__close{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:.15rem;font-size:.85rem;line-height:1;transition:color .15s}.slpicker__close:hover{color:#d1d5db}.slpicker__loading{justify-content:center;padding:1rem;display:flex}.slpicker__empty{color:#9ca3af;text-align:center;margin:0;padding:1rem .875rem;font-size:.82rem}.slpicker__empty--member{flex-direction:column;align-items:center;padding:1.1rem .875rem 1.25rem;display:flex}.slpicker__list{max-height:220px;margin:0;padding:.3rem 0;list-style:none;overflow-y:auto}.slpicker__item{justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .875rem;display:flex}.slpicker__item:hover{background:#ffffff0a}.slpicker__info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.slpicker__name{color:#e5e7eb;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.slpicker__date{color:#6b7280;font-size:.72rem}.slpicker__btn{color:#9ca3af;cursor:pointer;background:#111827;border:1px solid #1f2937;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;line-height:1;transition:background .15s,color .15s,border-color .15s;display:flex}.slpicker__btn:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 15%, #111827);border-color:var(--accent);color:var(--accent)}.slpicker__btn--done{color:#22c55e;cursor:default;background:#14322f;border-color:#22c55e}.song-rating-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.82rem;transition:color .15s,background .15s;display:flex}.song-rating-btn:hover{color:#f59e0b;background:#f59e0b14}.song-rating-btn--active{color:#f59e0b}.song-rating-btn--active svg{fill:#f59e0b}.chord-display__action-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.35rem .5rem;transition:color .15s,background .15s;display:flex}.chord-display__action-btn:hover{color:#f3f4f6;background:#ffffff0f}.chord-display__action-btn--active{color:var(--accent)}.chord-display__comments-panel{border-top:1px solid #1f2937;margin-top:1rem}.yt-fab{z-index:200;background:var(--surface2);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;animation:.3s register-in;display:flex;position:fixed;bottom:90px;right:16px;box-shadow:0 4px 16px #0006}.yt-fab:hover{transform:scale(1.1);box-shadow:0 6px 24px #ff000040}.yt-fab--search{background:var(--surface);border:1px solid #ff44444d}.yt-fab--search:hover{box-shadow:0 6px 24px #f443}.yt-player{z-index:210;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:300px;animation:.3s cubic-bezier(.34,1.2,.64,1) register-in;position:fixed;bottom:80px;right:12px;overflow:hidden;box-shadow:0 8px 32px #00000080}.yt-player__header{background:var(--surface);justify-content:flex-end;gap:2px;padding:4px 6px;display:flex}.yt-player__btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;transition:background .15s;display:flex}.yt-player__btn:hover{background:var(--surface2);color:var(--text)}.yt-player__frame{width:100%;padding-bottom:56.25%;position:relative}.yt-player__frame iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.yt-player--mini{border-radius:var(--radius-pill);width:auto;bottom:90px;right:12px}.yt-player--mini .yt-player__header{padding:2px 4px}.yt-player__mini-bar{cursor:pointer;color:var(--text-2);white-space:nowrap;align-items:center;gap:.5rem;padding:.4rem 1rem .4rem .75rem;font-size:.78rem;display:flex}@media (width<=420px){.yt-player{width:auto;bottom:72px;left:8px;right:8px}.yt-player--mini{width:auto;left:auto;right:12px}}.song-comments{flex-direction:column;max-height:60vh;display:flex}.song-comments__list{flex:1;padding:.75rem 0;overflow-y:auto}.song-comments__loading,.song-comments__empty{text-align:center;color:#9ca3af;padding:1.5rem;font-size:.85rem}.song-comments__load-more{width:100%;color:var(--accent);cursor:pointer;text-align:center;background:0 0;border:none;padding:.5rem;font-size:.82rem;display:block}.comment-item{gap:.6rem;padding:.6rem .75rem;display:flex}.comment-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:flex}.comment-body-wrap{flex:1;min-width:0}.comment-meta{align-items:baseline;gap:.5rem;margin-bottom:.2rem;display:flex}.comment-username{color:#e5e7eb;font-size:.82rem;font-weight:600}.comment-time{color:#6b7280;font-size:.72rem}.comment-body{color:#d1d5db;margin:0 0 .35rem;font-size:.88rem;line-height:1.5}.comment-body--deleted{color:#6b7280;font-style:italic}.comment-actions{align-items:center;gap:.5rem;display:flex}.comment-action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.1rem .3rem;font-size:.75rem;transition:color .15s}.comment-action-btn:hover{color:#d1d5db}.comment-action-btn--liked,.comment-action-btn--delete:hover{color:#ef4444}.comment-replies{border-left:2px solid #1f2937;margin-top:.5rem;padding-left:.5rem}.song-comments__reply-banner{color:#a5b4fc;background:#6366f11a;justify-content:space-between;align-items:center;padding:.3rem .75rem;font-size:.78rem;display:flex}.song-comments__reply-banner button{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:.8rem}.song-comments__input-bar{background:#0d1117;border-top:1px solid #1f2937}.song-comments__input-row{align-items:flex-end;gap:.5rem;padding:.6rem .75rem;display:flex}.song-comments__textarea{color:#f3f4f6;resize:none;background:#111827;border:1px solid #1f2937;border-radius:10px;outline:none;flex:1;max-height:100px;padding:.55rem .75rem;font-family:inherit;font-size:.88rem;line-height:1.4;overflow-y:auto}.song-comments__textarea:focus{border-color:var(--accent)}.song-comments__send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s;display:flex}.song-comments__send-btn:disabled{opacity:.4;cursor:default}.chat-fab__wrapper{right:1.1rem;bottom:calc(64px + env(safe-area-inset-bottom,0px) + .85rem);z-index:90;align-items:center;gap:6px;display:flex;position:fixed}.chat-fab{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 16px #00000059}.chat-fab:hover{transform:scale(1.07);box-shadow:0 6px 20px #00000073}.chat-fab__badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:18px;padding:.1rem .35rem;font-size:.65rem;font-weight:700;line-height:1.4;position:absolute;top:-2px;right:-2px}.chat-fab--locked{background:var(--surface3,#1e293b);color:var(--text-muted)}.chat-fab--locked:hover{transform:scale(1.05)}.chat-fab__plan-badge{background:var(--accent);color:#fff;letter-spacing:.02em;white-space:nowrap;pointer-events:none;border-radius:10px;align-items:center;gap:.18rem;padding:.12rem .4rem;font-size:.58rem;font-weight:700;display:inline-flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.chat-panel-overlay{z-index:150;flex-direction:column;display:flex;position:fixed;inset:0}.chat-panel{background:#0d1117;flex-direction:column;height:100%;display:flex}.chat-panel__header{border-bottom:1px solid #1f2937;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.chat-panel__title{color:#f9fafb;font-size:1rem;font-weight:700}.chat-panel__close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem}.chat-panel__close:hover{color:#f9fafb}.chat-panel__loading,.chat-panel__error,.chat-panel__empty{color:#9ca3af;text-align:center;flex:1;justify-content:center;align-items:center;padding:2rem;font-size:.88rem;display:flex}.chat-panel__messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.5rem;padding:.75rem .75rem .5rem;display:flex;overflow-y:auto}.chat-load-more{color:var(--accent);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-bottom:.5rem;padding:.5rem;font-size:.8rem}.chat-msg{align-items:flex-end;gap:.5rem;max-width:85%;display:flex}.chat-msg--own{flex-direction:row-reverse;align-self:flex-end}.chat-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:.1rem;font-size:.65rem;font-weight:700;display:flex}.chat-msg__content{flex-direction:column;gap:.1rem;max-width:100%;display:flex}.chat-msg__name{color:#9ca3af;padding:0 .5rem;font-size:.72rem}.chat-msg__bubble{background:#1f2937;border-radius:14px 14px 14px 4px;flex-direction:column;gap:.2rem;padding:.55rem .75rem;display:flex}.chat-msg--own .chat-msg__bubble{background:color-mix(in srgb, var(--accent) 30%, #1f2937);border-radius:14px 14px 4px}.chat-msg__body{color:#f3f4f6;word-break:break-word;margin:0;font-size:.88rem;line-height:1.4}.chat-msg__time{color:#6b7280;align-self:flex-end;font-size:.65rem}.chat-msg__delete{color:#374151;cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:.1rem;font-size:.7rem;transition:color .15s}.chat-msg__delete:hover{color:#ef4444}.chat-panel__input-bar{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));background:#0d1117;border-top:1px solid #1f2937;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.chat-panel__input{color:#f3f4f6;background:#111827;border:1px solid #1f2937;border-radius:22px;outline:none;flex:1;padding:.6rem 1rem;font-size:.9rem;transition:border-color .2s}.chat-panel__input:focus{border-color:var(--accent)}.chat-panel__send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .15s;display:flex}.chat-panel__send:disabled{opacity:.4;cursor:default}.tab-pane--wall{box-sizing:border-box;width:100%;padding:0}.wall-feed{box-sizing:border-box;flex-direction:column;gap:.5rem;width:100%;min-width:0;max-width:560px;margin:0 auto;padding:.5rem 0 7rem;display:flex}.wall-header{justify-content:space-between;align-items:center;padding:.5rem 1rem .25rem;display:flex}.wall-header__left{color:var(--text-2);align-items:center;gap:.45rem;display:flex}.wall-header__title{color:var(--text);font-size:1rem;font-weight:700}.wall-header__count{color:var(--text-muted);font-size:.72rem}.fb-post{box-sizing:border-box;background:var(--surface);border-radius:8px;width:100%;min-width:0;animation:.22s both fb-post-in;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000059,0 0 0 1px #ffffff0a}@keyframes fb-post-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fb-post__header{align-items:center;gap:.6rem;padding:.875rem 1rem .5rem;display:flex}.fb-avatar{color:#fff;letter-spacing:-.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.fb-post__meta{flex-direction:column;flex:1;gap:.06rem;min-width:0;display:flex}.fb-post__author{color:var(--text);font-size:.9rem;font-weight:700;line-height:1.25}.fb-post__church{color:var(--text-muted);font-size:.75rem;line-height:1.2}.fb-post__byline{color:var(--text-muted);align-items:center;gap:.25rem;margin-top:.05rem;font-size:.72rem;display:flex}.fb-post__sep{opacity:.4}.fb-post__globe{color:var(--text-muted);flex-shrink:0}.fb-post__more{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.fb-post__more:hover{background:var(--surface2);color:var(--text)}.fb-post__caption{color:var(--text-2);padding:.1rem 1rem .625rem;font-size:.88rem;line-height:1.45}.fb-song{cursor:pointer;border-top:1px solid var(--border-subtle);outline:none;transition:opacity .14s}.fb-song:hover{opacity:.88}.fb-song:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.fb-song__banner{background:linear-gradient(135deg, var(--c1), var(--c2));justify-content:center;align-items:center;height:100px;display:flex;position:relative;overflow:hidden}.fb-song__banner:before{content:"";z-index:1;background:radial-gradient(circle at 25%,#ffffff2e 0%,#0000 65%);position:absolute;inset:0}.fb-song__thumb{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.fb-song__letter{color:#ffffff40;letter-spacing:-3px;-webkit-user-select:none;user-select:none;z-index:1;font-size:3rem;font-weight:900;position:relative}.fb-song__key{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-radius:var(--radius-pill);letter-spacing:.06em;z-index:2;background:#00000059;padding:.18rem .58rem;font-size:.68rem;font-weight:700;position:absolute;top:10px;right:12px}.fb-song__info{background:var(--surface2);flex-direction:column;gap:.12rem;padding:.6rem .875rem .7rem;display:flex}.fb-song__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.fb-song__artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.fb-song__cta{color:var(--accent);margin-top:.1rem;font-size:.7rem}.fb-rhythm{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(135deg,#ffb3400d 0%,#00d4aa0d 100%);margin:0 0 .5rem;overflow:hidden}.fb-rhythm__banner{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.fb-rhythm__icon{color:#ffb340;background:linear-gradient(135deg,#ffb34033,#00d4aa33);border:1px solid #ffb34040;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.fb-rhythm__info{flex:1;min-width:0}.fb-rhythm__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;line-height:1.3;overflow:hidden}.fb-rhythm__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.2rem;font-size:.72rem;display:flex}.fb-rhythm__chip{border-radius:var(--radius-pill);background:var(--surface2);color:var(--text-2);white-space:nowrap;align-items:center;padding:.1rem .45rem;font-size:.68rem;display:inline-flex}.fb-rhythm__chip--bpm{color:#ffb340;background:#ffb3401f}.fb-rhythm__chip--genre{color:#00d4aa;background:#00d4aa1a}.fb-rhythm__desc{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:.6rem 1rem;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.fb-snippet{background:color-mix(in srgb, var(--c1,var(--accent)) 8%, var(--surface));border-left:2px solid color-mix(in srgb, var(--c1,var(--accent)) 55%, transparent);border-radius:0 6px 6px 0;flex-direction:column;gap:.15rem;max-height:5.5rem;margin:.35rem 0 .1rem;padding:.45rem .6rem;font-family:Courier New,Fira Code,monospace;font-size:.78rem;line-height:1.5;display:flex;overflow:hidden}.fb-snippet__line{flex-wrap:wrap;align-items:flex-end;gap:0;display:flex}.fb-snippet__token{flex-direction:column;align-items:flex-start;display:inline-flex}.fb-snippet__chord{color:var(--c1,var(--accent));letter-spacing:.02em;border-radius:3px;min-height:.9em;margin:0 .1rem;padding:0 .28rem;font-size:.68rem;font-weight:700;line-height:1.3}.fb-snippet__text{color:var(--text-2);font-size:.78rem}.fb-post__stats{justify-content:space-between;align-items:center;min-height:32px;padding:.45rem 1rem .3rem;display:flex}.fb-post__stat{color:var(--text-muted);cursor:default;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.78rem;line-height:1;display:inline-flex}.fb-post__stat--comments{cursor:pointer;transition:color .15s}.fb-post__stat--comments:hover{color:var(--text);text-decoration:underline}.likers-trigger{cursor:pointer;color:var(--text-muted);font-size:inherit;border-radius:var(--radius-xs);-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;transition:color .14s;display:inline-flex}.likers-trigger:hover{color:var(--text)}.fb-stat-icon{color:#fff;background:#ef4444;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.52rem;line-height:1;display:inline-flex}.fb-divider{background:var(--border-subtle);height:1px;margin:0 .875rem}.fb-post__actions{align-items:stretch;gap:.1rem;padding:.15rem .35rem .2rem;display:flex}.fb-action{color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .2rem;font-size:.78rem;font-weight:600;transition:background .14s,color .14s;display:flex}.fb-action:hover{background:var(--surface2);color:var(--text)}.fb-action:active{background:var(--surface3)}.fb-action:disabled{opacity:.45;pointer-events:none}.fb-share-wrap{position:relative}.fb-share-backdrop{z-index:300;position:fixed;inset:0}.fb-share-menu{z-index:310;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;padding:.4rem;animation:.2s register-in;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 32px #00000080}.fb-share-option{border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;padding:.6rem .75rem;font-size:.85rem;transition:background .15s;display:flex}.fb-share-option:hover{background:var(--surface)}.fb-action--liked{color:#ef4444}.fb-action--liked:hover{color:#ef4444;background:#ef44441a}.fb-action--active{color:var(--accent)}.fb-action--active:hover{background:var(--accent-soft);color:var(--accent)}@keyframes fb-like-bounce{0%{transform:scale(1)}30%{transform:scale(1.45)}60%{transform:scale(.88)}to{transform:scale(1)}}.fb-action--bounce{animation:.5s cubic-bezier(.34,1.56,.64,1) fb-like-bounce}.fb-action-wrap{flex:1;display:flex;position:relative}.fb-action-wrap>.fb-action{flex:1}.fb-action-wrap .slpicker{min-width:220px;top:auto;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.fb-post__toast{background:var(--surface3);color:var(--text);border-radius:var(--radius-pill);white-space:nowrap;pointer-events:none;border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:20;padding:.35rem .9rem;font-size:.76rem;font-weight:500;animation:.22s cubic-bezier(.34,1.4,.64,1) fb-toast-in;position:absolute;top:-2.6rem;left:50%;transform:translate(-50%)}@keyframes fb-toast-in{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.fb-comments{padding:.625rem .875rem .875rem;animation:.18s fb-post-in}.fb-compose{align-items:flex-start;gap:.5rem;margin-bottom:.875rem;display:flex}.fb-compose__wrap{flex-direction:column;flex:1;gap:0;display:flex}.fb-compose__reply-tag{color:var(--text-muted);background:var(--surface2);border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:.4rem;padding:.22rem .7rem;font-size:.72rem;display:flex}.fb-compose__reply-tag strong{color:var(--text-2)}.fb-compose__reply-tag button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:.7rem}.fb-compose__input-row{background:var(--surface2);border-radius:var(--radius-pill);border:1px solid var(--border);align-items:center;gap:.4rem;padding:.42rem .55rem .42rem .9rem;transition:border-color .15s;display:flex}.fb-compose__input-row:focus-within{border-color:var(--accent)}.fb-compose__input{color:var(--text);background:0 0;border:none;flex:1;font-family:inherit;font-size:.84rem;line-height:1.4}.fb-compose__input::placeholder{color:var(--text-muted)}.fb-compose__input:focus{outline:none}.fb-compose__send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s,transform .12s;display:flex}.fb-compose__send:hover{opacity:.85;transform:scale(1.08)}.fb-compose__send:disabled{opacity:.4}.fb-comments__list{flex-direction:column;gap:.5rem;display:flex}.fb-comments__spinner{justify-content:center;padding:.75rem 0;display:flex}.fb-comments__empty{color:var(--text-muted);text-align:center;margin:0;padding:.5rem 0;font-size:.8rem}.fb-comments__more{text-align:center;width:100%;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:.76rem;transition:color .15s}.fb-comments__more:hover{color:var(--text)}.fb-comment{align-items:flex-start;gap:.45rem;display:flex}.fb-comment--reply{margin-top:.25rem;margin-left:2.4rem}.fb-comment__content{flex:1;min-width:0}.fb-comment__bubble{background:var(--surface2);border-radius:18px;max-width:100%;padding:.45rem .8rem .5rem;display:inline-block}.fb-comment__author{color:var(--text);margin-bottom:.12rem;font-size:.76rem;font-weight:700;line-height:1.2;display:block}.fb-comment__text{color:var(--text);word-break:break-word;margin:0;font-size:.84rem;line-height:1.45}.fb-comment__deleted{color:var(--text-muted);font-size:.78rem;font-style:italic}.fb-comment__meta{align-items:center;gap:.7rem;padding:.18rem .5rem 0;display:flex}.fb-comment__action{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.72rem;font-weight:700;transition:color .14s}.fb-comment__action:hover{color:var(--text)}.fb-comment__action--liked{color:#ef4444}.fb-comment__action--del:hover{color:var(--red)}.fb-comment__time{color:var(--text-muted);font-size:.72rem}.fb-comment__replies{flex-direction:column;gap:8px;margin-top:8px;display:flex}.fb-compose__reply-banner{color:var(--text-muted);background:var(--surface2);border-radius:var(--radius-xs);justify-content:space-between;align-items:center;margin-bottom:4px;padding:.2rem .5rem;font-size:.75rem;display:flex}.fb-compose__reply-banner button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:.9rem}.fb-post--skeleton{pointer-events:none}.sk{background:var(--surface2);border-radius:6px}.sk--avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px}.sk--lines{flex-direction:column;flex:1;gap:.4rem;display:flex;background:0 0!important}.sk--line{border-radius:6px;height:12px}.sk--name{width:42%}.sk--time{width:22%;height:10px}.sk--caption{width:50%;height:13px;margin:.1rem 1rem .625rem}.sk--song-banner{border-radius:0;height:100px}.sk--song-info{flex-direction:column;gap:.4rem;padding:.6rem .875rem .7rem;display:flex;background:var(--surface2)!important}.sk--song-title{width:58%}.sk--song-artist{width:32%;height:10px}.sk--actions{border-radius:6px;height:38px;margin:.2rem .5rem .35rem}.fb-post--skeleton .sk,.fb-post--skeleton .sk--song-info{animation:1.7s ease-in-out infinite sk-shimmer;background:linear-gradient(90deg, var(--surface2) 25%, var(--surface3) 50%, var(--surface2) 75%)!important;background-size:200% 100%!important}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wall-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.65rem;padding:5rem 1.5rem 3rem;display:flex}.wall-empty__title{color:var(--text-2);margin:0;font-size:.97rem;font-weight:600}.wall-empty__sub{color:var(--text-muted);max-width:240px;margin:0;font-size:.82rem;line-height:1.5}.wall-empty__retry{border-radius:var(--radius-pill);background:var(--accent);color:#fff;cursor:pointer;border:none;margin-top:.5rem;padding:.48rem 1.25rem;font-size:.84rem;font-weight:600;transition:opacity .15s}.wall-empty__retry:hover{opacity:.85}.wall-more-spinner{opacity:.6;justify-content:center;padding:1rem 0;display:flex}.chat-song-card{background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.6rem;margin-top:.35rem;padding:.5rem .7rem;transition:background .14s,border-color .14s;display:flex}.chat-song-card:hover{background:var(--surface3);border-color:var(--accent)}.chat-song-card__key{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-pill);flex-shrink:0;padding:.12rem .52rem;font-size:.7rem;font-weight:700}.chat-song-card__info{flex-direction:column;flex:1;gap:.08rem;min-width:0;display:flex}.chat-song-card__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.83rem;font-weight:600;overflow:hidden}.chat-song-card__artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.feedback-trigger{border-radius:var(--radius);width:100%;color:var(--accent);cursor:pointer;background:linear-gradient(135deg,#6366f114,#818cf80d);border:1px solid #6366f133;justify-content:center;align-items:center;gap:.6rem;margin-top:1rem;padding:.85rem 1rem;font-size:.9rem;font-weight:600;transition:background .2s,border-color .2s;display:flex}.feedback-trigger:hover{background:linear-gradient(135deg,#6366f126,#818cf814);border-color:#6366f159}.feedback-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;padding:1.25rem;animation:.3s register-in}.feedback-panel__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.feedback-panel__title{color:var(--text);font-size:1rem;font-weight:700}.feedback-panel__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1rem}.feedback-types{grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:1rem;display:grid}.feedback-type{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .25rem;transition:all .2s;display:flex}.feedback-type:hover{border-color:var(--surface3)}.feedback-type--active{border-color:var(--accent)}.feedback-type__icon{font-size:1.2rem}.feedback-type__label{color:var(--text-2);font-size:.68rem;font-weight:600}.feedback-rating{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.feedback-rating__label{color:var(--text-muted);font-size:.8rem}.feedback-stars{gap:2px;display:flex}.feedback-star{color:var(--surface3);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1.4rem;transition:color .15s,transform .15s}.feedback-star:hover{transform:scale(1.2)}.feedback-star--active{color:#facc15}.feedback-textarea{resize:vertical;min-height:80px}.feedback-charcount{text-align:right;color:var(--text-faint);margin-top:.25rem;font-size:.7rem;display:block}.feedback-panel--sent{text-align:center;padding:2rem 1.25rem}.feedback-sent-icon{background:var(--green-soft);width:48px;height:48px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .75rem;font-size:1.5rem;font-weight:700;display:flex}.feedback-sent-title{color:var(--text);margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.feedback-sent-sub{color:var(--text-muted);font-size:.82rem}.song-page{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.song-page__header{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem}.song-page__back{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;display:inline-flex}.song-page__content{flex:1;width:100%;max-width:700px;margin:0 auto;overflow-y:auto}.song-page__loading,.song-page__error{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}@media (width>=900px){.app--tabbed{flex-direction:row}.app-header--tabbed{display:none}.app-main{padding-top:0}.bottom-nav{border-top:none;border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;order:-1;align-items:stretch;gap:2px;width:72px;height:100dvh;padding:.75rem 0 0;overflow-y:auto}.bottom-nav__tabs{display:contents;overflow:visible}.bottom-nav__scroll-hint{display:none}.bottom-nav__tab{min-width:unset;border-radius:var(--radius-sm);flex:none;margin:0 6px;padding:12px 4px}.bottom-nav__tab:hover{background:var(--surface)}.bottom-nav__icon-wrap{width:40px;height:28px}.bottom-nav__label{font-size:.58rem}.bottom-nav:before{content:"WK";color:var(--accent);letter-spacing:-.05em;border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;height:48px;margin-bottom:.5rem;font-size:1rem;font-weight:800;display:flex}.app-main{flex:1;min-width:0}.tab-pane{max-width:1200px;margin:0 auto;padding:1.5rem 2rem 2rem}.tab-pane--wall{padding:0}.slide-panel{border:none;border-left:1px solid var(--border);border-radius:0;width:480px;height:100dvh;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;inset:0 0 0 auto;transform:translate(100%)}.slide-panel--open{transform:translate(0)}.slide-panel__drag-handle{display:none}.slide-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wall-feed{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;padding:1.5rem 2rem;display:grid}.search-song-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.5rem;display:grid}.login-cta{max-width:440px;padding-top:4rem}.register-card{max-width:480px}.chord-display{font-size:.95rem}.yt-fab,.yt-fab--search{z-index:200;position:absolute;bottom:16px;right:16px}.yt-player{width:auto;position:absolute;bottom:12px;left:12px;right:12px}.yt-player--mini{width:auto;left:auto;right:12px}.chord-display{position:relative}.modal-card,.tuner{max-width:420px}.main-btn{max-width:420px;margin:0 auto}.history-section{max-width:100%;padding:0}.history-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;display:grid}.profile-view{max-width:600px;margin:0 auto}.harmonize-view,.setlist-view{max-width:700px;margin:0 auto}.chat-panel-overlay,.stage-view-overlay{left:72px}}@media (width>=1200px){.bottom-nav{width:180px;padding:.75rem 0}.bottom-nav:before{content:"WorshipKey";letter-spacing:-.02em;font-size:.95rem}.bottom-nav__tab{flex-direction:row;justify-content:flex-start;gap:.6rem;margin:0 8px;padding:10px 12px}.bottom-nav__label{font-size:.82rem}.slide-panel{width:560px}.chat-panel-overlay,.stage-view-overlay{left:180px}.wall-feed{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.25rem;padding:2rem 3rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.instrument-picker-overlay{z-index:200;background:#0000008c;animation:.18s fadeIn;position:fixed;inset:0}.instrument-picker-drawer{z-index:201;background:var(--surface,#111827);border-radius:1.2rem 1.2rem 0 0;flex-direction:column;gap:.75rem;max-height:80dvh;padding:1rem 1rem 2rem;animation:.22s cubic-bezier(.32,.72,0,1) slideUp;display:flex;position:fixed;bottom:0;left:0;right:0}.instrument-picker__a4-toggle{border-bottom:1px solid var(--border,#1f2937);justify-content:center;gap:.5rem;padding-bottom:.5rem;display:flex}.instrument-picker__a4-btn{border:1px solid var(--border,#1f2937);color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border-radius:99px;flex:1;padding:.45rem .75rem;font-size:.8rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.instrument-picker__a4-btn--active{background:color-mix(in srgb, var(--accent) 15%, transparent);border-color:var(--accent);color:var(--accent)}.instrument-picker__scroll{flex-direction:column;flex:1;gap:1rem;padding-right:.25rem;display:flex;overflow-y:auto}.instrument-picker__category-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted,#6b7280);margin-bottom:.4rem;font-size:.7rem;font-weight:600}.instrument-picker__grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.instrument-picker__item{background:var(--bg-card,#1a2233);cursor:pointer;border:1px solid #0000;border-radius:.75rem;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .25rem;transition:background .15s,border-color .15s,transform .1s;display:flex}.instrument-picker__item:active{transform:scale(.94)}.instrument-picker__item--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.instrument-picker__item-icon{font-size:1.6rem;line-height:1}.instrument-picker__item-name{color:var(--text-muted,#9ca3af);text-align:center;font-size:.65rem;line-height:1.2}.instrument-picker__item--active .instrument-picker__item-name{color:var(--accent);font-weight:600}.instrument-picker__capo{border-top:1px solid var(--border,#1f2937);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.instrument-picker__capo-label{color:var(--text-muted);min-width:2.5rem;font-size:.75rem;font-weight:600}.instrument-picker__capo-row{flex-wrap:wrap;gap:.35rem;display:flex}.instrument-picker__capo-btn{border:1px solid var(--border,#1f2937);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;font-size:.8rem;font-weight:600;transition:background .12s,border-color .12s,color .12s}.instrument-picker__capo-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.instrument-picker__clear{border:1px dashed var(--border,#374151);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:.6rem;padding:.65rem;font-size:.8rem;transition:background .15s,color .15s}.instrument-picker__clear:hover{background:var(--bg-card);color:var(--text)}.tuner__instrument-btn{border:1px solid var(--border,#1f2937);background:var(--bg-card,#1a2233);color:var(--text-muted);cursor:pointer;border-radius:99px;align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.tuner__instrument-btn--active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}@keyframes stringPulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.12)}}.string-guide{flex-direction:column;gap:.5rem;width:100%;display:flex}.string-guide__mode-toggle{justify-content:flex-end;gap:.35rem;display:flex}.string-guide__mode-btn{border:1px solid var(--border,#1f2937);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:99px;padding:.25rem .65rem;font-size:.7rem;transition:background .12s,border-color .12s,color .12s}.string-guide__mode-btn--active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.string-guide__strings{background:var(--bg-card,#111827);border:1px solid var(--border,#1f2937);border-radius:.75rem;justify-content:center;gap:.15rem;padding:.5rem .25rem;display:flex}.string-guide__string{border-radius:.5rem;flex-direction:column;align-items:center;gap:.15rem;min-width:2.8rem;padding:.3rem .2rem;transition:opacity .2s,transform .15s;display:flex;position:relative}.string-guide__string--active{animation:1.2s ease-in-out infinite stringPulse;transform:scale(1.08)}.string-guide__label{color:var(--text-muted);letter-spacing:.03em;font-size:.62rem;font-weight:600}.string-guide__note{color:var(--text);font-size:.95rem;font-weight:700;line-height:1}.string-guide__string--active .string-guide__note{color:var(--accent)}.string-guide__freq{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.6rem}.string-guide__dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-top:.1rem;display:block}@keyframes admin-spin{to{transform:rotate(360deg)}}@keyframes admin-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes admin-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes admin-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.song-toolbar{z-index:20;background:var(--bg-card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;left:0;right:0}.song-toolbar__row{justify-content:space-around;align-items:center;padding:.4rem .25rem .5rem;display:flex}.song-toolbar__slot{cursor:pointer;color:var(--text);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-width:44px;padding:.25rem .4rem;transition:background .15s;display:flex}.song-toolbar__slot:active:not(:disabled){background:var(--border)}.song-toolbar__slot:disabled{opacity:.4;cursor:not-allowed}.song-toolbar__slot-icon{background:var(--bg-card2,#1f2937);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:background .15s,border-color .15s;display:flex}.song-toolbar__slot-label{color:var(--text-muted);white-space:nowrap;font-size:.58rem;line-height:1}.song-toolbar__slot--active-blue .song-toolbar__slot-icon{background:var(--accent);border-color:var(--accent);color:#fff}.song-toolbar__slot--active-blue .song-toolbar__slot-label{color:var(--accent)}.song-toolbar__slot--active-green .song-toolbar__slot-icon{border-color:var(--green);background:#166534}.song-toolbar__slot--warn .song-toolbar__slot-icon{background:#f59e0b26;border-color:#f59e0b80}.song-toolbar__slot--warn .song-toolbar__slot-label{color:#f59e0b}.song-toolbar__slot--active-red .song-toolbar__slot-icon{background:#ef444433;border-color:#ef444480;animation:1.5s ease-in-out infinite pulse-red-toolbar}@keyframes pulse-red-toolbar{0%,to{opacity:1}50%{opacity:.55}}.song-toolbar__sep{background:var(--border);flex-shrink:0;align-self:center;width:1px;height:22px}.song-toolbar__transpose{flex-direction:row;gap:4px;min-width:auto;padding:.2rem .3rem}.song-toolbar__transpose-btn{background:var(--bg-card2,#1f2937);border:1px solid var(--border);width:24px;height:24px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:5px;justify-content:center;align-items:center;font-size:1rem;transition:background .15s;display:flex}.song-toolbar__transpose-btn:active:not(:disabled){background:var(--border)}.song-toolbar__transpose-btn:disabled{opacity:.4;cursor:not-allowed}.song-toolbar__key{color:var(--accent,#3b82f6);border:1px solid var(--accent,#3b82f6);text-align:center;background:#3b82f61a;border-radius:5px;min-width:28px;padding:2px 7px;font-size:.78rem;font-weight:700}.speed-popup__backdrop{z-index:19;position:fixed;inset:0}.song-toolbar__speed-wrap{position:relative}.speed-popup{z-index:20;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:.5rem .6rem;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}.speed-popup__top,.speed-popup__bottom{color:var(--text-muted);white-space:nowrap;font-size:.55rem}.speed-popup__slider{writing-mode:vertical-lr;width:20px;height:90px;accent-color:var(--accent);cursor:pointer;direction:rtl}.chord-token--tappable{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:4px;padding:0 2px;transition:background .12s,color .12s}.chord-token--tappable:hover,.chord-token--tappable:active{background:#3b82f62e}.chord-popover__backdrop{z-index:50;background:#00000073;position:fixed;inset:0}.chord-popover{z-index:51;background:var(--bg-card);border-top:1px solid var(--border);padding:0 0 calc(env(safe-area-inset-bottom,0px) + 12px);border-radius:16px 16px 0 0;animation:.25s cubic-bezier(.32,.72,0,1) chord-popover-in;position:fixed;bottom:0;left:0;right:0}@keyframes chord-popover-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chord-popover__handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:10px auto 0}.chord-popover__header{justify-content:space-between;align-items:center;padding:10px 16px 6px;display:flex}.chord-popover__name{color:var(--accent);letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.chord-popover__close{background:var(--bg-card2,#1f2937);width:28px;height:28px;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.chord-popover__close:active{opacity:.7}.chord-popover__tabs{gap:6px;padding:0 16px 10px;display:flex}.chord-popover__tab{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:8px;flex:1;padding:6px 0;font-size:.82rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.chord-popover__tab--active{background:var(--accent);border-color:var(--accent);color:#fff}.chord-popover__cards{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:0 16px 4px;display:flex;overflow-x:auto}.chord-popover__cards::-webkit-scrollbar{display:none}.chord-popover__card{border:1.5px solid var(--border);background:var(--bg-card2,#1f2937);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:6px;padding:10px 10px 8px;transition:border-color .15s,background .15s;display:flex}.chord-popover__card--active{border-color:var(--accent);background:#3b82f612}.chord-popover__card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.chord-popover__card--active .chord-popover__card-label{color:var(--accent)}.chord-popover__diagram{justify-content:center;align-items:center;display:flex}.chord-header-compact{background:var(--bg-card);z-index:10;border-bottom:1px solid var(--border);margin:0 -1rem .5rem;padding:.5rem 1.75rem .35rem;position:sticky;top:0}.chord-header-compact__row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chord-header-compact__title-area{flex:1;min-width:0}.chord-header-compact__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.chord-header-compact__artist{color:var(--text-muted);font-size:.8rem}.chord-header-compact__actions{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.chord-header-badges{border-top:1px solid var(--border-subtle,var(--border));flex-wrap:wrap;align-items:center;gap:.4rem;min-height:26px;margin-top:.3rem;padding-top:.3rem;display:flex}.song-toolbar__slot--active-yt .song-toolbar__slot-icon{background:#ef444426;border-color:#ef444466}@media (width>=768px){.song-toolbar{border-top:none;border-bottom:1px solid var(--border);border-radius:.5rem;margin-bottom:.5rem;position:sticky;bottom:auto;opacity:1!important;pointer-events:auto!important;transform:none!important}.speed-panel{position:sticky;bottom:auto;transform:none}.speed-panel__backdrop{display:none}.chord-display__content{padding-bottom:3rem}}.tools-page{max-width:600px;margin:0 auto;padding:1.5rem 1rem 6rem}.tools-page__header{margin-bottom:1.75rem}.tools-page__title{letter-spacing:-.03em;color:var(--text);margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.tools-page__subtitle{color:var(--text-muted);margin:0;font-size:.85rem}.tools-grid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:.625rem;padding:1.5rem 1rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.tool-card--available{color:var(--text);border-color:var(--border-subtle)}.tool-card--available:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #6366f126}.tool-card--available:active{transform:scale(.97)}.tool-card--soon{opacity:.5;cursor:default}.tool-card__icon{border-radius:var(--radius);background:var(--surface2);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.tool-card--available .tool-card__icon{color:var(--accent);background:var(--accent-soft)}.tool-card__label{letter-spacing:-.01em;font-size:.88rem;font-weight:600}.tool-card__badge{letter-spacing:.04em;text-transform:uppercase;background:var(--surface3);color:var(--text-faint);border:1px solid var(--border-subtle);border-radius:999px;padding:2px 7px;font-size:.6rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.tool-card__badge--beta{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.tool-card__badge--new{color:#22c55e;background:#22c55e26;border-color:#22c55e59}.bottom-nav__new-dot{border:1.5px solid var(--bg,#0a0a0a);pointer-events:none;background:#22c55e;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:6px}.tools-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:12px 16px 4px;font-size:.82rem;font-weight:600;transition:color .15s;display:inline-flex}.tools-back-btn:hover{color:var(--text)}.bible-tool{flex-direction:column;max-width:680px;height:100%;margin:0 auto;display:flex}.bible-tool__header{flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1rem 0;display:flex}.bible-tool__title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.bible-back-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-xs);background:0 0;border:none;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem 0;font-size:.82rem;transition:color .15s;display:inline-flex}.bible-back-btn:hover{color:var(--text)}.bible-tool__search-wrap{flex-shrink:0;padding:.875rem 1rem .5rem}.bible-tool__body{flex:1;padding:.5rem 1rem 6rem;overflow-y:auto}.bible-search-bar{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.6rem .875rem;transition:border-color .15s;display:flex}.bible-search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.bible-search-bar__icon{color:var(--text-muted);flex-shrink:0}.bible-search-bar__input{color:var(--text);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;font-size:.92rem}.bible-search-bar__input::placeholder{color:var(--text-faint)}.bible-search-bar__clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:color .15s;display:flex}.bible-search-bar__clear:hover{color:var(--text)}.bible-search-bar__mic{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;transition:color .15s;display:flex}.bible-search-bar__mic:hover{color:var(--accent)}.bible-search-bar__mic--on{color:#ef4444;animation:.75s ease-in-out infinite alternate mic-pulse}@keyframes mic-pulse{0%{opacity:.65;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.bible-search-bar--listening{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.bible-search-bar__voice-err{color:#f59e0b;flex-shrink:0;align-items:center;display:flex}.bible-search-bar__spinner{border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite bible-spin}@keyframes bible-spin{to{transform:rotate(360deg)}}.bible-search-bar{position:relative}.bible-autocomplete{background:var(--surface);border:1px solid var(--border);z-index:200;border-radius:12px;animation:.13s bac-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 36px #00000080}@keyframes bac-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bible-autocomplete__label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin:0;padding:10px 14px 2px;font-size:.68rem;font-weight:700}.bible-autocomplete__list{max-height:260px;margin:0;padding:4px;list-style:none;overflow-y:auto}.bible-autocomplete__item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;font-size:.9rem;transition:background .1s;display:flex}.bible-autocomplete__item:hover,.bible-autocomplete__item--on{background:#ffffff12}.bible-autocomplete__icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.bible-autocomplete__text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.bible-autocomplete__meta{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.bible-autocomplete__del{cursor:pointer;color:var(--text-faint);opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:3px 4px;line-height:1;transition:opacity .1s,color .1s;display:flex}.bible-autocomplete__item:hover .bible-autocomplete__del,.bible-autocomplete__item--on .bible-autocomplete__del{opacity:1}.bible-autocomplete__del:hover{color:var(--text)}.bible-ac-grid{padding:12px 12px 8px}.bible-ac-grid__header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.bible-ac-grid__book{color:var(--text);font-size:.9rem;font-weight:600}.bible-ac-grid__meta{color:var(--text-muted);font-size:.72rem}.bible-ac-grid__nums{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px;max-height:196px;display:grid;overflow-y:auto}.bible-ac-grid__num{border:1px solid var(--border-subtle);height:32px;color:var(--text-2);cursor:pointer;background:#ffffff0d;border-radius:6px;font-size:.78rem;line-height:1;transition:background .1s,color .1s,border-color .1s}.bible-ac-grid__num:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.quick-verses{padding-top:.5rem}.quick-verses__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0 0 .625rem;font-size:.72rem;font-weight:600}.quick-verses__list{flex-wrap:wrap;gap:.375rem;display:flex}.quick-verse-pill{background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.quick-verse-pill:hover,.quick-verse-pill:active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}@keyframes verse-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.verse-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);margin-top:.75rem;padding:1.25rem 1.25rem 1rem}.verse-card--in{animation:.3s ease-out both verse-in}.verse-card__ref{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:.625rem;font-size:.75rem;font-weight:700}.verse-card__body{color:var(--text);font-family:Cormorant Garamond,Georgia,serif;font-size:1.35rem;font-weight:400;line-height:1.65}.verse-card__num{color:var(--text-muted);vertical-align:super;margin-right:2px;font-family:system-ui,sans-serif;font-size:.65em;font-weight:600}.verse-card__version{color:var(--text-faint);letter-spacing:.04em;margin-top:.75rem;font-size:.68rem}.verse-card__actions{border-top:1px solid var(--border-subtle);gap:.5rem;margin-top:.875rem;padding-top:.75rem;display:flex}.verse-card__action-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;align-items:center;gap:.375rem;padding:5px 12px;font-size:.78rem;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.verse-card__action-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--border-subtle)}.bible-results__count{color:var(--text-muted);margin:.5rem 0 .625rem;font-size:.75rem}@keyframes result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bible-result-item{text-align:left;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;gap:.25rem;width:100%;margin-bottom:.375rem;padding:.75rem .875rem;transition:border-color .15s,background .15s;animation:.25s ease-out both result-in;display:flex}.bible-result-item:hover{border-color:var(--accent);background:var(--surface2)}.bible-result-item__ref{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}.bible-result-item__text{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;line-height:1.5;display:-webkit-box;overflow:hidden}.bible-highlight{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent);border-radius:2px;padding:0 1px}.bible-load-more{border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;margin-top:.5rem;padding:.625rem;font-size:.82rem;transition:border-color .15s,color .15s}.bible-load-more:hover{border-color:var(--accent);color:var(--accent)}.bible-error,.bible-no-results{color:var(--text-muted);text-align:center;padding:1rem 0;font-size:.85rem}.bible-error{color:var(--red)}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:1}}.verse-skeleton{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);margin-top:.75rem;padding:1.25rem}.verse-skeleton__ref,.verse-skeleton__line{background:linear-gradient(90deg, var(--surface2) 25%, var(--surface3) 50%, var(--surface2) 75%);background-size:800px 100%;border-radius:4px;animation:1.4s linear infinite shimmer}.verse-skeleton__ref{width:90px;height:10px;margin-bottom:.875rem}.verse-skeleton__line{width:100%;height:18px;margin-bottom:.5rem}.verse-skeleton__line--short{width:65%}.bible-empty{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.bible-empty__title{color:var(--text-muted);margin:0;font-size:1rem;font-weight:600}.bible-empty__sub{color:var(--text-faint);margin:0;font-size:.82rem;line-height:1.6}.bible-empty__sub code{background:var(--surface);border:1px solid var(--border-subtle);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.78rem}.bible-chapter-view{flex-direction:column;display:flex}.bible-chapter-view__header{border-bottom:1px solid var(--border-subtle);z-index:20;background:color-mix(in srgb, var(--bg-card,var(--bg)) 92%, transparent);-webkit-backdrop-filter:blur(10px);flex-direction:column;gap:0;padding:10px 14px 0;display:flex;position:sticky;top:0}.bible-chapter-view__header-row{align-items:center;gap:8px;min-width:0;display:flex}.bible-chapter-view__header-row--top{padding-bottom:8px}.bible-chapter-view__header-row--tools{gap:6px;padding-bottom:8px}.bible-chapter-view__title{color:var(--text);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.15rem;font-weight:600;overflow:hidden}.bible-cv-play{border:1.5px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,color .18s,border-color .18s;display:flex}.bible-cv-play:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:var(--accent);color:var(--accent)}.bible-cv-play--active{background:color-mix(in srgb, var(--accent) 15%, transparent);border-color:var(--accent);color:var(--accent);animation:2s ease-in-out infinite bible-play-pulse}.bible-cv-play:disabled{opacity:.35;cursor:default}@keyframes bible-play-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent)}50%{box-shadow:0 0 0 5px #0000}}.bible-chapter-view__body{flex-direction:column;display:flex}.bible-chapter-view__content{padding:20px 18px 16px}.bible-chapter-view__loading{padding:20px 0}.bible-chapter-view__text{color:var(--text);margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.08rem;line-height:1.85}.bible-cv{scroll-margin-top:110px;scroll-margin-bottom:80px;display:inline}.bible-cv--hi{background:color-mix(in srgb, var(--accent) 18%, transparent);border-radius:3px;margin:-1px -2px;padding:1px 2px}.bible-cv--tappable{cursor:pointer}.bible-cv--tappable:hover{color:var(--accent)}.bible-cv--speaking{border-left:4px solid var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent), 0 4px 16px -4px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:0 6px 6px 0;margin-left:-14px;padding-top:4px;padding-bottom:4px;padding-left:10px;transition:background .3s,border-color .3s,box-shadow .3s;animation:2.4s ease-in-out infinite bible-cv-pulse}@keyframes bible-cv-pulse{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent), 0 4px 16px -4px color-mix(in srgb, var(--accent) 30%, transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 36%, transparent), 0 6px 22px -2px color-mix(in srgb, var(--accent) 50%, transparent)}}.bible-cv__word-hi{background:var(--accent);color:var(--bg);border-radius:3px;padding:1px 3px;font-weight:600;transition:background .1s}.bible-cv--detected{background:#22c55e1a;border-left:4px solid #22c55e;border-radius:0 6px 6px 0;margin-left:-14px;padding-top:4px;padding-bottom:4px;padding-left:10px;transition:background .4s,border-color .4s}.bible-live-mic{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:4px 5px;transition:color .15s,background .15s;display:flex}.bible-live-mic:hover:not(:disabled){color:var(--text);background:#ffffff0f}.bible-live-mic:disabled{opacity:.35;cursor:default}.bible-live-mic--on{color:#ef4444;background:#ef44441a;animation:1.1s ease-in-out infinite alternate live-mic-pulse}@keyframes live-mic-pulse{0%{opacity:.7;background:#ef444414}to{opacity:1;background:#ef44442e}}.bible-zoom-controls{align-items:center;gap:2px;display:flex}.bible-zoom-btn{background:var(--bg-card);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:border-color .15s,color .15s;display:flex}.bible-zoom-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.bible-zoom-btn:disabled{opacity:.3;cursor:default}.bible-chapter-view__tts-controls{align-items:center;gap:6px;margin-left:auto;display:flex}.bible-voice-picker{position:relative}.bible-voice-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;max-width:130px;padding:5px 9px;font-size:.78rem;transition:border-color .18s,color .18s;display:flex}.bible-voice-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.bible-voice-btn:disabled{opacity:.4;cursor:default}.bible-voice-btn__name{text-overflow:ellipsis;max-width:80px;overflow:hidden}.bible-voice-panel{background:var(--bg-card);border:1px solid var(--border);z-index:120;border-radius:10px;width:230px;padding:10px 0 8px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000059}.bible-voice-panel__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);margin:0;padding:0 12px 6px;font-size:.72rem;font-weight:600}.bible-voice-list{max-height:200px;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.bible-voice-item{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;transition:background .14s;display:flex}.bible-voice-item:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.bible-voice-item--active{background:color-mix(in srgb, var(--accent) 12%, transparent)}.bible-voice-item__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bible-voice-item__lang{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.bible-voice-item__badge{flex-shrink:0;font-size:.68rem;font-weight:600}.bible-voice-hint-toggle{border:none;border-top:1px solid var(--border);cursor:pointer;width:100%;color:var(--text-muted);text-align:left;background:0 0;align-items:center;gap:5px;margin-top:6px;padding:7px 12px 3px;font-size:.75rem;transition:color .14s;display:flex}.bible-voice-hint-toggle:hover{color:var(--text)}.bible-voice-hint{padding:8px 12px 4px}.bible-voice-hint__title{color:var(--text);margin:0 0 5px;font-size:.76rem;font-weight:600}.bible-voice-hint__steps{color:var(--text-muted);margin:0;padding-left:16px;font-size:.74rem;line-height:1.65}.bible-cv__num{color:var(--accent);vertical-align:super;letter-spacing:0;opacity:.9;margin-right:2px;font-family:system-ui,sans-serif;font-size:.62rem;font-weight:600}.bible-chapter-view__nav{border-top:1px solid var(--border-subtle);z-index:20;background:color-mix(in srgb, var(--bg-card,var(--bg)) 92%, transparent);-webkit-backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;bottom:0}.bible-chapter-nav-btn{background:var(--surface);border:1px solid var(--border-subtle);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:8px 14px;font-size:.82rem;font-weight:500;transition:background .15s,opacity .15s;display:flex}.bible-chapter-nav-btn:hover:not(:disabled){background:var(--surface-hover,color-mix(in srgb, var(--accent) 8%, var(--surface)));border-color:var(--accent);color:var(--accent)}.bible-chapter-nav-btn:disabled{opacity:.3;cursor:default}.bible-chapter-view__nav-label{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.8rem}.bible-chapter-view__nav-sep{opacity:.5;margin:0 2px}.verse-card__action-btn--chapter{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.verse-card__action-btn--project{color:#ef4444;border-color:#ef44444d}.verse-card__action-btn--project:hover{background:color-mix(in srgb, #ef4444 10%, var(--surface))}.verse-related{border-top:1px solid var(--border-subtle);margin-top:12px;padding-top:10px}.verse-related__toggle{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:4px 0;font-size:.78rem;display:flex}.verse-related__toggle:hover{color:var(--text)}.verse-related__count{background:var(--accent);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:0 6px;font-size:.68rem;font-weight:700}.verse-related__chevron{margin-left:auto;transition:transform .2s}.verse-related__chevron--open{transform:rotate(180deg)}.verse-related__empty{color:var(--text-faint);margin:0;padding:6px 0;font-size:.78rem}.verse-related__body{flex-direction:column;gap:4px;margin-top:6px;display:flex}.verse-related__section-label{color:var(--text-faint);align-items:center;gap:5px;margin:6px 0 2px;padding:0;font-size:.72rem;display:flex}.verse-related__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.verse-related__list--suggested{opacity:.72}.verse-related__song{background:var(--surface);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;width:100%;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex}.verse-related__song:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.verse-related__key{background:var(--accent-soft,color-mix(in srgb, var(--accent) 15%, transparent));min-width:28px;height:28px;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.verse-related__info{flex:1;min-width:0}.verse-related__title{white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;display:block;overflow:hidden}.verse-related__artist{color:var(--text-muted);font-size:.74rem;display:block}.song-scriptures{border-top:1px solid var(--border-subtle);margin:16px 16px 0;padding:14px 0 0}.song-scriptures__header{align-items:center;gap:6px;margin-bottom:10px;display:flex}.song-scriptures__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex:1;font-size:.78rem;font-weight:600}.song-scriptures__add-btn{border:1px solid var(--border-subtle);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;transition:background .15s,border-color .15s;display:flex}.song-scriptures__add-btn:hover{background:color-mix(in srgb, var(--accent) 8%, transparent);border-color:var(--accent)}.song-scriptures__empty{color:var(--text-faint);margin:0;font-size:.78rem}.song-scriptures__list{flex-direction:column;gap:6px;display:flex}.scripture-chip{border:1px solid var(--border-subtle);border-radius:8px;transition:border-color .15s;overflow:hidden}.scripture-chip--open{border-color:var(--accent)}.scripture-chip__row{align-items:center;display:flex}.scripture-chip__ref{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:8px 10px;font-size:.82rem;font-weight:600;display:flex}.scripture-chip__chevron{margin-left:auto;transition:transform .2s}.scripture-chip__chevron--open{transform:rotate(180deg)}.scripture-chip__remove{border:none;border-left:1px solid var(--border-subtle);color:var(--text-faint);cursor:pointer;background:0 0;align-items:center;padding:8px 10px;display:flex}.scripture-chip__remove:hover{color:#ef4444}.scripture-chip__body{background:color-mix(in srgb, var(--accent) 4%, transparent);padding:0 10px 10px}.scripture-chip__loading{background:var(--accent);border-radius:2px;height:3px;margin:6px 0;animation:1s infinite shimmer}.scripture-chip__text{color:var(--text);margin:6px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;line-height:1.7}.scripture-search{margin-bottom:10px}.scripture-search__input-row{gap:6px;display:flex}.scripture-search__input{background:var(--surface);border:1px solid var(--border-subtle);color:var(--text);border-radius:8px;flex:1;padding:8px 12px;font-size:.84rem}.scripture-search__input:focus{border-color:var(--accent);outline:none}.scripture-search__cancel{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:8px 10px;font-size:.8rem}.scripture-search__spinner{background:var(--accent);border-radius:1px;height:2px;margin:6px 0;animation:1s infinite shimmer}.scripture-search__error{color:#ef4444;margin:4px 0 0;font-size:.78rem}.scripture-search__preview{background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;margin-top:8px;padding:10px 12px}.scripture-search__ref{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:.72rem;font-weight:700}.scripture-search__text{color:var(--text);margin:0 0 10px;font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;line-height:1.7}.scripture-search__link-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:8px;font-size:.82rem;font-weight:600}.scripture-search__link-btn:disabled{opacity:.6}.live-verse-overlay{background:color-mix(in srgb, var(--bg,#0f1117) 85%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;justify-content:center;align-items:center;padding:24px;animation:.3s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.live-verse-overlay__card{background:var(--bg-card,#1a1f2e);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:16px;width:100%;max-width:480px;padding:28px 24px;box-shadow:0 8px 40px #0009}.live-verse-overlay__ref{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.72rem;font-weight:700}.live-verse-overlay__text{color:var(--text);margin:0 0 14px;font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;line-height:1.75}.live-verse-overlay__version{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.setlist-reading-item{border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, var(--accent) 4%, transparent);align-items:center;gap:10px;padding:10px 14px;transition:background .2s;display:flex}.setlist-reading-item--projecting{background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:inset 3px 0 0 var(--accent)}.setlist-reading-projecting-tag{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:.65rem;font-weight:700;display:inline-block}.sl-project-btn{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:5px 10px;font-size:.72rem;font-weight:600;transition:background .15s,border .15s;display:inline-flex}.sl-project-btn:hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}.sl-project-btn--active{background:var(--red);border-color:var(--red);color:#fff}.sl-project-btn--active:hover{background:color-mix(in srgb, var(--red) 85%, black)}.sl-reorder{flex-direction:column;flex-shrink:0;gap:1px;margin-right:4px;display:flex}.sl-reorder-btn{border:1px solid var(--border);width:22px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:flex}.sl-reorder-btn:hover:not(:disabled){background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.sl-reorder-btn:disabled{opacity:.3;cursor:not-allowed}.setlist-nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:.6rem;display:flex}.setlist-nav__sides{gap:6px;display:flex}.setlist-nav__btn{border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;align-items:center;gap:4px;max-width:140px;padding:6px 10px;font-size:.78rem;font-weight:600;transition:background .12s,border .12s;display:inline-flex}.setlist-nav__btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.setlist-nav__btn:disabled{opacity:.35;cursor:not-allowed}.setlist-nav__label{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.reading-view-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-top:.5rem;padding:1.25rem 1rem}.reading-view-header{border-bottom:1px solid var(--border-subtle);margin-bottom:1rem;padding-bottom:.85rem}.reading-view-ref{color:var(--accent);margin:0;font-size:1.4rem;font-weight:700}.reading-view-label{color:var(--text-muted);margin:.25rem 0 0;font-size:.85rem;font-style:italic}.reading-view-body{padding:.25rem 0}.reading-view-verse{color:var(--text);margin:0 0 .75rem;font-size:1.05rem;line-height:1.7}.reading-view-verse-num{color:var(--accent);vertical-align:super;margin-right:6px;font-size:.7rem;font-weight:700;display:inline-block}.setlist-reading-icon{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.setlist-reading-info{flex:1;min-width:0}.setlist-reading-ref{color:var(--accent);font-size:.86rem;font-weight:600;display:block}.setlist-reading-label{color:var(--text-muted);margin-top:1px;font-size:.76rem;display:block}.sl-add-actions{gap:8px;padding:12px 0 4px;display:flex}.sl-add-song-btn,.sl-add-reading-btn{cursor:pointer;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.sl-add-song-btn:hover,.sl-add-reading-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.sl-add-reading-btn{color:var(--accent)}.reading-preview{background:color-mix(in srgb, var(--accent) 6%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:10px;margin-top:10px;padding:12px 14px}.reading-preview__ref{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:.72rem;font-weight:700}.reading-preview__text{color:var(--text);margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;line-height:1.7}.sermon-planner{max-width:680px;margin:0 auto;padding:20px 16px 60px}.sermon-planner__header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.sermon-planner__header-icon{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.sermon-planner__title{color:var(--text);margin:0 0 2px;font-size:1.2rem;font-weight:700}.sermon-planner__subtitle{color:var(--text-muted);margin:0;font-size:.8rem}.sermon-form{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:18px;padding:20px;display:flex}.sermon-form__field{flex-direction:column;gap:6px;display:flex}.sermon-verse-row{align-items:center;gap:6px;display:flex}.sermon-verse-row__input{resize:none;flex:1;min-width:0}.sermon-verse-row__bible-btn{border:1px solid var(--border);background:var(--bg);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.sermon-verse-row__bible-btn:hover,.sermon-verse-row__bible-btn--on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.sermon-bible-search{margin-top:6px;animation:.2s both sermon-in}.sermon-form__field--diag{border-top:1px solid var(--border);margin-top:2px;padding-top:16px}.sermon-form__label{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:4px;font-size:.8rem;font-weight:600;display:flex}.sermon-form__label-hint{color:var(--text-muted);font-size:.75rem;font-weight:400}.sermon-form__req{color:var(--accent)}.sermon-form__label-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.sermon-form__label-row .sermon-form__label{margin-bottom:0}.sermon-mic-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;transition:color .15s,border-color .15s,background .15s;display:flex}.sermon-mic-btn:hover{color:var(--accent);border-color:var(--accent)}.sermon-mic-btn--on{color:#ef4444;background:#ef444414;border-color:#ef4444;animation:1.2s ease-in-out infinite sermon-mic-pulse}.sermon-mic-btn__label{font-size:.7rem}@keyframes sermon-mic-pulse{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 4px #ef444400}}.sermon-form__textarea--listening{box-shadow:0 0 0 2px #ef444426;border-color:#ef4444!important}.sermon-form__textarea,.sermon-form__select{background:var(--bg);border:1px solid var(--border);color:var(--text);resize:vertical;box-sizing:border-box;border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:.88rem;transition:border-color .15s}.sermon-form__textarea:focus,.sermon-form__select:focus{border-color:var(--accent);outline:none}.sermon-form__textarea--diag{min-height:110px;line-height:1.55}.sermon-form__duration-val{color:var(--accent);margin-left:6px;font-weight:700}.sermon-form__slider{appearance:none;background:var(--border);cursor:pointer;width:100%;height:4px;accent-color:var(--accent);border-radius:2px}.sermon-form__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:18px;height:18px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:50%}.sermon-form__slider-marks{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:.7rem;display:flex}.sermon-form__plan-lock{color:var(--text-muted);align-items:center;gap:5px;margin-top:6px;font-size:.75rem;display:flex}.sermon-form__plan-lock svg{color:var(--accent);flex-shrink:0}.sermon-form__plan-lock span{color:var(--accent);cursor:pointer;font-weight:600}.sermon-form__error{color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin:0;padding:8px 12px;font-size:.82rem}.sermon-form__limit-warn{color:#f59e0b;margin:0;font-size:.78rem}.sermon-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:.95rem;font-weight:600;transition:opacity .15s,transform .1s;display:flex}.sermon-btn:hover:not(:disabled){opacity:.88}.sermon-btn:active:not(:disabled){transform:scale(.98)}.sermon-btn:disabled{opacity:.5;cursor:default}.sermon-btn--outline{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:0 0;width:auto;padding:10px 20px}.sermon-btn--outline:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.sermon-btn__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}.sermon-result{animation:.45s both sermon-in}@keyframes sermon-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sermon-result__title-block{background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);text-align:center;border-radius:16px;margin-bottom:14px;padding:20px}.sermon-result__kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}.sermon-result__title{color:var(--text);margin:0;font-size:1.35rem;font-weight:800;line-height:1.35}.sermon-result__anchor{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:14px;display:flex}.sermon-result__anchor svg{flex-shrink:0;margin-top:1px}.sermon-result__anchor-text{color:var(--text);margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;font-style:italic;line-height:1.6}.sermon-result__bisagra{background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:10px;margin-bottom:18px;padding:14px}.sermon-result__bisagra-label{text-transform:uppercase;letter-spacing:.08em;color:#f59e0b;align-items:center;gap:6px;margin-bottom:8px;font-size:.72rem;font-weight:700;display:flex}.sermon-result__bisagra-text{color:var(--text);margin:0;font-size:.88rem;line-height:1.6}.sermon-result__time-bar{border-radius:3px;gap:2px;height:6px;margin-bottom:20px;display:flex;overflow:hidden}.sermon-result__time-seg{border-radius:2px;min-width:4px}.sermon-result__sections{flex-direction:column;gap:12px;display:flex}.sermon-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.sermon-section__meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.sermon-section__badge{border:1px solid #0000;border-radius:20px;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.sermon-section__badge--tipo{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.sermon-section__badge--time{background:var(--bg);color:var(--text-muted);border-color:var(--border);margin-left:auto}.sermon-section__titulo{color:var(--text);margin:0 0 8px;font-size:.97rem;font-weight:700}.sermon-section__desarrollo{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.65}.sermon-section__ilustracion{background:color-mix(in srgb, var(--accent) 5%, transparent);border:1px dashed color-mix(in srgb, var(--accent) 25%, transparent);color:var(--text-muted);border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:.82rem;line-height:1.6;display:flex}.sermon-section__ilustracion svg{color:var(--accent);flex-shrink:0;margin-top:2px}.sermon-section__ilustracion p{margin:0}.sermon-section__textos-biblicos{color:var(--text-muted);background:#a78bfa0f;border:1px solid #a78bfa38;border-radius:8px;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 12px;font-size:.78rem;display:flex}.sermon-section__textos-biblicos svg{color:#a78bfa;flex-shrink:0;margin-top:2px}.sermon-section__textos-biblicos ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.sermon-section__textos-biblicos li:before{content:"— ";color:#a78bfa;font-weight:600}.sermon-history{border:1px solid var(--border);border-radius:10px;margin-top:20px;overflow:hidden}.sermon-history__toggle{background:var(--surface);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;border:none;align-items:center;gap:7px;padding:11px 14px;font-size:.8rem;font-weight:600;transition:color .15s,background .15s;display:flex}.sermon-history__toggle:hover{color:var(--text);background:color-mix(in srgb, var(--border) 40%, transparent)}.sermon-history__list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.sermon-history__item{border-bottom:1px solid var(--border);align-items:stretch;display:flex}.sermon-history__item:last-child{border-bottom:none}.sermon-history__item-main{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:3px;padding:10px 14px;transition:background .15s;display:flex}.sermon-history__item-main:hover{background:color-mix(in srgb, var(--accent) 5%, transparent)}.sermon-history__title{color:var(--text);font-size:.82rem;font-weight:600;line-height:1.3}.sermon-history__meta{color:var(--text-muted);font-size:.72rem}.sermon-history__del{border:none;border-left:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;padding:0 12px;transition:color .15s,background .15s;display:flex}.sermon-history__del:hover{color:#ef4444;background:#ef44440f}.sermon-result__kicker{align-items:center;gap:5px;display:inline-flex}.sermon-result__footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.offline-banner{z-index:9999;text-align:center;letter-spacing:.02em;pointer-events:none;padding:.45rem 1rem;font-size:.8rem;font-weight:600;position:fixed;top:0;left:0;right:0}.offline-banner--offline{color:#fde68a;background:#78350f}.offline-banner--reconnected{color:#bbf7d0;background:#14532d}.role-gate{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;padding:2rem 1.25rem;display:flex}.role-gate__icon{background:var(--surface2);width:56px;height:56px;color:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.85rem;display:flex}.role-gate__title{color:var(--text);margin-bottom:.35rem;font-size:.95rem;font-weight:700}.role-gate__desc{color:var(--text-muted);max-width:320px;margin-bottom:.5rem;font-size:.85rem;line-height:1.5}.role-gate__hint{color:var(--text-faint);max-width:300px;font-size:.78rem;font-style:italic;line-height:1.45}.role-gate__cta-wrap{flex-direction:column;align-items:center;gap:.4rem;margin-top:1rem;display:flex}.role-gate__cta{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);cursor:pointer;border:1px solid #6366f14d;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.role-gate__cta:hover{background:#6366f12e}.role-gate__cta:active{transform:scale(.97)}.role-gate__cta-note{color:var(--text-faint);max-width:280px;font-size:.72rem;line-height:1.45}.role-gate__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.85rem;display:flex}.plan-badge{letter-spacing:.01em;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);white-space:nowrap;border:1px solid #6366f140;align-items:center;gap:.3rem;font-weight:600;text-decoration:none;display:inline-flex}.plan-badge--sm{padding:.1rem .45rem;font-size:.66rem}.plan-badge--md{padding:.22rem .6rem;font-size:.78rem}button.plan-badge{cursor:pointer;transition:background .15s}button.plan-badge:hover{background:#6366f133}button.plan-badge:active{transform:scale(.96)}.disabled-reason{flex-direction:column;align-items:center;gap:.3rem;display:flex}.disabled-reason__btn{cursor:not-allowed;opacity:.55}.disabled-reason__hint{color:var(--text-muted);text-align:center;max-width:280px;font-size:.72rem;font-style:italic;line-height:1.4}.studio-view{padding:1rem}.studio-library__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.studio-library__list{gap:.5rem;padding:0;list-style:none;display:grid}.studio-library__item{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.studio-library__item:hover{border-color:var(--accent)}.studio-library__item-main h3{margin:0}.studio-library__item-main .studio-library__meta{color:var(--text-muted);font-size:.85rem}.studio-library__delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.25rem}.studio-library__delete:hover{color:#ef4444}.studio-library__empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.studio-library__empty-icon{opacity:.9}.studio-library__empty-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.studio-library__empty-subtitle{max-width:320px;margin:0;font-size:.95rem;line-height:1.5}.studio-library__tracks{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.studio-library__track-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .9rem;font-size:.85rem;display:flex}.studio-library__use-cases{text-align:left;flex-direction:column;gap:.75rem;width:100%;max-width:340px;display:flex}.studio-library__use-case{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.studio-library__use-case-icon{font-size:1.4rem;line-height:1}.studio-library__use-case strong{color:var(--text);margin-bottom:.2rem;font-size:.9rem;display:block}.studio-library__use-case p{margin:0;font-size:.8rem;line-height:1.4}.studio-library__empty-cta{padding:.75rem 2rem;font-size:1rem}.studio-library__hint{opacity:.6;margin:0;font-size:.8rem}.studio-library__loading{text-align:center;color:var(--text-muted);padding:2rem}.studio-wizard__step{max-width:480px;margin:0 auto;padding:1rem}.studio-pick__header{color:var(--text);align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.studio-pick__header h2{margin:0;font-size:1.2rem}.studio-pick__quota{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.6rem .9rem;font-size:.85rem;display:flex}.studio-pick__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .6rem;font-size:.8rem}.studio-pick__option{background:var(--bg-card);border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:.9rem;width:100%;padding:1rem 1.1rem;transition:border-color .18s,transform .1s;display:flex}.studio-pick__option:hover{border-color:var(--accent)}.studio-pick__option:active{transform:scale(.98)}.studio-pick__option--catalog{cursor:default;border-radius:12px 12px 0 0;margin-bottom:0}.studio-pick__option--catalog:hover{border-color:var(--border)}.studio-pick__option--upload{cursor:pointer;position:relative}.studio-pick__option--disabled{opacity:.45;pointer-events:none}.studio-pick__option-icon{background:color-mix(in srgb, var(--accent) 12%, transparent);width:40px;height:40px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.studio-pick__option-text{flex:1}.studio-pick__option-text strong{color:var(--text);font-size:.95rem;display:block}.studio-pick__option-text span{color:var(--text-muted);font-size:.8rem}.studio-pick__option-arrow{color:var(--text-muted);flex-shrink:0}.studio-pick__divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:.85rem 0;font-size:.8rem;display:flex}.studio-pick__divider:before,.studio-pick__divider:after{content:"";background:var(--border);flex:1;height:1px}.studio-pick__loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;display:flex}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-pick__spinner{animation:1s linear infinite studio-spin}.studio-wizard__quota{background:var(--bg-card);border-radius:8px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.studio-wizard__error{color:#ef4444;border:1px solid #ef4444;border-radius:8px;margin:1rem 0;padding:.75rem}.studio-wizard__loading{color:var(--text-muted);margin-top:1rem}.studio-wizard__progress{background:var(--bg-card);border-radius:8px;width:100%;height:16px;margin:1rem 0 .5rem;overflow:hidden}.studio-wizard__progress-bar{background:var(--accent);height:100%;transition:width .2s}.studio-wizard__progress--indeterminate .studio-wizard__progress-bar--pulse{width:35%;transition:none;animation:1.4s ease-in-out infinite studio-wizard-indeterminate}@keyframes studio-wizard-indeterminate{0%{transform:translate(-100%)}to{transform:translate(285%)}}.studio-wizard__progress-text{color:var(--text);font-size:.95rem}.studio-wizard__progress-hint{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.studio-wizard__tier{text-align:center;margin:1rem 0}.studio-wizard__tier-badge{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent);border-radius:999px;margin-bottom:.5rem;padding:.25rem .85rem;font-size:.85rem;font-weight:600;display:inline-block}.studio-wizard__tier p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}.studio-pick__crash-banner{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;margin:.5rem 0 1rem;padding:.9rem 1rem}.studio-pick__crash-banner strong{color:#fbbf24;margin-bottom:.3rem;font-size:.92rem;display:block}.studio-pick__crash-banner p{color:var(--text-muted);margin:0 0 .7rem;font-size:.85rem;line-height:1.5}.studio-pick__crash-banner button{padding:.4rem .9rem;font-size:.85rem}.studio-pick__block-banner{text-align:center;background:#ef444414;border:1px solid #ef44444d;border-radius:12px;margin:1.25rem 0;padding:1.5rem 1.25rem}.studio-pick__block-icon{color:#f87171;background:#ef44442e;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.75rem;display:inline-flex}.studio-pick__block-banner strong{color:var(--text);margin-bottom:.5rem;font-size:1rem;display:block}.studio-pick__block-banner p{color:var(--text-muted);margin:0 0 .75rem;font-size:.9rem;line-height:1.5}.studio-pick__block-existing{opacity:.9;font-size:.85rem!important}.studio-pick__block-banner button{margin-top:.5rem;padding:.6rem 1.1rem;font-size:.9rem}.studio-wizard__interrupted{text-align:left;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:10px;margin:1rem 0;padding:1rem}.studio-wizard__interrupted strong{color:#fbbf24;margin-bottom:.35rem;font-size:.95rem;display:block}.studio-wizard__interrupted p{color:var(--text-muted);margin:0 0 .75rem;font-size:.85rem;line-height:1.5}.studio-warning{text-align:center;max-width:420px}.studio-warning__icon{background:color-mix(in srgb, var(--accent) 12%, transparent);width:64px;height:64px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.studio-warning h3{color:var(--text);margin:0 0 .5rem;font-size:1.25rem}.studio-warning__lead{color:var(--text-muted);margin:0 0 1.25rem;font-size:.95rem;line-height:1.5}.studio-warning__list{text-align:left;margin:0 0 1.5rem;padding:0;list-style:none}.studio-warning__list li{color:var(--text);gap:.6rem;padding:.4rem 0;font-size:.88rem;line-height:1.5;display:flex}.studio-warning__bullet{color:var(--accent);flex-shrink:0;font-weight:700}.studio-warning__actions{justify-content:flex-end;gap:.6rem;display:flex}.studio-warning__actions button{flex:1}.studio-warning__mobile-note{text-align:left;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;flex-direction:column;gap:.35rem;margin:0 0 1.25rem;padding:.85rem 1rem;display:flex}.studio-warning__mobile-note strong{color:#fbbf24;font-size:.9rem}.studio-warning__mobile-note span{color:var(--text-muted);font-size:.85rem;line-height:1.5}.studio-mixer{max-width:720px;margin:0 auto;padding:1rem}.studio-mixer__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.studio-mixer__titles h2{margin:0}.studio-mixer__titles .studio-mixer__artist{color:var(--text-muted);margin:0;font-size:.9rem}.studio-mixer__more{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.studio-mixer__transport{align-items:center;gap:.75rem;margin:1rem 0;display:flex}.studio-mixer__playbtn{background:var(--accent);width:48px;height:48px;color:var(--bg-card);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.studio-mixer__scrub{flex:1}.studio-mixer__time{color:var(--text-muted);text-align:right;min-width:80px;font-size:.85rem}.studio-mixer-loading{text-align:center;color:var(--text-muted);padding:3rem}.studio-stem-track{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem;padding:.75rem}.studio-stem-track__header{align-items:center;gap:.5rem;display:flex}.studio-stem-track__icon{font-size:1rem}.studio-stem-track__label{flex:1;font-weight:600}.studio-stem-track__btn{background:var(--bg-card);border:1px solid var(--border);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:4px;font-size:.8rem;font-weight:600}.studio-stem-track__btn.is-active{background:var(--accent);color:var(--bg-card);border-color:var(--accent)}.studio-stem-track__slider{width:100%;margin-top:.5rem}.studio-stem-track__value{color:var(--text-muted);font-size:.85rem}.studio-vu-meter{background:var(--border);border-radius:4px;width:80px;height:8px}.studio-mixer__master{background:var(--bg-card);border-radius:8px;align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem;display:flex}.studio-mixer__master input{flex:1}.studio-mixer__presets{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.studio-mixer__presets button{background:var(--bg-card);border:1px solid var(--border);min-width:100px;color:var(--text);cursor:pointer;border-radius:8px;flex:1;padding:.6rem .75rem}.studio-mixer__presets button:hover{border-color:var(--accent)}.studio-mixer__actions{gap:.5rem;margin-top:1rem;display:flex}.studio-mixer__actions button{flex:1}.studio-song-picker{margin-bottom:0}.studio-song-picker__search-wrap{background:var(--bg-card);border:1.5px solid var(--border);border-top:none;border-radius:0 0 12px 12px;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:0 .9rem;display:flex}.studio-song-picker__search-wrap svg{color:var(--text-muted);flex-shrink:0}.studio-song-picker__search-wrap>button{flex-shrink:0}.studio-song-picker__input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.75rem 0;font-size:.95rem}@media (width<=480px){.studio-song-picker__search-wrap{flex-wrap:wrap;padding:.5rem .9rem}.studio-song-picker__search-wrap>button{width:100%}}.studio-song-picker__results{background:var(--bg-card);border:1.5px solid var(--border);border-radius:8px;max-height:240px;margin:.25rem 0 0;padding:0;list-style:none;overflow-y:auto}.studio-song-picker__results li{border-bottom:1px solid var(--border)}.studio-song-picker__results li:last-child{border-bottom:none}.studio-song-picker__results button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.studio-song-picker__results button:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.studio-song-picker__title{flex:1;font-size:.9rem}.studio-song-picker__artist{color:var(--text-muted);font-size:.8rem}.backing-track{background:var(--bg-card);border-top:1px solid var(--border);border-radius:0 0 8px 8px;align-items:center;gap:.5rem;padding:.75rem;display:flex}.backing-track button{background:var(--accent);width:36px;height:36px;color:var(--bg-card);cursor:pointer;border:none;border-radius:50%;font-size:1rem}.backing-track input[type=range]{flex:1}.backing-track--locked{color:var(--text-muted);text-align:center;background:var(--bg-card);border-radius:0 0 8px 8px;padding:.5rem;font-size:.85rem}.setlist-song__badge{margin-left:.5rem;font-size:.85rem;display:inline-block}.rhythm-box{width:100%;max-width:480px;color:var(--text);box-sizing:border-box;margin:0 auto;padding:1rem}.rhythm-box__header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.rhythm-box__title{align-items:center;gap:.5rem;margin:0;font-size:1.4rem;font-weight:700;display:flex}.rhythm-box__beta{background:var(--accent);color:#fff;text-transform:uppercase;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.rhythm-box__metronome{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.rhythm-box__bt-banner{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;flex-direction:column;gap:.25rem;padding:.75rem 1rem;display:flex}.rhythm-box__bt-banner strong{color:#fbbf24;font-size:.9rem}.rhythm-box__bt-banner span{color:var(--text-muted);font-size:.85rem}.rhythm-box__beats{justify-content:center;align-items:center;gap:.6rem;min-height:44px;display:flex}.rhythm-box__beat-dot{border:2px solid var(--border);background:0 0;border-radius:50%;width:18px;height:18px;transition:transform .1s ease-out,background .1s ease-out,border-color .1s ease-out}.rhythm-box__beat-dot--accent{border-color:var(--accent)}.rhythm-box__beat-dot--active{background:var(--accent);border-color:var(--accent);transform:scale(1.3)}.rhythm-box__beat-dot--accent.rhythm-box__beat-dot--active{box-shadow:0 0 12px var(--accent)}.rhythm-box__bpm-display{flex-direction:column;align-items:center;gap:.25rem;display:flex}.rhythm-box__bpm-number{color:var(--text);text-align:center;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:5ch;font-size:4rem;font-weight:800;line-height:1}.rhythm-box__bpm-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rhythm-box__bpm-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rhythm-box__bpm-label{letter-spacing:.1em;color:var(--text-muted);font-size:.85rem}.rhythm-box__tempo-marking{color:var(--text-muted);font-size:.85rem;font-style:italic}.rhythm-box__bpm-slider{width:100%}.rhythm-box__tap{background:var(--bg-secondary);border:1.5px solid var(--border);min-width:140px;color:var(--text);letter-spacing:.1em;cursor:pointer;border-radius:12px;align-self:center;padding:.75rem 2rem;font-size:1rem;font-weight:700;transition:transform 80ms ease-out}.rhythm-box__tap:active{transform:scale(.96)}.rhythm-box__tap--pulse{animation:.2s ease-out rhythmTapPulse}@keyframes rhythmTapPulse{0%{background:var(--bg-secondary)}50%{background:color-mix(in srgb, var(--accent) 25%, var(--bg-secondary))}to{background:var(--bg-secondary)}}.rhythm-box__signatures{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.rhythm-box__sig-pill{background:var(--bg-secondary);border:1.5px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;min-height:44px;padding:.4rem .9rem;font-size:.9rem;font-weight:600}.rhythm-box__sig-pill--active{background:var(--accent);border-color:var(--accent);color:#fff}.rhythm-box__volume{color:var(--text-muted);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.rhythm-box__volume input[type=range]{flex:1}.rhythm-box__play{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;min-height:56px;padding:1rem;font-size:1.1rem;font-weight:700}.rhythm-box__play--stop{background:#dc2626}.rhythm-box__count-in-num{font-size:2rem;font-weight:800}.rhythm-box__count-in-toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.rhythm-box__tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:.4rem;margin-bottom:1rem;display:flex;overflow-x:auto}.rhythm-box__tabs::-webkit-scrollbar{display:none}.rhythm-box__tab{min-height:44px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;padding:.65rem .75rem;font-size:.88rem;font-weight:600}.rhythm-box__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.rhythm-box__library{flex-direction:column;align-items:stretch;gap:1rem;width:100%;display:flex}.rhythm-box__disclaimer{color:var(--text-muted);background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;padding:.75rem 1rem;font-size:.85rem;line-height:1.4}.rhythm-box__search{background:var(--bg-card);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:.65rem .9rem;font-size:.95rem}.rhythm-box__search:focus{border-color:var(--accent)}.rhythm-box__genre-chips{gap:.4rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.rhythm-box__genre-chip{background:var(--bg-secondary);border:1.5px solid var(--border);min-height:36px;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.rhythm-box__genre-chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.rhythm-box__pattern-list{flex-direction:column;gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.rhythm-box__pattern-list li{width:100%}.rhythm-box__pattern-card{background:var(--bg-card);border:1.5px solid var(--border);width:100%;min-height:64px;color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.rhythm-box__pattern-card:hover{border-color:var(--accent)}.rhythm-box__pattern-card-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.rhythm-box__pattern-card-info strong{font-size:.95rem}.rhythm-box__pattern-card-meta{color:var(--text-muted);font-size:.8rem}.rhythm-box__pattern-card--playing{border-color:var(--accent)}.rhythm-box__player{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:1rem;padding:1rem;display:flex}.rhythm-box__player-back{min-height:36px;color:var(--text-muted);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.85rem;display:inline-flex}.rhythm-box__player-header{flex-direction:column;align-items:center;gap:.2rem;display:flex}.rhythm-box__player-header h2{margin:0;font-size:1.2rem}.rhythm-box__player-header span{color:var(--text-muted);font-size:.85rem}.rhythm-box__track-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.rhythm-box__track{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.rhythm-box__track--muted{opacity:.5}.rhythm-box__track-mute{cursor:pointer;background:0 0;border:none;width:36px;height:36px;font-size:1rem}.rhythm-box__track-name{flex:0 0 7rem;font-size:.85rem}.rhythm-box__track-volume{flex:1}.rhythm-box__midi-export{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.rhythm-box__repeat-selector{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.rhythm-box__repeat-selector>span{color:var(--text-muted);font-size:.85rem}.rhythm-box__repeat-pill{background:var(--bg-secondary);border:1.5px solid var(--border);min-width:44px;min-height:36px;color:var(--text);cursor:pointer;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.rhythm-box__repeat-pill--active{background:var(--accent);border-color:var(--accent);color:#fff}.rhythm-box__loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.rhythm-box__loading-bar{background:var(--bg-secondary);border-radius:3px;width:100%;height:6px;overflow:hidden}.rhythm-box__loading-bar-fill{background:var(--accent);height:100%;transition:width .2s ease-out}.rhythm-box__btn{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border,#444);cursor:pointer;border-radius:8px;padding:.5rem .9rem;font-size:.85rem;transition:background .12s}.rhythm-box__btn:hover{background:var(--bg-hover,#2a2a2a)}.rhythm-box__btn--primary{background:var(--accent,#6c5ce7);color:#fff;border-color:var(--accent)}.rhythm-box__btn--primary:hover{filter:brightness(1.1)}.rhythm-box__btn--danger{color:#fff;background:#c0392b;border-color:#c0392b}.rhythm-box__btn-toggle{color:var(--text-muted);border:1px solid var(--border,#444);cursor:pointer;background:0 0;border-radius:6px;margin:0 .2rem;padding:.25rem .6rem}.rhythm-box__btn-toggle--active{background:var(--accent,#6c5ce7);color:#fff;border-color:var(--accent)}.rhythm-box__chip{background:var(--bg-secondary);border:1px solid var(--border,#444);cursor:pointer;color:var(--text);border-radius:999px;margin:.2rem;padding:.3rem .7rem;font-size:.85rem;display:inline-block}.rhythm-box__chip:hover{filter:brightness(1.15)}.rhythm-box__editor{flex-direction:column;gap:.75rem;min-height:100%;padding:.75rem;display:flex}.rhythm-box__editor-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.rhythm-box__editor-name{background:var(--bg-secondary);min-width:200px;color:var(--text);border:1px solid var(--border,#444);border-radius:6px;flex:1;padding:.4rem .7rem;font-size:1rem;font-weight:600}.rhythm-box__editor-config,.rhythm-box__editor-section-config{background:var(--bg-secondary);border-radius:6px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem;font-size:.85rem;display:flex}.rhythm-box__editor-config input[type=number],.rhythm-box__editor-section-config input{background:var(--bg,#1a1a1a);width:64px;color:var(--text);border:1px solid var(--border,#444);border-radius:4px;padding:.25rem .4rem}.rhythm-box__editor-section-config input[type=text],.rhythm-box__editor-section-config input:not([type=number]){width:140px}.rhythm-box__timeline{align-items:stretch;gap:.5rem;padding:.5rem 0;display:flex;overflow-x:auto}.rhythm-box__timeline-section{background:var(--bg-secondary);cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;flex-shrink:0;gap:.2rem;min-width:110px;padding:.5rem .6rem;display:flex;position:relative}.rhythm-box__timeline-section--active{border-width:2px}.rhythm-box__timeline-section--playing{animation:.6s infinite alternate rb-pulse}@keyframes rb-pulse{0%{box-shadow:0 0 #6c5ce700}to{box-shadow:0 0 12px #6c5ce799}}.rhythm-box__timeline-section-label{font-size:.85rem;font-weight:600}.rhythm-box__timeline-section-rep{color:var(--text-muted);font-size:.75rem}.rhythm-box__timeline-section-actions{gap:.15rem;margin-top:.25rem;display:flex}.rhythm-box__timeline-section-actions button{border:1px solid var(--border,#444);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:0 .35rem;font-size:.7rem}.rhythm-box__timeline-section-actions button:disabled{opacity:.3;cursor:not-allowed}.rhythm-box__timeline-add{color:var(--accent,#6c5ce7);border:1px dashed var(--accent,#6c5ce7);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:.5rem .8rem}.rhythm-box__grid-container{border:1px solid var(--border,#444);background:var(--bg-secondary);border-radius:6px;max-width:100%;max-height:60vh;overflow:auto}.rhythm-box__grid{border-collapse:separate;border-spacing:0}.rhythm-box__grid th,.rhythm-box__grid td{border:1px solid var(--border,#333);text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;background:var(--bg,#1a1a1a);width:28px;min-width:28px;height:28px;font-size:.75rem}.rhythm-box__grid-label{z-index:2;text-align:left;width:110px;padding:0 .5rem;font-size:.8rem;font-weight:500;position:sticky;left:0;background:var(--bg-secondary)!important;min-width:110px!important}.rhythm-box__grid thead th{z-index:1;background:var(--bg-secondary);position:sticky;top:0}.rhythm-box__grid thead th.rhythm-box__grid-label{z-index:3}.rhythm-box__grid-cell--beat{border-left-width:2px;border-left-color:#555}.rhythm-box__grid-cell--bar{border-left-width:3px;border-left-color:var(--accent,#6c5ce7)}.rhythm-box__grid-cell--active{cursor:pointer}.rhythm-box__grid-cell--soft{color:#ccc;background:#6c5ce740}.rhythm-box__grid-cell--medium{color:#fff;background:#6c5ce78c}.rhythm-box__grid-cell--hard{color:#fff;background:#6c5ce7f2;font-weight:700}.rhythm-box__grid-cell--playing{outline-offset:-2px;outline:2px solid #ffd86b}.rhythm-box__grid-cell--flam:after{content:"◊";opacity:.7;font-size:.6rem}.rhythm-box__grid-cell--roll:after{content:"≋";opacity:.7;font-size:.6rem}tbody .rhythm-box__grid-cell{cursor:pointer}tbody .rhythm-box__grid-cell:hover{background:#6c5ce726}.rhythm-box__add-instr-list{background:var(--bg-secondary);border-radius:6px;flex-wrap:wrap;gap:.3rem;padding:.5rem;display:flex}.rhythm-box__vel-popup{z-index:100;background:var(--bg-secondary);border:1px solid var(--accent,#6c5ce7);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000080}.rhythm-box__vel-popup input[type=range]{width:140px}.rhythm-box__vel-popup span{text-align:center;min-width:30px;font-weight:600}.rhythm-box__modal{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.rhythm-box__modal-content{border:1px solid var(--border,#444);background:#1a1a2e;border-radius:12px;width:100%;max-width:480px;padding:1.5rem;box-shadow:0 20px 60px #000000b3}.rhythm-box__modal-content h3{margin:0 0 1rem}.rhythm-box__section-types{flex-wrap:wrap;gap:.4rem;display:flex}.rhythm-box__editor-transport{background:var(--bg-secondary);border-radius:6px;flex-wrap:wrap;gap:.5rem;padding:.6rem;display:flex}.rhythm-box__editor-msg{border:1px solid var(--accent,#6c5ce7);color:var(--text);background:#6c5ce72e;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.rhythm-box__editor-msg button{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.1rem;line-height:1}.rhythm-box__song-list{flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.rhythm-box__empty{color:var(--text-muted);text-align:center;padding:1rem}.rhythm-box__song-card{background:var(--bg-secondary);border:1px solid var(--border,#444);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.rhythm-box__song-card-info{flex:1;min-width:0}.rhythm-box__song-card-name{font-size:.95rem;font-weight:600}.rhythm-box__song-card-meta{color:var(--text-muted);font-size:.8rem}.rhythm-box__song-card-time{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.rhythm-box__song-card-actions{flex-shrink:0;gap:.3rem;display:flex}.rhythm-box__song-card-actions button{background:var(--bg,#1a1a1a);border:1px solid var(--border,#444);color:var(--text);cursor:pointer;border-radius:6px;padding:.35rem .55rem;font-size:.95rem}.rhythm-box__song-card-actions button:hover{background:var(--bg-hover,#2a2a2a)}.rhythm-box__song-list-actions{flex-direction:column;gap:.4rem;margin-top:.5rem;display:flex}.rhythm-box__view-toggle{gap:.4rem;display:flex}.rhythm-box__piano-roll{background:var(--bg-secondary);border:1px solid var(--border,#444);border-radius:6px;flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.rhythm-box__piano-roll-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.rhythm-box__piano-roll-toolbar input[type=range]{flex:1;min-width:120px;max-width:220px}.rhythm-box__piano-roll-canvas{border:1px solid var(--border,#333);touch-action:none;background:#1a1a1a;border-radius:4px;display:block}.rhythm-box__piano-roll-props{background:var(--bg,#1a1a1a);border-radius:4px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem;font-size:.85rem;display:flex}.rhythm-box__piano-roll-props input[type=range]{width:160px}.rhythm-box__modal-content label{flex-direction:column;gap:.3rem;margin:.5rem 0;font-size:.85rem;display:flex}.rhythm-box__modal-content input,.rhythm-box__modal-content textarea{background:var(--bg,#1a1a1a);color:var(--text);border:1px solid var(--border,#444);border-radius:4px;padding:.4rem .6rem;font-family:inherit}.rhythm-box__modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.rhythm-box__community{flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.rhythm-box__community-sort{flex-wrap:wrap;gap:.3rem;display:flex}.rhythm-box__community-card{background:var(--bg-secondary);border:1px solid var(--border,#444);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.rhythm-box__community-author{color:var(--text-muted);font-size:.8rem}.rhythm-box__community-desc{color:var(--text);opacity:.85;margin:.3rem 0;font-size:.82rem;font-style:italic}.rhythm-box__community-stats{align-items:center;gap:.6rem;margin-top:.3rem;font-size:.85rem;display:flex}.rhythm-box__community-like{border:1px solid var(--border,#444);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.2rem .6rem;font-size:.85rem}.rhythm-box__community-like--active{color:#e74c3c;background:#e74c3c2e;border-color:#e74c3c}.rhythm-box__community-actions{flex-shrink:0}.rhythm-box__community-load-more{width:100%;margin-top:.75rem}.rhythm-box__sf-button{border:1px solid var(--border,#444);cursor:pointer;color:var(--text);background:0 0;border-radius:6px;margin-left:auto;padding:.3rem .6rem;font-size:1.1rem}.rhythm-box__sf-button:hover{background:var(--bg-secondary)}.rhythm-box__sf-button-spin{color:#ffd86b;font-size:.85rem;animation:1s linear infinite rb-spin;display:inline-block}@keyframes rb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rhythm-box__sf-status{color:var(--text-muted);background:#6c5ce71f;border-bottom:1px solid #6c5ce740;flex-direction:column;gap:6px;padding:8px 14px;font-size:.8rem;display:flex}.rhythm-box__sf-status--error{color:#c77c6e;background:#c77c6e1f;border-bottom-color:#c77c6e4d}.rhythm-box__sf-status-text{font-weight:500}.rhythm-box__sf-status-bar{background:#6c5ce733;border-radius:2px;height:4px;overflow:hidden}.rhythm-box__sf-status-fill{background:#6c5ce7;border-radius:2px;height:100%;transition:width .3s}.rhythm-box__sf-retry{color:#c77c6e;cursor:pointer;background:#c77c6e26;border:1px solid #c77c6e66;border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:.78rem}.rhythm-box__sf-retry:hover{background:#c77c6e40}.rhythm-box__sf-status-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rhythm-box__sf-fallback{color:#a29bfe;cursor:pointer;background:#6c5ce726;border:1px solid #6c5ce766;border-radius:6px;padding:4px 10px;font-size:.78rem}.rhythm-box__sf-fallback:hover{background:#6c5ce740}.rhythm-box__sf-modal{width:95%;max-width:720px;max-height:88vh;overflow-y:auto}.rhythm-box__sf-intro{color:var(--text-muted);margin:.3rem 0 1rem;font-size:.85rem}.rhythm-box__sf-list{flex-direction:column;gap:.8rem;display:flex}.rhythm-box__sf-card{border:1px solid var(--border,#444);background:var(--bg,#1a1a1a);border-radius:8px;padding:.85rem}.rhythm-box__sf-card--active{border-color:var(--accent,#6c5ce7);background:#6c5ce714}.rhythm-box__sf-card-head{justify-content:space-between;align-items:baseline;display:flex}.rhythm-box__sf-card-size{color:var(--text-muted);background:#ffffff0d;border-radius:999px;padding:.15rem .5rem;font-size:.8rem}.rhythm-box__sf-card-badge{color:#ffd86b;background:#ffd86b26;border-radius:999px;margin:.3rem 0;padding:.1rem .5rem;font-size:.7rem;display:inline-block}.rhythm-box__sf-card-desc{color:var(--text);margin:.5rem 0;font-size:.85rem}.rhythm-box__sf-pros-cons{grid-template-columns:1fr 1fr;gap:.8rem;margin:.5rem 0;font-size:.78rem;display:grid}.rhythm-box__sf-pros,.rhythm-box__sf-cons{margin:0;padding:0;list-style:none}.rhythm-box__sf-pros li{color:#6ec77c;margin:.15rem 0}.rhythm-box__sf-cons li{color:#c77c6e;margin:.15rem 0}.rhythm-box__sf-card-status{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}.rhythm-box__sf-tag{color:var(--text-muted);background:#ffffff0d;border-radius:999px;padding:.1rem .5rem;font-size:.7rem}.rhythm-box__sf-tag--active{color:#c8c0f5;background:#6c5ce740}.rhythm-box__sf-tag--cached{color:#6ec77c;background:#6ec77c2e}.rhythm-box__sf-progress{align-items:center;gap:.5rem;margin:.5rem 0;font-size:.78rem;display:flex}.rhythm-box__sf-progress-bar{background:var(--bg-secondary);border-radius:3px;flex:1;height:6px;overflow:hidden}.rhythm-box__sf-progress-fill{background:var(--accent,#6c5ce7);height:100%;transition:width .1s linear}.rhythm-box__sf-card-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.rhythm-box__sf-active-label{color:var(--accent,#6c5ce7);align-self:center;font-size:.85rem;font-weight:600}.rhythm-box__sf-license{color:var(--text-muted);margin:.5rem 0 0;font-size:.7rem;font-style:italic}.rhythm-box__sf-cache-summary{background:#6c5ce714;border:1px solid #6c5ce72e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;display:flex}.rhythm-box__sf-cache-summary span{color:var(--text-muted);font-size:.85rem}.rhythm-box__sf-cache-summary strong{color:var(--tx,#fff)}.rhythm-box__btn--ghost{color:#fffc;background:0 0;border:1px solid #ffffff2e}.rhythm-box__btn--ghost:hover{background:#ffffff0d}.rhythm-box__sf-confirm{width:95%;max-width:480px;padding:24px}.rhythm-box__sf-confirm h3{margin:0 0 12px;font-size:1.05rem}.rhythm-box__sf-confirm-text{color:var(--text-muted,#b0b0b0);margin:0 0 12px;font-size:.88rem;line-height:1.55}.rhythm-box__sf-confirm-warn{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:6px;margin:0 0 12px;padding:10px 12px;font-size:.83rem;line-height:1.5}.rhythm-box__track-separator td{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;position:sticky;left:0;background:var(--bg,#1a1a1a)!important;border-top:2px solid var(--border,#444)!important;text-align:left!important;padding:.4rem .7rem!important}.rhythm-box__track--brush{opacity:.92}.rhythm-box__kit-badge{color:#c8c0f5;text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;background:#6c5ce740;border-radius:999px;margin-left:.4rem;padding:.05rem .4rem;font-size:.65rem;display:inline-block}.rhythm-box__chip--brush{background:#6c5ce72e;border-color:#6c5ce7}.rhythm-box__engine-badge{border:1px solid var(--border,#444);white-space:nowrap;border-radius:999px;align-items:center;margin-left:auto;padding:.25rem .6rem;font-size:.75rem;display:inline-flex}.rhythm-box__engine-badge--sf{color:#ffd86b;background:#ffd86b26;border-color:#ffd86b66}.rhythm-box__grid-row--muted .rhythm-box__grid-label,.rhythm-box__grid-row--muted .rhythm-box__grid-cell{opacity:.35}.rhythm-box__grid-label .rhythm-box__track-mute{cursor:pointer;vertical-align:middle;background:0 0;border:none;padding:0 .3rem;font-size:.95rem}.rhythm-box__grid-label .rhythm-box__track-mute:hover{transform:scale(1.15)}.rhythm-box__engine-badge--samples{color:#c8c0f5;background:#6c5ce726;border-color:#6c5ce766}.rhythm-box__arranger{flex-direction:column;gap:16px;max-width:600px;margin:0 auto;padding:16px;display:flex}.rhythm-box__arranger-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rhythm-box__arranger-import{background:var(--accent-color,#2196f3);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px 16px;font-size:.9rem;display:inline-block}.rhythm-box__arranger-import:hover{opacity:.85}.rhythm-box__arranger-name{font-size:1rem;font-weight:600}.rhythm-box__arranger-error{color:#f44336;font-size:.85rem}.rhythm-box__beat-row{justify-content:center;gap:10px;padding:8px 0;display:flex}.rhythm-box__beat-dot{background:#ffffff26;border-radius:50%;width:14px;height:14px;transition:background 80ms}.rhythm-box__beat-dot--active{background:#2196f3;box-shadow:0 0 8px #2196f3}.rhythm-box__chord-area{flex-direction:column;gap:10px;display:flex}.rhythm-box__chord-label{text-align:center;font-size:1rem}.rhythm-box__chord-roots{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.rhythm-box__root-btn{color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;padding:8px 4px;font-size:.85rem;transition:background .12s}.rhythm-box__root-btn:hover{background:#ffffff1f}.rhythm-box__root-btn--active{color:#fff;background:#2196f3;border-color:#2196f3;font-weight:700}.rhythm-box__chord-types{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rhythm-box__type-btn{color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-size:.85rem}.rhythm-box__type-btn:hover{background:#ffffff1f}.rhythm-box__type-btn--active{color:#fff;background:#3f51b5;border-color:#3f51b5;font-weight:700}.rhythm-box__section-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.rhythm-box__section-btn{border:2px solid var(--section-color,#607d8b);color:inherit;cursor:pointer;background:#ffffff0a;border-radius:8px;padding:10px 8px;font-size:.8rem;font-weight:600;transition:background .12s}.rhythm-box__section-btn:hover{background:#ffffff1a}.rhythm-box__section-btn--active{background:var(--section-color,#607d8b);color:#fff}.rhythm-box__arranger-transport{justify-content:center;display:flex}.rhythm-box__stop-btn{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:8px;padding:10px 24px;font-size:1rem;font-weight:600}.rhythm-box__stop-btn:hover{background:#e53935}.rhythm-box__arranger-hint{text-align:center;color:#ffffff73;padding:16px 0;font-size:.9rem}.deep-search-btn{border-radius:var(--radius-pill);color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #ffffff26;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.82rem;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.deep-search-btn:hover{border-color:var(--accent);color:var(--accent)}.landing{background:var(--bg);min-height:100dvh;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}@keyframes lnd-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes lnd-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes lnd-float{0%,to{opacity:.18;transform:translateY(0)rotate(0)}50%{opacity:.36;transform:translateY(-14px)rotate(6deg)}}@keyframes lnd-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lnd-pulse-glow{0%,to{opacity:.4}50%{opacity:.65}}.lnd-reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(18px)}.lnd-reveal.visible{opacity:1;transform:translateY(0)}.landing-nav{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);z-index:100;background:#080b12d9;justify-content:space-between;align-items:center;padding:.9rem 1.5rem;animation:.5s both lnd-fadeUp;display:flex;position:sticky;top:0}.landing-logo{letter-spacing:-.02em;color:var(--text);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.landing-logo__icon{font-size:1.15rem}.landing-nav__links{align-items:center;gap:.65rem;display:flex}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:94dvh;padding:5rem 1.5rem 4rem;display:flex;position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(55% 40% at 50% 25%,#6366f121 0%,#0000 70%),radial-gradient(35% 25% at 50% 18%,#6366f112 0%,#0000 55%);animation:7s ease-in-out infinite lnd-pulse-glow;position:absolute;inset:0}.landing-hero__geometry{opacity:.04;pointer-events:none;width:min(520px,88vw);height:min(520px,88vw);animation:100s linear infinite lnd-spin-slow;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.landing-hero__notes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lnd-note{color:var(--accent);font-size:1.1rem;animation:linear infinite lnd-float;position:absolute}.lnd-note:first-child{animation-duration:7s;animation-delay:0s;top:22%;left:7%}.lnd-note:nth-child(2){animation-duration:9s;animation-delay:1.2s;top:68%;left:16%}.lnd-note:nth-child(3){animation-duration:8s;animation-delay:2s;top:28%;left:80%}.lnd-note:nth-child(4){animation-duration:10s;animation-delay:.6s;top:62%;left:87%}.lnd-note:nth-child(5){animation-duration:7.5s;animation-delay:3.1s;top:84%;left:50%}.lnd-note:nth-child(6){animation-duration:11s;animation-delay:1.7s;top:48%;left:4%}.lnd-note:nth-child(7){animation-duration:8.5s;animation-delay:4s;top:44%;left:92%}.landing-hero__content{z-index:2;max-width:680px;position:relative}.landing-hero__badge{background:var(--accent-soft);border-radius:var(--radius-pill);letter-spacing:.02em;color:var(--accent);border:1px solid #6366f147;align-items:center;gap:.4rem;margin-bottom:1.75rem;padding:.3rem .9rem;font-size:.75rem;font-weight:600;animation:.6s .1s both lnd-fadeUp;display:inline-flex}.landing-hero__title{letter-spacing:-.035em;color:var(--text);margin-bottom:1.25rem;font-size:clamp(2.4rem,7vw,4.2rem);font-weight:800;line-height:1.1;animation:.6s .2s both lnd-fadeUp}.lnd-gradient-text{background:linear-gradient(135deg, var(--text) 20%, var(--accent) 60%, #a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.landing-hero__subtitle{color:var(--text-2);max-width:500px;margin:0 auto 2.25rem;font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.7;animation:.6s .35s both lnd-fadeUp}.landing-hero__ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;animation:.6s .5s both lnd-fadeUp;display:flex}.lnd-btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.85rem 1.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 16px #6366f166}.lnd-btn-primary:hover{background:#5254cc;transform:translateY(-1px);box-shadow:0 4px 24px #6366f180}.lnd-btn-primary:active{transform:scale(.97)}.lnd-btn-primary--lg{padding:.85rem 2rem;font-size:.95rem}.lnd-btn-secondary{background:var(--surface2);color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.4rem;padding:.8rem 1.5rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.lnd-btn-secondary:hover{background:var(--surface3);border-color:var(--accent);color:var(--text)}.lnd-btn-secondary:active{transform:scale(.97)}.landing-hero__hint{color:var(--text-muted);margin-top:1rem;font-size:.76rem;animation:.6s .65s both lnd-fadeUp}.lnd-divider{align-items:center;gap:1rem;max-width:280px;margin:0 auto 2.25rem;display:flex}.lnd-divider:before,.lnd-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);flex:1;height:1px}.lnd-divider__symbol{color:var(--accent);font-size:.75rem}.landing-section-title{letter-spacing:-.025em;text-align:center;color:var(--text);margin-bottom:.5rem;font-size:clamp(1.35rem,4vw,1.85rem);font-weight:800}.landing-section-sub{text-align:center;color:var(--text-muted);margin-bottom:2.25rem;font-size:.9rem}.landing-features{max-width:880px;margin:0 auto;padding:4.5rem 1.25rem}.landing-features__group{margin-top:2.5rem}.landing-features__group:first-of-type{margin-top:2rem}.landing-features__group-title{font-family:var(--font-display,inherit);text-transform:uppercase;letter-spacing:.18em;color:#c9a84c;text-align:center;margin:0 0 1.25rem;font-size:.78rem;font-weight:600;position:relative}.landing-features__group-title:before,.landing-features__group-title:after{content:"";vertical-align:middle;background:#c9a84c66;width:32px;height:1px;margin:0 .75rem;display:inline-block}.landing-features__grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=680px){.landing-features__grid{grid-template-columns:1fr 1fr}}@media (width<=400px){.landing-features__grid{grid-template-columns:1fr}}.landing-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.landing-feature-card:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.landing-feature-card:hover{box-shadow:var(--shadow-md), 0 0 24px var(--accent-glow);border-color:#6366f159;transform:translateY(-2px)}.landing-feature-card:hover:after{opacity:1}.landing-feature-card__icon{background:color-mix(in srgb, var(--accent) 12%, transparent);width:44px;height:44px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:.85rem;transition:background .25s,color .25s,transform .25s;display:inline-flex}.landing-feature-card:hover .landing-feature-card__icon{background:color-mix(in srgb, var(--accent) 22%, transparent);transform:scale(1.06)}.landing-feature-card__title{color:var(--text);margin-bottom:.35rem;font-size:.88rem;font-weight:700}.landing-feature-card__desc{color:var(--text-muted);font-size:.81rem;line-height:1.55}.landing-proof{text-align:center;max-width:1100px;margin:0 auto;padding:4rem 1.5rem}.lnd-testimonials__grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem;display:grid}@media (width<=900px){.lnd-testimonials__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.lnd-testimonials__grid{grid-template-columns:1fr}}.lnd-quote-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:1.75rem 1.5rem 1.4rem;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative}.lnd-quote-card:hover{box-shadow:var(--shadow-md), 0 0 22px var(--accent-glow);border-color:#6366f159;transform:translateY(-2px)}.lnd-quote-card:before{content:"“";color:var(--accent);opacity:.18;pointer-events:none;font-family:Georgia,serif;font-size:3.6rem;line-height:1;position:absolute;top:-.4rem;left:.9rem}.lnd-quote-card__text{color:var(--text-2);margin:0 0 1rem;font-size:.92rem;font-style:italic;line-height:1.65}.lnd-quote-card__cite{color:var(--accent);font-size:.78rem;font-style:normal;font-weight:600;display:block}.lnd-quote-card__role{color:var(--text-muted);font-style:normal;font-weight:400}.landing-plans{max-width:1040px;margin:0 auto;padding:4.5rem 1.25rem}.landing-plans__grid--4{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}@media (width<=760px){.landing-plans__grid--4{grid-template-columns:1fr 1fr}}@media (width<=440px){.landing-plans__grid--4{grid-template-columns:1fr}}.landing-plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.8rem;padding:1.5rem 1.25rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.landing-plan-card:hover{box-shadow:var(--shadow-lg);border-color:#6366f14d;transform:translateY(-3px)}.landing-plan-card--featured{border-color:var(--accent);background:linear-gradient(160deg, var(--surface) 0%, #6366f10f 100%);box-shadow:0 0 32px var(--accent-glow)}.landing-plan-card__badge{background:var(--accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);white-space:nowrap;padding:.2rem .75rem;font-size:.62rem;font-weight:700;position:absolute;top:-.6rem;left:50%;transform:translate(-50%)}.landing-plan-card__name{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.landing-plan-card--featured .landing-plan-card__name{color:var(--accent)}.landing-plan-card__price{letter-spacing:-.03em;color:var(--text);font-size:2rem;font-weight:800;line-height:1}.landing-plan-card__price span{color:var(--text-muted);font-size:.85rem;font-weight:400}.landing-plan-card__desc{color:var(--text-muted);margin:0;font-size:.8rem}.landing-plan-card__features{color:var(--text-2);border-top:1px solid var(--border);flex-direction:column;flex:1;gap:.4rem;margin:0;padding:.8rem 0 0;font-size:.82rem;list-style:none;display:flex}.landing-plan-card__features li:before{content:"✓ ";color:var(--accent)}.lnd-plan-cta{justify-content:center;width:100%;font-size:.8rem}.landing-plans__footnote{text-align:center;color:var(--text-muted);font-size:.8rem}.landing-plans__footnote a{color:var(--accent);text-decoration:none}.landing-plans__footnote a:hover{text-decoration:underline}.landing-final-cta{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:5rem 1.5rem;display:flex;position:relative;overflow:hidden}.landing-final-cta:before{content:"";background:radial-gradient(ellipse 60% 50% at 50% 50%, var(--accent-glow) 0%, transparent 70%);pointer-events:none;animation:5s ease-in-out infinite lnd-pulse-glow;position:absolute;inset:0}.landing-final-cta__title{letter-spacing:-.025em;max-width:500px;font-size:clamp(1.4rem,5vw,2.1rem);font-weight:800;line-height:1.25;position:relative}.landing-final-cta__sub{color:var(--text-muted);margin-top:-.75rem;font-size:.9rem;position:relative}.lnd-showcase{max-width:1100px;margin:0 auto;padding:4.5rem 1.25rem;position:relative}.lnd-showcase__strip-wrap{margin:0 -1.25rem;position:relative}.lnd-showcase__strip-wrap:before,.lnd-showcase__strip-wrap:after{content:"";pointer-events:none;z-index:2;width:60px;transition:opacity .25s;position:absolute;top:0;bottom:1.5rem}.lnd-showcase__strip-wrap:before{background:linear-gradient(90deg, var(--bg,#0a0a0c) 0%, transparent 100%);opacity:0;left:0}.lnd-showcase__strip-wrap:after{background:linear-gradient(270deg, var(--bg,#0a0a0c) 0%, transparent 100%);opacity:1;right:0}.lnd-showcase__strip-wrap[data-at-start=false]:before{opacity:1}.lnd-showcase__strip-wrap[data-at-end=true]:after{opacity:0}.lnd-showcase__strip{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:1.5rem;padding:.5rem 2rem 1.5rem;display:flex;overflow-x:auto}.lnd-showcase__strip::-webkit-scrollbar{display:none}.lnd-showcase__item{scroll-snap-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:.9rem;display:flex}.lnd-showcase__nav{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:40px;height:40px;color:var(--text);cursor:pointer;z-index:3;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s,transform .15s,opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lnd-showcase__nav:hover:not(:disabled){background:var(--surface);border-color:var(--accent);transform:translateY(-50%)scale(1.05)}.lnd-showcase__nav:disabled{opacity:.3;cursor:default}.lnd-showcase__nav--prev{left:-8px}.lnd-showcase__nav--next{right:-8px}@media (width<=720px){.lnd-showcase__nav{display:none}}.lnd-showcase__label{color:var(--text);font-size:.9rem;font-weight:700}.lnd-showcase__sub{color:var(--text-muted);text-align:center;font-size:.78rem}.lnd-phone-frame{background:var(--bg-elevated);border:2px solid var(--border);border-radius:28px;flex-direction:column;width:240px;height:480px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 20px 60px #00000080,inset 0 1px #ffffff0f}.lnd-phone-frame:hover{box-shadow:0 0 0 1px #6366f133, 0 28px 70px #0000008c, 0 0 40px var(--accent-glow);transform:translateY(-6px)scale(1.02)}.lnd-phone-notch{background:var(--bg);border-radius:0 0 14px 14px;flex-shrink:0;width:72px;height:18px;margin:0 auto}.lnd-mockup-screen{flex-direction:column;flex:1;gap:.5rem;padding:.5rem .75rem .75rem;font-size:.7rem;display:flex;overflow:hidden}.lnd-mockup-screen--center{align-items:center}.lnd-mock-topbar{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.4rem;margin-bottom:.25rem;padding:.3rem 0;display:flex}.lnd-mock-back{color:var(--accent);margin-right:.15rem;font-size:.9rem}.lnd-mock-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.75rem;font-weight:600;overflow:hidden}.lnd-mock-artist{color:var(--text-muted);margin-top:-.4rem;font-size:.65rem}.lnd-mock-badge{letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:.15rem .45rem;font-size:.58rem;font-weight:700}.lnd-mock-badge--key{background:var(--accent-soft);color:var(--accent);border:1px solid #6366f14d}.lnd-mock-badge--live{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.lnd-mock-chord-block{margin-bottom:.35rem}.lnd-mock-chord-line{gap:.55rem;margin-bottom:.15rem;display:flex}.lnd-mock-chord{color:var(--accent);letter-spacing:-.01em;font-size:.82rem;font-weight:800}.lnd-mock-lyric{color:var(--text-2);font-size:.67rem;line-height:1.4}.lnd-mock-toolbar{border-top:1px solid var(--border-subtle);gap:.35rem;margin-top:auto;padding-top:.5rem;display:flex}.lnd-mock-tool{background:var(--surface2);border:1px solid var(--border);color:var(--text-2);cursor:default;border-radius:6px;flex:1;padding:.3rem 0;font-size:.58rem;font-weight:600}.lnd-mock-tool--active{background:var(--accent-soft);color:var(--accent);border-color:#6366f166}.lnd-mock-setlist{flex-direction:column;flex:1;gap:.3rem;display:flex;overflow:hidden}.lnd-mock-song{background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .5rem;display:flex}.lnd-mock-song--active{background:var(--accent-soft);border-color:#6366f140}.lnd-mock-song-num{color:var(--text-muted);text-align:center;width:12px;font-size:.6rem}.lnd-mock-song-info{flex:1;overflow:hidden}.lnd-mock-song-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:600;overflow:hidden}.lnd-mock-song-meta{color:var(--text-muted);font-size:.58rem}.lnd-mock-song-key{color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:.1rem .35rem;font-size:.6rem;font-weight:700}.lnd-mock-footer-bar{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;font-size:.6rem;display:flex}.lnd-mock-go-live{color:#f87171;cursor:default;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;padding:.25rem .6rem;font-size:.58rem;font-weight:700}.lnd-mock-pitch-ring{border:3px solid var(--accent);width:110px;height:110px;box-shadow:0 0 20px var(--accent-glow), inset 0 0 20px #6366f114;background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:.5rem auto;display:flex}.lnd-mock-pitch-note{color:var(--accent);font-size:2.4rem;font-weight:800;line-height:1}.lnd-mock-pitch-oct{color:var(--text-muted);font-size:.7rem}.lnd-mock-pitch-freq{color:var(--text-muted);margin-top:.1rem;font-size:.62rem}.lnd-mock-tuner-bar{width:100%;padding:0 .25rem}.lnd-mock-tuner-track{background:var(--surface2);border-radius:999px;height:6px;margin-bottom:.2rem;position:relative}.lnd-mock-tuner-needle{background:var(--accent);width:3px;height:12px;box-shadow:0 0 6px var(--accent-glow);border-radius:2px;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%)}.lnd-mock-tuner-labels{color:var(--text-muted);justify-content:space-between;font-size:.55rem;display:flex}.lnd-mock-note-row{gap:.3rem;margin:.35rem 0;display:flex}.lnd-mock-note-chip{background:var(--surface2);border:1px solid var(--border);width:22px;height:22px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;display:flex}.lnd-mock-note-chip--on{background:var(--accent-soft);color:var(--accent);border-color:#6366f166}.lnd-mockup-screen--screenshot{padding:0;overflow:hidden}.lnd-mock-mic-btn{background:var(--accent);color:#fff;cursor:default;border:none;border-radius:10px;width:100%;margin-top:auto;padding:.55rem;font-size:.68rem;font-weight:600;box-shadow:0 2px 12px #6366f166}.landing-footer{color:var(--text-muted);border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;font-size:.78rem;display:flex}.landing-footer a{color:var(--text-muted);text-decoration:none;transition:color .15s}.landing-footer a:hover{color:var(--text-2)}.landing-footer__sep{color:var(--border)}.lnd-waitlist{text-align:center;max-width:540px;margin:0 auto;padding:4rem 1.5rem}.lnd-waitlist__badge{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;margin-bottom:1.2rem;padding:.3rem .9rem;font-size:.72rem;font-weight:600;display:inline-block}.lnd-waitlist__form{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.lnd-waitlist__input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);box-sizing:border-box;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.lnd-waitlist__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.lnd-waitlist__input::placeholder{color:var(--text-muted)}.lnd-waitlist__error{color:var(--danger,#f87171);margin-top:.25rem;font-size:.8rem}.lnd-waitlist__note{color:var(--text-muted);margin-top:1rem;font-size:.75rem}.lnd-waitlist__success{background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;padding:2rem;display:flex}.lnd-waitlist__success-icon{color:var(--accent);font-size:2rem}.lnd-waitlist__success p{color:var(--text);margin:0;font-weight:600}.lnd-waitlist__success-sub{color:var(--text-muted)!important;font-size:.82rem!important;font-weight:400!important}