:root{color:#27251f;font-synthesis:none;background:#f3efe6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.startup-screen,.login-screen{color:#f5f1e8;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));text-align:center;background:#252821;place-items:center;display:grid}.startup-screen{align-content:center;gap:14px}.startup-screen .loading-spinner{border-color:#d8a845 #d8a84540 #d8a84540}.startup-screen h1{margin:0;font-size:24px}.startup-screen p{color:#c4c7be;max-width:360px;margin:0;line-height:1.5}.startup-screen .primary{margin-top:8px}.startup-mark{color:#252821;background:#d8a845;border-radius:18px;place-items:center;width:62px;height:62px;font-size:34px;display:grid}.login-card{text-align:left;background:#30342d;border:1px solid #454a40;border-radius:22px;width:min(390px,100%);padding:32px;position:relative;box-shadow:0 24px 70px #00000042}.first-password-close{color:#f5f1e8;background:#454a40;border:0;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;font-size:28px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.first-password-close:hover,.first-password-close:focus-visible{background:#5a6255}.login-brand{color:#252821;background:#d8a845;border-radius:18px;place-items:center;width:62px;height:62px;margin-bottom:20px;font-size:34px;display:grid}.login-card>p{color:#adb2a7;margin:0 0 3px;font-size:13px}.login-card h1{margin:0 0 26px;font-size:29px}.login-card form{gap:15px;display:grid}.login-card label{color:#d9dbd4;gap:6px;font-size:13px;font-weight:650;display:grid}.login-card input{color:#27251f;background:#f8f6f0;border:1px solid #646b5e;border-radius:10px;outline:none;width:100%;padding:12px 13px;font-size:16px}.login-card input:focus{border-color:#d8a845;box-shadow:0 0 0 3px #d8a8452e}.login-card .primary{width:100%;margin-top:3px}.login-error{color:#ffb39b;margin:-3px 0 0;font-size:13px;line-height:1.4}.app-shell{background:#f8f6f0;grid-template-columns:220px minmax(300px,420px) minmax(420px,1fr);min-height:100vh;display:grid}.sidebar{color:#f5f1e8;background:#252821;padding:28px 16px}.sidebar header{align-items:center;gap:8px;padding:0 8px 28px;display:flex}.brand-copy{flex:1;min-width:0}.brand-mark{color:#252821;background:#d8a845;border:0;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;padding:0;font-size:24px;display:grid}h1,h2,p{margin-top:0}.sidebar h1{white-space:nowrap;margin-bottom:2px;font-size:17px}.sidebar header p{color:#aeb2a7;margin:0;font-size:12px}.nav{color:#d5d7d0;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;width:100%;margin:2px 0;padding:11px 12px;display:flex}.nav:hover,.nav.active{color:#fff;background:#3b4035}.nav span{color:#aeb2a7;font-size:12px}.section-title{color:#90968a;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;margin:28px 8px 8px;font-size:11px;display:flex}.section-title button{color:#d8a845;background:0 0;border:0;padding:0;font-size:22px}.new-collection-form{background:#30342d;border:1px solid #4a5044;border-radius:10px;margin:6px 4px 12px;padding:10px}.new-collection-form input{color:#27251f;background:#f8f6f0;border:1px solid #60675a;border-radius:8px;width:100%;padding:9px 10px}.new-collection-form p{color:#ffb39b;margin:7px 2px 0;font-size:12px}.new-collection-form>div{gap:6px;margin-top:8px;display:flex}.new-collection-form button{color:#f5f1e8;background:#444a3f;border:1px solid #656c60;border-radius:7px;padding:7px 9px;font-size:12px}.new-collection-form button[type=submit]{color:#252821;background:#d8a845;border-color:#d8a845;font-weight:700}.catalog-tools-divider{border-top:1px solid #42473d;margin:28px 0 16px}.chord-library-nav,.data-center-nav{margin-top:2px}.data-center-nav-label{color:inherit!important;font-size:13px!important}.logout-nav{color:#aeb2a7;margin-top:6px}.drawer-heading,.mobile-menu-backdrop{display:none}.catalog{background:#efebe2;border-right:1px solid #ded9ce;min-height:100vh}.toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9;background:#efebe2f5;border-bottom:1px solid #ded9ce;gap:10px;padding:18px;display:flex;position:sticky;top:0}.search-field{flex:1;min-width:0;position:relative}.search{background:#fffdf8;border:1px solid #d3ccbf;border-radius:10px;width:100%;min-width:0;padding:11px 42px 11px 13px}.search-clear{color:#777067;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;font-size:21px;line-height:1;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-clear:hover{color:#8f3e20;background:#eee8dc}.search-clear:focus-visible{outline-offset:1px;outline:2px solid #a84e2a73}.catalog-view-bar{border-bottom:1px solid #ded9ce;justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:8px 12px;display:flex}.catalog-view-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.catalog-edit-button{color:#655f56;background:#fffdf8;border:1px solid #cfc7b9;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:700}.catalog-edit-button.active{color:#fff;background:#a84e2a;border-color:#a84e2a}.delete-collection-button{color:#9a3325;background:#fff5f2;border:1px solid #cf9182;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:750}.delete-collection-button:disabled{opacity:.45;cursor:not-allowed}.view-switch{background:#e5dfd4;border:1px solid #d4ccbf;border-radius:10px;padding:3px;display:inline-flex}.view-switch button{color:#756e64;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-size:12px;font-weight:700}.view-switch button.active{color:#8f3e20;background:#fffdf8;box-shadow:0 1px 4px #312a1f1a}.artist-filter-chip{color:#8f3e20;background:#fff8f2;border:1px solid #d1b8a8;border-radius:20px;align-items:center;gap:6px;min-width:0;padding:6px 9px 6px 11px;font-size:11px;font-weight:700;display:flex}.artist-filter-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog-results+.catalog-results{border-top:1px solid #d9d3c8}.result-section-title{color:#777067;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0;padding:16px 18px 6px;font-size:12px;display:flex}.result-section-title span{color:#777067;text-align:center;letter-spacing:0;background:#e2dcd1;border-radius:12px;min-width:24px;padding:3px 7px;font-size:10px}.artist-list{padding:9px}.search-artist-results .artist-list{max-height:min(160px,25dvh);overflow-y:auto}.search-empty-note{color:#817b71;margin:0;padding:3px 9px 8px;font-size:12px}.search-results .compact-empty{min-height:0;padding:16px 18px}.search-results .compact-empty>span{display:none}.search-results .compact-empty h2{margin:0 0 5px;font-size:15px}.search-results .compact-empty p{margin:0;font-size:12px}.artist-row{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto 12px;align-items:center;gap:9px;padding:9px 10px;display:grid}.artist-row:hover{background:#fffdf8;box-shadow:0 1px #281e140d}.artist-row.checked,.song-row.checked{background:#fff4ec;box-shadow:inset 0 0 0 1px #d59a7e}.catalog-checkbox{color:#fff;background:#fffdf8;border:1px solid #bfb6a7;border-radius:7px;place-items:center;width:24px;height:24px;font-size:15px;font-weight:800;display:grid}.checked>.catalog-checkbox{background:#a84e2a;border-color:#a84e2a}.artist-initial{color:#7f4a2e;background:#ddd2bc;border-radius:10px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:16px;font-weight:700;display:grid}.artist-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.artist-count{color:#817a70;font-variant-numeric:tabular-nums;font-size:12px}.artist-arrow{color:#a59d91;font-size:21px;line-height:1}.scroll-top-button{z-index:20;color:#8f3e20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffdf8c2;border:1px solid #897c6a73;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;font-size:25px;font-weight:750;line-height:1;transition:background .16s,transform .16s,opacity .16s;display:grid;position:fixed;bottom:18px;right:max(14px,100vw - 626px);box-shadow:0 7px 22px #312a1f2b}.scroll-top-button:hover{background:#fffdf8f5;transform:translateY(-2px)}.scroll-top-button:active{transform:translateY(0)scale(.95)}.scroll-top-button:focus-visible{outline-offset:2px;outline:3px solid #a84e2a4d}.language-picker{flex:none;position:relative}.language-trigger{color:#655f56;background:#fffdf8;border:1px solid #d3ccbf;border-radius:10px;width:42px;height:42px;padding:0;font-size:17px;font-weight:800}.language-trigger.filtered{color:#9b4323;letter-spacing:.03em;border-color:#b35a36;font-size:10px}.language-popover{z-index:30;background:#fffdf8;border:1px solid #d8d0c2;border-radius:12px;width:250px;max-height:360px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 14px 34px #312a1f33}.language-popover-title{color:#514d45;border-bottom:1px solid #e5ded2;justify-content:space-between;align-items:center;padding:4px 5px 9px 8px;display:flex}.language-popover-title button{color:#6c665d;background:0 0;border:0;border-radius:8px;width:30px;height:30px;font-size:22px}.language-option{color:#514d45;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 9px;display:flex}.language-option:hover,.language-option.active{color:#923d20;background:#f1ece2}.language-option span{align-items:center;gap:9px;display:flex}.language-option b{letter-spacing:.03em;width:30px;font-size:10px}.language-option em{color:#8a8379;font-size:12px;font-style:normal}.add-symbol{margin-right:4px}.primary{color:#fff;background:#a84e2a;border:0;border-radius:10px;padding:11px 16px;font-weight:650}.primary:hover{background:#8f3e20}.song-list{padding:9px}.song-row{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:12px 10px;display:grid}.song-row:hover,.song-row.selected{background:#fffdf8;box-shadow:0 1px #281e140d}.song-row strong,.song-row small{display:block}.song-row strong{font-size:14px}.song-row small{color:#7f796f;margin-top:3px}.song-row em{color:#a84e2a;font-style:normal;font-weight:700}.favorite-symbol{color:#d39e32;font-size:18px}.song-panel{min-width:0;padding:clamp(24px,5vw,72px)}.song-head{border-bottom:1px solid #ded9ce;grid-template-columns:1fr;grid-template-areas:"title""controls";gap:14px;padding:0 52px 18px 0;display:grid;position:relative}.song-title-block{grid-area:title;min-width:0}.song-head p{color:#a84e2a;margin-bottom:6px;font-weight:650}.song-head h2{overflow-wrap:anywhere;margin-bottom:10px;font-family:Georgia,serif;font-size:clamp(28px,4vw,46px)}.meta{flex-wrap:wrap;gap:8px;display:flex}.meta span{color:#69635a;background:#ece5d7;border-radius:20px;padding:5px 9px;font-size:12px}.star{color:#d39e32;background:0 0;border:0;align-self:flex-start;font-size:32px}.star:disabled{cursor:default}.offline-status{color:#777067;flex-wrap:wrap;align-items:center;gap:5px 12px;margin-bottom:10px;font-size:12px;display:flex}.offline-status.is-offline{color:#61543c;background:#ece5d7;border-radius:9px;padding:10px 12px}.offline-status small{flex-basis:100%;font-size:11px;line-height:1.5}.offline-status button{color:#a84e2a;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.offline-saving{font-size:11px}.offline-song-status{color:#777067;margin:0 0 12px;font-size:11px}.song-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.collection-picker{position:relative}.collection-button{color:#514d45;white-space:nowrap;background:#fffdf8;border:1px solid #cfc7b9;border-radius:9px;padding:9px 12px;font-size:14px}.collection-popover{z-index:12;background:#fffdf8;border:1px solid #d8d0c2;border-radius:12px;width:280px;max-height:340px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 14px 34px #312a1f2e}.collection-popover-title{color:#514d45;justify-content:space-between;align-items:center;padding:4px 5px 10px 8px;display:flex}.collection-popover-title button{color:#6c665d;background:0 0;border:0;border-radius:8px;width:30px;height:30px;font-size:22px}.collection-option{color:#39362f;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 8px;display:flex}.collection-option:hover{background:#f1ece2}.collection-check{color:#fff;border:1px solid #c8bfae;border-radius:6px;flex:0 0 21px;place-items:center;width:21px;height:21px;font-size:14px;display:grid}.collection-check.checked{background:#a84e2a;border-color:#a84e2a}.no-collections{color:#7f796f;margin:0;padding:10px 8px;font-size:13px;line-height:1.45}.picker-create-collection{border-top:1px solid #ded7ca;gap:8px;margin-top:8px;padding:12px 8px 8px;display:grid}.picker-add-collection{color:#a84e2a;text-align:left;background:0 0;border:0;border-top:1px solid #ded7ca;width:100%;margin-top:8px;padding:12px 8px;font-size:13px}.picker-create-collection .picker-create-cancel{color:#6c665d;background:0 0}.picker-create-collection label{color:#6c665d;font-size:12px}.picker-create-collection input{color:#39362f;background:#fff;border:1px solid #cfc7b9;border-radius:8px;width:100%;min-width:0;padding:9px 10px;font-size:16px}.picker-create-collection button{color:#fff;background:#a84e2a;border:0;border-radius:8px;padding:9px;font-size:13px}.picker-create-collection button:disabled{opacity:.5;cursor:default}.picker-create-collection p{color:#a33424;margin:0 0 8px;font-size:12px}.header-playback-controls{flex-wrap:wrap;grid-area:controls;align-items:flex-end;gap:8px 14px;display:flex}.key-control{color:#777067;gap:4px;font-size:11px;display:grid}.key-control select{color:#39362f;background:#fffdf8;border:1px solid #cec5b6;border-radius:8px;min-width:106px;height:34px;padding:0 28px 0 9px;font-size:14px;font-weight:700}.compact-control{align-items:center;gap:5px;min-height:34px;display:flex}.compact-control>span{color:#777067;margin-right:2px;font-size:11px}.compact-control button,.fullscreen-control{color:#4e4941;background:#fffdf8;border:1px solid #cec5b6;border-radius:8px;min-width:34px;height:34px;padding:0 8px}.compact-control button{font-size:14px}.compact-control button:hover,.fullscreen-control:hover{color:#963f20;border-color:#ae5b38}.compact-control strong{text-align:center;min-width:24px;font-size:12px}.active-control{color:#fff!important;background:#a84e2a!important;border-color:#a84e2a!important}.fullscreen-control{width:40px;height:40px;padding:0;font-size:22px;position:absolute;top:0;right:0}.rendered-song{margin:30px 0 46px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.42}.song-line{flex-wrap:wrap;align-items:flex-end;min-height:1.45em;display:flex}.song-line.chord-only{align-items:flex-start;min-height:1em;margin:.2em 0}.song-line.chord-only .rendered-chord{min-height:0}.song-line.chord-only .rendered-lyric{display:none}.song-segment{white-space:pre-wrap;overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;display:inline-flex}.song-segment.standalone-chord{min-width:2.35em}.rendered-chord{color:#a84e2a;-webkit-user-select:none;user-select:none;min-height:1.2em;font-size:.82em;font-weight:800;line-height:1.12}.rendered-chord>span{white-space:pre}.rendered-chord button{color:inherit;font:inherit;font-weight:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-radius:.28em;padding:0 .05em}.rendered-chord button:hover{background:#a84e2a1c}.rendered-chord button:focus-visible{outline-offset:2px;outline:2px solid #a84e2a80}.rendered-lyric{min-height:1.4em}.song-blank{height:1em}.song-section{color:#766e62;letter-spacing:.08em;text-transform:uppercase;margin:1.45em 0 .55em;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72em;font-weight:800}.empty-song-text{color:#817b71;margin:32px 0}.speed-dock{z-index:58;width:34px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-items:center;gap:5px;padding:0;display:grid;position:fixed;top:50%;right:8px;transform:translateY(-50%)}.speed-dock-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.speed-dock input{accent-color:#a84e2a;writing-mode:vertical-lr;direction:rtl;width:22px;height:clamp(120px,25vh,190px);margin:0}.speed-dock-max,.speed-dock-min{color:#91897e;font-size:9px;line-height:1}.speed-dock strong{color:#514d45;text-align:center;min-width:30px;font-size:11px}.speed-dock button{color:#4e4941;background:#fffdf8;border:1px solid #cec5b6;border-radius:9px;place-items:center;width:32px;height:32px;padding:0;font-size:13px;display:grid}.speed-dock button:hover{color:#963f20;border-color:#ae5b38}.performance-exit{display:none}.app-shell.performance-mode{background:#f8f6f0;min-height:100vh;display:block}.performance-mode .sidebar,.performance-mode .catalog,.performance-mode .mobile-menu-backdrop,.performance-mode .mobile-back,.performance-mode .song-head,.performance-mode .edit-button{display:none!important}.performance-mode .song-panel{max-width:1000px;min-height:100vh;margin:0 auto;padding-top:18px;display:block}.performance-mode .rendered-song{margin-top:0}.performance-mode .performance-exit{z-index:61;color:#514d45;background:#fffdf8;border:1px solid #cec5b6;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-size:27px;line-height:1;display:grid;position:fixed;top:14px;right:14px;box-shadow:0 5px 18px #372d201f}.quiet{color:#514d45;background:0 0;border:1px solid #cfc7b9;border-radius:9px;padding:9px 13px}.edit-button{float:right;font-size:14px}.mobile-back{margin-bottom:18px;font-size:14px;display:none}.editor{max-width:760px}.editor-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.editor label{color:#625d54;gap:6px;margin-bottom:14px;font-size:13px;font-weight:650;display:grid}.editor input,.editor textarea,.editor select{color:#27251f;background:#fffdf8;border:1px solid #d3ccbf;border-radius:9px;width:100%;padding:10px 12px}.editor textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}.fields{grid-template-columns:1.3fr 1fr .7fr .8fr;gap:10px;display:grid}.error{color:#8b321a;background:#fee8e1;border-radius:8px;margin:12px 18px;padding:10px 12px}.empty,.welcome{text-align:center;color:#817b71;place-content:center;min-height:50vh;padding:30px;display:grid}.empty span,.welcome span{color:#c7a866;font-size:48px}.empty h2,.welcome h2{color:#39362f;margin:8px 0}.compact-empty{min-height:280px}.data-center-backdrop,.settings-backdrop{z-index:100;background:#191b169e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.data-center{background:#f8f6f0;border-radius:18px;width:min(680px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 22px 70px #12131059}.data-center>header{border-bottom:1px solid #ded9ce;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 26px 18px;display:flex}.data-center>header p{color:#a84e2a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:12px;font-weight:750}.data-center>header h2{margin:0;font-size:24px}.data-center>header button{color:#514d45;background:#e9e4da;border:0;border-radius:10px;flex:0 0 38px;width:38px;height:38px;font-size:27px;line-height:1}.settings-panel{background:#f8f6f0;border-radius:18px;width:min(560px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 22px 70px #12131059}.settings-panel>header{border-bottom:1px solid #ded9ce;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 26px 18px;display:flex}.settings-panel>header p{color:#a84e2a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:12px;font-weight:750}.settings-panel>header h2{margin:0;font-size:24px}.settings-panel>header button{color:#514d45;background:#e9e4da;border:0;border-radius:10px;flex:0 0 38px;width:38px;height:38px;font-size:27px;line-height:1}.settings-content{gap:12px;padding:22px 26px;display:grid}.shared-defaults{background:#f0eadc;border:1px solid #d8cfbe;border-radius:13px;gap:13px;margin-top:12px;padding:20px 18px;display:grid}.shared-defaults h3,.shared-defaults p{margin:0}.shared-defaults>p{color:#756f65;font-size:13px;line-height:1.45}.shared-defaults>label{justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.shared-defaults select{background:#fffdf8;border:1px solid #cec5b6;border-radius:8px;min-width:105px;padding:8px}.shared-defaults .shared-defaults-check{justify-content:flex-start}.shared-defaults-check input{accent-color:#a84e2a;width:18px;height:18px}.shared-defaults>button{justify-self:start}.settings-item{background:#fffdf8;border:1px solid #ded7ca;border-radius:13px;justify-content:space-between;align-items:center;gap:22px;margin:0;padding:17px 18px;display:flex}.settings-item h3,.settings-toggle strong{color:#3f3b34;margin:0 0 5px;font-size:15px;display:block}.settings-item p,.settings-toggle small{color:#756f65;margin:0;font-size:12px;font-weight:400;line-height:1.45;display:block}.settings-font-control{flex:none;grid-template-columns:34px 58px 34px;align-items:center;gap:5px;display:grid}.settings-font-control button{color:#4e4941;background:#fffdf8;border:1px solid #cec5b6;border-radius:8px;width:34px;height:34px;padding:0;font-size:14px}.settings-font-control button:disabled{opacity:.38;cursor:not-allowed}.settings-font-control strong{text-align:center;color:#4e4941;font-variant-numeric:tabular-nums;font-size:13px}.settings-language-control{background:#e9e4da;border-radius:10px;flex:none;grid-template-columns:repeat(2,44px);gap:5px;padding:3px;display:grid}.settings-language-control button{color:#696359;letter-spacing:.04em;background:0 0;border:0;border-radius:7px;height:32px;padding:0;font-size:12px;font-weight:800}.settings-language-control button.active{color:#a84e2a;background:#fffdf8;box-shadow:0 1px 4px #28231c24}.settings-toggle{cursor:pointer}.settings-toggle>span{min-width:0}.settings-toggle input{accent-color:#a84e2a;cursor:pointer;flex:0 0 42px;width:42px;height:22px}.settings-panel>footer{border-top:1px solid #ded9ce;justify-content:space-between;align-items:center;gap:12px;padding:17px 26px;display:flex}.data-card{background:#fffdf8;border:1px solid #ded7ca;border-radius:13px;justify-content:space-between;align-items:center;gap:24px;margin:22px 26px;padding:18px;display:flex}.data-card h3,.backup-preview h3{margin:0 0 5px;font-size:16px}.data-card p{color:#756f65;margin:0;font-size:13px;line-height:1.45}.data-card .primary,.file-button{flex:none}.data-divider{color:#999187;text-transform:uppercase;align-items:center;gap:10px;margin:0 26px;font-size:11px;display:flex}.data-divider:before,.data-divider:after{content:"";background:#ded9ce;flex:1;height:1px}.file-button{color:#98401f;cursor:pointer;border:1px solid #b85b36;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.data-status{color:#756f65;align-items:center;gap:10px;margin:12px 26px;display:flex}.loading-spinner,.button-spinner{border:2px solid #a84e2a38;border-top-color:#a84e2a;border-radius:50%;animation:.75s linear infinite spin;display:inline-block}.loading-spinner{flex:0 0 22px;width:22px;height:22px}.button-spinner{vertical-align:-2px;width:15px;height:15px}.import-submit:disabled{cursor:wait;opacity:.72}@keyframes spin{to{transform:rotate(360deg)}}.data-error{margin:12px 26px}.backup-preview{background:#f2ead9;border:1px solid #d6c9ae;border-radius:13px;margin:20px 26px;padding:18px}.backup-numbers{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.backup-numbers span{color:#655f56;background:#fffdf8;border-radius:20px;padding:7px 10px;font-size:12px}.backup-preview p{color:#756f65;font-size:13px}.backup-preview .backup-note{color:#8f482b}.text-song-preview{gap:3px;margin:14px 0;display:grid}.text-song-preview>span{color:#756f65;font-size:13px}.text-song-preview>p{margin:4px 0}.text-song-preview pre{color:#514d45;white-space:pre-wrap;background:#fffdf8;border-radius:9px;max-height:180px;margin:8px 0 2px;padding:12px;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.text-file-list{gap:6px;margin:14px 0;display:grid}.text-file-list>div{background:#fffdf8;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:9px 11px;display:grid}.text-file-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.text-file-list span{color:#7b756c;grid-row:2;font-size:11px}.text-file-list em{color:#98401f;grid-area:1/2/span 2;align-self:center;font-size:11px;font-style:normal}.import-languages{gap:5px;margin:15px 0;display:grid}.import-languages>strong{color:#514d45;margin-bottom:3px;font-size:13px}.import-languages label{cursor:pointer;background:#fffdf8b8;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:7px 9px;display:grid}.import-languages input{accent-color:#a84e2a;width:17px;height:17px}.import-languages span{color:#514d45;font-size:13px}.import-languages em{color:#8a8379;font-size:12px;font-style:normal}.import-result{color:#3e5b35;background:#e3eddf;border-radius:12px;margin:20px 26px;padding:15px 18px}.import-result p{margin:4px 0 0;font-size:13px;line-height:1.45}.data-center>footer{color:#888176;border-top:1px solid #ded9ce;justify-content:space-between;align-items:center;gap:16px;padding:17px 26px;font-size:12px;display:flex}.restore-deleted{cursor:pointer;background:#fff8f2;border:1px solid #d2a789;border-radius:10px;align-items:flex-start;gap:10px;margin:14px 0;padding:12px;display:flex}.restore-deleted input{margin-top:3px}.restore-deleted span,.restore-deleted small{display:block}.restore-deleted small{color:#7d6f65;margin-top:3px;line-height:1.35}.danger-zone{background:#fff3f0;border:1px solid #d99b8d;border-radius:13px;gap:14px;margin:24px 26px;padding:18px;display:grid}.danger-zone h3{color:#8e2f20;margin:0 0 5px}.danger-zone p{color:#775f58;margin:0;font-size:13px;line-height:1.45}.danger-zone label{color:#664e48;gap:6px;font-size:12px;display:grid}.danger-zone input{letter-spacing:.1em;background:#fff;border:1px solid #d0a59a;border-radius:8px;width:130px;padding:9px 10px;font-weight:800}.danger-button{color:#fff;background:#a73727;border:0;border-radius:9px;padding:10px 14px;font-weight:750}.danger-button:hover:not(:disabled){background:#872719}.danger-button:disabled{opacity:.42;cursor:not-allowed}.delete-selection-bar{z-index:19;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8f5;border:1px solid #d4cabd;border-radius:14px;align-items:center;gap:18px;padding:10px 12px 10px 16px;display:flex;position:fixed;bottom:16px;right:max(16px,100vw - 624px);box-shadow:0 12px 34px #312a1f38}.delete-selection-bar span{color:#5e574e;font-size:13px}.chord-modal-backdrop,.chord-library-backdrop{z-index:140;background:#191b16a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.chord-modal,.chord-library{background:#f8f6f0;border:1px solid #ddd4c5;border-radius:20px;width:min(720px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 24px 76px #12131066}.chord-modal>header,.chord-library>header{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f6f0f5;border-bottom:1px solid #ded9ce;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px 17px;display:flex;position:sticky;top:0}.chord-modal>header p,.chord-library>header p{color:#a84e2a;letter-spacing:.09em;text-transform:uppercase;margin:0 0 3px;font-size:11px;font-weight:800}.chord-modal>header h2,.chord-library>header h2{margin:0;font-size:28px}.chord-modal>header span{color:#7c756b;margin-top:4px;font-size:12px;display:block}.chord-modal>header button,.chord-library>header button{color:#514d45;background:#fffdf8;border:1px solid #d2cabb;border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:0;font-size:27px;line-height:1;display:grid}.chord-positions{scrollbar-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 22px 24px;display:grid}.chord-positions::-webkit-scrollbar{display:none}.chord-position{text-align:center;background:#fffdf8;border:1px solid #ded5c7;border-radius:14px;min-width:0;padding:12px 8px 8px}.chord-position>div{text-align:left;justify-content:space-between;align-items:baseline;gap:6px;padding:0 7px 5px;display:flex}.chord-position>div strong{color:#403b34;font-size:13px}.chord-position>div span{color:#8a8378;font-size:10px}.chord-position svg{width:min(100%,176px);margin:0 auto;display:block;overflow:visible}.diagram-fret,.diagram-string{stroke:#777064;stroke-width:1.25px}.diagram-nut{stroke:#3c3832;stroke-width:4px}.diagram-barre{stroke:#a84e2a;stroke-width:15px;stroke-linecap:round}.diagram-finger{fill:#a84e2a}.diagram-finger-number{fill:#fff;text-anchor:middle;font:700 9px Inter,sans-serif}.diagram-open{fill:#514d45;text-anchor:middle;font:700 17px Inter,sans-serif}.diagram-string-name{fill:#8a8378;text-anchor:middle;font:700 9px Inter,sans-serif}.diagram-base-fret{fill:#6d665c;text-anchor:middle;font:700 10px Inter,sans-serif}.chord-note{color:#62594e;background:#efe6d6;border-radius:10px;margin:17px 22px 0;padding:10px 12px;font-size:12px;line-height:1.4}.chord-not-found,.chord-library-empty{color:#7d766c;text-align:center;place-content:center;justify-items:center;min-height:260px;padding:28px;display:grid}.chord-not-found span,.chord-library-empty span{color:#c7a866;font-size:42px}.chord-not-found h3{color:#403b34;margin:8px 0}.chord-not-found p,.chord-library-empty p{max-width:400px;margin:0;line-height:1.5}.chord-library{width:min(860px,100%)}.chord-library-search{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f6f0f2;border-bottom:1px solid #e2dbcf;padding:14px 22px;position:sticky;top:80px}.chord-library-search input{color:#27251f;background:#fffdf8;border:1px solid #d0c7b9;border-radius:11px;outline:none;width:100%;padding:12px 14px;font-size:16px}.chord-library-search input:focus{border-color:#b15b38;box-shadow:0 0 0 3px #a84e2a1f}.chord-library-content{padding:4px 22px 26px}.chord-root-group{border-bottom:1px solid #e3ddd2;grid-template-columns:105px minmax(0,1fr);gap:14px;padding:17px 0;display:grid}.chord-root-group:last-child{border-bottom:0}.chord-root-group h3{color:#4a453d;margin:7px 0 0;font-size:15px}.chord-root-group>div{flex-wrap:wrap;gap:7px;display:flex}.chord-root-group button{color:#8f3e20;background:#fffdf8;border:1px solid #d3cabc;border-radius:8px;min-width:49px;padding:7px 9px;font-weight:750}.chord-root-group button:hover{background:#fff8ef;border-color:#b15b38}.users-panel{width:min(660px,100%)}.user-create-form{grid-template-columns:minmax(0,1fr) 150px;align-items:end;gap:10px;margin-bottom:22px;display:grid}.user-create-form label{color:#625b51;gap:5px;font-size:12px;font-weight:700;display:grid}.user-create-form label:nth-child(3){grid-column:1/-1}.user-create-form input,.user-create-form select,.user-row-actions select,.user-reset-form input{color:#27251f;background:#fffdf8;border:1px solid #d0c7b9;border-radius:9px;min-width:0;padding:10px;font-size:14px}.user-create-form .primary{grid-column:1/-1;min-height:39px}.user-password-hint{color:#777066;grid-column:1/-1;margin:0;font-size:12px}.user-list{gap:8px;display:grid}.user-row{background:#fffdf8;border:1px solid #ded9ce;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.user-row>div:first-child{gap:3px;display:grid}.user-row small{color:#777066}.user-row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.user-row-actions button{color:#533c31;background:#f8f6f0;border:1px solid #d0c7b9;border-radius:8px;padding:9px;font-size:12px}.user-row-actions .user-delete-button{color:#a03125;border-color:#ca9489}.user-reset-form{border-top:1px solid #e4ded4;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px;padding-top:10px;display:grid}.user-reset-form label{color:#625b51;gap:5px;font-size:12px;font-weight:700;display:grid}.user-reset-form button{min-height:39px}.limited-policy{border-top:1px solid #ded9ce;margin-top:22px;padding-top:18px}.limited-policy h3{color:#403b34;margin:0 0 12px;font-size:16px}.limited-policy h4{color:#625b51;margin:18px 0 8px;font-size:13px}.user-policy-option{color:#484238;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:42px;padding:8px 10px;font-size:13px;display:flex}.user-policy-option:nth-of-type(odd){background:#efeae0}.user-policy-option small{color:#8a8378;margin-left:5px}.user-policy-option input{accent-color:#a84e2a;flex:0 0 18px;width:18px;height:18px}@media (width<=900px){.app-shell{grid-template-columns:190px minmax(280px,1fr)}.song-panel,.detail-open .sidebar,.detail-open .catalog{display:none}.detail-open .song-panel{min-height:100vh;display:block}.mobile-back{display:inline-block}.catalog{border-right:0}.scroll-top-button{right:14px}}@media (width<=620px){.login-card{padding:26px 22px}.app-shell{display:block}.app-shell.mobile-nav-open{height:100dvh;overflow:hidden}.sidebar{z-index:30;min-height:auto;padding:14px;position:relative;box-shadow:0 2px 12px #1618131f}.sidebar header{padding:0}.brand-mark{cursor:pointer;transition:transform .16s,background .16s}.brand-mark:active{transform:scale(.94)}.brand-mark:focus-visible{outline-offset:3px;outline:3px solid #fff}.catalog-navigation{z-index:40;visibility:hidden;background:#252821;width:min(84vw,340px);height:100dvh;margin:0;padding:20px 14px 28px;transition:transform .22s,visibility .22s;display:block;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:12px 0 32px #0d0f0c4d}.sidebar.mobile-menu-open .catalog-navigation{visibility:visible;transform:translate(0)}.drawer-heading{color:#f5f1e8;border-bottom:1px solid #42473d;justify-content:space-between;align-items:center;min-height:48px;margin-bottom:8px;padding:0 8px 14px;font-size:18px;display:flex}.drawer-heading button{color:#f5f1e8;background:#3b4035;border:0;border-radius:10px;width:40px;height:40px;font-size:28px;line-height:1}.mobile-menu-backdrop{z-index:25;background:#13151185;border:0;padding:0;display:block;position:fixed;inset:0}.section-title{margin-top:18px}.catalog{min-height:calc(100vh - 70px)}.toolbar{grid-template-columns:minmax(0,1fr) 42px 42px;gap:8px;padding:10px;display:grid}.toolbar.reader-toolbar{grid-template-columns:minmax(0,1fr) 42px}.toolbar .search-field{width:100%}.toolbar .search{width:100%;padding:10px 40px 10px 11px}.toolbar .language-picker{width:42px}.catalog-view-bar{padding:8px 10px}.catalog-edit-button{padding:7px 8px}.delete-collection-button{text-overflow:ellipsis;white-space:nowrap;max-width:110px;padding:7px;overflow:hidden}.catalog-view-actions{gap:5px}.view-switch button{padding:7px 10px}.artist-filter-chip{max-width:52vw}.scroll-top-button{background:#fffdf8b3;width:44px;height:44px;bottom:14px;right:12px}.language-popover{width:min(270px,100vw - 20px);position:fixed;top:78px;right:10px}.add-song-button{white-space:nowrap;width:42px;height:42px;padding:0;font-size:22px}.add-song-button .add-symbol{margin:0}.add-song-button .add-label{display:none}.song-panel{padding:20px 16px 56px}.song-head{padding-right:0;display:block}.song-title-block{padding-right:48px}.header-playback-controls{grid-template-columns:minmax(82px,.9fr) auto auto;align-items:end;gap:8px;margin-top:14px;display:grid}.key-control select{width:100%;min-width:82px}.song-actions{align-self:end;gap:3px}.song-actions .collection-button{height:34px;padding:0 7px;font-size:11px}.song-actions .star{padding:0 2px;font-size:27px;line-height:34px}.speed-dock{width:34px;right:5px}.detail-open:not(.performance-mode) .song-panel{padding-right:58px}.collection-popover{z-index:50;width:auto;max-height:min(70dvh,440px);position:fixed;inset:auto 52px 12px 12px}.fields{grid-template-columns:1fr 1fr}.rendered-song{margin-top:24px}.performance-mode .song-panel{padding:12px 14px 56px}.performance-mode .performance-exit{top:10px;right:10px}.data-center-backdrop,.settings-backdrop{align-items:end;padding:0}.data-center{border-radius:18px 18px 0 0;width:100%;max-height:92dvh}.data-center>header{padding:20px 18px 16px}.data-center>header h2{font-size:20px}.settings-panel{border-radius:18px 18px 0 0;width:100%;max-height:92dvh}.settings-panel>header{padding:20px 18px 16px}.settings-panel>header h2{font-size:20px}.settings-content{padding:17px 16px}.settings-item{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.settings-font-control,.settings-language-control{align-self:flex-start}.settings-toggle{flex-direction:row;align-items:center}.settings-panel>footer{padding:15px 18px}.user-create-form{grid-template-columns:minmax(0,1fr) 115px}.user-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.user-reset-form{grid-template-columns:1fr 1fr}.user-reset-form label{grid-column:1/-1}.chord-modal-backdrop,.chord-library-backdrop{align-items:end;padding:0}.chord-modal,.chord-library{border-radius:18px 18px 0 0;width:100%;max-height:94dvh}.chord-modal>header,.chord-library>header{padding:18px 16px 14px}.chord-modal>header h2,.chord-library>header h2{font-size:23px}.chord-positions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px;overflow-x:visible}.chord-position{padding:9px 5px 5px}.chord-position>div{gap:3px;padding:0 4px 2px}.chord-position>div strong{font-size:11px}.chord-position>div span{font-size:9px}.chord-position svg{width:min(100%,142px)}.chord-library-search{padding:11px 14px;top:73px}.chord-library-content{padding:2px 14px 22px}.chord-root-group{grid-template-columns:1fr;gap:8px;padding:14px 0}.chord-root-group h3{margin-top:0}.data-card{flex-direction:column;align-items:stretch;gap:14px;margin:17px 16px;padding:16px}.data-card .primary,.file-button{width:100%}.data-divider{margin:0 16px}.backup-preview,.import-result{margin:16px}.data-center>footer{flex-direction:column;align-items:stretch;padding:15px 18px}.danger-zone{margin:18px 16px}.delete-selection-bar{justify-content:space-between;bottom:12px;left:12px;right:12px}}