@charset "UTF-8";:root{color-scheme:dark;--purple-300: #b899df;--purple-400: #8b5fbf;--purple-500: #7549a6;--purple-600: #5f3a8a;--purple-700: #472c68;--glow-400: #8b5fbf;--neutral-0: #ffffff;--neutral-50: #f5f5f6;--neutral-100: #e5e5e7;--neutral-400: #8a8399;--neutral-500: #6e6878;--neutral-600: #3c3449;--neutral-800: #2b2536;--neutral-900: #1b1822;--neutral-950: #121016;--text-primary: #ece9f1;--text-secondary: #afa9bc;--surface-card: #1b1822;--surface-sunken: #251f2e;--surface-topbar: rgba(18, 16, 22, .95);--surface-thumb: var(--tile-bg);--accent-segment-active: var(--purple-400);--fg-heading: #ffffff;--text-on-accent: #ffffff;--tile-bg: rgba(227, 154, 115, .14);--tile-fg: #e39a73;--cc-surface-elevated: #1b1822;--cc-border: #2b2536;--cc-text: #ece9f1;--cc-text-muted: #8a8399;--cc-accent: var(--purple-300);--cc-chord: #e39a73;--cc-chord-section: #6fbf74;--bubble-mine: #e39a73;--bubble-mine-ink: #2a1c05;--success: #57b767;--warning: #e0a63c;--error: #e5544b;--info: #58a6e0;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--neutral-950);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}app-root{display:block;min-height:100%}a.link-text{color:var(--accent-strong);text-decoration:none}a.link-text:hover{text-decoration:underline}.auth-split-page{display:flex;flex-direction:column;min-height:100dvh;min-height:100vh;width:100%}.split-layout{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:100dvh;min-height:100vh;width:100%}@media(max-width:900px){.split-layout{grid-template-columns:1fr}.split-hero{min-height:200px;padding:var(--space-8)!important}}.split-hero{position:relative;isolation:isolate;overflow:hidden;padding:var(--space-10) var(--space-8);background:var(--accent-tint);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:1px solid var(--neutral-800);min-height:0}.split-hero:before{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 20% 25%,var(--purple-600) 0%,transparent 45%),radial-gradient(circle at 82% 70%,rgba(227,154,115,.3) 0%,transparent 42%),radial-gradient(circle at 50% 95%,var(--purple-700) 0%,transparent 50%);animation:hero-aurora 24s ease-in-out infinite}@keyframes hero-aurora{0%{transform:translate(0) scale(1)}33%{transform:translate(-4%,3%) scale(1.08)}66%{transform:translate(3%,-4%) scale(1.05)}to{transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.split-hero:before{animation:none}}@media(max-width:900px){.split-hero{border-right:none;border-bottom:1px solid var(--neutral-800)}}.logo-mark-lg{width:56px;height:56px;border-radius:14px;overflow:hidden;margin-bottom:var(--space-6)}.logo-mark-lg img{width:100%;height:100%;object-fit:cover;display:block}.hero-tagline{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.15;color:var(--neutral-0);margin-bottom:var(--space-3)}.hero-tagline .accent{color:var(--accent-strong)}.hero-description{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);max-width:320px;margin-bottom:var(--space-6)}.feature-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.feature-pill{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.12);color:var(--neutral-100);background:#0003}.split-form{padding:var(--space-10) var(--space-8);display:flex;align-items:center;justify-content:center;background:var(--neutral-900);min-height:0}.form-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--fg-heading);margin:0 0 var(--space-1)}.form-sub{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-8)}.form-footer{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-6)}.social-row{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4);width:100%}.btn-social{width:100%;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;cursor:pointer;border:1px solid #dadce0;background:#fff;color:#3c4043;transition:background-color .15s ease,box-shadow .15s ease}.btn-social:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 2px #3c40431a}.btn-social:disabled{opacity:.55;cursor:not-allowed}.social-icon{width:18px;height:18px;flex-shrink:0}.divider{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--text-tertiary);font-size:var(--text-xs)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--neutral-800)}.input-wrapper{margin-bottom:var(--space-4)}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}.input-field{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:var(--border-medium) solid var(--neutral-700);background:var(--neutral-900);color:var(--text-primary);font-size:var(--text-base)}.input-field::placeholder{color:var(--text-tertiary)}.input-field:focus{border-color:var(--accent);outline:none}.input-field:focus-visible{outline:var(--border-thick) solid var(--accent);outline-offset:1px}.input-field:disabled{opacity:.55}.input-password{position:relative;display:flex;align-items:center}.input-password .input-field{padding-right:44px}.toggle-pw{position:absolute;right:var(--space-2);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1)}.input-error .input-field{border-color:var(--error)}.input-hint{display:block;font-size:var(--text-xs);color:var(--error);margin-top:var(--space-1)}.input-wrapper:not(.input-error) .input-hint{color:var(--info)}.row-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-2)}.checkbox-row{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary)}.checkbox-row input{margin-top:2px;accent-color:var(--accent)}.checkbox-label a{color:var(--accent-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-weight:var(--weight-semibold);cursor:pointer;width:100%}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-md,.btn-primary,.btn-secondary{height:56px;border-radius:var(--radius-xl);padding:0 var(--space-5);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.btn-sm{height:auto;width:auto;padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-sm)}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--neutral-0);border-radius:50%;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.inline-alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-5)}.inline-alert.error{background:var(--error-soft);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 35%,transparent)}.inline-alert.success{background:var(--success-soft);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 35%,transparent)}.strength-bar{display:flex;gap:4px;margin-top:var(--space-2)}.strength-segment{flex:1;height:4px;border-radius:2px;background:var(--neutral-800)}.strength-segment.active-weak{background:var(--error)}.strength-segment.active-medium{background:var(--warning)}.strength-segment.active-good{background:var(--info)}.strength-segment.active-strong{background:var(--success)}.auth-centered-page{min-height:100dvh;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-6);box-sizing:border-box;background:var(--neutral-950)}.auth-card{width:100%;max-width:420px;padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--neutral-800);background:var(--neutral-900);box-shadow:var(--shadow-xl)}.logo-mark-sm{width:48px;height:48px;border-radius:12px;overflow:hidden;margin-bottom:var(--space-4)}.logo-mark-sm img{width:100%;height:100%;object-fit:cover;display:block}.card-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0 0 var(--space-2);color:var(--fg-heading)}.card-sub{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-6)}.card-footer{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary);text-align:center}:root{--purple-50: #f0e9f8;--purple-100: #dccbef;--purple-200: #c4bcd0;--purple-300: #b899df;--purple-400: #8b5fbf;--purple-500: #7549a6;--purple-600: #5f3a8a;--purple-700: #472c68;--purple-800: #3f2e58;--purple-900: #251b33;--glow-400: #8b5fbf;--glow-500: #7549a6;--glow-600: #5f3a8a;--glow-opacity: rgba(139, 95, 191, .2);--glow-soft: rgba(139, 95, 191, .1);--neutral-200: #cbcbcf;--neutral-300: #a1a1a8;--neutral-700: #3c3449;--neutral-800: #2b2536;--text-secondary: #afa9bc;--text-tertiary: #8a8399;--text-disabled: #6e6878;--cc-chord-hover: #edb292;--cc-chord-tint: rgba(227, 154, 115, .14);--cc-chord-border: rgba(227, 154, 115, .42);--accent: var(--purple-400);--accent-strong: var(--purple-300);--accent-hover: var(--purple-500);--accent-tint: #251b33;--accent-tint-border: #3f2e58;--notify: #e39a73;--notify-ink: #33150a;--notify-text: #e39a73;--notify-tint: rgba(227, 154, 115, .14);--notify-border: rgba(227, 154, 115, .42);--success-soft: rgba(87, 183, 103, .15);--warning-soft: rgba(224, 166, 60, .15);--error-soft: rgba(229, 84, 75, .15);--info-soft: rgba(88, 166, 224, .15);--premium-gold-tint: var(--cc-chord-tint);--premium-gold-border: var(--cc-chord-border);--premium-gold-text: #e39a73;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--space-0: 0px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 6px;--radius-2xl: 28px;--radius-full: 9999px;--border-thin: 1px;--border-medium: 1.5px;--border-thick: 2px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: var(--shadow-md);--shadow-glow-lg: var(--shadow-lg);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--duration-xslow: .5s;--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--bp-mobile: 768px;--bp-mobile-max: 767px;--mobile-header-height: 48px}.app-dashboard:focus-visible{outline:2px solid var(--purple-400);outline-offset:2px}[data-theme=light]{color-scheme:light;--neutral-0: #ffffff;--neutral-50: #f5f3f7;--neutral-100: #1e1926;--neutral-200: #544c61;--neutral-300: #6f677e;--neutral-400: #857d92;--neutral-500: #6f677e;--neutral-600: #c4bcd0;--neutral-700: #c4bcd0;--neutral-800: #ddd7e5;--neutral-900: #ffffff;--neutral-950: #f5f3f7;--text-primary: #1e1926;--text-secondary: #544c61;--text-tertiary: #6f677e;--text-disabled: #a89fb5;--fg-heading: var(--text-primary);--text-on-accent: #ffffff;--surface-card: #ffffff;--surface-sunken: #ebe7f0;--surface-topbar: rgba(245, 243, 247, .92);--surface-thumb: var(--tile-bg);--accent-segment-active: var(--purple-400);--tile-bg: #f7e6dc;--tile-fg: #8a3908;--cc-surface-elevated: var(--neutral-900);--cc-border: var(--neutral-800);--cc-text: var(--text-primary);--cc-text-muted: var(--neutral-500);--cc-accent: #5a3684;--cc-chord: #a0430a;--cc-chord-hover: #82360a;--cc-chord-section: #2f7a3d;--cc-chord-tint: rgba(160, 67, 10, .1);--cc-chord-border: rgba(160, 67, 10, .4);--bubble-mine: #e39a73;--bubble-mine-ink: #2a1c05;--glow-soft: rgba(109, 69, 153, .14);--glow-opacity: rgba(109, 69, 153, .24);--accent: #6d4599;--accent-strong: #5a3684;--accent-hover: #5c3a85;--accent-tint: #f0e9f8;--accent-tint-border: #dccbef;--notify: #a0430a;--notify-ink: #ffffff;--notify-text: #a0430a;--notify-tint: rgba(160, 67, 10, .08);--notify-border: rgba(160, 67, 10, .35);--success: #2e7d43;--warning: #9a6a00;--error: #c93a31;--info: #2a6db5;--success-soft: rgba(46, 125, 67, .12);--warning-soft: rgba(154, 106, 0, .12);--error-soft: rgba(201, 58, 49, .12);--info-soft: rgba(42, 109, 181, .12);--premium-gold-tint: rgba(160, 67, 10, .1);--premium-gold-border: rgba(160, 67, 10, .4);--premium-gold-text: #a0430a;--shadow-sm: 0 1px 2px rgba(30, 25, 38, .06);--shadow-md: 0 4px 12px rgba(30, 25, 38, .1);--shadow-lg: 0 8px 24px rgba(30, 25, 38, .12);--shadow-xl: 0 16px 48px rgba(30, 25, 38, .14);--shadow-glow: var(--shadow-md);--shadow-glow-lg: var(--shadow-lg)}:root{--song-col-title: minmax(14rem, 1.4fr);--song-col-artist: minmax(0, 1fr);--song-col-genre: minmax(0, .85fr);--song-col-key: 82px;--song-col-bpm: 70px;--song-col-rank: 2.25rem;--song-col-actions: 116px}.song-table{display:block;width:100%}.song-list{display:flex;flex-direction:column;gap:6px}.song-table-header{display:grid;gap:var(--space-3);align-items:center;padding:8px 14px;margin-bottom:10px;border-bottom:1px solid var(--neutral-800);font-size:11.5px;font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em}.song-table-head{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;text-align:left;cursor:default}.song-table-head.sortable{cursor:pointer}.song-table-head.sortable:hover{color:var(--text-secondary)}.song-table-head.is-sorted{color:var(--accent-strong)}.song-table-head--title{padding-left:54px}.song-table-header-actions{text-align:end}.sort-arrow{flex-shrink:0;opacity:.45;transition:transform var(--duration-fast) var(--ease-default)}.sort-arrow--active{opacity:1}.sort-arrow--desc{transform:rotate(180deg)}.song-row{display:grid;gap:var(--space-3);align-items:center;min-height:64px;padding:var(--space-2) var(--space-4);background:var(--neutral-900);border:1px solid var(--neutral-800);border-radius:var(--radius-lg);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);color:inherit;box-sizing:border-box}.song-row:hover{background:var(--neutral-800);border-color:var(--neutral-700)}.song-row-hit{display:contents;color:inherit;text-decoration:none;outline:none;cursor:pointer}.song-row:has(.song-row-hit:focus-visible){outline:2px solid var(--accent-strong);outline-offset:2px}.song-row-hit:focus-visible .song-row-title{text-decoration:underline;text-underline-offset:3px}.song-row-title-cell{display:flex;align-items:center;gap:12px;min-width:0}.song-row-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--tile-bg);color:var(--tile-fg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.song-row-icon--text{background:var(--tile-bg);color:var(--tile-fg)}.song-row-icon--pdf{background:var(--warning-soft);color:var(--warning)}.song-row-icon--images{background:var(--info-soft);color:var(--info)}.song-row-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.song-row-title{display:block;font-size:14.5px;line-height:1.3;font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-row-cell{font-size:13px;color:var(--text-secondary);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-row-cell--artist,.song-row-cell--genre{color:var(--text-tertiary)}.key-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12.5px;font-weight:var(--weight-bold);background:var(--cc-chord-tint);color:var(--cc-chord);border:1px solid var(--cc-chord-border)}.key-badge--empty{background:none;border-color:var(--neutral-800);color:var(--text-tertiary);font-family:var(--font-sans);font-weight:var(--weight-regular)}.song-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);padding:0}.icon-btn:hover{background:var(--neutral-800);color:var(--text-primary)}.icon-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}@media(max-width:980px){.song-table-head--genre,.song-row-cell--genre{display:none}}@media(max-width:640px){.song-table-head--bpm,.song-row-cell--bpm{display:none}}html,body{overflow-x:hidden}body{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}@media print{.app-shell{display:block!important}.app-shell .sidebar{display:none!important}.app-shell .main-area{width:100%!important;min-height:0!important}.app-shell .mobile-header,.app-shell .sidebar-backdrop{display:none!important}app-confirm-dialog-host,app-playlist-delete-dialog-host{display:none!important}}.community-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:60px;min-width:0;margin:calc(var(--space-6) * -1) calc(var(--space-6) * -1) var(--space-6);padding:0 28px;background:var(--surface-topbar);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--neutral-800)}.community-topbar__left{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex-shrink:1}.community-topbar__title{font-size:19px;font-weight:var(--weight-bold);color:var(--fg-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin:0}.community-topbar__counts{font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap}.community-topbar__right{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;justify-content:flex-end}.community-topbar__right>.btn{flex:0 0 auto;width:auto;height:38px;min-height:38px;padding:0 15px;font-size:13.5px;line-height:1;white-space:nowrap}.community-back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);background:var(--neutral-800);border:1px solid var(--neutral-700);color:var(--text-secondary);text-decoration:none;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.community-back:hover{background:var(--neutral-700);color:var(--text-primary)}.community-kebab{width:36px;height:36px;border-radius:var(--radius-md);background:var(--neutral-800);border:1px solid var(--neutral-700);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);margin-left:auto}.community-kebab:hover{background:var(--neutral-700);color:var(--text-primary)}.community-search{display:flex;align-items:center;gap:9px;height:38px;padding:0 13px;min-width:280px;background:var(--surface-card);border:1.5px solid var(--neutral-700);border-radius:var(--radius-md);color:var(--text-tertiary);text-decoration:none;font-size:13.5px;font-family:var(--font-sans);transition:border-color var(--duration-fast) var(--ease-default)}.community-search--topbar{cursor:text;flex:1 1 auto;min-width:280px;max-width:480px}.community-search--bar{flex:1 1 auto;min-width:0;max-width:480px}.community-search__input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:13.5px;font-family:var(--font-sans)}.community-search__input::placeholder{color:var(--text-tertiary)}.community-search__clear{border:none;background:transparent;cursor:pointer;color:var(--text-tertiary);font-size:var(--text-sm);padding:0 var(--space-1)}.community-search__clear:hover{color:var(--text-secondary)}.community-search.focused,.community-search:focus-within{border-color:var(--accent)}.community-search kbd{font-size:var(--text-xs);padding:2px 6px;background:var(--neutral-800);border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--weight-semibold);border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-sm{height:auto;width:auto;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--neutral-800);color:var(--text-primary);border:1px solid var(--neutral-700)}.btn-secondary:hover:not(:disabled){background:var(--neutral-700);border-color:var(--neutral-600)}.btn-ghost{background:transparent;color:var(--accent-strong)}.btn-ghost:hover:not(:disabled){background:var(--accent-tint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--full{width:100%}.community-tabs{display:flex;align-items:center;border-bottom:var(--border-thick) solid var(--neutral-800);margin-bottom:var(--space-5);gap:0}.community-tabs__spacer{flex:1}.community-tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-tertiary);cursor:pointer;border:none;background:transparent;border-bottom:var(--border-thick) solid transparent;margin-bottom:calc(var(--border-thick) * -1);transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);font-family:var(--font-sans)}.community-tab:hover{color:var(--text-secondary)}.community-tab--active{color:var(--accent-strong);font-weight:var(--weight-semibold);border-bottom-color:var(--accent)}.community-section-title{display:flex;align-items:baseline;justify-content:space-between}.community-section-title--with-action{align-items:center;gap:var(--space-2)}.community-section-title--with-action .chords-visibility-toggle{flex-shrink:0;text-transform:none;letter-spacing:0}.community-section-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3);margin-top:var(--space-5)}.community-section-title:first-child{margin-top:0}.community-section-title__link{font-size:var(--text-xs);color:var(--accent-strong);text-transform:none;letter-spacing:0;cursor:pointer;text-decoration:none}.community-section-title__link:hover{text-decoration:underline}.top-match-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--accent-strong);text-transform:uppercase;letter-spacing:.5px;padding:0 var(--space-4);margin-bottom:6px}.search-results-banner{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-3)}.genre-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-6);width:100%;min-width:0}@media(max-width:1100px){.genre-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.genre-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.genre-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:140px;border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--neutral-0);background:var(--neutral-900);transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.genre-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.genre-card__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-default)}.genre-card:hover .genre-card__photo{transform:scale(1.05)}.genre-card__overlay{position:relative;z-index:1;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.35) 70%,transparent 100%)}.genre-card__name{font-size:var(--text-sm);font-weight:var(--weight-bold);text-shadow:0 1px 4px rgba(0,0,0,.6)}.genre-card__count{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px 8px;border-radius:var(--radius-full);background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.genre-card--rock:after,.genre-card--pop:after,.genre-card--folk:after,.genre-card--jazz:after,.genre-card--country:after,.genre-card--blues:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18}.genre-card--rock:after{background:#b34a45}.genre-card--pop:after{background:#b8567f}.genre-card--folk:after{background:#57b767}.genre-card--jazz:after{background:#e0a63c}.genre-card--country:after{background:#c07a3a}.genre-card--blues:after{background:#58a6e0}.genre-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}@media(max-width:1100px){.genre-rail{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.genre-rail{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.genre-rail{grid-template-columns:repeat(2,1fr)}}.genre-pill{padding:var(--space-5) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--neutral-0);text-align:center;cursor:pointer;border:none;text-decoration:none;background:var(--accent);transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);display:flex;flex-direction:column;align-items:center;gap:4px}.genre-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.genre-pill.alt-1{background:#8b5fbf}.genre-pill.alt-2{background:#2a6db5}.genre-pill.alt-3{background:#2e7d43}.genre-pill.alt-4{background:#a0430a}.genre-pill.alt-5{background:#2a7f92}.genre-pill__count{font-size:var(--text-xs);font-weight:var(--weight-medium);opacity:.8}.song-table{width:100%;display:flex;flex-direction:column;gap:2px}.song-table-header,.song-row{display:grid;grid-template-columns:40px 36px minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr) 80px 70px 130px 110px 140px;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);min-width:0}@media(max-width:980px){.song-table-header,.song-row{grid-template-columns:32px 32px minmax(0,2fr) minmax(0,1.2fr) 60px 110px;gap:var(--space-2);padding-inline:var(--space-3)}}@media(max-width:767px){.song-table-header,.song-row{grid-template-columns:24px 32px minmax(0,1fr) 36px 64px;gap:8px;padding:10px 8px}}.song-table-header{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--neutral-800);padding-top:0;padding-bottom:var(--space-2);margin-bottom:var(--space-2)}.song-row{border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-default);color:inherit}.song-row:hover{background:var(--neutral-800)}.song-row-icon{grid-column:2;grid-row:1;width:36px;height:36px;border-radius:var(--radius-md);background:var(--surface-thumb);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--tile-fg)}@media(max-width:767px){.song-row-icon{width:32px;height:32px;grid-row:1/span 2;align-self:center}.song-row-icon svg{width:16px;height:16px}}.song-row-title{grid-column:3;grid-row:1;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-2)}@media(max-width:767px){.song-row{grid-template-rows:auto auto;align-items:start}}.detail-author{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.detail-author__handle{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-strong);word-break:break-word}.detail-author--link:hover .detail-author__handle{color:var(--accent-hover)}.tag-chip{display:inline-block;padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--neutral-800);color:var(--text-secondary);border:1px solid var(--neutral-700)}.tag-chip--active{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-strong)}.chip{padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;border:1px solid var(--neutral-700);background:var(--neutral-900);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);font-family:inherit}.chip--active,.chip.active{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-strong);font-weight:var(--weight-bold)}.chip:hover:not(.chip--active):not(.active){background:var(--neutral-800);color:var(--text-primary)}.chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:var(--radius-full);background:var(--accent);color:var(--neutral-0);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:0 5px;margin-left:4px}.detail-layout{display:flex;gap:var(--space-6);align-items:flex-start}@media(max-width:960px){.detail-layout{flex-direction:column}}.detail-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-5)}.detail-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:var(--space-4)}@media(max-width:960px){.detail-sidebar{width:100%;position:static}}.detail-card{padding:var(--space-4);background:var(--neutral-900);border:1px solid var(--neutral-800);border-radius:var(--radius-lg);transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.detail-card.pulse{border-color:var(--accent-tint-border);box-shadow:var(--shadow-glow)}.detail-card__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-3) 0}.detail-hero-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--fg-heading);letter-spacing:-.5px;line-height:1.1;margin:0;flex:1}.detail-hero-sub{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-sm);color:var(--text-tertiary);text-decoration:none}.detail-hero-sub--clickable{cursor:pointer;width:fit-content}.detail-hero-sub--clickable:hover{color:var(--accent-strong)}.playlist-detail-hero{display:flex;gap:var(--space-5);align-items:center;padding:var(--space-4);background:var(--neutral-900);border:1px solid var(--neutral-800);border-radius:var(--radius-lg)}.playlist-detail-hero__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.detail-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media(max-width:720px){.detail-meta-grid{grid-template-columns:repeat(2,1fr)}}.detail-meta-cell{background:var(--neutral-900);border:1px solid var(--neutral-800);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);text-align:center;display:flex;flex-direction:column;gap:4px}.detail-meta-cell__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.detail-meta-cell__value{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.detail-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.detail-saved-label{display:flex;align-items:center;gap:var(--space-1);color:var(--accent-strong);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-2) 0}.community-lyric-block{background:var(--neutral-900);border:1px solid var(--neutral-800);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--text-primary)}.community-lyric-block .detail-preview{max-width:48rem}.community-lyric-block .section-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--success);margin:var(--space-4) 0 var(--space-2)}.community-lyric-block .section-label:first-child{margin-top:0}.community-lyric-block .lyric-block{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);line-height:1.65;margin-bottom:var(--space-3);white-space:pre-wrap}.community-lyric-block .chord-inline{font-weight:var(--weight-semibold);color:var(--accent-strong);margin-right:var(--space-1)}.community-lyric-block .chord-inline-btn{font:inherit;background:none;border:none;padding:0;cursor:pointer;text-align:inherit}.community-lyric-block .chord-inline-btn:hover{color:var(--accent);text-decoration:underline}.community-lyric-block .ug-row:not(.ug-row--proportional){margin-bottom:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5}.community-lyric-block .ug-row--proportional{margin-bottom:var(--space-3);font-size:var(--text-sm);line-height:1.65}.community-lyric-block .ug-row:not(.ug-row--proportional) .lyric-block{white-space:pre;margin-bottom:0;line-height:1.5}.community-lyric-block .ug-chords{font-weight:var(--weight-semibold);white-space:pre;margin-bottom:0;min-height:1em;line-height:1.5}.community-lyric-block .ug-chords .chord-inline{color:var(--accent-strong);margin-right:0}.community-lyric-block .ug-chords .ug-space{white-space:pre;color:var(--text-primary)}.community-media{margin-top:var(--space-2)}.community-media--pdf{display:flex;flex-direction:column;gap:var(--space-2)}.community-media--images{max-width:min(48rem,100%)}.community-media-message{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.community-media-message.muted{color:var(--text-tertiary)}.community-image-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-5)}.community-image-pages .image-page-label{display:block;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.community-detail-image{display:block;max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--neutral-800)}.community-premium-gate{display:flex;flex-direction:column;gap:var(--space-3)}.community-premium-gate__title{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.community-premium-gate__body{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.community-premium-gate__body--compact{margin-top:var(--space-3)}.community-media--pdf .pdf-preview-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.community-media--pdf .pdf-open-tab{font-size:var(--text-sm);color:var(--accent-strong);text-decoration:none}.community-media--pdf .pdf-open-tab:hover{text-decoration:underline}.community-media--pdf .pdf-preview-wrap{width:100%;min-height:clamp(28rem,130vh,95rem);display:flex;flex-direction:column;padding:var(--space-2);background:var(--neutral-900);border:1px solid var(--neutral-800);border-radius:var(--radius-lg)}.community-media--pdf .pdf-preview-iframe{display:block;flex:1 1 auto;width:100%;min-height:clamp(26rem,126vh,92rem);border:0;border-radius:var(--radius-sm);background:#fff;color-scheme:light}.rating-block{display:flex;gap:var(--space-5);align-items:center}.rating-summary{text-align:center;min-width:80px;display:flex;flex-direction:column;gap:6px}.rating-summary__score{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--fg-heading);line-height:1}.rating-summary__count{font-size:var(--text-xs);color:var(--text-tertiary)}.stars{display:inline-flex;align-items:center;gap:2px;justify-content:center;color:var(--warning);font-size:var(--text-sm)}.stars--sm{font-size:var(--text-xs);gap:1px}.stars--lg{font-size:var(--text-2xl);gap:4px}.stars .star{color:var(--warning);cursor:default;line-height:1}.stars .star.empty{color:var(--neutral-700)}.stars .star.interactive{cursor:pointer}.rating-count{font-size:var(--text-xs);color:var(--text-secondary)}.your-rating-card{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--neutral-800)}.your-rating-card__label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--accent-strong);letter-spacing:.5px;text-transform:uppercase;flex-shrink:0}.community-empty,.community-offline{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-6);gap:var(--space-3)}.community-empty svg,.community-offline svg{color:var(--text-tertiary)}.community-empty__title,.community-offline__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.community-empty__body,.community-offline__body{font-size:var(--text-sm);color:var(--text-tertiary);max-width:360px;margin:0}.community-empty--idle,.community-offline--idle{padding:var(--space-10) var(--space-6)}.community-loading,.community-error{padding:var(--space-10) var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.community-error{color:var(--error)}.community-pagination{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-6);justify-content:center}.community-pagination__btn{padding:var(--space-1) var(--space-3);border:1px solid var(--neutral-700);border-radius:var(--radius-md);background:var(--neutral-900);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.community-pagination__btn--active{background:var(--accent-tint);color:var(--accent-strong);border-color:var(--accent-tint-border);font-weight:var(--weight-semibold)}.community-pagination__btn:hover:not(.community-pagination__btn--active):not(:disabled){background:var(--neutral-800);color:var(--text-primary)}.community-pagination__btn:disabled{opacity:.4;cursor:default}.community-modal-backdrop{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400}.community-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-card);border:1px solid var(--accent-tint-border);border-radius:var(--radius-xl);padding:var(--space-6);width:calc(100% - var(--space-8));max-width:480px;z-index:401;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-xl)}.community-modal__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--fg-heading);margin:0}.community-modal__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:calc(var(--space-3) * -1) 0 0 0}.community-modal__actions{display:flex;gap:var(--space-2);justify-content:flex-end;align-items:center;margin-top:var(--space-2);flex-wrap:wrap}.community-modal__section{display:flex;flex-direction:column;gap:var(--space-2)}.community-modal__section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.star-picker{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-3) 0}.star-picker__star{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:0;color:var(--neutral-600);transition:color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);font-size:32px;line-height:1;font-family:inherit}.star-picker__star--filled{color:var(--warning)}.star-picker__star:hover{color:var(--warning);transform:scale(1.15)}.star-picker-descriptor{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);min-height:1.5em}.report-reasons{display:flex;flex-direction:column;gap:var(--space-2)}.report-reason-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--neutral-800);background:transparent;cursor:pointer;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);font-size:var(--text-sm);color:var(--text-primary);text-align:left;font-family:inherit;width:100%}.report-reason-btn--selected{background:var(--accent-tint);border-color:var(--accent);color:var(--fg-heading)}.report-reason-btn:hover:not(.report-reason-btn--selected){background:var(--neutral-800);border-color:var(--neutral-700)}.report-details{width:100%;box-sizing:border-box;padding:var(--space-3);border:1px solid var(--neutral-700);border-radius:var(--radius-md);background:var(--neutral-950);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);resize:vertical;min-height:80px}.report-details:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--glow-soft)}.report-details::placeholder{color:var(--text-tertiary)}.filters-section{display:flex;flex-direction:column;gap:var(--space-2)}.filters-section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px;margin:0 0 var(--space-1) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--neutral-800)}.filters-key-select{width:100%;min-height:36px;padding:6px 10px;border-radius:var(--radius-md);background:var(--neutral-800);border:1px solid var(--neutral-700);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer}.filters-key-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--glow-soft)}.community-chip-input-wrap{position:relative}.community-chip-row--wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);min-height:36px;padding:4px 6px;border-radius:var(--radius-md);background:var(--neutral-800);border:1px solid var(--neutral-700)}.community-chip-row--wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow-soft)}.community-chip--tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--accent-tint);color:var(--purple-200);border:1px solid var(--accent-tint-border)}.community-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:inherit;cursor:pointer;font-size:var(--text-sm);line-height:1}.community-chip-remove:hover{background:#ffffff1f}.community-chip-text-input{flex:1;min-width:8rem;min-height:28px;padding:4px 8px;border:none;background:transparent;color:var(--text-primary);font-size:var(--text-sm)}.community-chip-text-input:focus{outline:none}.community-chip-text-input::placeholder{color:var(--text-tertiary)}.community-chip-suggestions{position:absolute;z-index:30;top:100%;left:0;right:0;margin:4px 0 0;padding:4px 0;list-style:none;background:var(--neutral-900);border:1px solid var(--neutral-700);border-radius:var(--radius-md);max-height:10rem;overflow-y:auto}.community-chip-suggestions button{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer}.community-chip-suggestions button:hover{background:var(--neutral-800)}.community-search-filters{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.community-search-filter{display:flex;flex-direction:column;gap:var(--space-2);min-width:min(100%,320px);flex:1}.community-search-filter__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.community-search-hint{margin:0;font-size:var(--text-sm);color:var(--text-tertiary);flex:1 1 100%}@media(max-width:960px){.community-search--topbar kbd,.community-search--bar kbd{display:none}}@media(max-width:900px){.community-topbar{flex-wrap:wrap}.community-topbar__right{flex:1 1 100%}}@media(max-width:767px){.community-topbar{flex-direction:column;align-items:stretch;margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-4);padding:var(--space-3) var(--space-4);flex-wrap:nowrap;min-height:auto;gap:var(--space-3)}.community-topbar__left{width:100%}.community-topbar__right{flex-shrink:1;width:100%;flex-wrap:wrap}.community-search{min-width:0;flex:1 1 100%;width:100%}.community-search kbd{display:none}.community-topbar__right>.btn{flex:1 1 auto;min-width:0}.community-tabs{flex-wrap:wrap;gap:var(--space-2);overflow-x:visible}.community-tabs__spacer{flex-basis:100%;height:0;width:100%}.community-tab{flex-shrink:0;padding-inline:var(--space-4)}.genre-card-grid{gap:var(--space-2);margin-bottom:var(--space-5)}.genre-card{min-height:96px}.genre-card__overlay{padding:var(--space-2) var(--space-3)}.genre-card__name{font-size:var(--text-sm)}.song-table{width:100%;min-width:0;overflow-x:hidden}}.genre-card__overlay{background:linear-gradient(180deg,#1210161a,#121016e0)}.filter-badge{min-width:20px;height:20px;margin-left:0;box-shadow:0 0 0 2px var(--neutral-800)}.song-row-rank{grid-column:1;color:var(--accent-strong);font-size:var(--text-sm);font-weight:var(--weight-bold);text-align:center;font-variant-numeric:tabular-nums}.song-row-title-cell{grid-column:2;display:flex;align-items:center;gap:var(--space-3);min-width:0;color:inherit;text-decoration:none}.song-row-copy{display:flex;flex-direction:column;min-width:0}.key-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 8px;border-radius:var(--radius-sm);background:var(--cc-chord-tint);border:1px solid var(--cc-chord-border);color:var(--cc-chord);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold)}.key-badge--empty{background:transparent;border-color:var(--neutral-700);color:var(--text-tertiary)}