:root{font-family:DM Sans,sans-serif;color:#1f2937;background:#fafaf9;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1F2937;--muted: #6B7280;--green: #F97316;--green-dark: #C2410C;--lime: #2563EB;--cream: #FAFAF9;--line: #E5E7EB;--page: #FAFAF9;--surface: #fff;--surface-soft: #FFEDD5;--header-bg: rgba(250,250,249,.9);--hero-bg: radial-gradient(circle at 50% 15%, #fff 0, #FAFAF9 48%, #FFF7ED 100%);--grid-line: #E5E7EB;--icon-bg: #FFEDD5;--badge-bg: #FFEDD5;--badge-line: #FDBA74;--control-bg: #F3F4F6;--shadow: rgba(31,41,55,.12);--callout-bg: #1F2937;--button-bg: #F97316;--button-hover: #C2410C;--blue-on-dark: #60A5FA}:root[data-theme=dark]{color:#f9fafb;background:#111827;color-scheme:dark;--ink: #F9FAFB;--muted: #9CA3AF;--green: #FB923C;--green-dark: #FDBA74;--lime: #60A5FA;--cream: #111827;--line: #374151;--page: #111827;--surface: #1F2937;--surface-soft: #273449;--header-bg: rgba(17,24,39,.92);--hero-bg: radial-gradient(circle at 50% 15%, #243047 0, #172033 48%, #111827 100%);--grid-line: #374151;--icon-bg: #431407;--badge-bg: #431407;--badge-line: #9A3412;--control-bg: #374151;--shadow: rgba(0,0,0,.34);--callout-bg: #0F172A;--button-bg: #F97316;--button-hover: #C2410C;--blue-on-dark: #60A5FA}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--page);transition:color .2s,background-color .2s}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:30;height:72px;background:var(--header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{width:min(1160px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{min-width:0;flex:0 0 auto;display:inline-flex;align-items:center}.brand-logo{display:block;width:144px;height:auto}nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px;font-weight:600}nav a{transition:color .2s}nav a:hover{color:var(--green)}.tool-nav-button{padding:0;display:inline-flex;align-items:center;gap:6px;color:var(--muted);background:transparent;border:0;font-weight:600;transition:color .2s}.tool-nav-button:hover{color:var(--green)}.theme-toggle{min-height:38px;padding:8px 11px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:700;transition:color .2s,border-color .2s,background .2s}.theme-toggle:hover{color:var(--green);border-color:var(--green)}.account-button{min-height:38px;padding:8px 11px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:700}.account-button:hover{color:var(--green);border-color:var(--green)}.account-controls{max-width:150px;display:flex;align-items:center;gap:7px;color:var(--ink);font-size:12px;font-weight:800}.account-controls>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-controls button{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:9px}.account-controls button:hover{color:var(--button-bg);border-color:var(--button-bg)}.hero{position:relative;isolation:isolate;min-height:calc(100vh - 72px);padding:40px 20px;overflow:hidden;display:grid;place-items:center;background:var(--hero-bg)}.hero.has-results{min-height:0;padding-block:52px 58px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.28;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,transparent 90%);mask-image:linear-gradient(to bottom,transparent,#000 25%,transparent 90%)}.hero-content{width:min(880px,100%);text-align:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;color:var(--green-dark);background:var(--badge-bg);border:1px solid var(--badge-line);border-radius:99px;font-size:13px;font-weight:700}.hero h1{margin:0 0 42px;font:800 clamp(52px,8vw,84px)/.98 "Manrope",sans-serif;letter-spacing:-5px;color:var(--ink)}.hero h1 em{color:var(--green);font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;left:4%;right:0;bottom:-6px;height:6px;background:var(--lime);border-radius:99px;transform:rotate(-1deg);z-index:-1}.hero-lead{margin:0 auto 34px;max-width:600px;color:var(--muted);font-size:18px;line-height:1.55}.search-area{position:relative;width:min(750px,100%);margin:auto}.search-box{position:relative;width:100%;padding:7px;display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 18px 50px var(--shadow)}.search-icon{color:#6b7280;margin-left:13px;flex:0 0 auto}.search-box input{min-width:0;flex:1;height:54px;padding:0 15px;color:var(--ink);background:transparent;border:0;outline:0;font-size:16px}.search-box input::placeholder{color:#9ca3af}.search-box button,.primary-button{height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--button-bg);border:0;border-radius:11px;font-weight:700;transition:transform .2s,background .2s}.search-box button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:var(--button-hover);transform:translateY(-1px)}.search-box button:disabled,.primary-button:disabled{opacity:.58;cursor:not-allowed}.song-suggestions{position:absolute;z-index:20;top:calc(100% + 9px);left:0;right:0;padding:7px;overflow:hidden;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 55px var(--shadow);text-align:left}.song-suggestions button{width:100%;min-height:58px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:inherit;background:transparent;border:0;border-radius:10px;text-align:left}.song-suggestions button:hover,.song-suggestions button.is-active{background:var(--surface-soft)}.song-suggestions button>span:first-child{min-width:0;display:grid;gap:3px}.song-suggestions strong,.song-suggestions small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-suggestions strong{font-size:14px}.song-suggestions small{color:var(--muted);font-size:12px}.suggestion-action{flex:0 0 auto;color:var(--green);font-size:12px;font-weight:800}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.search-hints{margin-top:18px;display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}.search-hints button{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:6px 10px}.demo-notice{width:fit-content;margin:22px auto 0;display:flex;align-items:center;gap:7px;color:var(--green-dark);font-size:13px}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.45}.orb-one{width:180px;height:180px;background:#ffedd5;left:-75px;top:120px}.orb-two{width:240px;height:240px;background:#dbeafe;right:-110px;bottom:-50px}.how-it-works{width:min(1080px,calc(100% - 40px));margin:-38px auto 0;position:relative;z-index:2;padding:24px 30px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px var(--shadow)}.step{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:13px}.step>span{color:#9ca3af;font:700 11px Manrope}.step>svg{color:var(--green)}.step strong{display:block;font:700 14px Manrope}.step p{margin:3px 0 0;color:var(--muted);font-size:12px}.step-arrow{color:#d1d5db}.artist-results{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:48px 0 0;scroll-margin-top:72px}.search-feedback{width:min(750px,100%);margin:22px auto 0;text-align:left}.search-feedback>:last-child{margin-bottom:0}.section-heading{margin-bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:20px}.eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.section-heading h2,.community-callout h2{margin:7px 0 0;font:750 clamp(26px,4vw,38px)/1.15 "Manrope";letter-spacing:-1.5px}.community-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.text-button{padding:7px 0;color:var(--green);background:transparent;border:0;font-weight:700}.song-grid,.loading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.artist-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.artist-result-card{min-width:0;padding:16px;display:flex;align-items:center;gap:13px;color:inherit;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:transform .2s,border-color .2s,box-shadow .2s}.artist-result-card:hover:not(:disabled){transform:translateY(-2px);border-color:#fdba74;box-shadow:0 10px 24px #1f293714}.artist-result-card:disabled{opacity:.62;cursor:wait}.song-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;transition:transform .2s,box-shadow .2s,border-color .2s}.song-card:hover{transform:translateY(-3px);border-color:#fdba74;box-shadow:0 12px 28px #1f293717}.card-button{width:100%;padding:18px;display:flex;align-items:center;gap:13px;text-align:left;color:inherit;background:transparent;border:0}.song-icon{width:43px;height:43px;flex:0 0 auto;display:grid;place-items:center;color:var(--green);background:var(--icon-bg);border-radius:11px}.song-copy{min-width:0;flex:1;display:grid;gap:4px}.song-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 15px Manrope}.song-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}.song-meta{display:flex;align-items:center;gap:8px;color:#9ca3af}.key-pill{padding:4px 7px;color:#4b5563;background:#f3f4f6;border-radius:6px;font-size:10px;font-weight:700}.skeleton{height:81px;border-radius:15px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.error-message{margin-bottom:18px;padding:13px 15px;display:flex;align-items:center;gap:9px;color:#8b332d;background:#fbeae7;border-radius:10px;font-size:14px}.empty-state{padding:70px 20px;text-align:center;color:var(--muted);border:1px dashed #D1D5DB;border-radius:16px}.empty-state svg{color:var(--green)}.empty-state h3{margin:12px 0 5px;color:var(--ink)}.empty-state p{margin:0}.community-callout{width:min(1100px,calc(100% - 40px));margin:96px auto 100px;padding:40px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;color:#fff;background:var(--callout-bg);border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff14}.callout-icon{width:62px;height:62px;display:grid;place-items:center;color:#0f172a;background:var(--blue-on-dark);border-radius:16px 16px 16px 4px}.community-callout .eyebrow{color:var(--blue-on-dark)}.community-callout h2{color:#fff}.community-callout p{max-width:620px;margin:9px 0 0;color:#abb6ad;line-height:1.5}.community-callout>a{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#1f2937;background:#fff;border-radius:10px;font-size:13px;font-weight:700;white-space:nowrap}footer{min-height:90px;padding:20px max(20px,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);font-size:13px}footer>span:first-child{color:var(--ink);font:800 18px Manrope}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:30px 20px;display:grid;place-items:center;background:#0d1810b3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.viewer{position:relative;width:min(820px,100%);max-height:calc(100vh - 60px);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:var(--surface);border-radius:20px;box-shadow:0 30px 100px #0000004d}.dictionary-modal,.metronome-modal,.tuner-modal,.drum-modal,.jam-modal{width:min(760px,100%);max-height:calc(100vh - 60px);display:grid;grid-template-rows:auto 1fr;overflow:hidden;background:var(--surface);border-radius:20px;box-shadow:0 30px 100px #0000004d}.metronome-modal{width:min(540px,100%)}.tuner-modal{width:min(650px,100%)}.viewer-header{padding:24px 28px 20px;display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--line)}.viewer-header h2{margin:5px 0 3px;font:750 27px Manrope;letter-spacing:-1px}.viewer-header p{margin:0;color:var(--muted)}.icon-button{width:38px;height:38px;display:grid;place-items:center;color:var(--muted);background:var(--surface-soft);border:0;border-radius:9px}.viewer-header-actions{display:flex;gap:8px}.header-correction-button{height:38px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);background:var(--surface-soft);border:0;border-radius:9px;font-size:11px;font-weight:800}.header-correction-button:hover{color:var(--button-bg)}.auth-modal{width:min(430px,100%);padding:26px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 100px #00000057}.auth-modal>header{display:flex;align-items:start;justify-content:space-between;gap:20px}.auth-modal h2{margin:5px 0 0;font:800 29px Manrope;letter-spacing:-1px}.auth-modal form{margin-top:24px;display:grid;gap:14px}.auth-modal form label,.song-editor label,.chord-position-editor label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.auth-modal input,.song-editor input,.song-editor textarea,.chord-position-editor input{width:100%;color:var(--ink);background:var(--control-bg);border:1px solid var(--line);border-radius:9px;outline:0}.auth-modal input,.song-editor input,.chord-position-editor input{height:43px;padding:0 12px}.auth-modal input:focus,.song-editor input:focus,.song-editor textarea:focus,.chord-position-editor input:focus{border-color:var(--button-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--button-bg) 16%,transparent)}.password-field{position:relative;display:block}.password-field input{padding-right:46px}.password-field button{position:absolute;top:50%;right:6px;width:34px;height:34px;padding:0;display:grid;place-items:center;color:var(--muted);background:transparent;border:0;border-radius:7px;transform:translateY(-50%)}.password-field button:hover{color:var(--button-bg);background:var(--surface-soft)}.password-field button:focus-visible{color:var(--button-bg);outline:2px solid var(--button-bg);outline-offset:1px}.auth-submit{width:100%;margin-top:3px}.auth-mode-button{width:100%;margin-top:16px;padding:7px;color:var(--button-bg);background:transparent;border:0;font-size:12px;font-weight:800}.auth-error,.auth-message,.editor-error{margin:0;padding:10px 12px;border-radius:8px;font-size:12px}.auth-error,.editor-error{color:#9a3412;background:#ffedd5}.auth-message{color:#1e40af;background:#dbeafe}.song-editor{min-height:0;padding:26px 28px;display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto;gap:17px;overflow:auto}.song-editor-grid{display:grid;grid-template-columns:1fr 1fr 100px;gap:12px}.song-editor>label{min-height:0}.song-editor textarea{min-height:320px;padding:14px;resize:vertical;font:500 14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.song-editor-actions{display:flex;justify-content:flex-end;gap:9px}.song-editor-actions>button:first-child{height:48px;padding:0 17px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);background:var(--control-bg);border:1px solid var(--line);border-radius:11px;font-weight:700}.viewer-content{overflow:auto;background:var(--surface)}.chord-content{margin:0;padding:30px;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.75;white-space:pre-wrap}.chord-token{margin:0;padding:0 2px;color:var(--green);background:transparent;border:0;border-radius:4px;font:inherit;font-weight:700;line-height:inherit;vertical-align:baseline}.chord-token:hover{color:#fff;background:var(--button-bg)}.chord-token:focus-visible{color:#fff;background:var(--button-bg);outline:2px solid var(--button-bg);outline-offset:2px}.chord-inspector-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;padding:24px;display:grid;place-items:center;background:#0f172ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chord-inspector{width:min(390px,100%);padding:20px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 24px 70px #00000057}.chord-inspector>header{display:flex;align-items:start;justify-content:space-between;gap:18px}.chord-inspector>header span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.chord-inspector>header h3{margin:3px 0 0;font:800 25px Manrope;letter-spacing:-.7px}.chord-inspector>header button{width:34px;height:34px;display:grid;place-items:center;color:var(--muted);background:var(--control-bg);border:0;border-radius:8px}.chord-inspector-diagram{min-height:190px;margin:16px 0 12px;display:grid;place-items:center}.chord-inspector-diagram>p{color:var(--muted);font-size:13px;text-align:center}.chord-inspector-diagram .chord-diagram-card{width:210px;padding:16px 16px 10px;color:#fff}.chord-inspector-diagram .keyboard-card{width:min(270px,100%)}.chord-position-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px}.chord-position-controls button{height:36px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:2px;color:var(--ink);background:var(--control-bg);border:1px solid var(--line);border-radius:8px;font-size:11px;font-weight:700}.chord-position-controls button:disabled{opacity:.38;cursor:default}.chord-position-controls>span{min-width:96px;color:var(--muted);font-size:10px;font-weight:700;text-align:center}.chord-use-position-button{width:100%;height:42px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--button-bg);background:transparent;border:1px solid var(--button-bg);border-radius:10px;font-weight:800}.chord-use-position-button:hover{color:#fff;background:var(--button-bg)}.chord-use-position-button.is-selected{color:#fff;background:var(--button-bg);cursor:default}.chord-admin-position-actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.chord-edit-position-button,.chord-add-position-button{min-height:39px;padding:6px 8px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;font-size:11px;font-weight:800}.chord-edit-position-button{color:var(--ink);background:var(--control-bg);border:1px solid var(--line)}.chord-add-position-button{color:#fff;background:var(--button-bg);border:1px solid var(--button-bg)}.chord-edit-position-button:hover{color:var(--button-bg);border-color:var(--button-bg)}.chord-add-position-button:hover{background:var(--button-hover);border-color:var(--button-hover)}.chord-position-editor{margin:4px 0 14px;padding:13px;display:grid;gap:10px;background:var(--control-bg);border:1px solid var(--line);border-radius:11px}.chord-position-editor>p:first-child{margin:0 0 2px;color:var(--muted);font-size:10px;line-height:1.45}.chord-position-editor input{background:var(--surface)}.chord-position-editor-row{display:grid;grid-template-columns:1fr 100px;gap:8px}.chord-position-editor-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:7px}.chord-position-editor-actions button{min-height:37px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:8px;font-size:11px;font-weight:800}.chord-position-editor-actions button:first-child{color:var(--muted);background:var(--surface);border:1px solid var(--line)}.chord-position-editor-actions button:last-child{color:#fff;background:var(--button-bg);border:0}.chord-position-editor-actions button:disabled{opacity:.6;cursor:wait}.chord-listen-button{width:100%;height:46px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--button-bg);border:0;border-radius:10px;font-weight:800}.chord-listen-button:hover{background:var(--button-hover)}.chord-listen-button:disabled{opacity:.68;cursor:wait}.chord-sound-status{margin:9px 0 -4px;color:var(--muted);font-size:10px;text-align:center}.chord-diagrams{padding:28px 30px 34px;color:#fff;background:#111827;border-top:1px solid #374151}.chord-diagrams-heading{margin-bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:16px}.chord-diagrams-heading h3{margin:5px 0 0;font:750 22px Manrope;letter-spacing:-.6px}.chord-diagrams-heading>span{color:#99a19b;font-size:12px}.chord-diagrams .eyebrow{color:var(--blue-on-dark)}.chord-diagrams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}.chord-diagram-card{min-width:0;padding:15px 10px 8px;background:#1f2937;border:1px solid #374151;border-radius:12px}.chord-diagram-card.is-interactive{width:100%;color:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.chord-diagram-card.is-interactive:hover{border-color:#f97316;transform:translateY(-2px);box-shadow:0 10px 24px #f973161f}.chord-diagram-card.is-interactive:focus-visible{outline:3px solid rgba(37,99,235,.55);outline-offset:3px}.chord-diagram-card>strong{display:block;padding-left:5px;color:#f97316;font:800 15px Manrope}.chord-diagram-card svg{width:100%;max-height:150px;display:block;overflow:visible}.chord-diagram-card .fret,.chord-diagram-card .string{stroke:#858b87;stroke-width:1}.chord-diagram-card .nut{stroke:#f7f8f7;stroke-width:4;stroke-linecap:round}.chord-diagram-card .open-string{fill:none;stroke:#f7f8f7;stroke-width:1.5}.chord-diagram-card .muted-string{stroke:#f7f8f7;stroke-width:1.5;stroke-linecap:round}.chord-diagram-card .finger-dot{fill:#f7f8f7}.chord-diagram-card .barre{stroke:#f7f8f7;stroke-width:12;stroke-linecap:round}.chord-diagram-card .finger-number{fill:#111827;font:700 8px DM Sans;text-anchor:middle}.chord-diagram-card .fret-number{fill:#aab0ac;font:600 8px DM Sans;text-anchor:middle}.keyboard-card{padding-bottom:14px}.keyboard-card svg{margin-top:13px}.keyboard-card .piano-white{fill:#f7f8f7;stroke:#515853;stroke-width:1}.keyboard-card .piano-black{fill:#111412;stroke:#747b76;stroke-width:.7}.keyboard-card .piano-note-dot{stroke:none}.keyboard-card .piano-note-dot.on-white{fill:#111827}.keyboard-card .piano-note-dot.on-black{fill:#fff}.keyboard-card .piano-note-dot.root{fill:#f97316}.keyboard-notes{display:block;margin-top:4px;color:#b8beba;font-size:11px;text-align:center}.diagram-loading{min-height:140px;display:grid;place-items:center;color:#aeb5af;font-size:13px}.unavailable-chords{margin:18px 0 0;color:#9da49e;font-size:12px}.import-preview{min-height:300px;padding:60px;display:grid;place-content:center;text-align:center;color:var(--muted);line-height:1.6}.import-preview p{max-width:540px;margin:5px}.viewer-footer{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 15px;border-top:1px solid var(--line)}.viewer-tools{display:flex;align-items:center;gap:16px}.key-selector,.instrument-selector{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.key-selector select,.instrument-selector select{height:32px;min-width:62px;padding:0 26px 0 10px;color:var(--ink);background:var(--control-bg);border:0;border-radius:7px;font:700 13px DM Sans;cursor:pointer}.instrument-selector select{min-width:112px}.auto-scroll-controls{display:flex;align-items:center;gap:6px}.auto-scroll-button{height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--ink);background:var(--control-bg);border:0;border-radius:7px;font-size:12px;font-weight:700}.auto-scroll-button.is-active{color:#fff;background:var(--button-bg)}.scroll-speed-control{min-width:205px;height:32px;padding:0 9px;display:grid;grid-template-columns:auto minmax(64px,1fr) 42px;align-items:center;gap:7px;color:var(--muted);background:var(--control-bg);border-radius:7px;font-size:11px;font-weight:700}.scroll-speed-control input{width:100%;height:4px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--button-bg);background:var(--line);border-radius:99px;cursor:pointer}.scroll-speed-control input::-webkit-slider-thumb{width:14px;height:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--button-bg);border:0;border-radius:50%;box-shadow:0 1px 4px var(--shadow)}.scroll-speed-control input::-moz-range-thumb{width:14px;height:14px;background:var(--button-bg);border:0;border-radius:50%;box-shadow:0 1px 4px var(--shadow)}.scroll-speed-control output{color:var(--ink);text-align:right}.font-controls{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.font-controls button{width:30px;height:30px;display:grid;place-items:center;color:var(--ink);background:var(--control-bg);border:0;border-radius:7px}.primary-button{height:42px}.nested-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;padding:24px;display:grid;place-items:center;background:#0f172ac7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.correction-modal{width:min(510px,100%);max-height:100%;padding:23px;overflow:auto;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 25px 80px #0000005c}.correction-modal>header{display:flex;align-items:start;justify-content:space-between;gap:18px}.correction-modal h3{margin:4px 0 2px;font:800 25px Manrope;letter-spacing:-.7px}.correction-modal header p{margin:0;color:var(--muted);font-size:12px}.correction-modal form{margin-top:20px;display:grid;gap:14px}.correction-modal form>label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.correction-modal input,.correction-modal select,.correction-modal textarea{width:100%;color:var(--ink);background:var(--control-bg);border:1px solid var(--line);border-radius:9px;outline:0}.correction-modal input,.correction-modal select{height:43px;padding:0 11px}.correction-modal textarea{min-height:130px;padding:11px;resize:vertical;line-height:1.45}.correction-modal input:focus,.correction-modal select:focus,.correction-modal textarea:focus{border-color:var(--button-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--button-bg) 16%,transparent)}.correction-modal label>small{justify-self:end;font-weight:600}.correction-actions{display:flex;justify-content:flex-end;gap:9px}.correction-actions>button:first-child{height:42px;padding:0 14px;color:var(--muted);background:var(--control-bg);border:1px solid var(--line);border-radius:9px;font-weight:800}.correction-actions .primary-button{padding:0 12px;white-space:nowrap}.correction-success{min-height:260px;display:grid;place-content:center;justify-items:center;gap:7px;color:var(--muted);text-align:center}.correction-success>svg{color:#16a34a}.correction-success strong{color:var(--ink);font:800 20px Manrope}.correction-success p{margin:0 0 12px}.admin-modal{width:min(1000px,100%);max-height:calc(100vh - 60px);display:grid;grid-template-rows:auto 1fr;overflow:hidden;color:var(--ink);background:var(--surface);border-radius:20px;box-shadow:0 30px 100px #00000057}.admin-loading{padding:18px 22px;color:var(--muted);background:var(--surface);border-radius:12px;box-shadow:0 20px 60px #0000004d}.admin-header{padding:23px 27px 19px;display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.admin-header h2{margin:4px 0 0;font:800 28px Manrope;letter-spacing:-1px}.admin-header-actions{display:flex;gap:8px}.admin-header-actions button:disabled{opacity:.55;cursor:wait}.admin-content{padding:22px 27px 28px;overflow:auto}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.admin-metrics article{min-width:0;padding:15px;display:flex;align-items:center;gap:11px;background:var(--control-bg);border:1px solid var(--line);border-radius:13px}.admin-metrics article>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;color:var(--button-bg);background:var(--surface);border-radius:10px}.admin-metrics article>div{min-width:0;display:grid}.admin-metrics strong{font:800 23px Manrope}.admin-metrics small{overflow:hidden;color:var(--muted);font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.admin-requests{margin-top:24px}.admin-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}.admin-section-heading h3{margin:0;font:800 20px Manrope}.admin-section-heading p{margin:3px 0 0;color:var(--muted);font-size:12px}.admin-section-heading select{height:38px;padding:0 31px 0 11px;color:var(--ink);background:var(--control-bg);border:1px solid var(--line);border-radius:9px;font-weight:700}.admin-error{margin:14px 0 0;padding:10px 12px;color:#9a3412;background:#ffedd5;border-radius:9px;font-size:12px}.admin-empty{min-height:210px;margin-top:14px;display:grid;place-content:center;justify-items:center;gap:7px;color:var(--muted);text-align:center;background:var(--control-bg);border:1px dashed var(--line);border-radius:13px}.admin-empty p{margin:0}.request-list{margin-top:14px;display:grid;gap:10px}.request-card{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px var(--shadow)}.request-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.request-card-heading>div{display:flex;flex-wrap:wrap;gap:6px}.request-card-heading time{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:10px}.request-status,.request-category{padding:4px 7px;border-radius:99px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.request-status.is-pending{color:#9a3412;background:#ffedd5}.request-status.is-resolved{color:#166534;background:#dcfce7}.request-status.is-dismissed{color:var(--muted);background:var(--control-bg)}.request-category{color:#1e40af;background:#dbeafe}.request-card h4{margin:12px 0 1px;font:800 17px Manrope}.request-artist,.request-message{margin:0}.request-artist{color:var(--muted);font-size:12px}.request-message{margin-top:11px;line-height:1.5;white-space:pre-wrap}.request-contact{display:block;margin-top:8px;color:var(--muted)}.request-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.request-actions>button:first-child{height:42px;padding:0 13px;color:var(--muted);background:var(--control-bg);border:1px solid var(--line);border-radius:9px;font-weight:800}.request-actions button:disabled{opacity:.55;cursor:wait}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dictionary-content{padding:24px 28px 28px;overflow:auto}.dictionary-search{padding:6px 6px 6px 15px;display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px var(--shadow)}.dictionary-search>svg{flex:0 0 auto;color:var(--muted)}.dictionary-search input{min-width:0;height:44px;flex:1;color:var(--ink);background:transparent;border:0;outline:0;font-size:16px}.dictionary-search button{height:44px;padding:0 17px;color:#fff;background:var(--button-bg);border:0;border-radius:9px;font-weight:700}.dictionary-search button:hover{background:var(--button-hover)}.dictionary-error{margin:12px 0 0;color:#c2410c;font-size:13px}.dictionary-options{margin:20px 0;display:flex;align-items:start;justify-content:space-between;gap:22px}.dictionary-options>label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.dictionary-options select{min-width:150px;height:40px;padding:0 32px 0 12px;color:var(--ink);background:var(--control-bg);border:0;border-radius:9px;font:700 13px DM Sans;cursor:pointer}.popular-chords{min-width:0;display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.popular-chords>div{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.popular-chords button{min-width:37px;padding:7px 9px;color:var(--ink);background:var(--control-bg);border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:700}.popular-chords button:hover,.popular-chords button.is-active{color:var(--green-dark);background:var(--surface-soft);border-color:var(--badge-line)}.dictionary-result .chord-diagrams{border:1px solid #374151;border-radius:16px}.dictionary-result .chord-diagrams-grid{grid-template-columns:minmax(150px,220px);justify-content:center}.dictionary-result .chord-diagram-card{width:100%}.dictionary-help{margin:14px 0 0;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:12px}.metronome-content{padding:28px;overflow:auto}.metronome-tempo{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:18px;text-align:center}.metronome-tempo>button{width:44px;height:44px;display:grid;place-items:center;color:var(--ink);background:var(--control-bg);border:0;border-radius:12px}.metronome-tempo>button:hover{color:var(--green)}.metronome-tempo>div{display:grid;justify-items:center}.metronome-tempo strong{color:var(--ink);font:800 72px/.95 Manrope;letter-spacing:-4px}.metronome-tempo span{margin-top:8px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.metronome-slider{margin-top:28px;display:grid;gap:10px}.metronome-slider>span{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.metronome-slider>span strong{color:var(--ink);font-size:12px}.metronome-slider input,.metronome-settings input{width:100%;height:6px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--line);border-radius:99px;cursor:pointer}.metronome-slider input::-webkit-slider-thumb,.metronome-settings input::-webkit-slider-thumb{width:18px;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--button-bg);border:0;border-radius:50%;box-shadow:0 2px 7px var(--shadow)}.metronome-slider input::-moz-range-thumb,.metronome-settings input::-moz-range-thumb{width:18px;height:18px;background:var(--button-bg);border:0;border-radius:50%;box-shadow:0 2px 7px var(--shadow)}.beat-indicators{min-height:42px;margin:28px 0 24px;display:flex;align-items:center;justify-content:center;gap:13px}.beat-indicators span{width:13px;height:13px;background:var(--line);border-radius:50%;transition:width .08s,height .08s,background .08s,box-shadow .08s}.beat-indicators span.is-accent{box-shadow:0 0 0 2px var(--badge-line)}.beat-indicators span.is-active{width:21px;height:21px;background:var(--button-bg);box-shadow:0 0 0 5px var(--surface-soft)}.metronome-actions{display:grid;grid-template-columns:1fr auto;gap:10px}.metronome-play,.tap-tempo-button{height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-weight:800}.metronome-play{color:#fff;background:var(--button-bg);border:0}.metronome-play:hover,.metronome-play.is-playing{background:var(--button-hover)}.tap-tempo-button{min-width:105px;color:var(--ink);background:var(--control-bg);border:1px solid var(--line)}.tap-tempo-button:hover{color:var(--green);border-color:var(--green)}.metronome-error{margin:12px 0 0;color:#c2410c;font-size:13px;text-align:center}.metronome-settings{margin-top:22px;display:grid;grid-template-columns:140px 1fr;gap:12px}.metronome-settings label{min-width:0;padding:13px;display:grid;gap:10px;background:var(--control-bg);border-radius:11px;color:var(--muted);font-size:12px;font-weight:700}.metronome-settings label>span{display:flex;align-items:center;gap:6px}.metronome-settings output{margin-left:auto;color:var(--ink)}.metronome-settings select{height:34px;padding:0 9px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;font:700 13px DM Sans}.metronome-tip{margin:18px 0 0;color:var(--muted);font-size:12px;text-align:center}.tuner-content{padding:24px 28px 28px;overflow:auto}.tuner-instrument-selector{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:700}.tuner-instrument-selector select{min-width:170px;height:40px;padding:0 32px 0 12px;color:var(--ink);background:var(--control-bg);border:0;border-radius:9px;font:700 13px DM Sans;cursor:pointer}.tuner-instrument-selector small{font-weight:600}.tuner-display{margin-top:20px;padding:22px 28px 20px;display:grid;justify-items:center;background:var(--control-bg);border:1px solid var(--line);border-radius:16px;transition:border-color .15s,box-shadow .15s}.tuner-display.is-tuned{border-color:var(--lime);box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 14%,transparent)}.tuner-target{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.tuner-display>strong{margin-top:4px;color:var(--ink);font:800 58px/.95 Manrope;letter-spacing:-3px}.tuner-frequency{margin-top:7px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.tuner-gauge{width:100%;height:18px;margin-top:22px;position:relative;background:linear-gradient(to right,var(--line),var(--line)) center/100% 3px no-repeat}.tuner-gauge:before,.tuner-gauge:after{content:"";position:absolute;top:6px;width:2px;height:7px;background:var(--muted)}.tuner-gauge:before{left:0}.tuner-gauge:after{right:0}.tuner-gauge-center{position:absolute;left:50%;top:3px;width:2px;height:13px;background:var(--ink);transform:translate(-50%)}.tuner-needle{position:absolute;top:1px;width:16px;height:16px;background:var(--button-bg);border:3px solid var(--surface);border-radius:50%;box-shadow:0 2px 7px var(--shadow);transform:translate(-50%);transition:left .1s ease-out,background .1s}.tuner-display.is-tuned .tuner-needle{background:var(--lime)}.tuner-scale{width:100%;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.tuner-status{margin-top:11px;color:var(--green-dark);font-size:14px;font-weight:800}.tuner-display.is-tuned .tuner-status{color:var(--lime)}.microphone-button{width:100%;height:48px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--button-bg);border:0;border-radius:11px;font-weight:800}.microphone-button:hover,.microphone-button.is-listening{background:var(--button-hover)}.microphone-button.is-listening{box-shadow:0 0 0 3px var(--surface-soft)}.microphone-button:disabled{opacity:.7;cursor:wait}.tuner-error{margin:10px 0 0;color:#c2410c;font-size:13px;text-align:center}.tuner-strings-heading{margin:24px 0 10px;display:flex;align-items:end;justify-content:space-between;gap:15px}.tuner-strings-heading>div{display:flex;align-items:center;gap:7px;color:var(--ink)}.tuner-strings-heading>div svg{color:var(--green)}.tuner-strings-heading>span{color:var(--muted);font-size:11px}.tuner-strings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tuner-string{min-width:0;display:grid;grid-template-columns:1fr 38px;overflow:hidden;background:var(--control-bg);border:1px solid transparent;border-radius:11px}.tuner-string.is-selected{background:var(--surface-soft);border-color:var(--badge-line)}.tuner-string-select{min-width:0;padding:10px 4px 10px 11px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1px 8px;color:var(--ink);text-align:left;background:transparent;border:0}.tuner-string-select span{color:var(--muted);font-size:10px;font-weight:700}.tuner-string-select strong{font:800 18px Manrope}.tuner-string-select small{grid-column:1 / -1;color:var(--muted);font-size:10px}.tuner-reference{display:grid;place-items:center;color:var(--muted);background:transparent;border:0;border-left:1px solid var(--line)}.tuner-reference:hover,.tuner-reference.is-playing{color:#fff;background:var(--button-bg)}.tuner-privacy{margin:16px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:11px}.drum-content{padding:24px 28px 28px;overflow:auto}.drum-toolbar{display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px}.drum-toolbar>label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.drum-toolbar select{height:44px;padding:0 34px 0 13px;color:var(--ink);background:var(--control-bg);border:0;border-radius:10px;font:800 14px DM Sans;cursor:pointer}.drum-bpm{display:grid;grid-template-columns:auto 34px 58px 34px;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:800}.drum-bpm button{width:34px;height:34px;display:grid;place-items:center;color:var(--ink);background:var(--control-bg);border:0;border-radius:8px;font-size:18px}.drum-bpm strong{color:var(--ink);font:800 24px Manrope;text-align:center;font-variant-numeric:tabular-nums}.drum-description{margin:9px 0 0;color:var(--muted);font-size:12px}.drum-description span{margin-left:5px;padding:3px 6px;color:var(--green-dark);background:var(--surface-soft);border-radius:5px;font-weight:800}.drum-tempo-slider{margin-top:20px;display:grid;gap:9px}.drum-tempo-slider>span{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.drum-tempo-slider strong{color:var(--ink);font-size:12px}.drum-tempo-slider input,.drum-controls input{width:100%;height:6px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--line);border-radius:99px;cursor:pointer}.drum-tempo-slider input::-webkit-slider-thumb,.drum-controls input::-webkit-slider-thumb{width:17px;height:17px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--button-bg);border:0;border-radius:50%;box-shadow:0 2px 7px var(--shadow)}.drum-tempo-slider input::-moz-range-thumb,.drum-controls input::-moz-range-thumb{width:17px;height:17px;background:var(--button-bg);border:0;border-radius:50%;box-shadow:0 2px 7px var(--shadow)}.drum-pattern-heading{margin-top:22px;display:flex;align-items:end;justify-content:space-between;gap:14px}.drum-pattern-heading>div:first-child{display:grid;gap:2px}.drum-pattern-heading strong{color:var(--ink);font-size:13px}.drum-pattern-heading span{color:var(--muted);font-size:11px}.drum-pattern-heading>div:last-child{display:flex;gap:6px}.drum-pattern-heading button{height:30px;padding:0 9px;display:flex;align-items:center;gap:5px;color:var(--muted);background:var(--control-bg);border:1px solid var(--line);border-radius:7px;font-size:10px;font-weight:800}.drum-pattern-heading button:hover:not(:disabled){color:var(--button-bg);border-color:var(--button-bg)}.drum-pattern-heading button:disabled{opacity:.45;cursor:default}.drum-sequencer{margin-top:10px;padding:15px;display:grid;gap:9px;overflow-x:auto;color:#fff;background:#111827;border:1px solid #374151;border-radius:14px}.drum-track{min-width:570px;display:grid;grid-template-columns:75px 1fr;align-items:center;gap:10px}.drum-track>button{padding:0;display:grid;color:#fff;text-align:left;background:transparent;border:0;font-size:12px;font-weight:800}.drum-track>button small{color:#9ca3af;font-size:9px;font-weight:600}.drum-track.is-muted{opacity:.42}.drum-steps{height:26px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(13px,1fr);gap:4px}.drum-steps button{position:relative;min-width:0;padding:0;background:#374151;border:0;border-radius:4px;cursor:pointer}.drum-steps button:hover{background:#4b5563}.drum-steps button.is-beat{box-shadow:inset 2px 0 #6b7280}.drum-steps button.has-hit:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:#fdba74;border-radius:3px;pointer-events:none}.drum-steps button.has-hit.is-accent:after{top:4px;right:4px;bottom:4px;left:4px;background:#f97316}.drum-steps button.is-current{outline:2px solid white;outline-offset:1px}.drum-steps button:focus-visible{outline:2px solid #FDBA74;outline-offset:2px}.drum-controls{margin-top:16px;display:grid;grid-template-columns:1fr 210px;gap:10px}.drum-play{height:52px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--button-bg);border:0;border-radius:11px;font-weight:800}.drum-play:hover,.drum-play.is-playing{background:var(--button-hover)}.drum-controls label{padding:9px 12px;display:grid;gap:7px;color:var(--muted);background:var(--control-bg);border-radius:11px;font-size:11px;font-weight:700}.drum-controls label>span{display:flex;align-items:center;gap:5px}.drum-controls output{margin-left:auto;color:var(--ink)}.drum-error{margin:10px 0 0;color:#c2410c;font-size:13px;text-align:center}.drum-tip{margin:15px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:11px}.jam-modal{width:min(800px,100%)}.jam-content{padding:24px 28px 28px;overflow:auto}.jam-mode{margin-bottom:18px;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--control-bg);border-radius:10px}.jam-mode button{height:34px;color:var(--muted);background:transparent;border:0;border-radius:7px;font-size:11px;font-weight:800}.jam-mode button.is-active{color:#fff;background:var(--button-bg);box-shadow:0 3px 10px var(--shadow)}.jam-sequence-input{display:grid;gap:7px;color:var(--ink);font-size:12px;font-weight:800}.jam-sequence-input textarea{width:100%;min-height:74px;padding:14px 15px;resize:vertical;color:var(--ink);background:var(--control-bg);border:1px solid var(--line);border-radius:11px;font:800 18px/1.5 DM Sans}.jam-sequence-input textarea:focus{outline:2px solid var(--button-bg);outline-offset:1px}.jam-sequence-input small{color:var(--muted);font-size:10px;font-weight:500}.jam-validation{margin:10px 0 0;color:#c2410c;font-size:12px;font-weight:700}.jam-chords{min-height:67px;margin-top:18px;padding:12px;display:flex;align-items:center;gap:8px;overflow-x:auto;background:#111827;border:1px solid #374151;border-radius:13px}.jam-chords>span{position:relative;min-width:61px;height:42px;padding:0 12px;display:grid;place-items:center;color:#d1d5db;background:#273244;border:1px solid #3f4b5f;border-radius:9px;font:800 16px Manrope;transition:color .15s,background .15s,transform .15s}.jam-chords>span small{position:absolute;top:3px;left:5px;color:#7f8b9f;font:700 8px DM Sans}.jam-chords>span.is-current{color:#fff;background:#f97316;border-color:#fb923c;transform:translateY(-2px);box-shadow:0 5px 16px #f9731652}.jam-chords>span.is-current small{color:#ffedd5}.jam-chords p{margin:auto;color:#9ca3af;font-size:12px}.jam-grid-editor{display:grid;gap:10px}.jam-grid-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.jam-grid-heading>div:first-child{display:grid;gap:2px}.jam-grid-heading strong{color:var(--ink);font-size:13px}.jam-grid-heading>div:first-child span{color:var(--muted);font-size:10px}.jam-grid-heading>div:last-child{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:700}.jam-grid-heading button{width:29px;height:29px;display:grid;place-items:center;color:var(--ink);background:var(--control-bg);border:1px solid var(--line);border-radius:7px}.jam-grid-heading button:disabled{opacity:.4;cursor:default}.jam-grid{max-height:230px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;background:#111827;border:1px solid #374151;border-radius:13px}.jam-grid fieldset{min-width:0;padding:9px;border:1px solid #374151;border-radius:9px}.jam-grid legend{padding:0 5px;color:#9ca3af;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.jam-grid fieldset>div{display:grid;gap:5px}.jam-grid label{position:relative;min-width:0;display:grid}.jam-grid label>span{position:absolute;top:3px;left:5px;z-index:1;color:#7f8b9f;font-size:8px;font-weight:800}.jam-grid input{width:100%;min-width:0;height:43px;padding:9px 4px 2px;color:#fff;background:#273244;border:1px solid #3f4b5f;border-radius:7px;font:800 13px Manrope;text-align:center;text-transform:none}.jam-grid input::placeholder{color:#697589}.jam-grid input:focus{outline:2px solid #FDBA74;outline-offset:1px}.jam-grid label.is-current input{background:#f97316;border-color:#fb923c;box-shadow:0 4px 14px #f973164d}.jam-grid label.is-current>span{color:#ffedd5}.jam-settings{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jam-settings label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.jam-settings select{height:43px;padding:0 34px 0 12px;color:var(--ink);background:var(--control-bg);border:1px solid var(--line);border-radius:9px;font:700 13px DM Sans}.jam-meter-note{padding:8px 12px;display:grid;align-content:center;gap:3px;color:var(--muted);background:var(--control-bg);border:1px solid var(--line);border-radius:9px}.jam-meter-note span{font-size:10px;font-weight:700}.jam-meter-note strong{color:var(--ink);font-size:13px}.jam-sound-status{margin:8px 0 -4px;color:var(--muted);font-size:10px;text-align:center}.jam-tempo{margin-top:16px;padding:13px 15px;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:18px;background:var(--surface-soft);border-radius:11px}.jam-tempo>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0 8px}.jam-tempo>div span{color:var(--muted);font-size:10px;font-weight:800}.jam-tempo>div strong{color:var(--ink);font:800 28px Manrope}.jam-tempo>div small{grid-column:1 / -1;color:var(--muted);font-size:9px}.jam-tempo label{width:100%}.jam-tempo input,.jam-volume input{width:100%;height:6px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--line);border-radius:99px;cursor:pointer}.jam-tempo input::-webkit-slider-thumb,.jam-volume input::-webkit-slider-thumb{width:17px;height:17px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--button-bg);border:0;border-radius:50%;box-shadow:0 2px 7px var(--shadow)}.jam-tempo input::-moz-range-thumb,.jam-volume input::-moz-range-thumb{width:17px;height:17px;background:var(--button-bg);border:0;border-radius:50%}.jam-transport{margin-top:14px;display:grid;grid-template-columns:1fr auto 190px;gap:8px}.jam-play,.jam-restart{height:50px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;font-weight:800}.jam-play{color:#fff;background:var(--button-bg)}.jam-play:hover:not(:disabled),.jam-play.is-playing{background:var(--button-hover)}.jam-play:disabled,.jam-restart:disabled{opacity:.45;cursor:default}.jam-restart{padding:0 14px;color:var(--ink);background:var(--control-bg)}.jam-volume{padding:8px 11px;display:grid;gap:6px;color:var(--muted);background:var(--control-bg);border-radius:10px;font-size:10px;font-weight:700}.jam-volume>span{display:flex;align-items:center;gap:5px}.jam-volume output{margin-left:auto;color:var(--ink)}.jam-beats{height:5px;margin-top:13px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px}.jam-beats span{background:var(--line);border-radius:99px}.jam-beats span.is-current{background:var(--button-bg)}.jam-tip{margin:14px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:11px}:root[data-theme=dark] .error-message{color:#ffc3bc;background:#3a201f}@media(max-width:820px){.hero{min-height:calc(100vh - 72px);padding-block:36px}.hero.has-results{min-height:0;padding-block:42px 48px}.hero h1{letter-spacing:-3.5px}.how-it-works{grid-template-columns:1fr;gap:18px}.step-arrow{display:none}.song-grid,.loading-grid{grid-template-columns:1fr 1fr}.community-callout{grid-template-columns:auto 1fr}.community-callout>a{grid-column:2;width:fit-content}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.header-inner{width:calc(100% - 28px)}.brand-logo{width:108px}nav{gap:5px}nav>a{display:none}.account-button span,.account-controls>span{display:none}.account-button{padding:9px}.theme-label{display:none}.theme-toggle,.tool-nav-button{padding:9px}.tool-nav-button span{display:none}.hero{padding-inline:14px}.hero h1{font-size:49px;letter-spacing:-3px}.search-box{align-items:stretch;flex-wrap:wrap}.search-icon{align-self:center}.search-box input{width:calc(100% - 54px);flex:none}.search-box button{width:100%}.how-it-works,.artist-results,.search-feedback,.community-callout{width:calc(100% - 28px)}.how-it-works{margin-top:-24px;padding:22px}.artist-results{padding-top:38px}.section-heading{align-items:start;flex-direction:column}.song-grid,.loading-grid,.artist-result-grid{grid-template-columns:1fr}.community-callout{padding:28px;grid-template-columns:1fr}.community-callout>a{grid-column:1}footer{align-items:start;flex-direction:column;gap:7px}footer p{margin:0}.modal-backdrop{padding:0}.viewer{height:100vh;max-height:none;border-radius:0}.dictionary-modal,.metronome-modal,.tuner-modal,.drum-modal,.jam-modal,.admin-modal{width:100%;height:100vh;max-height:none;border-radius:0}.admin-header{padding:20px 17px 16px}.admin-header h2{font-size:23px}.admin-content{padding:18px 14px 24px}.admin-metrics{gap:8px}.admin-metrics article{padding:11px;gap:8px}.admin-metrics article>span{width:32px;height:32px}.admin-metrics strong{font-size:19px}.admin-section-heading{align-items:stretch;flex-direction:column;gap:10px}.admin-section-heading select{width:100%}.request-card-heading{align-items:flex-start;flex-direction:column}.request-actions{display:grid;grid-template-columns:1fr 1.4fr}.nested-modal-backdrop{padding:12px}.correction-modal{padding:19px}.correction-actions{display:grid;grid-template-columns:1fr 1.5fr}.correction-actions .primary-button{font-size:12px}.viewer-header{padding:20px}.header-correction-button{width:38px;padding:0;justify-content:center}.header-correction-button span{display:none}.auth-backdrop{padding:14px}.auth-modal{padding:21px}.song-editor{padding:20px;grid-template-rows:auto minmax(260px,1fr) auto auto}.song-editor-grid{grid-template-columns:1fr 1fr}.song-key-field{grid-column:1 / -1}.dictionary-content{padding:20px 16px 24px}.dictionary-search{align-items:stretch;flex-wrap:wrap}.dictionary-search>svg{align-self:center}.dictionary-search input{width:calc(100% - 36px);flex:none}.dictionary-search button{width:100%}.dictionary-options{align-items:stretch;flex-direction:column}.dictionary-options select{width:100%}.popular-chords>div{justify-content:flex-start}.dictionary-result .chord-diagrams-grid{grid-template-columns:minmax(0,220px)}.dictionary-help{align-items:flex-start}.metronome-content{padding:24px 18px}.metronome-tempo strong{font-size:64px}.metronome-settings{grid-template-columns:1fr}.tuner-content{padding:20px 16px 24px}.tuner-instrument-selector{grid-template-columns:1fr;gap:6px}.tuner-instrument-selector select{width:100%}.tuner-display{padding-inline:20px}.tuner-strings-heading{align-items:start;flex-direction:column;gap:4px}.tuner-strings{grid-template-columns:repeat(2,minmax(0,1fr))}.drum-content{padding:20px 16px 24px}.drum-toolbar{grid-template-columns:1fr;align-items:stretch;gap:12px}.drum-bpm{grid-template-columns:1fr 34px 58px 34px}.drum-pattern-heading{align-items:stretch;flex-direction:column;gap:8px}.drum-pattern-heading>div:last-child{justify-content:flex-end}.drum-track{min-width:0;grid-template-columns:68px 1fr;gap:7px}.drum-steps{grid-auto-columns:minmax(10px,1fr);gap:3px}.drum-controls{grid-template-columns:1fr}.drum-tip{align-items:flex-start}.jam-content{padding:20px 16px 24px}.jam-settings{grid-template-columns:1fr}.jam-grid-heading{align-items:start;flex-direction:column}.jam-grid{grid-template-columns:1fr}.jam-tempo{grid-template-columns:100px 1fr;gap:10px}.jam-transport{grid-template-columns:1fr auto}.jam-volume{grid-column:1 / -1}.chord-content{padding:22px 18px}.chord-diagrams{padding:26px 18px 30px}.chord-diagrams-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-footer{align-items:stretch;flex-direction:column}.viewer-tools{justify-content:space-between;flex-wrap:wrap}.instrument-selector{order:3;width:100%}.instrument-selector select{flex:1}.auto-scroll-controls{order:4;width:100%}.auto-scroll-button{min-width:82px}.scroll-speed-control{min-width:0;flex:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}