*,*:before,*:after{box-sizing:border-box}:root{--bg-app: #f5f5f5;--text-main: #111111;--surface: #ffffff;--surface-muted: #f7f7f7;--surface-elevated: #ffffff;--border-subtle: #e5e7eb;--border-input: #d1d5db;--text-muted: #374151;--text-soft: #4b5563;--focus-outline: #bfdbfe;--focus-border: #60a5fa;--navbar-bg: #1e1e1e;--navbar-text: #ffffff;--navbar-logout-bg: #cc0000;--navbar-logout-hover-bg: #990000;--navbar-toggle-bg: #2f3640;--navbar-toggle-hover-bg: #404b57;--navbar-toggle-border: #5a6778;--navbar-toggle-text: #f3f4f6}:root[data-theme=dark]{--bg-app: #111827;--text-main: #f3f4f6;--surface: #1f2937;--surface-muted: #111827;--surface-elevated: #1f2937;--border-subtle: #374151;--border-input: #4b5563;--text-muted: #d1d5db;--text-soft: #c4c9d4;--focus-outline: #1d4ed8;--focus-border: #3b82f6;--navbar-bg: #0b1220;--navbar-text: #f9fafb;--navbar-logout-bg: #b91c1c;--navbar-logout-hover-bg: #991b1b;--navbar-toggle-bg: #243041;--navbar-toggle-hover-bg: #314156;--navbar-toggle-border: #4b5f79;--navbar-toggle-text: #e5e7eb}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;background-color:var(--bg-app);color:var(--text-main);transition:background-color .2s ease,color .2s ease}.page{width:min(100% - 2rem,960px);margin:0 auto;padding:1rem;background-color:var(--surface);border-radius:12px}.page-form{width:min(100% - 2rem,640px)}.auth-page{min-height:calc(100dvh - 2rem);display:grid;place-items:center;padding:1rem}.auth-card{width:min(100%,420px);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:12px;padding:1.2rem;box-shadow:0 10px 28px #11182714}.auth-title{margin:0 0 1rem}.auth-subtitle{margin:-.65rem 0 .35rem;color:var(--text-soft);font-size:.92rem}.stack-form{display:flex;flex-direction:column;gap:.9rem}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-field label{font-size:.92rem;color:var(--text-muted)}.required-asterisk{color:#dc2626;font-weight:700}.text-input{width:100%;border:1px solid var(--border-input);border-radius:8px;padding:.5rem .65rem;font-size:.96rem;background-color:var(--surface);color:var(--text-main)}.text-input:focus{outline:2px solid var(--focus-outline);border-color:var(--focus-border)}.text-input.input-error{border-color:#dc2626;background-color:#fef2f2}.text-input.input-error:focus{outline:2px solid #fecaca;border-color:#dc2626}.file-hint{color:#15803d;margin:.25rem 0 0}.button-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.btn-confirm{background-color:#28a745}.btn-neutral{background-color:#4b5563}.status-error{color:#b00020;margin:0}.status-success{color:#0f766e;margin:0}.auth-switch-text{margin:.2rem 0 0;text-align:center;font-size:.92rem;color:var(--text-muted)}.auth-switch-link{margin-left:.35rem;background:none;border:none;padding:0;color:#007bff;font:inherit;cursor:pointer;text-decoration:underline}.auth-switch-link:hover,.auth-switch-link:focus-visible{color:#0056b3}.profile-grid{display:grid;grid-template-columns:minmax(100px,auto) 1fr;gap:.6rem 1rem}.profile-label{font-weight:700}.song-meta-grid{display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.song-meta-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:0 0 1rem}.song-meta-column{min-width:0}.song-meta-item{margin:0 0 .35rem}.song-meta-item-label{display:block;font-size:.95rem;font-weight:700;line-height:1.05}.song-meta-item-value{display:block;font-size:.95rem;line-height:1.05}.song-meta-field{background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:8px;margin:0;padding:.55rem .65rem}.song-meta-field strong{display:block;font-size:.82rem;color:var(--text-soft)}.song-meta-value{display:block;margin-top:.2rem}.meta-number-input{width:8rem;margin-top:.1rem}.song-meta-key-inputs{display:inline-flex;gap:.5rem}.song-meta-field .meta-number-input{margin-top:.25rem;max-width:none;width:100%}.song-meta-field select.text-input{width:100%}.header-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.header-actions{display:flex;gap:.5rem;align-items:center}.admin-section-header{margin-top:1.5rem}.admin-select{min-width:14rem}.text-box{background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem 1rem;margin-top:1rem;overflow-x:auto}.line-wrapper{display:flex;align-items:flex-start;gap:1rem;margin-bottom:8px}.line-number{width:2rem;text-align:right;font-family:system-ui,sans-serif;font-size:.9rem;color:var(--text-soft);-webkit-user-select:none;user-select:none;flex-shrink:0;margin-top:1.25rem}.pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;margin:0;line-height:1.25}.textarea-chords{width:100%;min-height:1.8rem;font-family:inherit;font-size:.95rem;padding:4px 6px;border-radius:4px;border:1px solid var(--border-input);resize:vertical;background-color:var(--surface);color:var(--text-main)}.chord-hit{color:#d00}.no-margin{margin:0}.primary-button{color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-weight:500}.primary-button:disabled{opacity:.7;cursor:default}.btn-edit{background-color:#007bff}.btn-save{background-color:#28a745}.btn-export{background-color:#17a2b8}.is-saving{opacity:.7;cursor:default}.song-item-btn{background:none;border:none;padding:0;margin:0;color:inherit;text-align:left;cursor:pointer;font-size:1rem;width:100%;font-family:inherit;min-width:0}.song-item-btn:hover,.song-item-btn:focus{text-decoration:underline;outline:none}.song-list{list-style:none;margin:0;padding:0}.song-item{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-subtle);padding:.4rem 0}.song-item-content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.song-main-row{display:flex;align-items:baseline;gap:.75rem;min-width:0;white-space:nowrap}.song-main-text{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.song-main-number{flex:0 0 auto;margin-left:auto;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-soft);font-weight:600}.song-tags-row{display:flex;flex-wrap:nowrap;gap:.35rem;margin-top:.2rem;overflow:hidden;min-width:0}.song-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem;font-weight:600;vertical-align:middle;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;border:1px solid rgba(17,24,39,.22);box-shadow:inset 0 -1px #fff3}.song-tag-title{background-color:#334155;color:#f8fafc}.song-tag-running-number{background-color:#7c3aed;color:#fff}.song-tag-album{background-color:#d97706;color:#fff}.song-tag-bpm{background-color:#2563eb;color:#fff}.song-tag-capo{background-color:#16a34a;color:#fff}.song-tag-pending{background-color:#facc15;color:#fff}.song-tag-language{background-color:#dc2626;color:#fff}.song-tag-cadence{background-color:#65a30d;color:#fff}.song-tag-year{background-color:#0891b2;color:#fff}.song-tag-time-signature{background-color:#db2777;color:#fff}.song-tag-interpret{background-color:#b45309;color:#fff}.song-tag-interpret-version{background-color:#4338ca;color:#fff}.song-tag-lyricist{background-color:#ea580c;color:#fff}.song-tag-composer{background-color:#0f766e;color:#fff}.song-tag-producer{background-color:#a21caf;color:#fff}.song-tag-key{background-color:#111827;color:#fff}.song-tag-play{background-color:#be123c;color:#fff}.song-tag-genre{background-color:#14532d;color:#fff}.song-item-actions{margin-left:auto;display:flex;gap:.4rem;flex-shrink:0}.song-small-btn{border:none;border-radius:4px;color:#fff;font-size:.75rem;padding:4px 7px;cursor:pointer;white-space:nowrap}.icon-only-btn{align-items:center;display:inline-flex;justify-content:center;min-width:2rem}.song-action-icon{display:block;height:.95rem;width:.95rem}.song-small-btn:disabled{opacity:.7;cursor:default}.table-wrap{width:100%;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:640px}.admin-table th,.admin-table td{border-bottom:1px solid var(--border-subtle);padding:.55rem .6rem;text-align:left;vertical-align:middle}.admin-table th{font-size:.9rem;color:var(--text-muted)}.btn-overwrite{background-color:#0d9488}.btn-delete{background-color:#dc2626}.search-input{width:100%;padding:8px 12px;margin:12px 0;border:1px solid var(--border-input);border-radius:8px;font-size:1rem;background-color:var(--surface);color:var(--text-main);outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--focus-border)}.song-lists-layout{display:grid;gap:1rem;grid-template-columns:minmax(220px,300px) minmax(0,1fr);margin-top:.8rem}.song-lists-sidebar{border:1px solid var(--border-subtle);border-radius:10px;padding:.6rem;background:var(--surface-muted)}.song-lists-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.song-lists-item{border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface);padding:.45rem}.song-lists-item-main{align-items:flex-start;background:transparent;border:none;color:inherit;cursor:pointer;display:grid;gap:.15rem;padding:.15rem;text-align:left;width:100%}.song-lists-item-main.is-active{background:#3b82f61f;border-radius:6px}.song-lists-item-main span{color:var(--text-soft);font-size:.82rem}.song-lists-item-actions{display:flex;gap:.35rem;margin-top:.45rem}.song-lists-content{border:1px solid var(--border-subtle);border-radius:10px;padding:.8rem;background:var(--surface);min-height:14rem}.song-lists-song-rows{margin:.5rem 0 0;padding-left:1.2rem;display:grid;gap:.35rem}.song-lists-song-link{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left;text-decoration:underline}.song-list-editor{display:grid;gap:.8rem}.song-list-add-row{display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto}.song-list-editor-rows{margin:0;padding-left:1.1rem;display:grid;gap:.45rem}.song-list-editor-rows li{align-items:center;display:flex;gap:.7rem;justify-content:space-between}.song-list-editor-actions{display:flex;gap:.35rem;flex-shrink:0}.search-filter-row{display:flex;align-items:flex-start;gap:.5rem;margin:12px 0}.search-filter-row .search-input{margin:0;flex:1;min-width:0}.filter-popup-wrapper{position:relative;flex-shrink:0}.filter-toggle-btn{border:1px solid var(--border-input);background:var(--surface);color:var(--text-main);border-radius:8px;padding:8px 12px;font-size:.95rem;cursor:pointer}.filter-toggle-btn.has-active-filters{border-color:#0d9488;color:#0f766e;background:#f0fdfa}.filter-popup{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,85vw);background:var(--surface-elevated);border:1px solid var(--border-input);border-radius:10px;box-shadow:0 10px 25px #00000024;padding:.7rem;z-index:20}.filter-label{display:block;font-size:.8rem;color:var(--text-soft);margin-bottom:.2rem}.filter-control{width:100%;border:1px solid var(--border-input);border-radius:6px;padding:.45rem .55rem;margin-bottom:.55rem;font-size:.92rem;background:var(--surface);color:var(--text-main)}.filter-reset-btn{width:100%;margin-top:.2rem;border:1px solid var(--border-input);border-radius:6px;background:var(--surface-muted);color:var(--text-main);padding:.45rem .6rem;cursor:pointer}.filter-reset-btn:disabled{opacity:.6;cursor:default}.genre-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .7rem;border:1px solid var(--border-subtle);border-radius:8px;padding:.6rem;background:var(--surface-muted)}.genre-checkbox-item{display:inline-flex;align-items:center;gap:.4rem;min-width:0;font-size:.92rem;color:var(--text-main)}.genre-checkbox-item input[type=checkbox]{margin:0}@media(max-width:640px){.search-filter-row{align-items:stretch}.filter-toggle-btn{height:100%;min-width:82px}}.offline-banner{background:#fff4e5;color:#8a4b08;border:1px solid #f0c36d;border-radius:8px;padding:.6rem .8rem;margin-bottom:.8rem}.line-wrapper-word{margin-bottom:1rem;display:block}.line-chords-word{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;margin:0;white-space:pre;line-height:1.2;color:#d00000;font-weight:600}.text-box .line-chords-word{color:#d00000}.line-text-word{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;margin:0;white-space:pre-wrap;line-height:1.6;word-wrap:break-word}.html-preview-page{width:min(100% - 2rem,1200px)}.html-preview-wrap{display:flex;justify-content:center}.html-preview-frame{width:min(100%,1080px);height:82dvh;border:1px solid var(--border-input);border-radius:12px;background:var(--surface)}@media(max-width:1024px){.page{width:min(100% - 1.5rem,860px)}.song-meta-grid,.song-meta-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.page,.page-form{width:calc(100% - 1rem);padding:.85rem}.song-item{align-items:flex-start;gap:.5rem}.song-item-actions{margin-left:0}.song-tag{margin-top:.2rem}.song-tags-row{overflow-x:auto;padding-bottom:.15rem}.line-wrapper{gap:.55rem}.line-number{width:1.5rem}.html-preview-page{width:calc(100% - 1rem)}.html-preview-frame{height:76dvh}.song-lists-layout,.song-list-add-row{grid-template-columns:1fr}}@media(max-width:640px){.auth-page{align-items:flex-start;padding:.75rem}.auth-card{width:100%;padding:1rem}.header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.song-item{flex-direction:column}.song-item-actions{width:100%;justify-content:flex-end}.genre-checkbox-grid{grid-template-columns:1fr}.meta-number-input{width:100%;max-width:10rem}.song-meta-grid{grid-template-columns:1fr}.song-meta-columns{grid-template-columns:1fr;gap:.9rem}.button-row{width:100%}.html-preview-frame{height:72dvh}}.lyrics-editor{display:grid;gap:0;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface);overflow:visible}.lyrics-editor-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background:var(--surface-muted);padding:.65rem .75rem}.lyrics-editor-mode-indicator{border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface);color:var(--text-soft);font-size:.82rem;font-weight:600;line-height:1;padding:.42rem .65rem}.lyrics-editor-mode-indicator.is-active{border-color:#b91c1c59;background:#b91c1c14;color:#b91c1c}.lyrics-mode-button{min-width:9.5rem}.lyrics-toolbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.lyrics-songpart-menu-wrap{position:relative}.lyrics-songpart-menu{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 16px 38px #0f172a33;display:grid;gap:.5rem;min-width:min(16rem,90vw);padding:.6rem;position:absolute;right:0;top:calc(100% + .35rem);z-index:14}.lyrics-songpart-menu-actions{display:flex;gap:.45rem;justify-content:flex-end}.lyrics-editor-import{display:grid;gap:.45rem;padding:.75rem}.lyrics-editor-readonly{margin-top:1rem}.song-autoscroll-controls{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a94;border:1px solid rgba(255,255,255,.35);border-radius:12px;bottom:3.75rem;color:#fff;display:grid;gap:.25rem;padding:.45rem .65rem;position:fixed;right:1rem;z-index:45}.song-autoscroll-controls label{font-size:.72rem;font-weight:600;margin:0}.song-autoscroll-speed-row{align-items:center;display:flex;gap:.4rem}.song-autoscroll-speed-input{min-height:2rem;padding:.25rem .45rem;width:4.1rem}.song-autoscroll-btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a94;border:1px solid rgba(255,255,255,.35);border-radius:999px;bottom:1rem;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:.45rem .8rem;position:fixed;right:1rem;z-index:45}.song-autoscroll-btn.is-active{background:#1e6644c7;border-color:#ffffff80}@media(max-width:640px){.song-autoscroll-controls{bottom:3.45rem;right:.6rem}.song-autoscroll-btn{right:.6rem}}.lyrics-editor-fulltext .textarea-chords{min-height:20rem}.lyrics-chord-surface{--lyrics-char-width: 1ch;border-color:var(--border-subtle);background-color:var(--surface);color:var(--text-main);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;line-height:1.35;max-height:42rem;overflow:auto;padding:1rem .85rem 1.25rem;resize:vertical;white-space:pre}.lyrics-chord-surface.is-chord-mode{border-color:#b91c1c73;box-shadow:0 0 0 3px #b91c1c14}.lyrics-chord-surface-readonly{max-height:none;overflow:visible;resize:none}.lyrics-editor-textline{display:grid;grid-template-columns:3rem minmax(0,1fr);column-gap:.85rem;min-height:2.75rem;min-width:100%;padding:.1rem 0}.lyrics-line-number-static{align-self:end;color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.35;opacity:.48;padding-bottom:.25rem;text-align:right;-webkit-user-select:none;user-select:none}.lyrics-line-number-static.is-song-part-line{opacity:.22}.lyrics-line-stack{--lyrics-chord-rows: 1;--lyrics-chord-row-height: 1.22rem;display:grid;grid-template-rows:calc(var(--lyrics-chord-rows) * var(--lyrics-chord-row-height)) 1.35rem;min-width:0;position:relative}.lyrics-line-readonly{color:inherit;font:inherit;margin:0;min-height:1.35rem;white-space:pre}.lyrics-line-readonly-chords{color:#b91c1c;font-weight:700;line-height:1.22rem;min-height:1.22rem}.lyrics-line-readonly-text{line-height:1.35rem}.lyrics-chord-layer,.lyrics-text-layer{min-width:max-content;position:relative}.lyrics-chord-marker{--lyrics-chord-pointer-offset: .55ch;background:#b91c1c14;border:1px solid rgba(185,28,28,.18);border-radius:4px;color:#b91c1c;font-size:.74rem;font-weight:700;line-height:1;padding:.08rem .22rem;pointer-events:none;position:absolute;white-space:nowrap;z-index:2}.lyrics-chord-marker:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(185,28,28,.45);content:"";left:var(--lyrics-chord-pointer-offset);position:absolute;top:calc(100% + .08rem)}.lyrics-text-layer{align-self:start;line-height:1.35}.lyrics-text-layer.is-refrain-underlined .lyrics-line-editable,.lyrics-text-layer.is-refrain-underlined .lyrics-editor-chars,.lyrics-text-layer.is-refrain-underlined .lyrics-line-readonly-text,.lyrics-text-layer.is-refrain-underlined .lyrics-char-btn{text-decoration:underline;text-underline-offset:.14em;text-decoration-thickness:.08em}.lyrics-line-editable,.lyrics-editor-chars{font:inherit;letter-spacing:0;min-height:1.35rem;min-width:1ch;outline:none;position:relative;white-space:pre}.lyrics-line-editable:focus{background:#0f172a09;box-shadow:inset 0 -1px #0f172a1f}.lyrics-editor-chars{display:inline-flex}.lyrics-char-wrap{align-items:flex-start;display:inline-flex;position:relative}.lyrics-char-btn{background:transparent;border:0;color:inherit;cursor:crosshair;font:inherit;line-height:1.35;margin:0;width:var(--lyrics-char-width);min-width:var(--lyrics-char-width);outline:none;padding:0;text-align:left}.lyrics-empty-line{display:inline-block;min-height:1.35rem}.lyrics-char-btn.has-chord{border-bottom-color:transparent;background:#b91c1c14;color:#b91c1c;border-radius:2px}.lyrics-char-btn.is-selected{background:#b91c1c1a;outline:1px solid rgba(185,28,28,.5)}.lyrics-chord-underline{display:none;bottom:.05rem;height:1rem;pointer-events:none;position:absolute;width:var(--lyrics-char-width);z-index:1}.lyrics-chord-popover{position:absolute;left:50%;bottom:1.9rem;z-index:10;width:min(13rem,82vw);transform:translate(-50%);border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-elevated);box-shadow:0 16px 38px #0f172a33;padding:.5rem;display:grid;gap:.45rem}.lyrics-chord-popover:after{content:"";position:absolute;left:50%;bottom:-.38rem;width:.7rem;height:.7rem;transform:translate(-50%) rotate(45deg);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--surface-elevated)}.lyrics-chord-popover.is-below{top:1.75rem;bottom:auto}.lyrics-chord-popover.is-below:after{top:-.38rem;bottom:auto;border:0;border-left:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle)}.lyrics-chord-popover.is-near-left{left:0;transform:none}.lyrics-chord-popover.is-near-left:after{left:.45ch;transform:translate(-50%) rotate(45deg)}.lyrics-chord-popover-actions{display:flex;gap:.4rem;justify-content:flex-end;flex-wrap:wrap}.navbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;background-color:var(--navbar-bg);color:var(--navbar-text);padding:10px 20px}.navbar-left{display:flex;align-items:center;gap:20px}.navbar-logo{color:var(--navbar-text);text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;line-height:1}.navbar-logo-icon{width:40px;height:40px;border-radius:999px;display:block}.navbar-logo-text{display:inline-flex;flex-direction:column;gap:.12rem}.navbar-logo-campfire{color:#ff8c2a;font-size:1rem;font-weight:800;letter-spacing:.02em}.navbar-logo-songs{color:var(--navbar-text);font-size:.88rem;font-weight:600;letter-spacing:.03em}.navbar-link{color:var(--navbar-text);text-decoration:none;font-size:16px;white-space:nowrap}.navbar-link:hover,.navbar-logo:hover{text-decoration:underline}.navbar-logo:hover{color:var(--navbar-text);text-decoration:none}.navbar-actions{display:inline-flex;align-items:center;gap:.5rem}.navbar-theme-toggle{background-color:var(--navbar-toggle-bg);color:var(--navbar-toggle-text);border:1px solid var(--navbar-toggle-border);border-radius:4px;padding:6px 12px;cursor:pointer;font-weight:500;transition:background-color .2s ease,border-color .2s ease}.navbar-theme-toggle:hover{background-color:var(--navbar-toggle-hover-bg)}.navbar-logout{background-color:var(--navbar-logout-bg);color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.navbar-logout:hover{background-color:var(--navbar-logout-hover-bg)}.connection-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .6rem;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid transparent}.connection-dot{width:9px;height:9px;border-radius:999px;display:inline-block}.connection-indicator.is-online{background:#10381f;color:#b7f7cb;border-color:#1e7a3f}.connection-indicator.is-online .connection-dot{background:#34d399;box-shadow:0 0 0 3px #34d39933}.connection-indicator.is-offline{background:#472612;color:#ffd9bb;border-color:#a65a2b}.connection-indicator.is-offline .connection-dot{background:#fb923c;box-shadow:0 0 0 3px #fb923c33}@media(max-width:760px){.navbar{flex-wrap:wrap;gap:.6rem;padding:10px 14px}.navbar-left{width:100%;justify-content:space-between;gap:.8rem}.navbar-logo-icon{width:34px;height:34px}.navbar-logo-campfire{font-size:.94rem}.navbar-logo-songs{font-size:.82rem}.connection-indicator{order:3;width:100%;justify-content:center}.navbar-actions{width:100%;flex-direction:column}.navbar-theme-toggle,.navbar-logout{width:100%}}@media(max-width:480px){.navbar-left{align-items:center}.navbar-link{font-size:.92rem}}