body.accent-green,:root{--accent: #95d4b3;--accent-container: #2d6a4f;--accent-light: var(--on-accent-container);--accent-bg: rgba(45, 106, 79, .12);--accent-glow: rgba(149, 212, 179, .24);--accent-gold: #C8974A;--on-accent: #003824;--on-accent-container: #a8e7c5;--chord: var(--accent);--chord-line: #707973;--chord-nut: #404943;--nav-active-bg: rgba(45, 106, 79, .12);--secondary: #a5d0b9;--bg: #0b0d10;--surface: #101215;--surface-dim: #0d0f12;--surface-bright: #343941;--surface-container-lowest: #07090b;--surface-container-low: #14171b;--surface-container: #181c21;--surface-container-high: #22272e;--surface-container-highest: #2c323a;--panel: #181c21;--card: #181c21;--card-hover: #22272e;--border: #3c434d;--border-mid: #8b949e;--border-light: #2c323a;--text: #e6e8eb;--text-sec: #c4c9cf;--text-dim: #c4c9cf;--text-muted: #8b949e;--text-faint: #7d8590;--tertiary: #85d7ad;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffdad6;--metro-track: #3c434d;--warning: #e68a00;--warning-container: rgba(230, 138, 0, .15);--inverse-surface: #e6e8eb;--inverse-on-surface: #22272e;--white: #ffffff;--black: #000000;--font-body: "Work Sans", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-devanagari: "Noto Sans Devanagari", "Nirmala UI", system-ui, sans-serif;--font-display: "Tiro Devanagari Sanskrit", "Noto Sans Devanagari", serif;--text-xs: .625rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--nav-w: 256px;--list-w: 320px;--mobile-nav-h: 62px;--my-songs-header-min-h: 64px;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--radius-sm: .25rem;--radius: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--radius-full: 9999px;--media-card-width: 538px;--media-card-height: 352px;--media-card-header-height: 46px;--media-card-body-height: calc(var(--media-card-height) - var(--media-card-header-height));--lyrics-toolbar-max-w: 440px;--lyrics-toolbar-page-gap: 32px }body.light-mode.accent-green,body.light-mode{--accent: #0f5238;--accent-container: #2d6a4f;--accent-light: #95d4b3;--accent-bg: rgba(177, 240, 206, .38);--accent-glow: rgba(44, 105, 78, .16);--on-accent: #ffffff;--on-accent-container: #a8e7c5;--chord: var(--accent);--nav-active-bg: rgb(149 212 179 / .12);--secondary: #006d37}body.accent-teal{--accent: #5DCAA5;--accent-container: #1D9E75;--accent-light: var(--on-accent-container);--accent-bg: rgba(29, 158, 117, .12);--accent-glow: rgba(93, 202, 165, .24);--on-accent: #003824;--on-accent-container: #9FE1CB;--chord: var(--accent);--nav-active-bg: rgb(29 158 117 / .12);--secondary: #5DCAA5}body.light-mode.accent-teal{--accent: #1D9E75;--accent-container: #1D9E75;--accent-light: #5DCAA5;--accent-bg: rgba(93, 202, 165, .22);--accent-glow: rgba(29, 158, 117, .2);--on-accent: #ffffff;--on-accent-container: #9FE1CB;--chord: var(--accent);--nav-active-bg: rgba(93, 202, 165, .12);--secondary: #1D9E75}body.accent-blue{--accent: #85B7EB;--accent-container: #185FA5;--accent-light: var(--on-accent-container);--accent-bg: rgba(24, 95, 165, .12);--accent-glow: rgba(133, 183, 235, .24);--on-accent: #001f44;--on-accent-container: #B5D4F4;--chord: var(--accent);--nav-active-bg: rgb(24 95 165 / .12);--secondary: #85B7EB}body.light-mode.accent-blue{--accent: #185FA5;--accent-container: #185FA5;--accent-light: #85B7EB;--accent-bg: rgba(133, 183, 235, .28);--accent-glow: rgba(24, 95, 165, .12);--on-accent: #ffffff;--on-accent-container: #B5D4F4;--chord: var(--accent);--nav-active-bg: rgba(133, 183, 235, .12);--secondary: #185FA5}body.accent-blueprince{--accent: #9DAFC3;--accent-container: #415365;--accent-light: var(--on-accent-container);--accent-bg: rgba(65, 83, 101, .22);--accent-glow: rgba(105, 127, 147, .28);--on-accent: #1E262F;--on-accent-container: #C0CDD8;--chord: var(--accent);--nav-active-bg: rgb(65 83 101 / .12);--secondary: #9DAFC3}body.light-mode.accent-blueprince{--accent: #415365;--accent-container: #415365;--accent-light: #9DAFC3;--accent-bg: rgba(105, 127, 147, .2);--accent-glow: rgba(65, 83, 101, .12);--on-accent: #ffffff;--on-accent-container: #C0CDD8;--chord: var(--accent);--nav-active-bg: rgba(105, 127, 147, .12);--secondary: #415365}body.accent-violet{--accent: #AFA9EC;--accent-container: #534AB7;--accent-light: var(--on-accent-container);--accent-bg: rgba(83, 74, 183, .12);--accent-glow: rgba(175, 169, 236, .24);--on-accent: #1a1560;--on-accent-container: #CECBF6;--chord: var(--accent);--nav-active-bg: rgb(83 74 183 / .12);--secondary: #AFA9EC}body.light-mode.accent-violet{--accent: #534AB7;--accent-container: #534AB7;--accent-light: #AFA9EC;--accent-bg: rgba(175, 169, 236, .28);--accent-glow: rgba(83, 74, 183, .12);--on-accent: #ffffff;--on-accent-container: #CECBF6;--chord: var(--accent);--nav-active-bg: rgba(175, 169, 236, .12);--secondary: #534AB7}body.accent-coral{--accent: #F0997B;--accent-container: #993C1D;--accent-light: var(--on-accent-container);--accent-bg: rgba(153, 60, 29, .12);--accent-glow: rgba(240, 153, 123, .24);--on-accent: #3a1200;--on-accent-container: #F5C4B3;--chord: var(--accent);--nav-active-bg: rgb(153 60 29 / .12);--secondary: #F0997B}body.light-mode.accent-coral{--accent: #993C1D;--accent-container: #993C1D;--accent-light: #F0997B;--accent-bg: rgba(240, 153, 123, .22);--accent-glow: rgba(153, 60, 29, .12);--on-accent: #ffffff;--on-accent-container: #F5C4B3;--chord: var(--accent);--nav-active-bg: rgba(240, 153, 123, .12);--secondary: #993C1D}body.accent-amber{--accent: #EF9F27;--accent-container: #854F0B;--accent-light: var(--on-accent-container);--accent-bg: rgba(133, 79, 11, .12);--accent-glow: rgba(239, 159, 39, .24);--on-accent: #3a2000;--on-accent-container: #FAC775;--chord: var(--accent);--nav-active-bg: rgb(133 79 11 / .12);--secondary: #EF9F27}body.light-mode.accent-amber{--accent: #854F0B;--accent-container: #854F0B;--accent-light: #EF9F27;--accent-bg: rgba(239, 159, 39, .22);--accent-glow: rgba(133, 79, 11, .12);--on-accent: #ffffff;--on-accent-container: #FAC775;--chord: var(--accent);--nav-active-bg: rgba(239, 159, 39, .12);--secondary: #854F0B}body.accent-rose{--accent: #ED93B1;--accent-container: #993556;--accent-light: var(--on-accent-container);--accent-bg: rgba(153, 53, 86, .12);--accent-glow: rgba(237, 147, 177, .24);--on-accent: #3a001a;--on-accent-container: #F4C0D1;--chord: var(--accent);--nav-active-bg: rgb(153 53 86 / .12);--secondary: #ED93B1}body.light-mode.accent-rose{--accent: #993556;--accent-container: #993556;--accent-light: #ED93B1;--accent-bg: rgba(237, 147, 177, .22);--accent-glow: rgba(153, 53, 86, .12);--on-accent: #ffffff;--on-accent-container: #F4C0D1;--chord: var(--accent);--nav-active-bg: rgba(237, 147, 177, .12);--secondary: #993556}body.accent-slate{--accent: #B4B2A9;--accent-container: #5F5E5A;--accent-light: var(--on-accent-container);--accent-bg: rgba(95, 94, 90, .12);--accent-glow: rgba(180, 178, 169, .24);--on-accent: #1a1a18;--on-accent-container: #D3D1C7;--chord: var(--accent);--nav-active-bg: rgb(95 94 90 / .12);--secondary: #B4B2A9}body.light-mode.accent-slate{--accent: #5F5E5A;--accent-container: #5F5E5A;--accent-light: #B4B2A9;--accent-bg: rgba(180, 178, 169, .22);--accent-glow: rgba(95, 94, 90, .12);--on-accent: #ffffff;--on-accent-container: #D3D1C7;--chord: var(--accent);--nav-active-bg: rgba(180, 178, 169, .12);--secondary: #5F5E5A}body.light-mode{--bg: #ffffff;--surface: #ffffff;--surface-dim: #d4dbdd;--surface-bright: #f4fafd;--surface-container-lowest: #ffffff;--surface-container-low: #eef5f7;--surface-container: #e8eff1;--surface-container-high: #e2e9ec;--surface-container-highest: #dde4e6;--panel: #eef5f7;--card: #ffffff;--card-hover: #eef5f7;--border: #bfc9c1;--border-mid: #707973;--border-light: #dde4e6;--text: #161d1f;--text-sec: #404943;--text-dim: #404943;--text-muted: #707973;--text-faint: #707973;--tertiary: #3f494d;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--metro-track: #dde4e6;--inverse-surface: #2b3234;--inverse-on-surface: #ebf2f4 }iconify-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.125em;line-height:1}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;max-width:100%}.icon-sm{font-size:14px;vertical-align:-2px}.icon-lg{font-size:18px;vertical-align:-3px}.mt-3{margin-top:20px}.mt-2{margin-top:12px}.ml-auto{margin-left:auto}iconify-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:-.125em;line-height:1}.tools-panel{height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--surface-container-low);border-left:1px solid var(--border);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent}.tools-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-shrink:0}.tools-eyebrow{display:block;color:var(--text-muted);font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tools-title{margin:0;color:var(--text);font-size:1.25rem;font-weight:700;line-height:1.2}.tools-header-icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--nav-active-bg);color:var(--accent)}.tools-panel-empty{min-height:220px;border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--card);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-3);padding:var(--sp-6)}.tools-panel-empty iconify-icon{color:var(--accent);font-size:2rem}.tools-panel-empty p{margin:0;font-size:.875rem;line-height:1.45}.tools-section{display:flex;flex-direction:column;gap:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.tools-section:last-child{border-bottom:none;padding-bottom:0}.tools-section-title{font-size:.875rem;font-weight:600;color:var(--text-sec);text-transform:uppercase;letter-spacing:.05em;margin:0;padding:0 var(--sp-2)}.tools-panel.has-song .tools-panel-empty{display:none}.tools-panel.has-song .tools-panel-body{display:block!important}.tools-panel.has-song #chordControlsSection{display:none!important}.tools-panel #chordPanelEl{max-width:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-4)}.tools-panel .cp-wrap{margin:0;border-radius:var(--radius-xl);background:var(--card)}.tools-panel .cp-header{align-items:flex-start;flex-wrap:wrap;gap:var(--sp-2)}.tools-panel .cp-title{flex-basis:auto}.tools-panel .cp-view-buttons{width:100%;order:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tools-panel .cp-body>div{display:flex!important;flex-direction:column!important;gap:var(--sp-4)!important}.tools-panel .cp-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.tools-panel .cp-chip{width:100%;min-width:0}.tools-panel .tools-chords-section,.tools-panel .tools-metronome-section{gap:var(--sp-3)}.tools-panel .tools-metronome-section{padding-top:var(--sp-1)}.tools-panel .cp-metronome{width:100%;min-width:0!important;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}@media(max-width:900px){.-root{grid-template-columns:1fr}.tools-panel{display:none}.song-detail #chordPanelEl{max-width:800px;margin-inline:auto;padding-inline:48px}}@media(min-width:901px){.tools-panel{display:flex}}.media-row.media-drawer,.media-row{position:relative}.media-row.is-open{max-width:800px;margin:18px auto 0;padding:var(--sp-4) 48px 0;background:transparent;border-bottom:none;align-items:stretch}.media-row.mode-audio .mc-video,.media-row.mode-video .mc-audio{display:none!important}.media-row.mode-audio .mc-audio,.media-row.mode-video .mc-video{max-width:none;flex-basis:100%}.media-drawer-close{position:absolute;top:var(--sp-2);right:48px;z-index:5;width:34px;height:34px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text-sec);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm)}.media-drawer-close:hover{color:var(--accent);border-color:var(--accent-light)}.media-actions{margin-left:auto}.media-tool-btn{gap:6px;min-height:36px;padding-inline:10px}.media-tool-btn iconify-icon{font-size:1.05rem}.media-tool-btn.active{background:var(--accent-container);color:var(--on-accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}@media(max-width:900px){.media-row.is-open{padding-inline:24px}.media-drawer-close{right:24px}.media-actions{margin-left:0;width:100%}.media-tool-btn{flex:1}}.song-detail>.media-row{display:none!important}.tools-panel .tools-media-section{gap:var(--sp-3)}.tools-panel .tools-media-stack{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.tools-panel .tools-media-stack .mc{width:100%;min-width:0;max-width:none;box-sizing:border-box;border-radius:var(--radius-xl)}.tools-panel .tools-media-stack .mc-hdr{gap:var(--sp-2)}.tools-panel .tools-media-stack .mc-lbl{font-size:.82rem}.tools-panel .tools-media-stack .audio-body{padding:var(--sp-3)}.tools-panel .tools-media-stack .waveform{height:54px}.tools-panel .tools-media-stack .ap-control-deck{gap:var(--sp-2)}.tools-panel .tools-media-stack .ap-play-btn{width:44px;height:44px}.tools-panel .tools-media-stack .ap-volume-row{gap:var(--sp-2)}.tools-panel .tools-media-stack .vthumb,.tools-panel .tools-media-stack .vthumb-wrap,.tools-panel .tools-media-stack .yt-embed-wrap{width:100%;min-width:0}.tools-panel .tools-media-stack .vthumb{min-height:132px;aspect-ratio:16/9;cursor:pointer}.tools-panel .tools-media-stack iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:var(--radius-lg)}.tools-panel .tools-media-stack .v-link{font-size:.72rem}.l-toolbar{display:flex;align-items:center;gap:8px;margin-top:14px!important;margin-bottom:14px!important;flex-wrap:wrap;position:sticky;top:14px!important;z-index:35;padding:12px;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-width:100%;border-bottom:1px solid var(--border);margin:0 0 24px;border-top:0;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding-top:10px!important;padding-bottom:10px!important}@media(max-width:900px){.l-toolbar{margin-top:12px!important;margin-bottom:12px!important;padding-top:9px!important;padding-bottom:9px!important;top:12px!important}}.tools-panel .tools-text-section{gap:var(--sp-3)}.text-tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.text-tool-card-title{color:var(--text);font-size:.95rem;font-weight:800;line-height:1.2}.text-tool-card-sub,.text-tool-note,.text-tool-count{color:var(--text-muted);font-size:.78rem;line-height:1.45}.text-tool-note{padding:8px 10px;border-radius:var(--radius);background:var(--nav-active-bg);color:var(--text-sec)}.text-tool-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.text-tool-actions.two-col{display:grid;grid-template-columns:1fr 1fr}.text-tool-btn,.text-tool-mini{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text-sec);border-radius:999px;min-height:36px;padding:0 12px;font-family:var(--font-body);font-size:.78rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.text-tool-btn iconify-icon{font-size:1rem}.text-tool-btn:hover,.text-tool-mini:hover{background:var(--nav-active-bg);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.text-tool-btn.primary{background:var(--accent-container);border-color:var(--accent-container);color:#fff}.text-tool-btn.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.text-tool-btn.ghost{background:transparent}.text-tool-area{width:100%;min-height:92px;resize:vertical;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);color:var(--text);padding:12px;outline:none;font-family:var(--font-devanagari);font-size:.92rem;line-height:1.65}.text-tool-area:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.preeti-output{font-family:Preeti,Work Sans,system-ui,sans-serif;min-height:110px}.text-tool-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.text-tool-mini{min-height:30px;padding-inline:10px;font-size:.72rem}.text-tool-toast{position:fixed;left:50%;bottom:82px;transform:translate(-50%) translateY(10px);z-index:10000;opacity:0;pointer-events:none;background:var(--inverse-surface);color:var(--inverse-on-surface);border-radius:999px;padding:10px 16px;font-size:.82rem;font-weight:700;box-shadow:var(--shadow-lg);transition:opacity .18s ease,transform .18s ease}.text-tool-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:900px){.text-tool-actions.two-col{grid-template-columns:1fr}}.text-tool-btn.preeti-highlight,.export-item.preeti-highlight{position:relative;isolation:isolate;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 78%,var(--accent-light)));border-color:var(--accent);color:var(--on-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent),0 10px 28px var(--accent-glow)}.text-tool-btn.preeti-highlight:after,.export-item.preeti-highlight:after{content:"";position:absolute;inset:2px;border-radius:inherit;pointer-events:none;border:1px solid color-mix(in srgb,var(--on-accent) 20%,transparent);opacity:.55}.text-tool-btn.preeti-highlight:hover,.export-item.preeti-highlight:hover{background:linear-gradient(135deg,var(--accent-light),var(--accent));border-color:var(--accent-light);color:var(--on-accent);transform:translateY(-1px);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent),0 14px 36px var(--accent-glow)}body:not(.light-mode) .text-tool-btn.preeti-highlight,body:not(.light-mode) .export-item.preeti-highlight{color:var(--on-accent);text-shadow:none}.tools-media-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.tools-media-popup-btn{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-2);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card);color:var(--text);font-family:var(--font-body);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;user-select:none}.tools-media-popup-btn:hover{background:var(--panel);transform:translateY(-1px)}.tmp-btn-label{font-size:.78rem;font-weight:700;color:var(--text)}.tmp-btn-sub{font-size:.62rem;font-weight:500;color:var(--text-muted)}.tools-media-audio-btn iconify-icon{color:var(--accent)}.tools-media-audio-btn:hover{border-color:var(--accent);background:var(--accent-bg)}.tools-media-video-btn iconify-icon{color:var(--accent-orange, #e8a87c)}.tools-media-video-btn:hover{border-color:var(--accent-orange, #e8a87c);background:#e8a87c14}.txt-tools-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.txt-tools-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.txt-tools-label{font-size:.78rem;font-weight:700;color:var(--text);flex-shrink:0}.txt-tools-copy-btns{display:flex;gap:var(--sp-2)}.txt-copy-btn{display:flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;font-family:var(--font-body);padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-sec);cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.txt-copy-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.txt-tools-divider{height:1px;background:var(--border)}.txt-tools-conv-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.txt-tools-conv-label{font-size:.72rem;color:var(--text-muted)}.txt-tools-open-btn{display:flex;align-items:center;gap:3px;font-size:.65rem;font-weight:700;font-family:var(--font-body);padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--accent);cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}.txt-tools-open-btn:hover{border-color:var(--accent);background:var(--accent-bg)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.tools-panel{display:none}}.-root.creator-open>.tools-panel{display:none}.-root.creator-open>.detail-panel{grid-column:2/-1}.chord-popup{position:fixed;z-index:9999;pointer-events:auto;display:none;user-select:none;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:0;box-shadow:none;overflow:hidden}.chord-popup .cd-card{min-width:144px;background:var(--surface)}.chord-popup .cd-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px 7px;border-bottom:1px solid var(--border);background:var(--panel)}.chord-popup .cd-title{font-family:var(--font-mono);font-size:.92rem;font-weight:900;color:var(--accent);letter-spacing:.02em}.chord-popup .cd-inst{font-size:.58rem;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.chord-popup .cd-diagram{display:flex;justify-content:center;align-items:center;padding:8px 10px 7px}.chord-popup svg{display:block}.chord-above{display:block;min-height:1.1em;font-family:var(--font-body);font-size:14px;font-weight:800;line-height:16px;letter-spacing:.05em;color:var(--accent-container);background-color:var(--accent-bg);border-radius:4px;padding:2px 6px;margin-bottom:2px;cursor:pointer;user-select:none;white-space:nowrap;transition:background-color .12s ease,filter .12s ease}.chord-syllable:hover .chord-above{filter:brightness(.92)}.tools-chords-section .cp-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px!important}.tools-chords-section .cp-chip{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px!important}.tools-chords-section .cp-chip:hover{border-color:var(--accent);background:var(--accent-bg)}.tools-chords-section .cp-chip svg,.cp-chip svg,.tools-chords-section .cp-chip canvas,.cp-chip canvas{max-width:100%!important;height:auto!important}.tools-chords-section .cp-wrap,.cp-wrap{max-height:none!important;overflow:hidden!important;border-radius:14px!important}.tools-chords-section .cp-header,.cp-header{min-height:38px!important;padding:8px 12px!important}.tools-chords-section .cp-grid,.cp-grid{display:grid!important;gap:7px!important;padding:7px 8px 10px!important;scrollbar-width:thin;align-items:start!important}.tools-chords-section .cp-chip,.cp-chip{width:82px!important;min-width:82px!important;scroll-snap-align:start;max-width:82px!important;height:96px!important;min-height:96px!important;max-height:96px!important;padding:4px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:2px!important}.tools-chords-section .cp-name,.cp-name,.tools-chords-section .cp-label,.cp-label{font-size:.66rem!important;line-height:1!important;margin:0!important;padding:0!important;max-height:14px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.tools-chords-section .cp-chip svg,.cp-chip svg{width:68px!important;height:72px!important;max-width:68px!important;max-height:72px!important;flex:0 0 auto!important}.tools-chords-section .cp-chip canvas,.cp-chip canvas,.tools-chords-section .cp-chip img,.cp-chip img{width:68px!important;height:72px!important;max-width:68px!important;max-height:72px!important;object-fit:contain!important;flex:0 0 auto!important}.tools-chords-section .cp-wrap,.tools-panel .tools-chords-section .cp-wrap,.cp-wrap{overflow:hidden!important;clip-path:inset(0 round 14px)!important}.tools-chords-section .cp-grid,.tools-panel .tools-chords-section .cp-grid,.cp-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;grid-template-rows:none!important;grid-auto-flow:row!important;grid-auto-columns:unset!important;grid-auto-rows:158px!important;gap:12px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 8px 14px!important;align-items:start!important;scroll-snap-type:y proximity;overscroll-behavior:contain}.tools-chords-section .cp-chip,.tools-panel .tools-chords-section .cp-chip,.cp-chip{width:100%!important;min-width:0!important;max-width:none!important;height:158px!important;min-height:158px!important;max-height:158px!important;padding:8px!important;border-radius:14px!important;gap:4px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;scroll-snap-align:start;border-color:color-mix(in srgb,var(--border) 72%,var(--text-muted))!important}.tools-chords-section .cp-diagram,.tools-panel .tools-chords-section .cp-diagram,.cp-diagram{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important}.tools-chords-section .cp-chip svg,.tools-panel .tools-chords-section .cp-chip svg,.cp-chip svg{width:116px!important;height:130px!important;max-width:116px!important;max-height:130px!important;flex:0 0 auto!important}.tools-chords-section .cp-chip svg text,.tools-panel .tools-chords-section .cp-chip svg text,.cp-chip svg text{font-weight:800!important}.tools-chords-section .cp-name,.tools-chords-section .cp-label,.tools-panel .tools-chords-section .cp-name,.tools-panel .tools-chords-section .cp-label,.cp-name,.cp-label{font-size:.82rem!important;line-height:1.1!important;font-weight:800!important;letter-spacing:.03em!important;max-height:none!important;overflow:visible!important}.tools-chords-section .cp-grid::-webkit-scrollbar,.tools-panel .tools-chords-section .cp-grid::-webkit-scrollbar,.cp-grid::-webkit-scrollbar{width:8px!important;height:8px!important}.tools-chords-section .cp-grid::-webkit-scrollbar-thumb,.tools-panel .tools-chords-section .cp-grid::-webkit-scrollbar-thumb,.cp-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 45%,transparent)!important;border-radius:999px!important}.nav-item:focus-visible,.mobile-nav-btn:focus-visible,.fav-btn:focus-visible,.song-export-btn:focus-visible,.hero-pl-btn:focus-visible,.theme-toggle:focus-visible,.search-clear:focus-visible,.scroll-top:focus-visible,.tools-popup-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.chord-block{margin-bottom:.15rem;line-height:1;display:block!important;max-width:100%!important;overflow:visible!important}.chord-line.flutter-chord-line{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;column-gap:.18em!important;row-gap:.42em!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1.45!important}.chord-syllable{display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;vertical-align:bottom!important;min-width:max-content!important;margin-right:0!important;justify-content:flex-end!important;flex:0 1 auto!important;max-width:100%!important;white-space:normal!important}.chord-syllable .chord-badge,.chord-syllable .chord-above{display:block!important;width:max-content!important;max-width:100%!important;white-space:nowrap!important;background:transparent!important;color:var(--accent)!important;padding:0!important;border-radius:0!important;box-shadow:none!important;font-family:var(--font-body),system-ui,sans-serif!important;font-size:calc(var(--lyrics-font-size)*.72)!important;line-height:1.05!important;font-weight:800!important;letter-spacing:.01em!important}.chord-syllable .lyric-under{display:block!important;max-width:100%!important;white-space:pre-wrap!important;overflow-wrap:normal!important;word-break:normal!important;font-family:var(--font-devanagari),var(--font-body),system-ui,sans-serif!important;font-size:var(--lyrics-font-size)!important;line-height:1.55!important;color:var(--text)!important}.cp-instrument-label{color:var(--text-sec);font-family:var(--font-body);font-size:.78rem;font-weight:800;line-height:1.2;margin:0 0 12px!important;padding:0!important}.tools-panel .tools-chords-section .cp-grid,.tools-chords-section .cp-grid,.cp-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-flow:row!important;grid-auto-columns:unset!important;grid-auto-rows:auto!important;gap:12px!important;padding:12px 10px 16px!important;max-height:none!important;overflow-y:auto!important;align-items:start!important;scroll-snap-type:none!important}.tools-chords-section .cp-body,.tools-panel .tools-chords-section .cp-body,.cp-body{width:100%!important;max-width:100%!important;overflow:visible!important;padding:14px!important;margin-top:0!important;background:var(--card)!important}.tools-chords-section .cp-chip,.tools-panel .tools-chords-section .cp-chip,.cp-chip{padding:10px!important}.tools-panel .tools-chords-section .cp-instrument-label,.tools-chords-section .cp-instrument-label,.cp-instrument-label{margin:0 0 12px!important;padding:0!important}.tools-panel .tools-chords-section .cp-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-flow:row!important;grid-auto-columns:unset!important;grid-auto-rows:auto!important;gap:12px!important;padding:0!important;max-height:none!important;overflow:visible!important;align-items:stretch!important;scroll-snap-type:none!important}.song-detail .tools-chords-section .cp-grid,.tools-chords-section .cp-grid,.cp-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(108px,1fr))!important;grid-template-rows:none!important;grid-auto-flow:row!important;grid-auto-columns:unset!important;grid-auto-rows:auto!important;gap:12px!important;padding:0!important;max-height:none!important;overflow:visible!important;align-items:stretch!important}.tools-panel .tools-chords-section .cp-chip,.tools-chords-section .cp-chip,.cp-chip{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:132px!important;max-height:none!important;padding:10px 6px!important;gap:6px!important;overflow:visible!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--panel)!important;box-shadow:none!important}.tools-panel .tools-chords-section .cp-chip:hover,.tools-chords-section .cp-chip:hover,.cp-chip:hover{border-color:var(--accent)!important;background:var(--accent-bg)!important}.tools-panel .tools-chords-section .cp-name,.tools-chords-section .cp-name,.cp-name{width:100%!important;color:var(--text-sec)!important;font-family:var(--font-body)!important;font-size:.72rem!important;line-height:1.1!important;font-weight:800!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;padding:0!important}.tools-panel .tools-chords-section .cp-diagram,.tools-chords-section .cp-diagram,.cp-diagram{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;flex:1 1 auto!important}.tools-panel .tools-chords-section .cp-diagram svg,.tools-chords-section .cp-diagram svg,.cp-diagram svg{width:100%!important;height:auto!important;max-width:92px!important;max-height:none!important;display:block!important;flex:0 1 auto!important}.tools-panel .tools-chords-section .cp-diagram svg>text[font-size="11"],.tools-chords-section .cp-diagram svg>text[font-size="11"],.cp-diagram svg>text[font-size="11"]{display:none!important}@media(max-width:900px){.song-detail .tools-chords-section .cp-grid,.tools-chords-section .cp-grid,.cp-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important;gap:10px!important}.song-detail .tools-chords-section .cp-chip,.tools-chords-section .cp-chip,.cp-chip{min-height:124px!important;padding:8px 5px!important}.song-detail .tools-chords-section .cp-diagram svg,.tools-chords-section .cp-diagram svg,.cp-diagram svg{max-width:86px!important}}@media(max-width:420px){.song-detail .tools-chords-section .cp-grid,.tools-chords-section .cp-grid,.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.chord-syllable{cursor:default!important;pointer-events:none!important}.chord-syllable .lyric-under{cursor:text!important;pointer-events:none!important}.chord-syllable .chord-badge,.chord-syllable .chord-above{display:inline!important;width:auto!important;min-width:0!important;max-width:none!important;align-self:flex-start!important;cursor:pointer!important;pointer-events:auto!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}.chord-syllable:hover .chord-above,.chord-syllable:hover .chord-badge{filter:none!important}.chord-syllable .chord-above:hover,.chord-syllable .chord-badge:hover{transform:translateY(-1px);opacity:.9}.chord-popup{pointer-events:none!important}.-root{display:grid;grid-template-columns:var(--nav-w) var(--list-w) minmax(0,1fr) 280px;height:100svh;overflow:hidden;background:var(--bg)}.center-panel{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100svh;overflow:hidden}.top-bar{padding:24px 24px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:0;z-index:10}.top-bar-title{font-size:var(--text-2xl);font-weight:600;color:var(--text);letter-spacing:0;line-height:32px}.top-bar-count{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:.02em;line-height:16px;font-weight:500}.search-input,.sort-select,.filter-select{background:var(--panel);border:1px solid transparent;border-radius:12px;min-height:40px;color:var(--text);font-size:12px;line-height:16px}.search-input:focus,.sort-select:focus,.filter-select:focus{border-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 0 0 3px var(--accent-glow)}.song-list{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;padding:0 8px 8px;background:var(--surface)}.song-list::-webkit-scrollbar{width:4px}.song-list::-webkit-scrollbar-track{background:transparent}.song-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.grp-hd{padding:8px 16px;font-family:var(--font-mono);font-size:.5625rem;color:var(--text-faint);letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:var(--sp-2);position:sticky;top:0;background:var(--surface);z-index:8;margin:0 -8px;border-bottom:1px solid var(--border)}.sb-item{padding:16px;border-radius:16px;margin:4px 0;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;min-height:72px;border-left:4px solid transparent;background:transparent}.sb-item:hover{background:var(--panel);transform:none}.sb-item.on{background:color-mix(in srgb,var(--accent-container) 10%,transparent);border-left:4px solid var(--accent);padding-left:calc(var(--sp-4) - 4px);border-left-color:var(--accent-container);box-shadow:none}.sb-ne{font-family:var(--font-devanagari);font-size:15px;color:var(--text);line-height:20px;transition:color .12s;font-weight:500}.sb-ne,.qs-continue-name,.qs-recent-name,.qs-recent-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-item.on .sb-ne,.sb-item:hover .sb-ne{color:var(--accent);font-weight:700}.sb-en,.sb-meta{color:var(--text-muted);font-size:12px;line-height:16px}.sb-item.on .sb-num{color:var(--accent)}.detail-panel::-webkit-scrollbar{width:4px}.detail-panel::-webkit-scrollbar-track{background:transparent}.detail-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.qs-dashboard{flex:1;display:flex;flex-direction:column;padding:1.75rem 1.75rem 3rem;gap:1.5rem;overflow-y:auto;width:100%;box-sizing:border-box}#welcomeView:not(.rendered):before{content:"";display:block;height:300px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface-container-low) 25%,var(--surface-container) 50%,var(--surface-container-low) 75%);background-size:200% 100%;animation:qs-skeleton 1.5s ease-in-out infinite}@keyframes qs-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.qs-continue{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem 1.15rem;background:var(--surface-container);border:1px solid var(--border-light);border-left:4px solid var(--accent);border-radius:var(--radius);font-family:var(--font-body);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.qs-continue:hover{background:color-mix(in srgb,var(--surface-container-high) 92%,var(--accent) 8%);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.qs-continue-left{display:flex;flex-direction:column;gap:.15rem;overflow:hidden;min-width:0}.qs-continue-label{font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.qs-continue-name{font-size:.84rem;font-weight:600;color:var(--text)}.qs-continue-sub{font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;gap:.35rem}.qs-continue-num{color:var(--text-faint)}.qs-continue-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);flex-shrink:0}.qs-continue-icon .material-symbols-outlined{font-size:17px}.qs-surprise{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;padding:.5rem 1rem;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius);background:var(--accent-bg);color:var(--accent);font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.qs-surprise .material-symbols-outlined{font-size:16px}.qs-surprise:hover{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.qs-body-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.qs-body-full{display:flex;flex-direction:column}.qs-col-full .qs-featured-card{border-color:var(--accent-bg);background:linear-gradient(135deg,var(--surface-container) 0%,color-mix(in srgb,var(--accent-container) 6%,var(--surface-container)) 100%)}.qs-col{display:flex;flex-direction:column;gap:0;min-width:0}.qs-section-label{font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.qs-song-list{display:flex;flex-direction:column;gap:.05rem}.qs-recent-row{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;transition:background .12s}.qs-recent-row:hover{background:var(--surface-container-high)}.qs-recent-num{font-size:.67rem;color:var(--text-faint);font-variant-numeric:tabular-nums;min-width:1.8rem;flex-shrink:0}.qs-recent-info{flex:1;display:flex;flex-direction:column;gap:.08rem;overflow:hidden;min-width:0}.qs-recent-name{font-size:.83rem;font-weight:500}.qs-recent-artist{font-size:.7rem;color:var(--text-muted)}.qs-recent-tags{display:flex;gap:.2rem;flex-shrink:0}.qs-recent-arrow{color:var(--text-faint);font-size:16px;flex-shrink:0}.qs-featured-card{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:1rem;background:linear-gradient(135deg,var(--surface-container) 0%,color-mix(in srgb,var(--accent-container) 4%,var(--surface-container)) 100%);border:1px solid var(--border-light);border-radius:var(--radius);cursor:pointer;transition:background .15s,border-color .15s}.qs-featured-card:hover{background:var(--surface-container-high);border-color:var(--border)}.qs-featured-body{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.qs-featured-meta{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.1rem}.qs-featured-name{font-size:.925rem;font-weight:600;color:var(--text);line-height:1.35}.qs-featured-artist{font-size:.76rem;color:var(--text-muted)}.qs-featured-media-badge{display:flex;gap:.25rem}.qs-featured-actions{margin-top:.4rem}.qs-featured-open{font-size:.74rem;color:var(--accent);font-weight:500}.qs-featured-fav{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.15rem;border-radius:var(--radius-full);transition:color .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem}.qs-featured-fav:hover,.qs-featured-fav.active{color:var(--accent)}@media(max-width:600px){.qs-dashboard{padding:1.25rem 1rem 0}.qs-body-grid{grid-template-columns:1fr;gap:1.25rem}}@media(max-width:768px){.qs-dashboard{padding-bottom:0}}.no-res-icon .material-symbols-outlined{font-size:2.5rem;color:var(--text-faint);display:block;margin-bottom:.5rem}.no-res-msg{color:var(--text-muted);font-size:.9rem;margin-bottom:.75rem}.no-res-clear-btn{display:inline-block;padding:.4rem 1rem;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-container-high);color:var(--accent);font-size:.85rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:background .15s}.no-res-clear-btn:hover{background:var(--accent-bg)}.list-scroll-top{position:absolute;bottom:1rem;right:.75rem;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface-container-high);color:var(--text-sec);font-size:1.15rem;line-height:1;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:10;transition:background .15s,color .15s,opacity .2s;opacity:.85}.list-scroll-top:hover{background:var(--accent-bg);color:var(--accent);opacity:1}@media(max-width:1100px){.list-scroll-top{bottom:calc(var(--mobile-nav-h) + 1rem + env(safe-area-inset-bottom,0px));transition:bottom .22s ease,background .15s,color .15s,opacity .2s}#sbList.nav-hidden~.list-scroll-top{bottom:1rem}}.center-panel{position:relative}.qs-greeting{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-light)}.qs-greeting-eyebrow{font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.qs-greeting-title{font-size:1.35rem;font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.01em}.qs-greeting-sub{font-size:.75rem;color:var(--text-muted)}.nav-sidebar{background:var(--bg);border-right:1px solid color-mix(in srgb,var(--border) 40%,transparent);display:flex;flex-direction:column;overflow:hidden;height:100vh;z-index:40;transition:background-color .3s,border-color .3s}.nav-logo{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5) var(--sp-6);flex-shrink:0}.nav-cross{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-container);color:var(--on-accent);font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.nav-brand-text{display:flex;flex-direction:column;gap:0px;line-height:1.2}.nav-brand-main{font-family:var(--font-body);font-size:1.1rem;font-weight:700;color:var(--accent-container);letter-spacing:-.01em}body:not(.light-mode) .nav-brand-main{color:var(--accent)}.nav-brand-sub{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.01em;font-weight:500}.theme-toggle-wrap{padding:var(--sp-3) var(--sp-3) var(--sp-3);border-top:1px solid var(--border);flex-shrink:0;position:relative}.nav-avatar-btn{display:flex;align-items:center;gap:var(--sp-3);flex:1 1 0%;min-width:0px;padding:.6rem var(--sp-4);border-radius:.5rem;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;background:transparent;color:var(--text-dim);font-size:.875rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:background .15s,color .15s;text-align:left;user-select:none}.nav-avatar-btn:hover{background:var(--panel);color:var(--text)}.nav-avatar-circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s}.nav-avatar-btn:hover .nav-avatar-circle{border-color:var(--accent)}.nav-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.nav-avatar-icon{font-size:18px;color:var(--text-muted)}.nav-avatar-label{flex:1 1 0%;transition:color .15s}.nav-avatar-btn:hover .nav-avatar-label{color:var(--text)}.nav-profile-card{display:flex;align-items:center;gap:var(--sp-3);flex:1 1 0%;min-width:0px;padding:.5rem var(--sp-3);border-radius:.75rem;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s;user-select:none}.nav-profile-card:hover{background:var(--panel);color:var(--text)}.nav-profile-info{display:flex;flex-direction:column;min-width:0px;line-height:1.2}.nav-profile-name{font-size:.8125rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-profile-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.theme-toggle-wrap{position:relative}.nav-avatar-dropdown{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px;box-shadow:#00000026 0 4px 16px;z-index:100;animation:.12s ease 0s 1 normal none running ddFadeIn}@keyframes ddFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-avatar-dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;border-radius:var(--radius);background:transparent;color:var(--text);font-size:13px;font-family:var(--font-body);cursor:pointer;text-align:left;transition:background .1s}.nav-avatar-dd-item:hover{background:var(--panel)}.nav-avatar-dd-item iconify-icon{font-size:17px;color:var(--text-muted)}.nav-avatar-dd-divider{height:.5px;background:var(--border);margin:4px 8px}.theme-toggle{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:.875rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:background .15s,color .15s,border-color .15s;user-select:none}.theme-toggle:hover{background:var(--panel);color:var(--text-dim);border-color:var(--border-mid)}.theme-icon{font-size:1rem;width:1.25rem;text-align:center;flex-shrink:0;line-height:1}.theme-label{flex:1 1 0%;text-align:left}.nav-list{list-style:none;padding:var(--sp-2) var(--sp-3);flex:1 1 0%;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:.75rem calc(var(--sp-4) - 4px) .75rem var(--sp-4);border-radius:.5rem;cursor:pointer;color:var(--text-dim);font-size:.875rem;font-weight:500;transition:background .2s,color .2s,border-color .2s;margin-bottom:4px;user-select:none;position:relative;border-right:4px solid transparent}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item.active{background:var(--nav-active-bg);color:var(--accent);font-weight:600;border-right:3px solid var(--accent)}.nav-icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:inherit;transition:color .2s}.nav-icon svg{display:block}.nav-item[data-cat=Favorites].active .nav-icon svg{fill:currentcolor}.nav-label{flex:1 1 0%}.nav-settings-bottom{display:flex;align-items:center;gap:var(--sp-3);padding:.75rem calc(var(--sp-4) - 4px) .75rem var(--sp-4);border-radius:.5rem;cursor:pointer;color:var(--text-dim);font-size:.875rem;font-weight:500;transition:background .2s,color .2s,border-color .2s;margin-bottom:4px;user-select:none;position:relative;border-right:4px solid transparent;margin-left:var(--sp-3);margin-right:var(--sp-3)}.nav-settings-bottom:hover{background:var(--panel);color:var(--text)}#navAdminBottom,#navAdminBottom .nav-icon,#navAdminBottom:hover,#navAdminBottom:hover .nav-icon{color:var(--error)}.alpha-section{padding:var(--sp-3);border-top:1px solid var(--border);flex-shrink:0}.alpha-lbl{font-family:var(--font-mono);font-size:.5625rem;color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--sp-2)}.alpha-grid{display:flex;flex-wrap:wrap;gap:3px}.a-btn{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--text-muted);font-family:var(--font-devanagari);font-size:.5625rem;transition:background-color .1s,color .1s,border-color .1s,box-shadow .1s,transform .1s,opacity .1s;user-select:none}.a-btn:hover{border-color:var(--border-mid);color:var(--text-dim);background:var(--card)}.a-btn.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.a-btn.none{opacity:.18;pointer-events:none}.top-bar-left{display:flex;align-items:baseline;gap:var(--sp-2)}.top-bar-right{display:flex;flex-direction:column;gap:var(--sp-2)}.sort-filter-row{display:flex;gap:var(--sp-2);align-items:center}body:not(.light-mode) .search-input{background:var(--panel)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 0 0 3px var(--accent-glow)}.search-clear{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;line-height:1;padding:2px 4px;transition:color .1s}.search-clear:hover{color:var(--accent)}.sort-wrap,.filter-wrap{position:relative;display:flex;align-items:center}.sort-select{appearance:none;padding:var(--sp-1) var(--sp-6) var(--sp-1) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:.8rem;font-family:var(--font-body);font-weight:500;transition:border-color .15s}.sort-select:focus{outline:none;border-color:var(--accent)}.sort-icon{position:absolute;right:8px;pointer-events:none;color:var(--text-faint);width:14px;height:14px}.sort-wrap:hover .sort-icon,.filter-wrap:hover .sort-icon{color:var(--accent)}.grp-hd:after{content:"";flex:1 1 0%;height:1px;background:var(--border)}.light-mode .sb-item:hover .sb-ne,.sb-item:hover .sb-ne{color:var(--accent)}.mobile-bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;width:100%;max-width:100vw;height:calc(var(--mobile-nav-h)+env(safe-area-inset-bottom,0px));padding:4px max(4px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-right));box-sizing:border-box;background:var(--surface);border-top:1px solid var(--border);z-index:999;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:none;overflow:hidden;transform:translateY(0);transition:transform .22s,opacity .22s;will-change:transform}.mobile-bottom-nav.nav-hidden{transform:translateY(calc(100%+env(safe-area-inset-bottom,0px)+8px));opacity:0;pointer-events:none}@media(max-width:1100px){.mobile-bottom-nav{display:flex}}.mobile-more-menu{position:fixed;bottom:calc(var(--mobile-nav-h) + .5rem);left:50%;transform:translate(-50%);background:var(--surface-container-high);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1200;flex-direction:column;min-width:180px;overflow:hidden;animation:.15s ease 0s 1 normal none running moreMenuIn}@keyframes moreMenuIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mobile-more-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.1rem;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;background:none;color:var(--text);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;text-align:left;transition:background .12s}.mobile-more-item:hover,.mobile-more-item:active{background:var(--surface-container-highest)}.mobile-more-item iconify-icon{font-size:20px;color:var(--text-muted)}.mobile-more-item-profile{padding:.85rem 1.1rem;border-bottom:1px solid var(--border);margin-bottom:.25rem}.mobile-more-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--surface-container-highest);overflow:hidden}.mobile-more-avatar-img{width:100%;height:100%;object-fit:cover}.mobile-more-avatar iconify-icon{font-size:18px}.mobile-nav-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;overflow:hidden}.mobile-nav-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mobile-nav-avatar iconify-icon{font-size:22px;color:var(--text-muted)}.mobile-more-profile-text{display:flex;flex-direction:column;min-width:0px;line-height:1.25}.mobile-more-name{font-size:.9rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-more-sub{font-size:.75rem;color:var(--text-muted)}.account-saved-section{margin-top:1.5rem}.account-saved-tabs{display:flex;gap:1.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-light)}.account-saved-tab{display:flex;align-items:center;gap:.35rem;padding:.5rem 0px .65rem;border-width:medium medium 2px;border-style:none none solid;border-color:currentcolor currentcolor transparent;border-image:none;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;transition:color .12s,border-color .12s;margin-bottom:-1px}.account-saved-tab iconify-icon{font-size:15px}.account-saved-tab .account-saved-count{font-size:.7rem;font-weight:600;color:var(--text-faint);margin-left:.1rem}.account-saved-tab:hover{color:var(--text-dim)}.account-saved-tab.active{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.account-saved-tab.active .account-saved-count{color:var(--text-muted)}.account-saved-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;max-height:320px;overflow-y:auto;padding-right:2px}@media(min-width:480px){.account-saved-grid{grid-template-columns:repeat(3,1fr)}}.account-saved-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.7rem .7rem .6rem;border-radius:var(--radius-md);background:var(--surface-container);border:1px solid var(--border);cursor:pointer;text-align:left;transition:background .12s,transform .12s;min-height:78px}.account-saved-card:hover,.account-saved-card:active{background:var(--surface-container-highest);transform:translateY(-1px)}.account-saved-card-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--surface-container-highest);color:var(--accent);margin-bottom:.15rem}.account-saved-card-icon iconify-icon{font-size:14px}.account-saved-card-title{font-size:.83rem;font-weight:600;color:var(--text);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.account-saved-card-sub{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.account-saved-empty{padding:1.25rem .5rem;text-align:center;font-size:.82rem;color:var(--text-muted)}@media(min-width:769px){.mobile-more-menu{display:none}}.nav-bottom-actions{display:flex;align-items:center;gap:4px;width:100%}.nav-notif-btn{position:relative;width:40px;height:40px;border-radius:.5rem;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.nav-notif-btn:hover{background:var(--panel);color:var(--text)}.nav-notif-btn iconify-icon{font-size:20px}.nav-notif-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;border-radius:8px;background:#c8463c;color:#fff;font-size:10px;font-weight:700;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;pointer-events:none}.mobile-notif-badge{min-width:18px;height:18px;border-radius:9px;background:#c8463c;color:#fff;font-size:11px;font-weight:700;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;padding:0 5px;line-height:1;margin-left:auto}.nav-notif-panel{position:fixed;width:300px;max-height:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:#00000026 0 4px 16px;z-index:1300;display:flex;flex-direction:column;overflow:hidden;animation:.12s ease 0s 1 normal none running ddFadeIn}@media(max-width:1100px){.nav-notif-panel{position:fixed;top:0!important;left:0!important;right:0;bottom:auto;width:100%;max-width:100%;max-height:50vh;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:#0003 0 4px 24px}}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.notif-panel-title{font-size:13px;font-weight:700;color:var(--text)}.notif-mark-read{background:none;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:var(--radius);display:flex;align-items:center;transition:color .12s}.notif-mark-read:hover{color:var(--accent)}.notif-mark-read iconify-icon{font-size:17px}.notif-panel-list{overflow-y:auto;flex:1 1 0%;min-height:0px}.notif-loading,.notif-empty{padding:20px 14px;font-size:12px;color:var(--text-muted);text-align:center}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:.5px solid var(--border);transition:background .1s}.notif-item:last-child{border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor}.notif-item:hover{background:var(--panel)}.notif-item.unread{background:color-mix(in srgb,var(--accent) 5%,transparent)}.notif-item.unread:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.notif-icon-approved{color:#2d8a4e;font-size:18px;flex-shrink:0;margin-top:1px}.notif-icon-rejected{color:#c8463c;font-size:18px;flex-shrink:0;margin-top:1px}.notif-item-body{min-width:0px;flex:1 1 0%}.notif-item-text{font-size:12px;color:var(--text);line-height:1.4}.notif-item.unread .notif-item-text{font-weight:600}.notif-item-note{font-size:11px;color:var(--text-muted);margin-top:2px;line-height:1.3}.notif-item-time{font-size:10px;color:var(--text-faint);margin-top:3px}.sb-num{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-faint);min-width:2rem;text-align:right;flex-shrink:0;line-height:16px}.sb-info{flex:1;min-width:0}.sb-item.on .sb-ne{color:var(--text);font-weight:600}.sb-artist{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sb-tags{display:flex;gap:3px;margin-top:var(--sp-1);flex-wrap:wrap}.stag{display:inline-flex;align-items:center;justify-content:center;gap:3px;font-family:var(--font-mono);font-size:.5625rem;padding:1px 5px;border-radius:var(--radius-sm);letter-spacing:.05em;text-transform:uppercase;border:1px solid;line-height:1.6;font-weight:600}.stag-icon{width:11px;height:11px;display:block;color:currentColor;flex-shrink:0}.stag-a,.stag-v{color:var(--secondary);border-color:color-mix(in srgb,var(--secondary) 25%,transparent);background:color-mix(in srgb,var(--secondary) 8%,transparent)}.stag-c{color:var(--accent);border-color:color-mix(in srgb,var(--accent-container) 25%,transparent);background:var(--nav-active-bg);padding:.2rem .5rem;border-radius:var(--radius-sm);display:inline-block;font-weight:700;font-size:.7rem}.stag-fav{color:var(--accent-orange);border-color:color-mix(in srgb,var(--tertiary) 30%,transparent);background:color-mix(in srgb,var(--tertiary) 12%,transparent)}body:not(.light-mode) .stag-c{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:var(--accent-bg)}.no-res{padding:var(--sp-8) var(--sp-4);text-align:center;font-size:.875rem;color:var(--text-faint);line-height:1.6}#welcomeView{flex:1;display:flex;flex-direction:column}.song-detail.on{display:flex}@keyframes fd{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero:before{display:none}.hp-num{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.hp-key{background:var(--nav-active-bg);color:var(--accent);border:none;font-weight:700}body:not(.light-mode) .hp-key{background:var(--nav-active-bg);color:var(--accent);border:none}.fav-btn{background:transparent;border:1px solid var(--border-mid);border-radius:var(--radius-full);color:var(--text-muted);font-size:1rem;padding:.3rem .9rem;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;line-height:1}.fav-btn:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.fav-btn.active{border-color:var(--accent-orange);color:var(--accent-orange);background:color-mix(in srgb,var(--tertiary) 12%,transparent)}.mc{flex:1;min-width:15rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .18s,box-shadow .18s;box-shadow:var(--shadow-sm)}.mc:hover{border-color:var(--accent-light);box-shadow:var(--shadow-md)}.mc-hdr{padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--border);background:var(--panel)}.mc-lbl{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.audio-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);min-height:9rem;justify-content:center}.waveform{display:flex;align-items:center;gap:2px;height:2.5rem;flex:0 0 auto}.wb{flex:1;min-width:2px;max-width:5px;background:var(--border-mid);border-radius:1px;transition:background .2s}.wb.playing{background:var(--accent);animation:wave var(--d, .8s) ease-in-out infinite alternate}@keyframes wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.ap-controls{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.ap-play-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:var(--accent-container);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .1s,opacity .15s,box-shadow .15s;padding:0;box-shadow:var(--shadow-sm)}.ap-play-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ap-play-btn svg.lucide-play{margin-left:2px}.ap-play-btn svg{width:20px;height:20px;fill:currentColor}.ap-play-btn:hover{opacity:.9;transform:scale(1.05);box-shadow:var(--shadow-md)}.ap-skip-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--sp-1);transition:color .2s}.ap-skip-btn:hover{color:var(--accent)}.ap-skip-btn svg{width:20px;height:20px}.ap-right{flex:1;min-width:120px;display:flex;flex-direction:column;gap:.35rem}.ap-track{width:100%;height:4px;background:var(--border-mid);border-radius:2px;overflow:hidden;cursor:pointer}.ap-fill{position:relative;height:100%;width:100%;background:var(--accent);border-radius:2px;transform:scaleX(0);transform-origin:left center;transition:transform .1s linear}.ap-progress{width:100%;cursor:pointer;padding:.3rem 0}.ap-progress:hover .ap-track{height:6px;margin:-1px 0}.ap-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ap-time{font-size:.7rem;color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}#ap-vol-icon{display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:color .2s}#ap-vol-icon:hover{color:var(--accent)}.ap-vol-slider{-webkit-appearance:none;appearance:none;width:5rem;height:3px;background:var(--border-mid);border-radius:2px;outline:none;cursor:pointer}.ap-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer}.ap-vol-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--accent);border:none}.ap-error{font-size:.7rem;color:var(--error);padding-top:.2rem}.ap-error a{color:var(--error)}.vthumb-wrap{display:flex;flex-direction:column;gap:0}#video-embed-wrap{display:none;width:100%;aspect-ratio:16/9;border-radius:0 0 10px 10px;overflow:hidden;background:var(--black)}.vthumb{position:relative;width:100%;aspect-ratio:16/9;background:var(--card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer}.vt-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s,opacity .2s}.vthumb:hover .vt-thumb-img{transform:scale(1.03);opacity:.85}.vt-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#0003;transition:background .2s}.vt-play-circle{width:3rem;height:3rem;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:#ffffff26;backdrop-filter:blur(4px);color:var(--on-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;padding:0}.vt-play-circle svg.lucide-play{margin-left:3px}.vt-play-circle svg.lucide-x{margin-left:0}.vthumb:hover .vt-play-circle{transform:scale(1.1);background:#ffffff40;border-color:var(--on-accent)}.vt-play-circle svg{width:22px;height:22px;display:block}.yt-embed-wrap{width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--black)}.yt-embed-wrap iframe{width:100%;height:100%;border:none;display:block}.vt-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a2e24,#0d1f17);display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:var(--accent);opacity:.15}.v-link{font-family:var(--font-mono);font-size:.625rem;color:var(--text-dim);text-decoration:none;border:1px solid var(--border-mid);padding:.2rem var(--sp-2);border-radius:var(--radius-sm);letter-spacing:.08em;text-transform:uppercase;transition:background-color .13s,color .13s,border-color .13s,box-shadow .13s,transform .13s,opacity .13s}.v-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.no-media{padding:var(--sp-4) var(--sp-5);font-size:.875rem;color:var(--text-faint)}.video-close-btn{position:absolute;top:.5rem;right:.5rem;background:#000000b3;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);z-index:10;font-size:1.2rem;transition:.1s}.video-close-btn:hover{background:#000000e6;transform:scale(1.05)}.video-body{width:100%;border-radius:var(--radius);overflow:hidden}.tlbl{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}body:not(.light-mode) .chorus{background:var(--panel);border-color:var(--accent-bg)}.lyric-text.bare{font-size:1.125rem;line-height:1.75;color:var(--text)}body.light-mode pre.chord-line{color:var(--accent);background-color:var(--accent-bg)}body:not(.light-mode) pre.chord-line{color:var(--accent);background-color:var(--accent-bg)}pre.lyric-pre{font-size:1rem;color:var(--text-sec);font-family:var(--font-devanagari),"Courier New",monospace}.cp-header:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}body.light-mode .cp-count{color:var(--white);background:var(--accent-container);border-color:var(--accent);box-shadow:0 0 0 1px #0f52381f}.cp-mobile-only{display:none}.cp-grid{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.cp-chip{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;border-radius:var(--radius);padding:var(--sp-2);transition:background .15s}.cp-chip:hover{background:var(--panel)}.cp-chip svg{display:block}.cp-label{font-family:var(--font-mono);font-size:.65rem;color:var(--accent);font-weight:700;letter-spacing:.04em}body:not(.light-mode) .cp-label{color:var(--chord)}.cp-no-diag{border:1px solid var(--border);padding:var(--sp-2) var(--sp-3);font-family:var(--font-mono);font-size:.75rem;color:var(--accent);font-weight:700;border-radius:var(--radius);background:var(--accent-bg)}body:not(.light-mode) .cp-no-diag{color:var(--chord);background:var(--card)}.metro-panel{margin:0 var(--sp-6) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.metro-header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--panel)}.metro-title{font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);flex:1}.metro-body{padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.metro-bpm-display{font-size:2.5rem;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1}.metro-bpm-label{font-size:.625rem;font-weight:700;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;text-align:center}.metro-controls{display:flex;align-items:center;gap:var(--sp-4)}.metro-adj-btn{width:2rem;height:2rem;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s;font-size:1.1rem;font-weight:600}.metro-adj-btn:hover{background:var(--panel);border-color:var(--accent);color:var(--accent)}.metro-play-btn{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--accent);border:none;color:var(--on-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s;box-shadow:var(--shadow-md);font-size:1.2rem}.metro-play-btn:hover{opacity:.9;transform:scale(1.05)}.metro-play-btn:active{transform:scale(.95)}.metro-track-wrap{width:100%;display:flex;align-items:center;gap:var(--sp-2)}.metro-track{flex:1;height:4px;background:var(--border-light);border-radius:var(--radius-full);position:relative}.metro-track-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .1s}.scroll-top{position:fixed;bottom:var(--sp-5);right:var(--sp-5);width:44px;height:44px;background:var(--accent-container);border:none;border-radius:50%;color:var(--on-accent);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:100;box-shadow:var(--shadow-lg)}.scroll-top.show{opacity:1;pointer-events:auto}.scroll-top:hover{transform:scale(1.1)}.artist-group{border-bottom:1px solid var(--border)}.artist-group:last-child{border-bottom:none}.artist-group .artist-item{border-bottom:none}.artist-submenu{background:var(--panel);padding:4px 0 8px}.artist-item{display:flex;align-items:center;flex-wrap:wrap;padding:12px 16px;gap:12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .2s}.artist-item:hover{background:var(--panel)}.artist-img-wrapper{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--card);border:2px solid var(--border)}.artist-img-wrapper img{width:100%;height:100%;object-fit:cover}.artist-info{flex:1;min-width:0}.artist-name{font-weight:600;color:var(--text)}.artist-count{font-size:.75rem;color:var(--text-muted)}.sub-song-item{display:flex;align-items:flex-start;gap:var(--sp-3);margin:4px 8px 4px 68px;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);color:var(--text-sec);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}.sub-song-item:last-child{border-bottom:none}.sub-song-item:hover{background:var(--panel);transform:none}.light-mode .sub-song-item:hover .sub-song-title,.sub-song-item:hover .sub-song-title{color:var(--accent)}.sub-song-item.none{display:block;margin:4px 8px 4px 68px;color:var(--text-muted);font-style:italic;cursor:default}.sub-song-item.active{background:var(--nav-active-bg);border-left:4px solid var(--accent);padding-left:calc(var(--sp-4) - 4px)}.sub-song-item.active .sub-song-num{color:var(--accent)}.sub-song-item.active .sub-song-title{color:var(--text);font-weight:600}.sub-song-num{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-faint);min-width:2rem;text-align:right;flex-shrink:0;padding-top:2px}.sub-song-info{display:flex;flex-direction:column;min-width:0;flex:1}.sub-song-title{font-family:var(--font-devanagari);font-size:.9375rem;color:var(--text-sec);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s}.chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform .3s}.expanded .chevron{color:var(--accent)}.fav-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1.5rem}.fav-empty-icon{display:flex;align-items:center;justify-content:center;color:var(--accent-orange);opacity:.45;line-height:1}.fav-empty-title{font-size:1rem;font-weight:600;color:var(--text-dim)}.fav-empty-sub{font-size:.8rem;color:var(--text-faint);text-align:center;max-width:17rem;line-height:1.55}.sb-left{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem}.sb-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border-mid);display:block}.sb-artist-row{display:flex;align-items:center;gap:.3rem;margin-top:1px}.hero-pl-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:999px;background:var(--accent-container);border:1px solid var(--accent-container);color:#fff;font-size:.8rem;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s;line-height:1}.hero-pl-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.hero-pl-btn iconify-icon{font-size:16px}.hero-pl-arrow{font-size:16px!important;transition:transform .2s}.hero-pl-btn.is-open .hero-pl-arrow{transform:rotate(180deg)}.hero-pl-menu{background:var(--surface-container);border:1px solid var(--border-mid);border-radius:var(--radius-lg);box-shadow:none;z-index:10000;overflow:hidden}.hero-pl-menu-label{padding:.5rem .75rem;font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.hero-pl-menu-item{display:flex;align-items:center;gap:.4rem;width:100%;padding:.5rem .75rem;background:none;border:none;color:var(--text);font-size:.82rem;cursor:pointer;text-align:left;transition:background .12s}.hero-pl-menu-item:hover{background:var(--accent-bg);color:var(--accent)}.hero-pl-menu-item iconify-icon{font-size:16px}.hero-pl-menu-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.hero-pl-menu-current{font-size:.7rem;color:var(--text-muted);margin-left:auto;opacity:.7}.hero-pl-menu-empty{padding:.75rem;font-size:.78rem;color:var(--text-muted);text-align:center}.note-panel{margin-top:.85rem;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);overflow:hidden;display:none;box-shadow:var(--shadow-sm);border-left:3px solid var(--accent)}.note-panel.open{display:block;animation:noteSlideIn .2s ease-out}@keyframes noteSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.note-textarea{display:block;width:100%;min-height:60px;padding:.85rem .85rem .6rem;border:none;background:transparent;color:var(--text);font-family:var(--font-body);font-size:.925rem;line-height:1.6;resize:vertical;outline:none;box-sizing:border-box}.note-textarea::placeholder{color:var(--text-faint);font-style:italic;font-size:.9rem}.note-textarea:focus{box-shadow:inset 0 -2px 0 var(--accent)}.note-panel-foot{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem .75rem;gap:.5rem}.note-private-badge{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-weight:500}.note-panel-actions{display:flex;gap:.4rem}.note-btn{padding:.35rem .75rem;border-radius:8px;border:none;font-family:var(--font-body);font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;line-height:1.4}.note-meta{padding:0 .85rem .4rem;font-size:.68rem;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.02em}.note-btn-cancel{background:transparent;color:var(--text-muted)}.note-btn-cancel:hover{background:var(--panel);color:var(--text)}.note-btn-save{background:var(--accent);color:#fff}.note-btn-save:hover{opacity:.85}.song-export-menu{position:absolute;top:calc(100% + .4rem);left:0;background:var(--surface-container);border:1px solid var(--border-mid);border-radius:var(--radius-lg);overflow:hidden;z-index:300;box-shadow:var(--shadow-lg);min-width:14rem}.creator-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);background:var(--surface);position:relative;top:0;z-index:5;flex-shrink:0}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:11px;font-weight:500;font-family:var(--font-body);transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease;padding:8px 4px}.mobile-nav-btn:active{background:#0f523814}.mobile-nav-btn.active{color:var(--accent)}.mobile-nav-btn svg{width:24px;height:24px;stroke-width:2}.mobile-back-btn{background:none;border:none;outline:none;color:var(--accent);font-size:.95rem;font-weight:500;cursor:pointer;margin-bottom:10px;padding:0;display:block}@media(min-width:769px){.mobile-back-btn{display:none}}@media(max-width:1100px){.nav-sidebar{display:none}.-root{grid-template-columns:var(--list-w) minmax(0,1fr) 280px}}@media(max-width:480px){html{font-size:14px}.top-bar{padding:var(--sp-3) var(--sp-2)}.mobile-nav-btn span{font-size:11px}.mobile-nav-btn iconify-icon{font-size:22px}}@media(max-width:380px){.mobile-nav-btn span{font-size:10px}.mobile-nav-btn iconify-icon{font-size:20px}.mobile-nav-btn svg{width:20px;height:20px}.h-ne{font-size:1.2rem}.cr-add-row{gap:4px}}.song-detail{display:none;flex-direction:column;animation:fd .25s ease;background:var(--surface);min-height:100%;overflow:visible!important;max-width:100%;min-width:0;box-sizing:border-box}body:not(.light-mode) .hero{background:color-mix(in srgb,var(--surface) 92%,transparent)}.h-pills{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.hpill{padding:4px 8px;border-radius:4px;font-family:var(--font-body);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:0;line-height:14px}.hp-num,.hp-key{background:color-mix(in srgb,var(--accent-container) 10%,transparent);color:var(--accent)}.hp-perm{background:color-mix(in srgb,var(--error-container) 15%,transparent);color:var(--error);font-size:9px}.hp-perm{background:color-mix(in srgb,var(--warning-container) 15%,transparent);color:var(--warning);font-size:9px}.hp-cat{background:transparent;color:var(--text-muted);border-color:var(--border-mid)}.h-ne{font-family:var(--font-display);font-size:clamp(32px,4vw,40px);font-weight:700;color:var(--text);line-height:1.2;margin-bottom:var(--sp-1);word-break:break-word;letter-spacing:-.02em;margin:0}.h-en{font-size:18px;color:var(--text-muted);line-height:28px;margin-bottom:var(--sp-3);margin-top:4px}.h-meta{margin-top:16px!important}.fav-btn,.copy-btn,.print-btn{border-radius:999px;border-color:var(--border);background:var(--panel);color:var(--text-sec)}.fav-btn:hover,.copy-btn:hover,.print-btn:hover{border-color:var(--accent-light);color:var(--accent)}.media-area{max-width:800px;margin:24px auto 0;padding-inline:48px}.view-tog,.lang-tog,.tp-grp{border-color:var(--border)!important;border-radius:12px!important}.view-tog button,.lang-tog button,.tp-btn,.tp-key{border-radius:10px}.view-tog button.active,.tp-key{background:var(--accent-container);color:var(--on-accent)}.verse{margin-bottom:48px}.v-lbl{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;display:flex;align-items:center;gap:var(--sp-2);line-height:16px}.v-lbl:after{content:"";flex:0 0 1.25rem;height:1px;background:var(--border-mid);display:none}.chorus{background:color-mix(in srgb,var(--panel) 98%,var(--accent) 2%);border:1px solid color-mix(in srgb,var(--accent) 6%,var(--border));padding:32px;border-radius:24px;margin-bottom:var(--sp-12)}.chorus .v-lbl{color:var(--accent)}pre.chord-line{font-size:14px;font-weight:800;color:var(--chord);background-color:#95d4b32e;padding:3px 8px;border-radius:var(--radius-sm);display:inline-block;letter-spacing:.05em;min-height:1.1rem;margin-right:.35rem;box-shadow:none;font-family:var(--font-body);margin:0 0 2px;background:transparent}.chord-token{display:inline-block;background:var(--nav-active-bg);color:var(--chord)!important;border-radius:4px;padding:2px 6px;margin-right:2px}.lyric-pre,.lyric-text{font-family:var(--font-devanagari);font-size:18px;line-height:28px;font-weight:400;color:var(--text);white-space:pre-wrap}#chordPanelEl,#metronomePanelEl{max-width:800px;margin-inline:auto;padding-inline:48px}.cp-wrap,.cp-metronome{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:24px!important;box-shadow:none!important}@media(max-width:900px){.-root{grid-template-columns:1fr}.center-panel{width:100%}.hero{padding:24px}.lyrics-wrap{padding:32px 24px 96px}.media-area,#chordPanelEl,#metronomePanelEl{padding-inline:24px}.l-toolbar{top:0}}.chord-line{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 .25rem;min-height:40px;line-height:1.55}.chord-token,.chord-badge{display:inline-block;flex:0 0 auto;margin:0 0 2px;padding:2px 6px;border-radius:4px;background-color:var(--accent-bg);color:var(--chord, var(--accent))!important;font-family:var(--font-body);font-size:14px;line-height:16px;letter-spacing:.05em;font-weight:800;white-space:nowrap}pre.chord-line,pre.lyric-pre{font-family:var(--font-body);margin:0;padding:0!important;white-space:pre-wrap;word-break:break-all;overflow-x:auto;background:transparent!important;border:0!important;line-height:1.45;box-shadow:none!important}body:not(.light-mode) .chord-token,body:not(.light-mode) .chord-badge{background-color:var(--accent-bg);color:var(--chord, var(--accent))!important}body:not(.light-mode) .chord-above{background-color:var(--accent-bg);color:var(--accent)}.l-body .lyric-text,.l-body .lyric-pre,.l-body .lyric-fragment{font-size:var(--lyrics-font-size)!important;line-height:calc(var(--lyrics-font-size)*1.55)!important}.l-body .chord-token,.l-body .chord-badge,.l-body pre.chord-line{font-size:calc(var(--lyrics-font-size)*.78)!important;line-height:calc(var(--lyrics-font-size)*.95)!important}@media(max-width:860px){.l-toolbar{gap:8px 6px}.l-toolbar .view-section{flex-basis:100%}}@media(max-width:520px){.l-toolbar .tlbl{display:none}.l-toolbar .view-tog button,.l-toolbar .lang-tog button{padding-inline:10px!important;font-size:.72rem!important;min-height:38px}.l-toolbar .tool-btn,.l-toolbar .tp-btn,.l-toolbar .font-btn{width:38px;height:38px}.l-toolbar .tool-value,.l-toolbar .tp-key,.l-toolbar .font-size-val{min-width:42px;height:38px;padding-inline:8px}}.detail-panel{background:var(--surface);height:100svh;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border) transparent;--hero-height: 0px }#heroEl{position:relative}.hero{padding:32px 48px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:130;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);margin-bottom:0;isolation:isolate;max-height:9999px}@media(max-width:640px){.hero{padding:20px 20px 16px}.hero .h-meta{gap:.35rem!important}.hero .h-ne{font-size:clamp(26px,5vw,32px)}.hero .h-en{font-size:15px;line-height:22px}.fav-btn,.hero-pl-btn{font-size:.75rem;padding:.25rem .6rem}.hero-nav-btn{width:34px;height:34px;min-width:34px}.song-export-btn{font-size:.75rem;padding:.25rem .6rem}}@media(max-width:480px){.hero{padding:16px 14px 12px}.hero .h-meta{gap:.25rem!important}.hero .h-ne{font-size:clamp(22px,5.5vw,28px)}.hero .h-en{font-size:14px;line-height:20px}.fav-btn,.hero-pl-btn{font-size:.72rem;padding:.2rem .5rem;gap:.15rem}.hero-nav-btn{width:30px;height:30px;min-width:30px}.song-export-btn{font-size:.72rem;padding:.2rem .5rem}}.lyrics-wrap{padding:0 48px 72px;background:transparent;flex:1;max-width:800px;width:100%;min-width:0;box-sizing:border-box;margin:0 auto;overflow:visible}@media(max-width:760px){.l-toolbar{top:calc(var(--hero-sticky-offset, 0px) - 1px)}.lyrics-wrap{padding-top:0}}body{background:var(--bg);color:var(--text);font-family:Work Sans,system-ui,sans-serif;font-size:1rem;line-height:1.6;height:100svh;overflow:hidden;overflow-x:hidden;max-width:100%;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease;scrollbar-width:thin}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}button,.cr-btn,.mobile-nav-btn{transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}.l-toolbar .font-grp,.l-toolbar .tp-grp{display:inline-flex;align-items:center;gap:6px}.l-toolbar .font-size-val[title="Click to reset"],.l-toolbar .tp-key[title="Click to reset"]{color:var(--accent)}.l-toolbar .font-size-val[title="Click to reset"]:hover,.l-toolbar .tp-key[title="Click to reset"]:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}@media(min-width:769px){.artist-group{margin:8px 12px;border-radius:var(--radius-md);overflow:hidden;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.artist-group:last-child{border-bottom:1px solid var(--border)}.artist-group .artist-item{border-bottom:none}.artist-item{display:flex;align-items:center;flex-wrap:nowrap;gap:14px;padding:14px 16px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease;border-bottom:none}.artist-item:hover{background:var(--panel)}.artist-img-wrapper{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--card);border:3px solid var(--border)}.artist-img-wrapper img{width:100%;height:100%;object-fit:cover}.artist-info{flex:1;min-width:0}.artist-name{font-weight:600;font-size:1.05rem;color:var(--text);margin-bottom:2px}.artist-count{font-size:.82rem;color:var(--text-muted)}.chevron{font-size:1.2rem;color:var(--text-muted);transition:transform .25s ease}.artist-group.expanded .chevron{transform:rotate(180deg)}.artist-submenu{padding:6px 8px 12px;background:var(--surface);border-top:1px solid var(--border)}.sub-song-item{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 12px;border-radius:var(--radius-md);margin:4px;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease;cursor:pointer;background:transparent;border-left:4px solid transparent;color:var(--text-sec)}.sub-song-item:hover{background:var(--panel)}.sub-song-item.active,.sub-song-item.on{background:var(--nav-active-bg);border-left:4px solid var(--accent);color:var(--text)}.sub-song-title{font-family:var(--font-devanagari);font-size:.9375rem;color:var(--text-sec);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-song-item:hover .sub-song-title,.sub-song-item.active .sub-song-title,.sub-song-item.on .sub-song-title{color:var(--text);font-weight:600}.sub-song-num{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-faint);min-width:2.2rem;text-align:right;flex-shrink:0}.sub-song-item:hover .sub-song-num,.sub-song-item.active .sub-song-num,.sub-song-item.on .sub-song-num{color:var(--accent)}.sub-song-info{flex:1;min-width:0}}.sub-song-item.on,.sub-song-item.active{background:color-mix(in srgb,var(--accent-container) 10%,transparent)}.lyric-under{display:block;font-family:var(--font-devanagari);font-size:var(--lyrics-font-size);line-height:1.55;color:var(--text);white-space:pre-wrap}.cp-wrap{margin:0 var(--sp-6) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-xl)!important;overflow:hidden;clip-path:inset(0 round var(--radius-xl));background:var(--card)!important;box-shadow:var(--shadow-sm)!important;border-color:var(--border)!important}.cp-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:color-mix(in srgb,var(--card) 88%,var(--accent-container) 12%)!important;cursor:pointer;user-select:none;transition:background-color .18s ease,border-color .18s ease;min-height:52px;border-bottom-color:var(--border)!important}.cp-header:hover{background:color-mix(in srgb,var(--card) 80%,var(--accent-container) 20%)!important}.cp-title{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-sec)!important;font-weight:800}.cp-count{font-family:var(--font-mono);font-size:.625rem;font-weight:800;color:#fff!important;background:var(--accent-container)!important;border:1px solid var(--accent-light);border-radius:999px!important;padding:2px 8px;min-width:1.6rem;text-align:center;box-shadow:none!important;border-color:var(--accent-container)!important}.cp-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)!important;transition:color .18s ease;margin-left:auto;font-size:.6rem}.cp-header:hover .cp-chevron{color:var(--accent)!important}.cp-view-buttons button{min-height:26px;padding:4px 10px!important;border-radius:999px!important;font-family:var(--font-body)!important;font-weight:800!important;letter-spacing:.01em;transition:background-color .15s ease,color .15s ease,transform .15s ease}.cp-view-buttons button:hover{background:var(--accent-bg)!important;color:var(--accent)!important}.cp-view-buttons button.active{background:var(--accent-container)!important;color:#fff!important}.cp-body{padding:var(--sp-4);background:var(--card)}body.light-mode .l-toolbar,body.light-mode .cp-wrap{background:var(--card)!important}body.light-mode .cp-header{background:color-mix(in srgb,#fff 88%,var(--accent-bg) 12%)!important}body.light-mode .cp-header:hover{background:color-mix(in srgb,#fff 76%,var(--accent-bg) 24%)!important}@media(max-width:760px){.l-toolbar{border-radius:var(--radius-lg);padding:10px}.cp-header{flex-wrap:wrap;min-height:auto}.cp-view-buttons{order:3;width:100%;margin-left:0!important;justify-content:stretch}.cp-view-buttons button{flex:1}}.-root,.center-panel,.detail-panel,.song-list,.lyrics-wrap,.song-detail,.hero,.media-row,.l-body{min-width:0}.sb-left:has(.sb-num){background:transparent!important}.sb-num,.sub-song-num{background:transparent!important;box-shadow:none!important;border:0!important}@media(max-width:420px){.l-toolbar{gap:5px!important;padding:6px!important}.l-toolbar .view-section,.l-toolbar .lang-section,.l-toolbar .font-grp,.l-toolbar .tp-grp{width:100%;min-width:0;justify-content:space-between}.l-toolbar .chords-check,.l-toolbar .lang-tog,.l-toolbar .font-grp,.l-toolbar .tp-grp{width:100%}.l-toolbar .lang-tog{display:grid!important;grid-template-columns:1fr 1fr}.l-toolbar .lang-tog button{width:100%}}@media(max-width:360px){.l-toolbar .chords-check,.l-toolbar .lang-tog button,.l-toolbar .tool-btn,.l-toolbar .tp-btn,.l-toolbar .font-btn,.l-toolbar .tool-value,.l-toolbar .tp-key,.l-toolbar .font-size-val{min-height:30px!important;height:30px!important;font-size:.68rem!important}.l-toolbar .tool-btn,.l-toolbar .tp-btn,.l-toolbar .font-btn{width:30px!important;min-width:30px!important}}@media(max-width:360px){.l-toolbar{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;padding:5px!important;gap:5px!important}.l-toolbar .chords-check,.l-toolbar .lang-tog,.l-toolbar .font-grp,.l-toolbar .tp-grp{height:30px!important}.l-toolbar .lang-tog button,.l-toolbar .tool-btn,.l-toolbar .tp-btn,.l-toolbar .font-btn,.l-toolbar .tool-value,.l-toolbar .tp-key,.l-toolbar .font-size-val{height:24px!important;min-height:24px!important;font-size:.64rem!important}.l-toolbar .tool-btn,.l-toolbar .tp-btn,.l-toolbar .font-btn{width:24px!important;min-width:24px!important;flex-basis:24px!important}}.ug-song-toolbar{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px!important;padding:12px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:color-mix(in srgb,var(--card) 94%,transparent)!important;box-shadow:none!important}.lyric-line{margin-bottom:18px!important}.flutter-chord-line{display:block;line-height:1.45;white-space:pre-wrap;word-break:break-word;font-family:var(--font-body),system-ui,sans-serif}.chord-badge,.chord-above{background:transparent!important;color:var(--accent)!important;padding:0!important;border-radius:0!important;font-size:calc(var(--lyrics-font-size)*.72)!important;line-height:1.05!important;font-weight:800!important;letter-spacing:.01em!important;box-shadow:none!important}.lyric-under,.lyric-fragment,.lyric-text{font-family:var(--font-devanagari),var(--font-body),system-ui,sans-serif!important}.tools-chords-section .cp-wrap{border-radius:14px!important}.tools-chords-section .cp-header{min-height:48px;border-radius:14px 14px 0 0}.lyric-fragment{display:inline!important;font-family:var(--font-devanagari),var(--font-body),system-ui,sans-serif!important;font-size:var(--lyrics-font-size)!important;line-height:1.55!important;font-weight:400;color:var(--text)!important;white-space:pre-wrap!important;overflow-wrap:normal!important;word-break:normal!important}.search-wrap{flex:1;position:relative!important}.search-ico{position:absolute!important;left:.75rem!important;top:50%!important;transform:translateY(-50%)!important;color:var(--text-muted);pointer-events:none!important;line-height:1;display:inline-flex!important;align-items:center!important;z-index:1!important;justify-content:center!important}.search-input{width:100%;min-height:40px;background:var(--panel);border:1px solid transparent;border-radius:12px;padding:.5rem 2rem .5rem 2.25rem;color:var(--text);font-family:var(--font-body);font-size:12px;line-height:16px;font-weight:500;outline:none;transition:border-color .15s,box-shadow .15s;padding-left:2.25rem!important}@media(max-width:768px){:root{--mobile-nav-h: 62px }html{max-width:100%;overflow-x:hidden}body{width:100%;max-width:100vw;height:100svh;overflow-x:hidden}pre.chord-line,pre.lyric-pre{font-size:.7rem}.-root{grid-template-columns:1fr;height:100svh;width:100%;max-width:100vw}.center-panel{width:100vw;max-width:100vw;border-right:none;display:flex;height:100svh;padding-bottom:0;overflow-x:hidden}.center-panel.hide{display:none}.detail-panel{display:none;grid-row:1;grid-column:1;z-index:150;height:100svh;overflow-y:auto;flex-direction:column}.detail-panel.nav-hidden{height:100svh!important}.song-list{padding-inline:8px;padding-bottom:calc(var(--mobile-nav-h)+env(safe-area-inset-bottom,0px))}.top-bar{padding:12px;gap:10px}.top-bar-title{font-size:1.1rem}.sort-select{font-size:.78rem;padding:var(--sp-1) var(--sp-5) var(--sp-1) var(--sp-2)}.sb-item{padding:var(--sp-3);min-height:56px;border-radius:var(--radius)}.sb-ne{font-size:1rem}.hero{padding:var(--sp-4)}.h-ne{font-size:1.4rem}.h-en{font-size:.82rem;margin-bottom:var(--sp-3)}.h-pills{margin-bottom:var(--sp-3);gap:var(--sp-1)}.media-row{padding:var(--sp-3);gap:var(--sp-3)}.mc,.mc-audio,.mc-video{min-width:0;width:100%;max-width:100%}.l-toolbar{gap:var(--sp-2);row-gap:var(--sp-2)}.tp-grp{margin-left:0;grid-column:1/-1;justify-content:flex-start}.view-tog button{padding:var(--sp-2);font-size:.7rem}.cp-wrap{margin:0 var(--sp-3) var(--sp-3)}.cp-mobile-only{display:inline}.cp-header{cursor:pointer}.song-creator{height:calc(100svh - var(--mobile-nav-h));overflow-y:auto;transition:height .22s ease}.song-creator.nav-hidden{height:100svh}.creator-layout{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;overflow:visible}.creator-editor{border-right:none;border-bottom:1px solid var(--border);max-height:none;height:auto;overflow:visible}.creator-preview{min-height:320px;height:auto}.creator-topbar,.creator-section{padding:var(--sp-3) var(--sp-4)}.cr-add-row{gap:var(--sp-1)}.cr-add-btn{font-size:.72rem;padding:.25rem .8rem}.preview-stage{padding:var(--sp-3)}.song-detail{padding-bottom:0}.fav-btn{padding:.35rem .9rem;font-size:1.2rem}.export-menu{right:var(--sp-3);left:var(--sp-3);min-width:0;width:auto}.song-creator{height:calc(100svh - var(--mobile-nav-h));overflow-y:auto}.creator-layout{grid-template-columns:1fr!important;height:auto}.creator-editor,.creator-preview{height:auto;min-height:initial}.artist-group{margin:8px 12px;border-radius:var(--radius-md);overflow:hidden;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.artist-item{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}.artist-item:hover{background:var(--panel)}.artist-img-wrapper{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid var(--border)}.artist-img-wrapper img{width:100%;height:100%;object-fit:cover}.artist-info{flex:1;min-width:0}.artist-name{font-weight:600;font-size:1.05rem;color:var(--text);margin-bottom:2px}.artist-count{font-size:.82rem;color:var(--text-muted)}.chevron{font-size:1.2rem;color:var(--text-muted);transition:transform .25s ease}.artist-group.expanded .chevron{transform:rotate(180deg)}.artist-submenu{padding:6px 8px 12px;background:var(--surface);border-top:1px solid var(--border)}.sub-song-item{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 12px;border-radius:var(--radius-md);margin:4px;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease;cursor:pointer;background:transparent;border-left:4px solid transparent}.sub-song-item:hover{background:var(--panel)}.sub-song-item.on{background:var(--nav-active-bg);border-left:4px solid var(--accent);color:var(--text)}.sub-song-item:hover .sub-song-title,.sub-song-item.on .sub-song-title{color:var(--text);font-weight:600}.sub-song-item:hover .sub-song-num,.sub-song-item.on .sub-song-num{color:var(--accent)}body.light-mode .sub-song-item.on{background:var(--accent-bg)}.sub-song-num{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-faint);min-width:2.2rem;text-align:right;flex-shrink:0}.sub-song-item.active .sub-song-num,.sub-song-item:hover .sub-song-num{color:var(--accent)}.sub-song-info{flex:1;min-width:0}.sub-song-title{font-family:var(--font-devanagari);font-size:.9375rem;color:var(--text-sec);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sub-song-item.active .sub-song-title,.sub-song-item:hover .sub-song-title{color:var(--text);font-weight:600}.sub-song-item .sb-tags{margin-top:4px}body.light-mode .sub-song-item:hover{background:var(--panel)}body.light-mode .sub-song-item.active{background:var(--accent-bg)}.sb-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.sb-left{margin-right:14px;flex-shrink:0}body{width:100%;max-width:100vw;overflow-x:hidden}.center-panel,.detail-panel.show{width:100vw;max-width:100vw;overflow-x:hidden}.song-list{padding-inline:8px;padding-bottom:calc(var(--mobile-nav-h)+env(safe-area-inset-bottom,0px));transition:padding-bottom .22s ease}.song-list.nav-hidden{padding-bottom:0!important}#mainEl{padding-bottom:0;transition:padding-bottom .22s ease}#mainEl.nav-hidden{padding-bottom:0!important}.mobile-bottom-nav{align-items:stretch}.mobile-nav-btn{min-width:0;padding:4px 2px;gap:2px;flex:1 1 0}.mobile-nav-btn iconify-icon{font-size:21px}.mobile-nav-btn span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;line-height:1.1}.l-toolbar{width:100%;max-width:100%;gap:6px;padding:8px!important;margin-bottom:14px!important;border-radius:14px!important;overflow:hidden}.l-toolbar .tool-section{width:100%;min-width:0;min-height:32px;gap:5px;display:flex;align-items:center}.l-toolbar .view-section{grid-column:1/-1;order:1}.l-toolbar .lang-section{grid-column:1/-1;order:2}.l-toolbar .font-grp{grid-column:1/-1;order:3}.l-toolbar .tp-grp{grid-column:1/-1;order:4;margin-left:0!important}.l-toolbar .chords-check{width:100%;justify-content:center;min-height:34px;padding:6px 10px!important;border-radius:10px!important;font-size:.72rem;white-space:nowrap}.l-toolbar .chords-check input{width:15px;height:15px}.l-toolbar .lang-tog{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.l-toolbar .lang-tog button{width:100%;min-height:34px!important;padding:6px 8px!important;font-size:.72rem!important;border-radius:10px!important;white-space:nowrap}.l-toolbar .font-grp,.l-toolbar .tp-grp{justify-content:space-between}.l-toolbar .tool-btn,.l-toolbar .tp-btn,.l-toolbar .font-btn{width:34px!important;height:34px!important;min-width:34px;border-radius:10px!important;font-size:.85rem!important;flex-shrink:0;padding:0!important}.l-toolbar .tool-value,.l-toolbar .tp-key,.l-toolbar .font-size-val{flex:1;min-width:0!important;height:34px!important;padding-inline:6px!important;border-radius:10px!important;font-size:.72rem!important;text-align:center}.lyric-line,.chord-block,.flutter-chord-line{max-width:100%;overflow-wrap:anywhere}.media-row,.mc,.mc-audio,.mc-video{max-width:100%!important}.l-toolbar{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;padding:6px!important;margin:0 auto 12px!important;border-radius:999px!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;scrollbar-width:none}.l-toolbar::-webkit-scrollbar{display:none}.l-toolbar .tool-section{width:auto!important;min-width:max-content!important;min-height:0!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0!important}.l-toolbar .tlbl{display:none!important}.l-toolbar .view-section,.l-toolbar .lang-section,.l-toolbar .font-grp,.l-toolbar .tp-grp{grid-column:auto!important;order:initial!important;margin-left:0!important}.l-toolbar .chords-check{width:auto!important;min-width:max-content!important;height:32px!important;min-height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0 10px!important;border-radius:999px!important;font-size:.72rem!important;line-height:1!important;white-space:nowrap!important}.l-toolbar .chords-check input{width:14px!important;height:14px!important;margin:0!important}.l-toolbar .lang-tog{width:auto!important;min-width:max-content!important;height:32px!important;display:inline-flex!important;align-items:center!important;gap:3px!important;padding:3px!important;border-radius:999px!important}.l-toolbar .lang-tog button{width:auto!important;min-width:58px!important;height:26px!important;min-height:26px!important;padding:0 8px!important;border-radius:999px!important;font-size:.68rem!important;line-height:1!important;white-space:nowrap!important}.l-toolbar .font-grp,.l-toolbar .tp-grp{height:32px!important;min-width:max-content!important;border:1px solid var(--border)!important;border-radius:999px!important;background:var(--panel)!important;padding:3px!important}.l-toolbar .tool-btn,.l-toolbar .tp-btn,.l-toolbar .font-btn{width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;border-radius:999px!important;padding:0!important;font-size:.82rem!important;line-height:1!important;flex:0 0 26px!important}.l-toolbar .tool-value,.l-toolbar .tp-key,.l-toolbar .font-size-val{width:auto!important;min-width:44px!important;max-width:58px!important;height:26px!important;min-height:26px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 7px!important;border-radius:999px!important;font-size:.68rem!important;line-height:1!important;white-space:nowrap!important;flex:0 0 auto!important}.detail-panel{overflow-y:auto!important}.l-toolbar{position:sticky!important;top:0!important;z-index:80!important;margin-top:0!important;margin-bottom:12px!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.tools-chords-section .cp-grid,.cp-grid{grid-auto-columns:minmax(86px,96px)!important;gap:8px!important;padding-bottom:12px!important}.tools-chords-section .cp-wrap,.cp-wrap{max-height:none!important}.tools-chords-section .cp-header,.cp-header{min-height:34px!important;padding:7px 10px!important}.tools-chords-section .cp-grid,.cp-grid{grid-template-rows:repeat(2,84px)!important;grid-auto-columns:72px!important;max-height:180px!important;gap:6px!important;padding:6px 7px 9px!important}.tools-chords-section .cp-chip,.cp-chip{width:72px!important;min-width:72px!important;max-width:72px!important;height:84px!important;min-height:84px!important;max-height:84px!important;padding:3px!important}.tools-chords-section .cp-chip svg,.cp-chip svg,.tools-chords-section .cp-chip canvas,.cp-chip canvas,.tools-chords-section .cp-chip img,.cp-chip img{width:58px!important;height:62px!important;max-width:58px!important;max-height:62px!important}.tools-chords-section .cp-name,.cp-name,.tools-chords-section .cp-label,.cp-label{font-size:.6rem!important;max-height:12px!important}.tools-chords-section .cp-wrap,.tools-panel .tools-chords-section .cp-wrap,.cp-wrap{max-height:none!important}.tools-chords-section .cp-grid,.tools-panel .tools-chords-section .cp-grid,.cp-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important;grid-auto-rows:136px!important;gap:10px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:9px 7px 12px!important}.tools-chords-section .cp-chip,.tools-panel .tools-chords-section .cp-chip,.cp-chip{height:136px!important;min-height:136px!important;max-height:136px!important;padding:6px!important}.tools-chords-section .cp-chip svg,.tools-panel .tools-chords-section .cp-chip svg,.cp-chip svg{width:98px!important;height:110px!important;max-width:98px!important;max-height:110px!important}.chord-line.flutter-chord-line{row-gap:.5em!important}.chord-syllable{min-width:auto!important}.tools-chords-section .cp-body,.tools-panel .tools-chords-section .cp-body,.cp-body{padding:12px 14px!important;margin-top:6px!important}.tools-chords-section .cp-grid,.tools-panel .tools-chords-section .cp-grid,.cp-grid{gap:10px!important;padding:10px 8px 14px!important}.tools-popup-overlay:has(.tools-popup--converter){padding:10px}.tools-popup.tools-popup--converter{width:calc(100vw - 20px)!important;max-width:none!important;max-height:calc(100svh - 20px)!important}.tools-popup--converter .tools-popup-body{grid-template-columns:1fr;gap:var(--sp-3);max-height:calc(100svh - 155px);padding:var(--sp-4)}.tools-popup--converter .conv-popup-textarea{min-height:220px!important;height:32vh!important}body:not(.mobile-detail-open) .detail-panel{display:none!important;pointer-events:none!important}body:not(.mobile-detail-open) .center-panel{display:flex!important;width:100vw!important;max-width:100vw!important}body.mobile-detail-open .center-panel,body.mobile-detail-open .center-panel.hide{display:none!important}body.mobile-detail-open .detail-panel,body.mobile-detail-open .detail-panel.show{display:flex!important;pointer-events:auto!important}body:not(.mobile-detail-open) #welcomeView{display:none!important}.detail-panel.show{display:flex}.scroll-top{bottom:calc(var(--mobile-nav-h)+20px);right:12px}}.l-toolbar .tool-section{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;min-height:36px}.l-toolbar .chords-check,.l-toolbar .view-tog,.l-toolbar .lang-tog,.l-toolbar .tool-btn,.l-toolbar .tp-btn,.l-toolbar .font-btn,.l-toolbar .tool-value,.l-toolbar .tp-key,.l-toolbar .font-size-val{background:var(--panel)!important;border-color:var(--border)!important;color:var(--text-sec)!important;border-radius:12px!important}.l-toolbar .chords-check:hover,.l-toolbar .view-tog button:hover,.l-toolbar .lang-tog button:hover,.l-toolbar .tool-btn:hover,.l-toolbar .tp-btn:hover,.l-toolbar .font-btn:hover,.l-toolbar .tool-value:hover,.l-toolbar .tp-key:hover,.l-toolbar .font-size-val:hover{background:var(--accent-bg)!important;border-color:var(--accent)!important;color:var(--accent)!important}.l-toolbar .view-tog button,.l-toolbar .lang-tog button{border:0!important;border-left:1px solid var(--border)!important;background:transparent!important;color:var(--text-muted)!important;padding:7px 10px!important;min-height:32px;font-size:.75rem!important;font-weight:800;line-height:1;cursor:pointer;white-space:nowrap}.l-toolbar .view-tog button.active,.l-toolbar .lang-tog button.active,.l-toolbar .tp-key,.l-toolbar .font-size-val[title="Click to reset"]{background:var(--accent-container)!important;color:#fff!important;border-color:var(--accent-container)!important}.l-toolbar .tool-btn,.l-toolbar .tp-btn,.l-toolbar .font-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.86rem;font-weight:900;line-height:1;cursor:pointer;flex:0 0 auto}.l-toolbar .tool-btn:hover,.l-toolbar .tp-btn:hover,.l-toolbar .font-btn:hover{border-color:var(--accent);color:var(--accent)}.l-toolbar .tool-value,.l-toolbar .tp-key,.l-toolbar .font-size-val{min-width:42px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.76rem;font-weight:900;line-height:1;white-space:nowrap;flex:0 0 auto}.l-toolbar .tlbl{color:var(--text-faint, var(--text-muted));font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.l-toolbar .view-tog,.l-toolbar .lang-tog{display:inline-flex!important;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);min-width:0}.l-toolbar .view-tog button:first-child,.l-toolbar .lang-tog button:first-child{border-left:0!important}.l-toolbar .view-tog button.active,.l-toolbar .lang-tog button.active{background:var(--text)!important;color:var(--bg)!important}.chords-check{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.75rem;font-weight:800;line-height:1;cursor:pointer;user-select:none;white-space:nowrap}.chords-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.chords-check:hover{border-color:var(--accent);color:var(--accent)}.view-tog{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.view-tog button{padding:var(--sp-2) var(--sp-3);background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-muted);font-family:var(--font-body);font-size:.75rem;cursor:pointer;transition:color .12s,background .12s}.view-tog button:last-child{border-right:none}.view-tog button:hover{color:var(--accent);background:var(--panel)}.view-tog button.active{background:var(--accent);color:var(--on-accent);font-weight:600}.tp-grp{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2)}.tp-btn{width:1.75rem;height:1.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:.875rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.tp-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.tp-key{font-family:var(--font-mono);font-size:.875rem;font-weight:700;color:var(--accent);min-width:1.5rem;text-align:center}.l-toolbar.tb{--tb-accent: var(--accent);--tb-accent-bg: var(--accent-bg);--tb-accent-container: var(--accent-container);--tb-on-accent: var(--on-accent);--tb-border: color-mix(in srgb, var(--border) 72%, transparent);--tb-surface: var(--panel);--tb-card: var(--card);--tb-text: var(--text);--tb-muted: var(--text-muted);display:flex!important;flex-direction:column!important;gap:7px!important;background:var(--tb-card)!important;border:1px solid var(--tb-border)!important;border-radius:16px!important;padding:9px 12px!important;width:auto!important;margin:12px auto 28px!important;position:sticky!important;top:12px!important;z-index:35!important;box-shadow:none!important;align-items:stretch!important;flex-wrap:initial!important;overflow:visible!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);inline-size:min(var(--lyrics-toolbar-max-w),calc(100vw - var(--lyrics-toolbar-page-gap)))!important;width:min(var(--lyrics-toolbar-max-w),calc(100vw - var(--lyrics-toolbar-page-gap)))!important;max-inline-size:calc(100vw - var(--lyrics-toolbar-page-gap))!important;max-width:calc(100vw - var(--lyrics-toolbar-page-gap))!important;min-inline-size:0!important;min-width:0!important;box-sizing:border-box!important;margin-inline:auto!important;align-self:center!important;justify-self:center!important}.l-toolbar.tb .tb-row{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important}.l-toolbar.tb .tb-row-main{display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;min-width:0!important}.l-toolbar.tb .tb-left{justify-self:end!important;gap:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;justify-self:auto!important;min-width:0!important}.l-toolbar.tb .tb-right{justify-self:start!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;justify-self:auto!important;min-width:0!important}.l-toolbar.tb .tb-row-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;min-width:0!important}.l-toolbar.tb .tb-sep-h{width:100%!important;height:1px!important;background:var(--tb-border)!important;margin:0!important;flex:0 0 auto!important}.l-toolbar.tb .tb-sep-v{width:1px!important;height:18px!important;background:var(--tb-border)!important;flex-shrink:0!important;border-radius:1px!important}.l-toolbar.tb .tb-chord-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;height:30px!important;min-height:30px!important;padding:0 12px!important;border-radius:6px!important;font-family:var(--font-body)!important;font-size:12.5px!important;font-weight:700!important;cursor:pointer!important;white-space:nowrap!important;transition:background .15s,color .15s,border-color .15s!important;border:1.5px solid color-mix(in srgb,var(--tb-accent) 40%,transparent)!important;background:var(--tb-accent-bg)!important;color:var(--tb-accent)!important;letter-spacing:.01em!important;line-height:1!important}.l-toolbar.tb .tb-chord-btn .tb-icon{font-size:15px!important;line-height:1!important}.l-toolbar.tb .tb-chord-btn.off{background:transparent!important;color:var(--tb-muted)!important;border-color:var(--tb-border)!important}.l-toolbar.tb .tb-chord-btn:hover{opacity:.85!important}.l-toolbar.tb .tb-simplify{display:inline-flex!important;align-items:center!important;height:30px!important;min-height:30px!important;padding:0 12px!important;border-radius:6px!important;font-family:var(--font-body)!important;font-size:12.5px!important;font-weight:700!important;cursor:pointer!important;border:1.5px solid var(--tb-border)!important;background:transparent!important;color:var(--tb-muted)!important;transition:all .15s!important;letter-spacing:.01em!important;line-height:1!important}.l-toolbar.tb .tb-simplify.on{background:var(--tb-accent-container)!important;border-color:var(--tb-accent-container)!important;color:var(--tb-on-accent)!important}.l-toolbar.tb .tb-lang{display:flex!important;align-items:center!important;gap:2px!important;background:var(--tb-surface)!important;border:1px solid var(--tb-border)!important;border-radius:7px!important;padding:2px!important;height:30px!important;flex:0 0 auto!important;margin-left:0!important}.l-toolbar.tb .tb-lang-btn{height:24px!important;min-height:24px!important;padding:0 12px!important;border-radius:5px!important;border:none!important;background:transparent!important;font-family:var(--font-body)!important;font-size:12px!important;font-weight:600!important;color:var(--tb-muted)!important;cursor:pointer!important;transition:background .12s,color .12s,box-shadow .12s!important;white-space:nowrap!important;line-height:1!important}.l-toolbar.tb .tb-lang-btn:hover{color:var(--tb-text)!important}.l-toolbar.tb .tb-lang-btn.active{background:var(--tb-card)!important;color:var(--tb-text)!important;box-shadow:0 1px 4px #0000001f,0 0 0 1px #0000000d!important}.l-toolbar.tb .tb-chip{display:flex!important;align-items:center!important;background:var(--tb-surface)!important;border:1px solid var(--tb-border)!important;border-radius:7px!important;padding:2px!important;gap:1px!important;flex-shrink:0!important;height:30px!important;min-height:30px!important}.l-toolbar.tb .tb-chip-lbl{font-size:10px!important;font-weight:600!important;color:var(--tb-muted)!important;letter-spacing:.05em!important;text-transform:uppercase!important;padding:0 3px 0 5px!important;white-space:nowrap!important;user-select:none!important}.l-toolbar.tb .tb-chip-btn,.l-toolbar.tb .tb-play{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;border-radius:4px!important;font-size:13px!important;line-height:1!important}.l-toolbar.tb .tb-chip-btn{border:none!important;background:transparent!important;color:var(--tb-muted)!important;font-family:var(--font-body)!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:background .1s,color .1s!important;font-weight:700!important}.l-toolbar.tb .tb-chip-btn:hover{background:var(--tb-card)!important;color:var(--tb-text)!important}.l-toolbar.tb .tb-chip-val{font-size:11px!important;font-weight:700!important;min-width:34px!important;height:24px!important;min-height:24px!important;border-radius:4px!important;background:var(--tb-card)!important;color:var(--tb-text)!important;font-family:var(--font-mono)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0 4px!important;transition:background .1s,color .1s!important;border:1px solid var(--tb-border)!important;box-shadow:none!important;line-height:1!important}.l-toolbar.tb .tb-chip-val:hover{color:var(--tb-accent)!important;border-color:color-mix(in srgb,var(--tb-accent) 40%,transparent)!important}.l-toolbar.tb .tb-chip-val.font-size-val{inline-size:36px!important;width:36px!important;min-inline-size:36px!important;min-width:36px!important;max-inline-size:36px!important;max-width:36px!important;flex:0 0 36px!important;padding-inline:0!important;text-align:center!important;font-variant-numeric:tabular-nums!important}.l-toolbar.tb .tb-play{border:none!important;border-radius:4px!important;background:var(--tb-accent-bg)!important;color:var(--tb-accent)!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .1s!important;flex-shrink:0!important}.l-toolbar.tb .tb-play.playing{background:var(--tb-accent-container)!important;color:var(--tb-on-accent)!important}.l-toolbar.tb .tb-play:hover{opacity:.8!important}.l-toolbar.tb .tb-chip.scroll-active{border-color:color-mix(in srgb,var(--tb-accent) 40%,transparent)!important}@media(max-width:768px){.l-toolbar{border-radius:var(--radius-lg);padding:10px}.l-toolbar .view-section{flex-basis:100%}.l-toolbar .tp-grp{margin-left:0;grid-column:1/-1;justify-content:flex-start}.l-toolbar .view-tog button{padding:var(--sp-2);font-size:.7rem}.l-toolbar.tb{width:100%!important;max-width:100%!important;margin:0 auto 12px!important;top:0!important}.l-toolbar.tb .tb-row-main,.l-toolbar.tb .tb-row-controls{justify-content:center!important;flex-wrap:wrap!important}.l-toolbar.tb .tb-chip{flex-shrink:1!important;min-width:0!important}}@media(max-width:520px){.l-toolbar .tlbl{display:none}.l-toolbar .view-tog button,.l-toolbar .lang-tog button{padding-inline:8px!important;font-size:.7rem!important}.l-toolbar .tool-btn,.l-toolbar .tp-btn,.l-toolbar .font-btn{width:30px;height:30px}.l-toolbar .tool-value,.l-toolbar .tp-key,.l-toolbar .font-size-val{min-width:38px;height:30px;padding-inline:6px}.l-toolbar.tb .tb-row-main{grid-template-columns:1fr!important;row-gap:8px!important}.l-toolbar.tb .tb-left,.l-toolbar.tb .tb-right{justify-self:center!important}.l-toolbar.tb .tb-row-controls{justify-content:center!important;flex-wrap:wrap!important}.l-toolbar.tb .tb-chip{flex-shrink:1!important;min-width:0!important;height:28px!important;min-height:28px!important;padding:1px!important}.l-toolbar.tb .tb-chip-lbl{font-size:9px!important;padding:0 2px 0 4px!important}.l-toolbar.tb .tb-chip-btn,.l-toolbar.tb .tb-play{width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;font-size:11px!important}.l-toolbar.tb .tb-chip-val{font-size:10px!important;min-width:28px!important;height:20px!important;min-height:20px!important;padding:0 3px!important}.l-toolbar.tb .tb-chip-val.font-size-val{inline-size:30px!important;width:30px!important;min-inline-size:30px!important;min-width:30px!important;max-inline-size:30px!important;max-width:30px!important;flex:0 0 30px!important}}@media(max-width:390px){.l-toolbar.tb .tb-chip-lbl{display:none!important}}.stp-system .stp-bar,.stp-system .stp-bar2{position:relative;z-index:1}.stp-system .stp-sidebar{background:transparent;border-right:1px solid rgba(191,201,193,.75)}.stp-system .stp-content{background:transparent}.stp-system .stp-bar{background:#9aa09b}.stp-system .stp-bar2{background:#c8cfca}.detail-panel .l-toolbar.tb{position:sticky!important;top:12px!important;z-index:120!important;margin-top:8px!important}@media(max-width:768px){.detail-panel.show,body.mobile-detail-open .detail-panel{overflow-y:auto!important;overflow-x:hidden!important}.l-toolbar.tb{position:sticky!important;top:8px!important;z-index:120!important;margin:8px auto 14px!important;width:100%!important;max-width:100%!important}.l-toolbar.tb .tb-row-main,.l-toolbar.tb .tb-row-controls{justify-content:center!important}.l-toolbar.tb .tb-row-controls{flex-wrap:wrap!important}}@media(max-width:390px){.l-toolbar.tb{top:6px!important;margin-top:6px!important}}@media(max-width:768px){body.mobile-detail-open .l-toolbar.tb{position:sticky!important;top:8px!important;z-index:160!important}}.chord-block{overflow-x:clip!important}.chord-line.flutter-chord-line{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}.chord-syllable .lyric-under,.lyric-fragment,.lyric-text,.lyric-pre{max-width:100%!important;min-width:0!important;overflow-wrap:break-word!important;word-break:normal!important}.chord-syllable .chord-badge,.chord-syllable .chord-above{max-width:100%!important;white-space:nowrap!important}@media(max-width:768px){.lyrics-wrap{width:100%!important;max-width:100vw!important;box-sizing:border-box!important;padding:0 8px 12px!important;flex:1!important;margin-inline:auto!important;overflow-x:clip!important}.l-body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.chord-syllable .lyric-under,.lyric-fragment,.lyric-text,.lyric-pre{overflow-wrap:anywhere!important}}@media(max-width:768px){:root{--lyrics-toolbar-page-gap: 16px }.l-toolbar.tb,.detail-panel .l-toolbar.tb,body.mobile-detail-open .l-toolbar.tb{inline-size:min(var(--lyrics-toolbar-max-w),calc(100vw - var(--lyrics-toolbar-page-gap)))!important;width:min(var(--lyrics-toolbar-max-w),calc(100vw - var(--lyrics-toolbar-page-gap)))!important;max-inline-size:calc(100vw - var(--lyrics-toolbar-page-gap))!important;max-width:calc(100vw - var(--lyrics-toolbar-page-gap))!important}}@media(max-width:390px){:root{--lyrics-toolbar-page-gap: 12px }}.l-body{max-width:760px!important;--lyrics-font-size: 18px;margin-inline:auto!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible;overflow-x:clip!important}.lyric-line,.chord-block,.chord-line.flutter-chord-line{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.chord-syllable{min-width:0!important;max-width:100%!important;flex:0 1 auto!important;overflow-wrap:break-word!important}@media(max-width:768px){.lyrics-wrap{max-width:100%!important;overflow-x:clip!important}.l-body{max-width:100%!important;overflow-x:hidden!important}.chord-syllable .lyric-under,.lyric-fragment,.lyric-text,.lyric-pre{overflow-wrap:anywhere!important}}.song-detail .detail-panel,.detail-panel:not(.creator-preview-active){overflow-y:auto;overflow-x:hidden}.flutter-chord-line,.lyric-line{max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.song-detail .l-body .lyric-text,.song-detail .l-body .lyric-pre,.song-detail .l-body .lyric-fragment,.song-detail .l-body .lyric-under,.song-detail .l-body .chord-token,.song-detail .l-body .chord-badge,.song-detail .l-body pre.chord-line{transition:font-size .16s ease,line-height .16s ease}.hero-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-container-high);color:var(--text-sec);cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.hero-nav-btn:hover:not(:disabled){background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.hero-nav-btn:disabled{opacity:.3;cursor:not-allowed}.tools-popup-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--black) 55%,transparent);display:none;align-items:center;justify-content:center;z-index:300;padding:var(--sp-4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.share-modal-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--black) 55%,transparent);display:flex;align-items:center;justify-content:center;z-index:300;padding:var(--sp-4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.share-modal{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius-xl);width:100%;max-width:380px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:popupIn .18s ease}.share-modal .tools-popup-body{overflow-y:auto;flex:1 1 auto}.tools-popup{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius-xl);width:100%;max-width:380px;overflow:hidden;box-shadow:none;animation:popupIn .18s ease}@keyframes popupIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.tools-popup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.tools-popup-title{font-size:.875rem;font-weight:700;color:var(--text)}.tools-popup-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s;flex-shrink:0}.tools-popup-close iconify-icon{font-size:16px}.tools-popup-close:hover{border-color:var(--border-mid);color:var(--text)}.tools-popup-body{padding:var(--sp-4) var(--sp-5)}.tools-popup-footer{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:var(--sp-3)}.tmp-yt-link{font-size:.72rem;font-weight:600;color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:4px;margin-left:auto;transition:opacity .15s}.tmp-yt-link:hover{opacity:.8}.custom-dialog-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);animation:fadeIn .15s ease}@keyframes dialogSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-dialog{background:var(--surface-container-high, #22272e);border:1px solid var(--border, #3c434d);border-radius:16px;padding:24px 28px 20px;min-width:300px;max-width:400px;box-shadow:0 20px 60px #00000080;animation:dialogSlideUp .2s ease}.custom-dialog-message{font-size:.95rem;line-height:1.5;color:var(--text, #e0e0e0);margin-bottom:20px;white-space:pre-wrap}.custom-dialog-input{display:block;width:100%;box-sizing:border-box;padding:10px 12px;font-size:.9rem;border-radius:10px;border:1px solid var(--border, #3c434d);background:var(--surface, #101215);color:var(--text, #e0e0e0);outline:none;margin-bottom:16px;transition:border-color .15s}.custom-dialog-input:focus{border-color:var(--accent, #95d4b3)}.custom-dialog-buttons{display:flex;justify-content:flex-end;gap:8px}.custom-dialog-btn{padding:8px 20px;font-size:.85rem;font-weight:600;border-radius:10px;border:1px solid var(--border, #3c434d);background:var(--surface, #101215);color:var(--text, #e0e0e0);cursor:pointer;transition:background .12s,border-color .12s}.custom-dialog-btn:hover{background:var(--surface-container-highest, #2c323a);border-color:var(--text-muted, #888)}.custom-dialog-btn-primary{background:var(--accent-container, #2d6a4f);color:#fff;border-color:var(--accent-container, #2d6a4f)}.custom-dialog-btn-primary:hover{background:var(--accent, #95d4b3);color:var(--on-accent, #003824);border-color:var(--accent, #95d4b3)}.custom-dialog-btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.share-section{margin-bottom:var(--sp-4)}.share-label{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-2);font-family:var(--font-mono)}.share-people-section{padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.share-general-section{padding-top:var(--sp-1)}.share-general-row{display:flex;gap:var(--sp-2);align-items:stretch}.share-general-dropdown{flex:1;display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);height:38px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);position:relative;transition:border-color .15s}.share-general-dropdown:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.share-general-icon{font-size:18px;color:var(--text-muted);flex-shrink:0}.share-general-select{flex:1;border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:.82rem;font-weight:500;color:var(--text);cursor:pointer;appearance:none;-webkit-appearance:none;font-family:var(--font-body)}.share-general-select:focus{outline:none}.share-general-chevron{font-size:18px;color:var(--text-muted);flex-shrink:0;pointer-events:none}.share-general-role{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);height:38px;min-width:110px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);position:relative;transition:border-color .15s}.share-general-role:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.share-general-role-select{flex:1;border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:.82rem;font-weight:500;color:var(--text);cursor:pointer;appearance:none;-webkit-appearance:none;font-family:var(--font-body)}.share-general-role-select:focus{outline:none}.share-general-desc{display:flex;align-items:center;gap:6px;margin-top:var(--sp-2);font-size:.75rem;color:var(--text-muted);line-height:1.4}.share-invite-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.share-invite-input{flex:1;min-width:140px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;background:var(--surface-container-low);color:var(--text);outline:none;font-family:var(--font-body);transition:border-color .15s,box-shadow .15s}.share-invite-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.share-invite-role{width:auto;min-width:120px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);font-size:.8rem;cursor:pointer;font-family:var(--font-body);transition:border-color .15s,box-shadow .15s;white-space:nowrap;flex-shrink:0}.share-invite-role:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.share-collab-list{display:flex;flex-direction:column;gap:var(--sp-2)}.share-collab-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--border);transition:border-color .15s,background .15s}.share-collab-row:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.share-collab-info{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-2)}.share-collab-email{font-size:.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-collab-role-badge{font-size:.65rem;font-weight:700;padding:.1rem .5rem;border-radius:var(--radius-full);background:var(--accent-bg);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.share-collab-role-select{font-size:.75rem;padding:.2rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;flex-shrink:0;font-family:var(--font-body);transition:border-color .15s,box-shadow .15s}.share-collab-role-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.share-collab-remove{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-faint);padding:var(--sp-1);line-height:1;flex-shrink:0;border-radius:var(--radius-full);width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.share-collab-remove:hover{color:var(--error);background:color-mix(in srgb,var(--error) 12%,transparent)}.share-footer-link{display:flex;gap:var(--sp-2);flex:1;min-width:0}.share-footer-link-input{flex:1;min-width:0;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);font-size:.75rem;background:var(--surface-container-low);color:var(--text);outline:none;font-family:var(--font-mono);transition:border-color .15s,box-shadow .15s}.share-footer-link-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.song-creator{display:flex;flex-direction:column;min-height:100%;overflow:visible}.creator-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;height:100%;overflow:hidden}.creator-editor{display:flex;flex-direction:column;border-right:1px solid var(--border);overflow-y:auto;height:100%;background:var(--surface)}.cr-btn{padding:.5rem 1.25rem;border-radius:var(--radius);font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid var(--border-mid);transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s;font-family:var(--font-body)}.cr-btn-ghost{background:transparent;color:var(--text-muted)}.cr-btn-ghost:hover{background:var(--panel);color:var(--text)}.cr-btn-primary{background:var(--accent-container);color:#fff;border-color:var(--accent-container)}.cr-btn-primary:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.creator-section{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.creator-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.creator-meta-grid .cr-input:first-child{grid-column:1/-1}.cr-input{width:100%;background:var(--panel);border:1px solid var(--border-mid);border-radius:var(--radius);padding:.625rem .875rem;color:var(--text);font-size:.875rem;font-family:var(--font-body);transition:border-color .15s,box-shadow .15s;outline:none;appearance:none}body:not(.light-mode) .cr-input{background:var(--panel)}.cr-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.cr-input::placeholder{color:var(--text-faint)}.cr-lyric-block{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-3);overflow:hidden;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease;cursor:grab;user-select:none}.cr-lyric-block:active{cursor:grabbing}.cr-lyric-block.dragging{opacity:.65;transform:scale(.97);box-shadow:var(--shadow-lg);z-index:10}.cr-lyric-header{display:flex;align-items:center;gap:8px;padding:.5rem .75rem;background:var(--surface);border-bottom:1px solid var(--border)}.drag-handle{font-size:1.3rem;color:var(--text-muted);cursor:grab;padding:0 10px 0 4px;user-select:none;line-height:1}.cr-lyric-block:hover .drag-handle{color:var(--accent)}.cr-lyric-actions{display:flex;gap:4px}.cr-lyric-duplicate{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:2px 6px}.cr-lyric-duplicate:hover{color:var(--accent)}.cr-lyric-remove{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:1rem;line-height:1;padding:0 .25rem;transition:color .15s}.cr-lyric-remove:hover{color:var(--error)}.cr-lyric-textarea{width:100%;background:repeating-linear-gradient(var(--surface),var(--surface) 31px,var(--panel) 31px,var(--panel) 32px);border:none;padding:var(--sp-4) var(--sp-5);color:var(--text-sec);font-size:1rem;font-family:var(--font-devanagari);line-height:1.85;resize:vertical;min-height:6rem;outline:none}body:not(.light-mode) .cr-lyric-textarea{background:repeating-linear-gradient(var(--card),var(--card) 31px,var(--card-hover) 31px,var(--card-hover) 32px)}.cr-lyric-fields{display:flex;flex-direction:column;gap:0}.cr-lyric-field{padding:12px 16px;transition:background .15s}.cr-lyric-field-nepali{background:var(--surface);border-left:3px solid var(--accent)}.cr-lyric-field-group{display:flex;flex-direction:column}.cr-lyric-field-group .cr-lyric-field{padding:8px 16px 8px 19px;border-left:3px solid var(--border)}.cr-lyric-field-group .cr-lyric-field+.cr-lyric-field{border-top:1px solid var(--border)}.cr-lyric-field-label{display:block;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;color:var(--text-muted);font-family:var(--font-body)}.cr-lyric-field-nepali .cr-lyric-field-label{color:var(--accent)}.cr-lyric-field.cr-lyric-field .cr-lyric-textarea{padding:8px 0;min-height:2.5rem;font-size:1rem;line-height:1.7;background:transparent!important;border:none!important;resize:vertical;outline:none;width:100%;font-family:var(--font-body);color:var(--text)}.cr-lyric-field.cr-lyric-field .cr-lyric-nepali{font-family:var(--font-devanagari);min-height:5rem}.cr-lyric-field.cr-lyric-field .cr-lyric-translit,.cr-lyric-field.cr-lyric-field .cr-lyric-roman{font-size:.85rem;min-height:2.5rem}.cr-lyric-field.cr-lyric-field .cr-lyric-textarea::placeholder{color:var(--text-faint)}.cr-lyric-field-nepali.cr-lyric-field-nepali .cr-lyric-textarea::placeholder{color:color-mix(in srgb,var(--accent) 40%,transparent)}.cr-lyric-field-nepali.cr-lyric-field-nepali:hover,.cr-lyric-field-nepali.cr-lyric-field-nepali:focus-within{background:color-mix(in srgb,var(--surface) 90%,var(--accent-bg) 10%)}.cr-lyric-field-group .cr-lyric-field:hover,.cr-lyric-field-group .cr-lyric-field:focus-within{background:var(--surface)}.cr-lyric-field.cr-lyric-field .cr-lyric-textarea:focus{background:transparent!important;box-shadow:none!important}.cr-add-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.cr-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--nav-active-bg);border-style:solid}.creator-preview{display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.preview-topbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem var(--sp-4);border-bottom:1px solid var(--border);flex-shrink:0}.preview-label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase}.preview-nav{display:flex;align-items:center;gap:var(--sp-2)}.prev-nav-btn{background:var(--bg);border:1px solid var(--panel);color:var(--text-muted);border-radius:6px;width:26px;height:26px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s;line-height:1}.prev-nav-btn:hover{background:var(--panel);color:var(--on-accent)}.prev-nav-count{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);min-width:3rem;text-align:center}.preview-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);overflow:hidden}.preview-slide{width:100%;max-width:480px;aspect-ratio:16/9;background:var(--black);border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 2rem;gap:.5rem;box-shadow:none;position:relative;overflow:hidden}.preview-slide-section{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);position:absolute;top:.6rem;left:.8rem}.preview-slide-text{font-family:var(--font-devanagari);font-size:clamp(.95rem,2.8vw,1.35rem);color:var(--on-accent);text-align:center;line-height:1.85;white-space:pre-wrap;font-weight:400}.export-menu{position:absolute;top:3.2rem;right:var(--sp-5);background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius-lg);overflow:hidden;z-index:100;box-shadow:var(--shadow-lg);min-width:13rem}.export-item{display:block;width:100%;padding:.7rem var(--sp-4);background:transparent;border:none;color:var(--text-sec);font-size:.85rem;font-family:var(--font-body);text-align:left;cursor:pointer;transition:background .12s;border-bottom:1px solid var(--border)}.export-item:last-child{border-bottom:none}.export-item:hover{background:var(--nav-active-bg);color:var(--accent)}.song-export-wrap{position:relative;display:inline-flex}.song-export-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:var(--surface-container-high);border:1px solid var(--border);color:var(--text-sec);font-size:.8rem;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s;line-height:1}.song-export-btn:hover{background:var(--nav-active-bg);color:var(--accent);border-color:var(--accent)}.creator-layout-single{grid-template-columns:minmax(0,1fr)!important}.creator-editor-full{border-right:0!important;max-width:920px;width:100%;margin:0 auto}.cr-btn-secondary{background:var(--panel);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.cr-btn-secondary:hover{background:var(--nav-active-bg);border-color:var(--accent);color:var(--accent)}.creator-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end}.creator-notes{margin-top:var(--sp-3);resize:vertical;min-height:76px;grid-column:1/-1}.creator-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.creator-section-hint{margin:4px 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.45;max-width:44rem}.creator-tab{flex:1;border:0;border-radius:var(--radius-full);padding:.48rem .75rem;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:.78rem;font-weight:800;cursor:pointer}.creator-tab span{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;margin-left:.35rem;border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);font-size:.68rem}.creator-tab.active{background:var(--accent-container);color:#fff}.creator-tab.active span{background:#ffffff2e;color:#fff}.creator-library-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:none;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent}.creator-library-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-2) var(--sp-3);align-items:center;padding:var(--sp-3);border:1px solid var(--border);border-radius:18px;background:var(--panel);transition:background .15s ease,border-color .15s ease,transform .15s ease}.creator-library-main{min-width:0}.creator-library-title{color:var(--text);font-weight:800;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-library-meta{color:var(--text-muted);font-size:.72rem;line-height:1.4;margin-top:2px}.creator-status{border-radius:var(--radius-full);padding:3px 8px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border)}.creator-status-private{color:var(--accent);background:var(--nav-active-bg);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.creator-status-pending{color:var(--accent-orange);background:color-mix(in srgb,var(--tertiary) 15%,transparent);border-color:color-mix(in srgb,var(--tertiary) 35%,var(--border))}.creator-status-approved{color:var(--secondary);background:color-mix(in srgb,var(--secondary) 15%,transparent);border-color:color-mix(in srgb,var(--secondary) 35%,var(--border))}.creator-status-rejected{color:var(--error);background:color-mix(in srgb,var(--error) 12%,transparent);border-color:color-mix(in srgb,var(--error) 35%,var(--border))}.creator-library-actions button{border:1px solid var(--border);background:var(--panel);color:var(--text-sec);border-radius:var(--radius-full);min-height:30px;padding:0 10px;font-size:.7rem;font-weight:800;font-family:var(--font-body);cursor:pointer}.creator-library-actions button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.creator-library-actions button.danger:hover{border-color:var(--error);color:var(--error);background:color-mix(in srgb,var(--error) 12%,transparent)}@media(max-width:768px){.creator-actions{justify-content:flex-start}.creator-section-head{flex-direction:column}.creator-library-item{grid-template-columns:1fr}}.my-songs-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap}.my-songs-header-actions .cr-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px}.my-songs-header-actions iconify-icon{font-size:18px}.my-songs-left-panel,.my-songs-right-panel{background:var(--surface-container-low);padding:var(--sp-5);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;display:flex;flex-direction:column;gap:var(--sp-4)}.my-songs-main-panel>*{max-width:800px;margin-left:auto;margin-right:auto}.my-songs-title-block h1{margin:.35rem 0 .3rem;color:var(--accent-container);font-size:clamp(2rem,4vw,2.5rem);line-height:1.12;letter-spacing:-.04em;font-weight:800}body:not(.light-mode) .my-songs-title-block h1{margin:.35rem 0 .3rem;color:var(--accent-container);font-size:clamp(2rem,4vw,2.5rem);line-height:1.12;letter-spacing:-.04em;font-weight:800}.my-songs-title-block p{color:var(--text-muted);font-size:1.05rem;line-height:1.65}.my-songs-panel-block{margin-bottom:var(--sp-8)}.studio-drafts-list{max-height:420px}.studio-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}.studio-field{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.studio-field>span{color:var(--text-muted);font-size:.72rem;line-height:1.2;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.studio-field.span-2{grid-column:1/-1}.notes-field{margin-top:var(--sp-5)}.notes-field .creator-notes{margin-top:0}.studio-editor-heading{display:flex;justify-content:space-between;gap:var(--sp-4);align-items:flex-end;margin-bottom:var(--sp-4)}.studio-editor-heading p{color:var(--text-muted);font-size:.82rem;line-height:1.45;margin:4px 0 0}.studio-mini-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:flex-end}.studio-mini-actions button{border:0;border-radius:var(--radius-full);padding:6px 11px;color:var(--text-sec);background:var(--surface-variant, var(--panel));font-size:.66rem;font-weight:900;text-transform:uppercase;cursor:pointer}.studio-mini-actions button:first-child{color:var(--accent);background:var(--accent-bg)}.studio-mini-actions button:hover{color:#fff;background:var(--accent-container)}.studio-sections .cr-lyric-block{border-radius:var(--radius-xl);background:var(--card);border-color:var(--border);box-shadow:none;cursor:default}.studio-sections .cr-lyric-header{background:var(--surface-container-high, var(--panel));padding:.6rem .9rem}.studio-sections .cr-lyric-textarea{min-height:14rem;padding:1.4rem 1.5rem;font-family:var(--font-body),var(--font-devanagari),system-ui,sans-serif;font-size:1.05rem;line-height:1.85}.studio-add-row{margin-top:var(--sp-4)}.quick-chord-grid button{min-height:38px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:var(--radius);background:var(--nav-active-bg);color:var(--accent);font-family:var(--font-body);font-size:.88rem;font-weight:900;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s,color .15s,transform .15s}.quick-chord-grid button:hover{background:var(--accent-container);color:#fff;transform:translateY(-1px)}.lyricist-tip-toggle{width:100%;display:flex;align-items:center;gap:var(--sp-2);background:transparent;border:0;color:var(--text);font:inherit;font-weight:900;text-align:left;cursor:pointer;padding:0}.lyricist-tip-toggle iconify-icon{color:var(--accent)}.lyricist-tip-card.is-collapsed p{display:none}.lyricist-tip-chevron{margin-left:auto;transition:transform .18s ease}.lyricist-tip-card:not(.is-collapsed) .lyricist-tip-chevron{transform:rotate(180deg)}.lyricist-tip-card code{background:var(--card);border:1px solid var(--border);border-radius:5px;padding:1px 5px;color:var(--accent);font-weight:900}.studio-metronome-panel{border:1px solid var(--border);border-radius:24px;background:var(--surface-container-low, var(--panel));padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);box-shadow:var(--shadow-sm)}.studio-metro-play{width:54px;height:54px;border-radius:var(--radius-full);border:0;background:var(--accent-container);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:34px!important;box-shadow:var(--shadow-md)}.studio-metro-play:hover{background:var(--accent);color:var(--on-accent);transform:translateY(-1px)}.studio-metro-copy h3{margin:0 0 4px;color:var(--text);font-size:1rem;line-height:1.25;font-weight:900}.studio-metro-copy p{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.55}.studio-meter-track{flex:1;height:4px;border-radius:var(--radius-full);background:var(--border);position:relative}.studio-meter-track span{position:absolute;left:25%;top:50%;width:12px;height:12px;border-radius:50%;transform:translateY(-50%);background:var(--secondary);box-shadow:var(--shadow-sm)}.studio-metro-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:10px 12px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border)}.studio-metro-row span{color:var(--text-muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.studio-metro-row strong{color:var(--accent);font-family:var(--font-mono);font-size:1rem;font-weight:900}@media(max-width:1280px){.my-songs-layout{grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(240px,280px)}.my-songs-main-panel{padding:var(--sp-8) var(--sp-6)}}.creator-metronome-mount{width:100%}.creator-metronome-mount .tools-section.tools-metronome-section{border-bottom:0;padding-bottom:0;gap:var(--sp-3)}.creator-metronome-mount .cp-metronome.metro-rack-card{margin:0;width:100%;box-sizing:border-box}.creator-metronome-mount .metro-arc{width:min(100%,160px)}.my-songs-studio{--studio-gap: clamp(14px, 2vw, 24px);--studio-panel-pad: clamp(16px, 2vw, 24px);background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 34%),radial-gradient(circle at 88% 6%,color-mix(in srgb,var(--tertiary) 10%,transparent),transparent 30%),var(--surface);color:var(--text);min-height:100%;overflow:hidden;position:relative}.my-songs-header{height:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:14px clamp(18px,3vw,32px);border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;box-shadow:none}.my-songs-breadcrumb{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:5px 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--panel);color:var(--text-sec);font-family:var(--font-mono);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.my-songs-breadcrumb:before{content:none}.my-songs-header-actions .cr-btn{min-height:38px;border-radius:var(--radius-full);border-color:color-mix(in srgb,var(--border) 82%,var(--accent) 18%);box-shadow:none}.my-songs-header-actions .cr-btn-primary{border-radius:var(--radius-full)}.my-songs-header-actions .cr-btn-primary:hover{transform:translateY(-1px)}.my-songs-header-actions .cr-btn-secondary{background:var(--nav-active-bg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 38%,var(--border))}.my-songs-header-actions .cr-btn-ghost{background:transparent;color:var(--text-muted)}.my-songs-header-actions .cr-btn:hover{box-shadow:0 0 0 3px var(--accent-bg)}.my-songs-layout{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(260px,300px);gap:0;flex:1 1 auto;min-height:0;overflow:hidden}.my-songs-left-panel,.my-songs-right-panel{background:color-mix(in srgb,var(--surface-container-lowest) 82%,var(--surface) 18%);padding:var(--studio-panel-pad)}.my-songs-left-panel{border-right:1px solid var(--border)}.my-songs-right-panel{border-left:1px solid var(--border)}.my-songs-main-panel{overflow-y:auto;background:color-mix(in srgb,var(--surface) 94%,var(--card) 6%);padding:clamp(22px,3.5vw,44px);border-right:0!important;height:auto!important}.my-songs-main-panel>*{max-width:860px}.my-songs-title-block{max-width:none;width:100%;padding:32px 48px;background:var(--surface);border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;margin:0 0 32px;position:sticky;top:0;z-index:18;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);isolation:isolate}.my-songs-title-block h1{margin-top:12px;color:var(--text);font-family:var(--font-display);font-size:clamp(32px,4vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.02em}.my-songs-title-block p{max-width:58ch;color:var(--text-muted);font-size:18px;line-height:28px;margin:4px 0 0}.my-songs-panel-block,.lyricist-tip-card{border:1px solid var(--border);border-radius:24px;background:var(--card);box-shadow:var(--shadow-sm);padding:var(--sp-5);margin-bottom:var(--studio-gap)}.my-songs-panel-block .my-songs-panel-block,.tools-section{border:0;padding:0}.my-songs-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;color:var(--text);font-size:.72rem;font-family:var(--font-mono);font-weight:800;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}.my-songs-section-title:after{content:"";flex:1;height:1px;background:var(--border);opacity:.75}.template-card{border-radius:18px;background:var(--panel);border-color:color-mix(in srgb,var(--border) 80%,transparent);box-shadow:none}.template-card:hover,.template-card:focus-visible{border-color:var(--accent);background:var(--nav-active-bg);box-shadow:0 0 0 3px var(--accent-bg);transform:translateY(-1px)}.template-card iconify-icon{width:38px;height:38px;border-radius:14px;background:var(--accent-bg)}.template-card:hover iconify-icon{background:var(--card)}.studio-card{border:1px solid color-mix(in srgb,var(--border) 86%,var(--accent) 14%);border-radius:26px;background:var(--card);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-6);padding:var(--sp-6)}.creator-section-label{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.studio-field>span{color:var(--text-muted)}.cr-input,.cr-lyric-textarea{background:var(--panel);border-color:color-mix(in srgb,var(--border) 85%,transparent)}.cr-input:hover,.cr-lyric-textarea:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.cr-input:focus,.cr-lyric-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.studio-sections .cr-lyric-block{border-radius:22px;background:var(--card);border-color:var(--border);overflow:hidden}.studio-sections .cr-lyric-block:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.studio-sections .cr-lyric-header{background:color-mix(in srgb,var(--panel) 84%,var(--accent-bg) 16%)}.studio-sections .cr-lyric-label{color:var(--accent)}.studio-sections .cr-lyric-textarea{background:linear-gradient(var(--panel),var(--panel)) padding-box,repeating-linear-gradient(transparent 0 31px,color-mix(in srgb,var(--border) 35%,transparent) 31px 32px);color:var(--text);border-left:3px solid color-mix(in srgb,var(--accent) 20%,var(--border))}.cr-add-btn{background:transparent;border:1px dashed color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:var(--radius-full);padding:.35rem 1rem;font-size:.75rem;color:var(--text-muted);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s;font-family:var(--font-body);min-height:34px}.cr-add-btn:hover{background:var(--nav-active-bg);color:var(--accent);transform:translateY(-1px)}.creator-library-item:hover{background:color-mix(in srgb,var(--panel) 82%,var(--accent-bg) 18%);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));transform:translateY(-1px)}.creator-library-actions button{background:var(--card);border-color:var(--border)}.creator-library-empty{border:1px dashed color-mix(in srgb,var(--border) 70%,var(--accent) 30%);border-radius:var(--radius-lg);padding:var(--sp-5);color:var(--text-muted);background:var(--panel);text-align:center;font-size:.84rem}.quick-chord-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quick-chord-grid button{border-radius:14px;background:var(--panel);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:none}.quick-chord-grid button:hover{background:var(--accent-container);color:#fff;box-shadow:0 0 0 3px var(--accent-bg)}.lyricist-tip-card{background:linear-gradient(135deg,var(--accent-bg),transparent 72%),var(--card)}.lyricist-tip-card p{margin:var(--sp-3) 0 0;color:var(--text-muted);line-height:1.55;font-size:.88rem}.creator-metronome-mount .cp-metronome.metro-rack-card{background:var(--card);border-color:color-mix(in srgb,var(--border) 82%,var(--accent) 18%)!important}body.light-mode .my-songs-studio{background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34%),var(--surface)}body.light-mode .my-songs-left-panel,body.light-mode .my-songs-right-panel{background:var(--surface-container-low)}body.light-mode .my-songs-title-block,body.light-mode .my-songs-panel-block,body.light-mode .lyricist-tip-card,body.light-mode,body.light-mode .studio-card{background:#fff}@media(max-width:1280px){.my-songs-layout{grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(240px,280px)}}.song-creator.my-songs-studio{position:relative;background:var(--surface);color:var(--text);min-height:100%;display:flex;flex-direction:column;overflow:hidden}.song-creator.my-songs-studio .my-songs-header{min-height:var(--my-songs-header-min-h);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:none;position:sticky;top:0;z-index:40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}body:not(.light-mode) .song-creator.my-songs-studio .my-songs-header{background:color-mix(in srgb,var(--surface) 92%,transparent)}.song-creator.my-songs-studio .my-songs-breadcrumb{display:inline-flex;align-items:center;gap:8px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.song-creator.my-songs-studio .my-songs-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.song-creator.my-songs-studio .my-songs-header-actions .cr-btn{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text-sec);font-family:var(--font-body);font-size:.8rem;font-weight:700;box-shadow:none}.song-creator.my-songs-studio .my-songs-header-actions .cr-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg);transform:none;box-shadow:none}.song-creator.my-songs-studio .my-songs-header-actions .cr-btn-primary{border-radius:999px}.song-creator.my-songs-studio .my-songs-header-actions .cr-btn-primary:hover{transform:translateY(-1px)}.song-creator.my-songs-studio .my-songs-header-actions .cr-btn-secondary{background:var(--accent-bg);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--accent)}.song-creator.my-songs-studio .my-songs-layout{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:var(--list-w) minmax(0,1fr) 280px;overflow:hidden;background:var(--bg)}.song-creator.my-songs-studio .my-songs-left-panel{background:var(--surface);border-right:1px solid var(--border);border-left:0;padding:0 8px 8px;min-height:0;overflow:hidden;display:flex;flex-direction:column}.song-creator.my-songs-studio .creator-library-list::-webkit-scrollbar{width:4px}.song-creator.my-songs-studio .creator-library-list::-webkit-scrollbar-track{background:transparent}.song-creator.my-songs-studio .creator-library-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.song-creator.my-songs-studio .my-songs-left-panel .my-songs-panel-block+.my-songs-panel-block{margin-top:8px}.song-creator.my-songs-studio .my-songs-left-panel .my-songs-section-title{position:sticky;top:0;z-index:8;margin:0 0 8px;padding:10px 16px;display:flex;align-items:center;gap:var(--sp-2);background:var(--surface);border-bottom:1px solid var(--border);color:var(--text-faint);font-family:var(--font-mono);font-size:.5625rem;font-weight:800;letter-spacing:.2em;line-height:1.2;text-transform:uppercase}.song-creator.my-songs-studio .my-songs-left-panel .my-songs-section-title:after{content:"";flex:1;height:1px;background:var(--border)}.song-creator.my-songs-studio .creator-tab{min-height:30px;border-radius:999px;color:var(--text-muted)}.song-creator.my-songs-studio .creator-search-bar{padding:.5rem 0;display:flex;flex-direction:column;gap:6px}.song-creator.my-songs-studio .creator-backup-row{display:flex;gap:6px;align-items:center;justify-content:center;padding:10px 16px 6px;border-top:1px solid var(--border);margin-top:auto}.song-creator.my-songs-studio .creator-search-input{flex:1;min-width:0;font-size:.8rem;padding:.4rem .6rem;border-radius:999px;background:var(--surface-container-lowest);border:1px solid var(--border);color:var(--text);outline:none}.song-creator.my-songs-studio .creator-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.backup-btn{display:inline-flex;align-items:center;gap:4px;padding:.35rem .55rem;font-size:.72rem;font-weight:600;white-space:nowrap;flex-shrink:0;border-radius:8px;transition:background .12s}.backup-btn iconify-icon{font-size:14px}@media(max-width:480px){.backup-btn-label{display:none}}.song-creator.my-songs-studio .creator-library-list{flex:1;max-height:none;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 0 8px;scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent}.song-creator.my-songs-studio .creator-library-actions button{min-height:28px;border-radius:999px;background:transparent;border:1px solid var(--border);color:var(--text-sec)}.song-creator.my-songs-studio .creator-library-actions button:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full{position:relative;background:var(--surface);min-height:0;overflow-y:auto;overflow-x:hidden;padding:0;border-right:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.creator-scroll-top{position:absolute;bottom:var(--sp-5);right:var(--sp-5);width:44px;height:44px;background:var(--accent-container);border:none;border-radius:50%;color:var(--on-accent);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:20;box-shadow:var(--shadow-lg)}.creator-scroll-top.show{opacity:1;pointer-events:auto}.creator-scroll-top:hover{transform:scale(1.1)}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full::-webkit-scrollbar{width:4px}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full::-webkit-scrollbar-track{background:transparent}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.song-creator.my-songs-studio .my-songs-title-block{max-width:none;width:100%;margin:0;padding:32px 48px;background:var(--surface);border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}body:not(.light-mode) .song-creator.my-songs-studio .my-songs-title-block{background:color-mix(in srgb,var(--surface) 92%,transparent)}.song-creator.my-songs-studio .my-songs-title-block h1{font-family:var(--font-display);font-size:clamp(32px,4vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text);margin:0}.song-creator.my-songs-studio .my-songs-title-block p{font-size:18px;line-height:28px;color:var(--text-muted);margin:4px 0 0;max-width:800px}.song-creator.my-songs-studio .my-songs-main-panel>.creator-section,.song-creator.my-songs-studio .my-songs-main-panel>.studio-card,.song-creator.my-songs-studio .my-songs-main-panel>.lyrics-editor-card{width:calc(100% - 96px);max-width:800px;margin-left:auto;margin-right:auto}.song-creator.my-songs-studio .my-songs-main-panel>.creator-section:first-of-type{margin-top:48px}.song-creator.my-songs-studio .my-songs-main-panel>.creator-section:last-of-type{margin-bottom:72px}.song-creator.my-songs-studio .studio-card{background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:0 1px 4px #00000014,0 1px 2px #0000000a;padding:32px 48px}body:not(.light-mode) .song-creator.my-songs-studio .studio-card{background:var(--panel);border-color:color-mix(in srgb,var(--accent) 5%,var(--border))}.song-creator.my-songs-studio .creator-section-label{color:var(--text-muted);font-size:12px;line-height:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.song-creator.my-songs-studio .lyrics-editor-card .creator-section-label{color:var(--accent)}.song-creator.my-songs-studio .cr-input{min-height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:none}body:not(.light-mode) .song-creator.my-songs-studio .cr-input{background:var(--card)}.song-creator.my-songs-studio .cr-input:focus{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 0 0 3px var(--accent-glow)}.song-creator.my-songs-studio .studio-sections .cr-lyric-block{background:transparent;border:0;border-radius:0;box-shadow:none;margin-bottom:32px;overflow:visible}.song-creator.my-songs-studio .studio-sections .cr-lyric-header{background:transparent;border:0;padding:0 0 12px}.song-creator.my-songs-studio .studio-sections .cr-lyric-label{color:var(--text-muted);font-size:12px;line-height:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.song-creator.my-songs-studio .studio-sections .cr-lyric-textarea{min-height:14rem;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px 28px;color:var(--text);font-family:var(--font-devanagari),var(--font-body),system-ui,sans-serif;font-size:18px;line-height:1.75}body:not(.light-mode) .song-creator.my-songs-studio .studio-sections .cr-lyric-textarea{background:var(--card)}.song-creator.my-songs-studio .studio-sections .cr-lyric-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.song-creator.my-songs-studio .studio-mini-actions button,.song-creator.my-songs-studio .cr-add-btn{min-height:34px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-sec);font-size:.72rem;font-weight:800;text-transform:none}body:not(.light-mode) .song-creator.my-songs-studio .studio-mini-actions button,body:not(.light-mode) .song-creator.my-songs-studio .cr-add-btn{background:var(--card)}.song-creator.my-songs-studio .studio-mini-actions button:hover,.song-creator.my-songs-studio .cr-add-btn:hover,.song-creator.my-songs-studio .studio-mini-actions button:first-child{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.song-creator.my-songs-studio .my-songs-right-panel{overflow-y:auto;overflow-x:hidden;background:var(--surface-container-low);border-left:1px solid var(--border);border-right:0;margin-left:0;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent}@media(min-width:1101px){.song-creator.my-songs-studio .my-songs-right-panel{height:100%}}.song-creator.my-songs-studio .my-songs-right-panel::-webkit-scrollbar{width:4px}.song-creator.my-songs-studio .my-songs-right-panel::-webkit-scrollbar-track{background:transparent}.song-creator.my-songs-studio .my-songs-right-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.song-creator.my-songs-studio .my-songs-right-panel .my-songs-panel-block,.song-creator.my-songs-studio .my-songs-right-panel .lyricist-tip-card{margin:0;padding:0 0 var(--sp-4);border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none}.song-creator.my-songs-studio .my-songs-right-panel>*:last-child{border-bottom:0;padding-bottom:0}.song-creator.my-songs-studio .my-songs-right-panel .my-songs-section-title{display:block;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-3)}.song-creator.my-songs-studio .quick-chord-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.song-creator.my-songs-studio .quick-chord-grid button{min-height:38px;border-radius:14px;border:1px solid var(--border);background:var(--card);color:var(--text-sec);box-shadow:none}.song-creator.my-songs-studio .quick-chord-grid button:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);transform:none}.song-creator.my-songs-studio .lyricist-tip-toggle{width:100%;display:flex;align-items:center;gap:var(--sp-2);background:transparent;border:0;color:var(--text);font:inherit;font-weight:900;text-align:left;cursor:pointer;padding:0}.song-creator.my-songs-studio .lyricist-tip-card p{margin:var(--sp-3) 0 0;color:var(--text-muted);line-height:1.55;font-size:.88rem}.song-creator.my-songs-studio .creator-metronome-mount .cp-metronome.metro-rack-card{background:var(--card);border:1px solid color-mix(in srgb,var(--border) 82%,var(--accent) 18%);box-shadow:var(--shadow-sm)}body.light-mode .song-creator.my-songs-studio,body.light-mode .song-creator.my-songs-studio .my-songs-header,body.light-mode .song-creator.my-songs-studio .my-songs-title-block,body.light-mode .song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full{background:var(--surface)}body.light-mode .song-creator.my-songs-studio .studio-card,body.light-mode .song-creator.my-songs-studio .quick-chord-grid button,body.light-mode .song-creator.my-songs-studio .creator-metronome-mount .cp-metronome.metro-rack-card{background:#fff}@media(max-width:1280px){.song-creator.my-songs-studio .my-songs-layout{grid-template-columns:300px minmax(0,1fr) 280px}}@media(max-width:1100px){.song-creator.my-songs-studio{overflow-y:auto}.song-creator.my-songs-studio .my-songs-layout{height:auto;min-height:0;grid-template-columns:1fr;overflow:visible}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full,.song-creator.my-songs-studio .my-songs-left-panel,.song-creator.my-songs-studio .my-songs-right-panel{height:auto;overflow:visible}.song-creator.my-songs-studio .my-songs-main-panel{order:2}.song-creator.my-songs-studio .my-songs-left-panel{order:1;border-right:0;border-top:1px solid var(--border)}.song-creator.my-songs-studio .my-songs-right-panel{order:3;border-left:0;border-top:1px solid var(--border)}}@media(max-width:900px){.song-creator.my-songs-studio .my-songs-title-block{padding:24px}.song-creator.my-songs-studio .my-songs-main-panel>.creator-section,.song-creator.my-songs-studio .my-songs-main-panel>.studio-card,.song-creator.my-songs-studio .my-songs-main-panel>.lyrics-editor-card{width:calc(100% - 48px)}.song-creator.my-songs-studio .my-songs-main-panel>.creator-section:first-of-type{margin-top:32px}}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full,.my-songs-main-panel.creator-editor.creator-editor-full{width:100%;max-width:none;min-width:0;margin:0;justify-self:stretch;align-self:stretch;box-sizing:border-box;background:var(--surface);border-right:0;padding:0;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full::-webkit-scrollbar,.my-songs-main-panel.creator-editor.creator-editor-full::-webkit-scrollbar{width:4px}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full::-webkit-scrollbar-track,.my-songs-main-panel.creator-editor.creator-editor-full::-webkit-scrollbar-track{background:transparent}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full::-webkit-scrollbar-thumb,.my-songs-main-panel.creator-editor.creator-editor-full::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.my-songs-title-block,.my-songs-main-panel.creator-editor.creator-editor-full>.my-songs-title-block{width:100%;max-width:none;margin:0;padding:32px 48px;box-sizing:border-box;background:var(--surface);border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}body:not(.light-mode) .song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.my-songs-title-block,body:not(.light-mode) .my-songs-main-panel.creator-editor.creator-editor-full>.my-songs-title-block{background:color-mix(in srgb,var(--surface) 92%,transparent)}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.creator-section,.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.studio-card,.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.lyrics-editor-card,.my-songs-main-panel.creator-editor.creator-editor-full>.creator-section,.my-songs-main-panel.creator-editor.creator-editor-full>.studio-card,.my-songs-main-panel.creator-editor.creator-editor-full>.lyrics-editor-card{width:min(800px,calc(100% - 96px));max-width:800px;margin-left:auto;margin-right:auto;box-sizing:border-box}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.creator-section:first-of-type,.my-songs-main-panel.creator-editor.creator-editor-full>.creator-section:first-of-type{margin-top:48px}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.creator-section:last-of-type,.my-songs-main-panel.creator-editor.creator-editor-full>.creator-section:last-of-type{margin-bottom:72px}.song-creator.my-songs-studio .my-songs-layout{gap:0;column-gap:0}.export-lines-field{display:none}.creator-media-field{grid-column:1/-1}.creator-upload-field{gap:var(--sp-2)}.creator-file-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.creator-file-picker{position:relative;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:var(--radius-full);border:1px dashed color-mix(in srgb,var(--accent) 38%,var(--border));background:var(--nav-active-bg);color:var(--accent);font-family:var(--font-body);font-size:.78rem;font-weight:800;cursor:pointer;overflow:hidden}.creator-file-picker:hover{border-style:solid;background:color-mix(in srgb,var(--accent-bg) 72%,var(--card))}.creator-file-picker iconify-icon{font-size:18px}.creator-file-picker input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.creator-file-clear{min-height:42px;padding:0 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-sec);font-family:var(--font-body);font-size:.78rem;font-weight:800;cursor:pointer}body:not(.light-mode) .creator-file-clear{background:var(--card)}.creator-file-clear:hover{border-color:var(--error);color:var(--error);background:color-mix(in srgb,var(--error) 10%,transparent)}.creator-media-hint{margin:0;color:var(--text-muted);font-size:.74rem;line-height:1.45}.creator-media-hint.is-ok{color:var(--accent)}.creator-media-hint.is-warn{color:var(--error)}@media(max-width:768px){.creator-file-row{align-items:stretch}.creator-file-picker,.creator-file-clear{width:100%}}.creator-mode-switch-row{width:min(800px,calc(100% - 96px));max-width:800px;margin:32px auto 12px;display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box}.creator-mode-toggle{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--nav-active-bg);color:var(--accent);font-family:var(--font-body);font-size:.8rem;font-weight:800;cursor:pointer;box-shadow:none}.creator-mode-toggle iconify-icon{font-size:18px}.creator-mode-toggle:hover,.creator-mode-toggle.is-previewing{background:var(--accent-container);border-color:var(--accent-container);color:#fff}.creator-song-preview-pane[hidden]{display:none}.my-songs-main-panel.creator-preview-mode>.creator-section,.my-songs-main-panel.creator-preview-mode>.studio-card,.my-songs-main-panel.creator-preview-mode>.lyrics-editor-card{display:none}.my-songs-main-panel.creator-preview-mode .creator-mode-switch-row{margin-top:24px}.creator-song-preview-pane{width:100%;max-width:none;margin:0;padding:0;background:var(--surface);animation:creatorPreviewFadeIn .25s ease}@keyframes creatorPreviewFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.creator-preview-song-detail{display:flex;flex-direction:column;min-height:100%;background:var(--surface)}.creator-preview-hero{position:relative;top:auto;z-index:1}.creator-preview-lyrics-wrap{padding-top:0}.creator-preview-l-body{width:100%;max-width:760px}.creator-preview-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);color:var(--text-muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-xl);background:var(--panel);padding:var(--sp-8)}.creator-preview-empty iconify-icon{color:var(--accent);font-size:2rem}.my-songs-right-panel.creator-preview-tools-panel{background:var(--surface-container-low);border-left:1px solid var(--border);padding:var(--sp-5);gap:var(--sp-4)}.my-songs-right-panel.creator-preview-tools-panel .tools-panel-body,.my-songs-right-panel.creator-preview-tools-panel #creatorPreviewToolsBody{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.my-songs-right-panel.creator-preview-tools-panel .tools-section-title{display:none}.my-songs-right-panel.creator-preview-tools-panel .tools-section{border-bottom:1px solid var(--border);padding-bottom:var(--sp-4)}.my-songs-right-panel.creator-preview-tools-panel .tools-section:last-child{border-bottom:0;padding-bottom:0}.my-songs-right-panel.creator-preview-tools-panel .cp-wrap,.my-songs-right-panel.creator-preview-tools-panel .cp-metronome,.my-songs-right-panel.creator-preview-tools-panel .txt-tools-card{margin:0;width:100%}.my-songs-right-panel.creator-preview-tools-panel .my-songs-panel-block,.my-songs-right-panel.creator-preview-tools-panel .lyricist-tip-card{border-radius:0;border:0;border-bottom:1px solid var(--border);background:transparent;box-shadow:none;padding:0 0 var(--sp-4);margin:0}@media(max-width:900px){.creator-mode-switch-row{width:calc(100% - 48px);margin-top:24px}}@media(max-width:768px){.creator-mode-switch-row{width:calc(100% - 20px);justify-content:stretch;margin-top:16px}.creator-mode-toggle{width:100%}.creator-preview-lyrics-wrap{padding:24px 10px calc(var(--mobile-nav-h)+24px)}}.my-songs-title-top-row{width:100%;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0 0 6px}.my-songs-title-block .creator-mode-switch-row{width:auto;max-width:none;margin:0;display:inline-flex;justify-content:flex-end;align-items:center;flex:0 0 auto;box-sizing:border-box}.my-songs-main-panel.creator-editor.creator-editor-full>.creator-mode-switch-row:not(.my-songs-title-block .creator-mode-switch-row){width:min(800px,calc(100% - 96px));max-width:800px;margin:24px auto 12px}.my-songs-title-block .creator-mode-toggle{min-height:36px;padding:0 14px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--nav-active-bg);color:var(--accent);box-shadow:none;white-space:nowrap}.my-songs-title-block .creator-mode-toggle:hover,.my-songs-title-block .creator-mode-toggle.is-previewing{background:var(--accent-container);border-color:var(--accent-container);color:#fff;transform:none}.my-songs-main-panel.creator-preview-mode .my-songs-title-block .creator-mode-switch-row{margin:0}@media(max-width:768px){.my-songs-title-top-row{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:10px}.my-songs-title-block .creator-mode-switch-row{flex-shrink:0}}.creator-preview-lyrics-wrap .creator-preview-toolbar.l-toolbar.tb{margin-top:0;margin-bottom:32px}.creator-preview-lyrics-wrap .creator-preview-toolbar.l-toolbar.tb .tb-lang-btn:not(.active){color:var(--accent)}.creator-preview-lyrics-wrap .creator-preview-toolbar.l-toolbar.tb .tb-lang-btn:not(.active):hover{background:var(--accent-bg);color:var(--accent)}@media(max-width:768px){.creator-preview-lyrics-wrap .creator-preview-toolbar.l-toolbar.tb{margin-top:0;margin-bottom:18px;top:8px}}.my-songs-main-panel.creator-editor.creator-editor-full.creator-preview-mode .my-songs-title-block,.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full.creator-preview-mode .my-songs-title-block{display:none}.creator-preview-song-detail .creator-preview-hero{position:sticky;top:0;z-index:40}.creator-preview-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;margin:0 0 18px;padding:0 13px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--nav-active-bg);color:var(--accent);font-family:var(--font-body);font-size:.8rem;font-weight:800;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.creator-preview-back-btn iconify-icon{font-size:18px}.creator-preview-back-btn:hover,.creator-preview-back-btn:focus-visible{background:var(--accent-container);border-color:var(--accent-container);color:#fff;transform:translateY(-1px)}.creator-preview-back-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.my-songs-main-panel.creator-editor.creator-editor-full.creator-preview-mode>.creator-song-preview-pane,.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full.creator-preview-mode>.creator-song-preview-pane{margin-top:0}@media(max-width:768px){.creator-preview-back-btn{width:100%;margin-bottom:14px}}.chord-line.flutter-chord-line .chord-syllable{break-inside:avoid;page-break-inside:avoid}.chord-line.flutter-chord-line .chord-syllable .lyric-under{word-break:keep-all;overflow-wrap:normal}@media(max-width:768px){.creator-preview-song-detail .chord-line.flutter-chord-line .chord-syllable .lyric-under,.song-detail .chord-line.flutter-chord-line .chord-syllable .lyric-under{word-break:keep-all;overflow-wrap:normal}}.my-songs-main-panel.creator-preview-mode.creator-preview-hero-hidden .creator-preview-toolbar.l-toolbar.tb{top:12px}@media(max-width:768px){.my-songs-main-panel.creator-preview-mode.creator-preview-hero-hidden .creator-preview-toolbar.l-toolbar.tb{top:8px}}@media(prefers-reduced-motion:reduce){.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full .my-songs-title-block,.my-songs-main-panel.creator-preview-mode .creator-preview-hero{transition:none!important}}@media(min-width:769px){.my-songs-main-panel.creator-preview-mode .creator-preview-hero{position:relative!important;top:auto!important;z-index:auto!important}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full .my-songs-title-block{position:relative!important;top:auto!important}}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full.creator-title-block-hidden .my-songs-title-block{display:none!important}@media(max-width:768px){.my-songs-main-panel.creator-preview-mode.creator-preview-hero-hidden .creator-preview-hero{display:none!important}.my-songs-main-panel.creator-preview-mode.creator-preview-hero-hidden .creator-preview-lyrics-wrap{padding-top:0}}.my-songs-main-panel.creator-preview-mode .creator-preview-toolbar.l-toolbar.tb{top:12px}@media(max-width:768px){.my-songs-main-panel.creator-preview-mode .creator-preview-toolbar.l-toolbar.tb,.my-songs-main-panel.creator-preview-mode.creator-preview-hero-hidden .creator-preview-toolbar.l-toolbar.tb{top:8px}}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full .my-songs-title-block,.my-songs-main-panel.creator-preview-mode .creator-preview-hero{position:sticky;top:0;z-index:45;height:auto;min-height:max-content;max-height:1000px;opacity:1;visibility:visible;pointer-events:auto;padding:32px 48px;margin-top:0;margin-bottom:0;background:var(--surface);border-bottom:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:none;transition:transform .22s ease,opacity .18s ease,padding .22s ease,max-height .22s ease;will-change:transform,opacity,max-height;transform-origin:top center}body:not(.light-mode) .song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full .my-songs-title-block,body:not(.light-mode) .my-songs-main-panel.creator-preview-mode .creator-preview-hero{background:color-mix(in srgb,var(--surface) 92%,transparent)}.my-songs-main-panel.creator-preview-mode .creator-preview-lyrics-wrap,.my-songs-main-panel.creator-preview-mode.creator-preview-hero-hidden .creator-preview-lyrics-wrap{padding-top:0}.my-songs-main-panel.creator-preview-mode .creator-preview-toolbar.l-toolbar.tb,.my-songs-main-panel.creator-preview-mode.creator-preview-hero-hidden .creator-preview-toolbar.l-toolbar.tb{top:12px}@media(max-width:900px){.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full .my-songs-title-block,.my-songs-main-panel.creator-preview-mode .creator-preview-hero{padding:24px 32px}.song-creator.my-songs-studio .studio-card{padding:var(--sp-5) 32px}}@media(max-width:768px){.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full .my-songs-title-block,.my-songs-main-panel.creator-preview-mode .creator-preview-hero{padding:var(--sp-4)}.my-songs-main-panel.creator-preview-mode .creator-preview-toolbar.l-toolbar.tb,.my-songs-main-panel.creator-preview-mode.creator-preview-hero-hidden .creator-preview-toolbar.l-toolbar.tb{top:8px}}#crBeat{display:block;visibility:visible;opacity:1}.studio-field:has(#crBeat),label.studio-field:has(#crBeat){display:flex;visibility:visible;opacity:1}#crBeat option{background:var(--surface);color:var(--text)}.creator-tabs{display:flex;gap:.45rem;padding:4px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-full);margin-bottom:var(--sp-3);flex-wrap:wrap}.creator-library-card{border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:.9rem;margin-bottom:.75rem;background:#0f172a47}.creator-library-card h4{margin:0 0 .25rem;font-size:.98rem}.creator-library-card p{margin:.15rem 0;color:var(--muted);font-size:.84rem}.creator-library-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.creator-library-actions .cr-btn{padding:.45rem .6rem;font-size:.8rem}.song-creator.my-songs-studio{background:var(--bg);color:var(--text)}.song-creator.my-songs-studio .my-songs-left-panel{background:var(--surface);border-right:1px solid var(--border);border-left:0;padding:0 8px 8px}.song-creator.my-songs-studio .my-songs-left-panel .my-songs-panel-block{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.song-creator.my-songs-studio .my-songs-left-panel .my-songs-panel-block:last-child{flex:1;min-height:0;display:flex;flex-direction:column}.song-creator.my-songs-studio .my-songs-left-panel .my-songs-section-title{position:sticky;top:0;z-index:9;margin:0 0 8px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text-faint);font-family:var(--font-mono);font-size:.5625rem;font-weight:800;letter-spacing:.2em;line-height:1.2;text-transform:uppercase}.song-creator.my-songs-studio .template-card,.song-creator.my-songs-studio .creator-library-item,.song-creator.my-songs-studio .creator-library-card,.song-creator.my-songs-studio .creator-library-empty,.song-creator.my-songs-studio .studio-empty-state{margin:4px 0;padding:14px 16px;border:0;border-left:4px solid transparent;border-radius:16px;background:transparent;box-shadow:none;transition:background .15s,border-color .15s}.song-creator.my-songs-studio .template-card:hover,.song-creator.my-songs-studio .creator-library-item:hover,.song-creator.my-songs-studio .creator-library-card:hover{background:color-mix(in srgb,var(--panel) 80%,var(--accent) 5%);border-left-color:color-mix(in srgb,var(--accent-container) 40%,transparent);transform:none}.song-creator.my-songs-studio .creator-library-card h4{margin:0;color:var(--text);font-size:15px;line-height:20px;font-weight:600}.song-creator.my-songs-studio .creator-library-card:hover h4{color:var(--accent)}.song-creator.my-songs-studio .creator-library-card p,.song-creator.my-songs-studio .studio-empty-state{color:var(--text-muted);font-size:.75rem;line-height:1.45}.song-creator.my-songs-studio .template-card iconify-icon{width:32px;height:32px;border-radius:50%;background:var(--panel);border:1.5px solid var(--border-mid);color:var(--accent);font-size:20px;flex:0 0 auto}.song-creator.my-songs-studio .template-card h3,.song-creator.my-songs-studio .creator-library-title{color:var(--text);font-size:15px;line-height:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-creator.my-songs-studio .template-card:hover h3,.song-creator.my-songs-studio .creator-library-item:hover .creator-library-title{color:var(--accent);font-weight:700}.song-creator.my-songs-studio .template-card p,.song-creator.my-songs-studio .creator-library-meta{color:var(--text-muted);font-size:.75rem;line-height:1.45}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full{background:var(--surface);height:100%;overflow-y:auto;overflow-x:hidden;padding:0;border:0}.song-creator.my-songs-studio .cr-input,.song-creator.my-songs-studio .studio-sections .cr-lyric-textarea{background:var(--surface);border:1px solid var(--border);color:var(--text)}body:not(.light-mode) .song-creator.my-songs-studio .cr-input,body:not(.light-mode) .song-creator.my-songs-studio .studio-sections .cr-lyric-textarea{background:var(--card)}.song-creator.my-songs-studio .studio-sections .cr-lyric-textarea{border-radius:24px;padding:24px 28px;font-family:var(--font-devanagari),var(--font-body),system-ui,sans-serif;font-size:18px;line-height:1.75}@media(max-width:900px){.song-creator.my-songs-studio .my-songs-title-block{padding:24px}.song-creator.my-songs-studio .my-songs-main-panel>.creator-section,.song-creator.my-songs-studio .my-songs-main-panel>.studio-card,.song-creator.my-songs-studio .my-songs-main-panel>.lyrics-editor-card{width:calc(100% - 48px)}}.creator-empty-state{margin:0;padding:2.5rem 1.25rem;border-radius:var(--radius-lg);text-align:center;border:1px dashed var(--border);background:var(--panel)}.creator-empty-icon{color:var(--accent);opacity:.5;margin-bottom:.75rem}.creator-empty-icon iconify-icon{font-size:42px}.creator-empty-title{color:var(--text-dim);font-weight:700;font-size:1rem;margin-bottom:.25rem}.creator-empty-desc{max-width:18rem;margin:0 auto;color:var(--text-muted);font-size:.84rem;line-height:1.5}.creator-empty-state .creator-library-actions{justify-content:center;margin-top:1rem}.song-creator.my-songs-studio .my-songs-left-panel .creator-tabs{display:flex;grid-template-columns:unset;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:4px;padding:4px;margin:0 0 12px;border-radius:999px;overflow:hidden;background:var(--panel);border:1px solid var(--border)}.song-creator.my-songs-studio .my-songs-left-panel .creator-tab{flex:1 1 0;width:auto;min-width:0;min-height:34px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:.68rem;line-height:1;text-align:center;white-space:nowrap;overflow:hidden}.song-creator.my-songs-studio .my-songs-left-panel .creator-tab span{margin-left:0;min-width:1.15rem;height:1.15rem;padding:0 .28rem;font-size:.58rem;flex:0 0 auto}.song-creator.my-songs-studio .my-songs-left-panel .creator-tab.active{background:var(--accent-container);color:#fff}.song-creator.my-songs-studio .my-songs-left-panel .creator-tab.active span{background:#ffffff2e;color:#fff}.song-creator.my-songs-studio .my-songs-panel-block>.my-songs-section-title,.song-creator.my-songs-studio .my-songs-right-panel .my-songs-section-title,.song-creator.my-songs-studio .my-songs-left-panel .my-songs-section-title,.song-creator.my-songs-studio .my-songs-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0 0 14px;padding:0;color:var(--text);font-family:var(--font-mono);font-size:.72rem;font-weight:900;line-height:1.25;letter-spacing:.12em;text-transform:uppercase;opacity:1;visibility:visible}.song-creator.my-songs-studio .my-songs-panel-block>.my-songs-section-title:after,.song-creator.my-songs-studio .my-songs-right-panel .my-songs-section-title:after,.song-creator.my-songs-studio .my-songs-left-panel .my-songs-section-title:after,.song-creator.my-songs-studio .my-songs-section-title:after{content:"";flex:1 1 auto;height:1px;margin-left:10px;background:var(--border);opacity:.75}.song-creator.my-songs-studio .my-songs-left-panel .my-songs-section-title{position:sticky;top:0;z-index:9;margin:0 -8px 8px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text)}.song-creator.my-songs-studio .my-songs-right-panel .my-songs-section-title,.song-creator.my-songs-studio .my-songs-section-title{position:relative;top:auto;z-index:auto;background:transparent;border-bottom:0}.song-creator.my-songs-studio .my-songs-panel-block>.my-songs-section-title,.song-creator.my-songs-studio .studio-tools-metronome-card>.my-songs-section-title{display:block;width:100%;margin:0 0 var(--sp-3) 0;padding:0 0 var(--sp-3) 0;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:.72rem;font-weight:900;line-height:1.25;letter-spacing:.12em;text-transform:uppercase;background:transparent;opacity:1;visibility:visible}.song-creator.my-songs-studio .my-songs-panel-block>.my-songs-section-title:before,.song-creator.my-songs-studio .my-songs-panel-block>.my-songs-section-title:after,.song-creator.my-songs-studio .studio-tools-metronome-card>.my-songs-section-title:before,.song-creator.my-songs-studio .studio-tools-metronome-card>.my-songs-section-title:after{content:none;display:none}.song-creator.my-songs-studio .my-songs-left-panel .my-songs-section-title{position:relative;top:auto;z-index:auto;margin:0 0 var(--sp-3) 0;padding:0 0 var(--sp-3) 0;border-bottom:1px solid var(--border);background:transparent}.song-creator.my-songs-studio .my-songs-right-panel .my-songs-section-title{position:relative;top:auto;z-index:auto}.song-creator.my-songs-studio .creator-song-preview-pane+.creator-section.studio-card,.song-creator.my-songs-studio .my-songs-title-block+.creator-song-preview-pane+.creator-section.studio-card{margin-top:var(--sp-3)}.song-creator.my-songs-studio .my-songs-title-block+.creator-section.studio-card{margin-top:var(--sp-3)}.creator-artist-hint{display:block;margin-top:6px;color:var(--text-muted);font-size:.72rem;line-height:1.35}.creator-artist-hint.is-existing{color:var(--accent)}.creator-artist-hint.is-new{color:var(--text-sec)}.creator-artist-field{position:relative;overflow:visible}.creator-artist-dropdown.is-open{display:flex;flex-direction:column;gap:6px;animation:creatorArtistPopupIn .14s ease-out}@keyframes creatorArtistPopupIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.creator-artist-option{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-lg);background:transparent;color:var(--text);text-align:left;font-family:var(--font-body);cursor:pointer}.creator-artist-option:hover,.creator-artist-option:focus-visible{outline:none;background:var(--nav-active-bg);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));color:var(--accent)}.creator-artist-avatar{width:34px;height:34px;border-radius:999px;overflow:hidden;background:var(--panel);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.creator-artist-avatar img{width:100%;height:100%;object-fit:cover;display:block}.creator-artist-avatar-new{background:var(--nav-active-bg);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.creator-artist-avatar-new iconify-icon{font-size:19px}.creator-artist-option-text{display:flex;flex-direction:column;min-width:0;gap:1px}.creator-artist-option-name{color:inherit;font-size:.86rem;font-weight:800;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-artist-option-meta{color:var(--text-muted);font-size:.68rem;line-height:1.25}.creator-artist-check{color:var(--accent);font-size:18px;opacity:0}.creator-artist-option:hover .creator-artist-check,.creator-artist-option:focus-visible .creator-artist-check{opacity:1}.creator-artist-create{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.creator-artist-empty{display:flex;align-items:center;gap:8px;padding:12px;color:var(--text-muted);font-size:.78rem;line-height:1.4}.creator-artist-empty iconify-icon{color:var(--accent);font-size:20px}body.light-mode .creator-artist-dropdown{background:color-mix(in srgb,#fff 96%,transparent);box-shadow:none}.creator-artist-dropdown{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1200;display:none;max-height:286px;overflow:hidden;padding:0;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;width:100%;max-width:100%;box-sizing:border-box}.creator-artist-dropdown:before,.creator-artist-dropdown:after{content:none;display:none}.creator-artist-scrollbody{max-height:min(420px,52vh);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;margin-top:-1px;padding:11px 8px 9px 10px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 50%,var(--border-mid)) color-mix(in srgb,var(--panel) 70%,transparent)}.creator-artist-scrollbody:after{content:none;display:none}.creator-artist-scrollbody::-webkit-scrollbar{width:9px;display:block}.creator-artist-scrollbody::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel) 72%,transparent);border-radius:999px;margin:7px 0 13px}.creator-artist-scrollbody::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 55%,var(--border-mid));border-radius:999px;border:2px solid var(--card);background-clip:padding-box}.creator-artist-scrollbody::-webkit-scrollbar-thumb:hover{background:var(--accent);border:2px solid var(--card);background-clip:padding-box}.creator-artist-scrollbody .creator-artist-option{margin:0;border-radius:16px}.creator-artist-scrollbody .creator-artist-option:last-child{margin-bottom:4px}body.light-mode .creator-artist-dropdown{background:#fff}body.light-mode .creator-artist-scrollbody::-webkit-scrollbar-thumb{border-color:#fff}.creator-artist-image-area{display:inline-flex;align-items:center;gap:8px;margin-top:8px}.creator-artist-image-area img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-mid);background:var(--panel)}.creator-artist-image-clear{width:24px;height:24px;border-radius:50%;border:none;background:var(--error);color:var(--on-error);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;padding:0}.creator-artist-image-clear iconify-icon{font-size:14px}.creator-artist-image-upload{margin-top:6px}.creator-artist-image-row{display:flex;align-items:center;gap:6px}.creator-artist-image-url{flex:1;min-width:0}.creator-artist-image-label{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px dashed var(--border-mid);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);font-size:.78rem;transition:border-color .15s,color .15s}.creator-artist-image-label:hover{border-color:var(--accent);color:var(--accent)}.creator-artist-image-label iconify-icon{font-size:18px}.creator-artist-image-label input[type=file]{display:none}.creator-preview-l-body .chord-badge,.creator-preview-l-body .lyric-under,.creator-preview-l-body .lyric-fragment,.creator-preview-l-body .lyric-text{transition:font-size .16s ease,line-height .16s ease,color .12s ease,transform .12s ease}.my-songs-right-panel{contain:layout style}.cr-lyric-label{font-size:.65rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-weight:700;flex:1;cursor:pointer;border-radius:3px;padding:1px 4px;transition:background .15s}.cr-lyric-label:hover{background:var(--surface-2, rgba(0,0,0,.06))}.cr-lyric-label--editing,.studio-sections .cr-lyric-label--editing,.song-creator.my-songs-studio .studio-sections .cr-lyric-label--editing,.my-songs-main-panel.creator-editor.creator-editor-full .studio-sections .cr-lyric-label--editing{background:var(--surface-2, rgba(0,0,0,.08));outline:2px solid var(--accent);outline-offset:1px;cursor:text;min-width:60px;display:inline-block}.creator-section--details-open .creator-details-more{max-height:2000px;padding-top:1rem;margin-top:.75rem;border-top:1px solid var(--border, rgba(0,0,0,.08))}.creator-details-more{max-height:0;overflow:hidden;padding-top:0;margin-top:0;border-top:none;transition:max-height .35s ease,padding .35s ease,margin .35s ease,border .35s ease}.creator-details-toggle{display:flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--accent);font-size:.82rem;font-weight:500;cursor:pointer;padding:.5rem 0 0;margin-top:.25rem;opacity:.85;transition:opacity .15s}.creator-details-toggle:hover{opacity:1}.creator-details-toggle iconify-icon{font-size:16px;transition:transform .2s}.creator-section--details-open .creator-details-toggle iconify-icon{transform:rotate(180deg)}.my-songs-section-title--toggle{cursor:pointer;user-select:none}.song-creator.my-songs-studio .my-songs-panel-block>.my-songs-section-title--toggle{display:flex;align-items:center;gap:.5rem;padding:var(--sp-3) 0}.my-songs-section-title--toggle:hover{color:var(--accent)}.templates-toggle-icon{font-size:16px;line-height:0;display:flex;align-items:center;transition:transform .2s}.templates-body{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .25s ease,margin .3s ease;opacity:0;margin-top:0}.templates-open .templates-body{max-height:1200px;opacity:1;margin-top:.5rem}.templates-open .templates-toggle-icon{transform:rotate(90deg)}.cr-more-menu-wrap{position:relative}.cr-more-btn{padding:.4rem}.cr-more-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface, var(--bg));border:1px solid var(--border, rgba(0,0,0,.12));border-radius:8px;box-shadow:none;min-width:180px;z-index:200;overflow:hidden}.cr-more-item{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;padding:.6rem 1rem;font-size:.85rem;color:var(--text);cursor:pointer;text-align:left;transition:background .12s}.cr-more-item:hover{background:var(--surface-2, rgba(0,0,0,.05))}.cr-more-item iconify-icon{font-size:16px;color:var(--text-muted)}.cr-more-item--danger{color:var(--error, #c0392b)}.cr-more-item--danger iconify-icon{color:var(--error, #c0392b)}.cr-lyric-chevron{display:none}.my-songs-header-primary{display:flex;flex:1;align-items:center;justify-content:space-between;gap:16px;min-width:0}.req-detail-view{padding:0 0 24px}.req-det-header{padding:0 0 16px}.req-det-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:13px;font-family:var(--font-body);cursor:pointer;padding:4px 8px;border-radius:var(--radius);transition:color .12s,background .12s}.req-det-back:hover{color:var(--accent);background:var(--card)}.req-det-back iconify-icon{font-size:18px}.req-det-card{padding:20px 24px}.req-det-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.req-det-title{font-size:20px;font-weight:700;color:var(--text);margin:0;line-height:1.3}.req-det-status{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.req-det-status iconify-icon{font-size:15px}.req-det-status--pending{color:var(--text-muted);background:color-mix(in srgb,var(--text-muted) 12%,transparent)}.req-det-status--approved{color:#2d8a4e;background:color-mix(in srgb,#2d8a4e 12%,transparent)}.req-det-status--rejected{color:#c8463c;background:color-mix(in srgb,#c8463c 12%,transparent)}.req-det-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.req-det-type-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:2px 8px;border-radius:4px}.req-det-meta-item{font-size:13px;color:var(--text-muted)}.req-det-note{margin-top:12px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);border-left:3px solid #c8463c;font-size:13px;color:var(--text-dim);line-height:1.5}.req-det-note-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px}.req-det-actions{display:flex;gap:8px;margin-top:16px}.req-det-actions .cr-btn{font-size:13px;padding:6px 14px}.req-det-actions .cr-btn iconify-icon{font-size:16px}.mobile-tab-bar{display:none}#creatorView .mobile-back-btn{padding:32px 48px 0;margin-bottom:0;background:var(--surface)}body:not(.light-mode) #creatorView .mobile-back-btn{background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@media(max-width:768px){#creatorView .mobile-back-btn{text-align:left;width:100%;padding:20px 20px 0;margin-bottom:0}#creatorView .my-songs-header{padding-top:0!important}.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;height:56px;background:var(--surface);border-top:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -2px 8px #0000000f}.mobile-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;border:none;background:none;cursor:pointer;color:var(--text-muted, #888);font-size:11px;font-family:inherit;padding:0;-webkit-tap-highlight-color:transparent;transition:color .2s}.mobile-tab-btn iconify-icon{font-size:22px}.mobile-tab-btn.active{color:var(--accent, #4f46e5)}.song-creator.my-songs-studio{padding-bottom:56px}.song-creator.my-songs-studio .my-songs-left-panel,.song-creator.my-songs-studio .my-songs-main-panel,.song-creator.my-songs-studio .my-songs-right-panel{display:none}.song-creator.my-songs-studio .my-songs-layout[data-mobile-tab=library] .my-songs-left-panel{display:flex;border-top:0}.song-creator.my-songs-studio .my-songs-layout[data-mobile-tab=editor] .my-songs-main-panel{display:block;border-top:0}.song-creator.my-songs-studio .my-songs-layout[data-mobile-tab=tools] .my-songs-right-panel{display:flex;border-top:0}.my-songs-header-primary{width:100%}.my-songs-header{gap:4px}.cr-lyric-chevron{display:inline-flex;font-size:18px;color:var(--text-muted);transition:transform .2s}.cr-lyric-block[data-open=true] .cr-lyric-chevron{transform:rotate(180deg)}.cr-lyric-header{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.cr-lyric-block[data-open=false] .cr-lyric-fields{display:none}.my-songs-main-panel,.my-songs-left-panel,.my-songs-right-panel{padding:var(--sp-4)}.studio-meta-grid{grid-template-columns:1fr;gap:var(--sp-4)}.studio-editor-heading{flex-direction:column;align-items:stretch}.studio-mini-actions{justify-content:flex-start}.quick-chord-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.song-creator.my-songs-studio .my-songs-panel-block,.song-creator.my-songs-studio .lyricist-tip-card{border-radius:20px;padding:16px}.song-creator.my-songs-studio .my-songs-header{align-items:flex-start;flex-direction:column;padding:12px}.song-creator.my-songs-studio .my-songs-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.song-creator.my-songs-studio .my-songs-header-actions .cr-btn{flex:0 0 auto;padding:4px 10px;font-size:.75rem;min-height:0;line-height:1.3}.song-creator.my-songs-studio .my-songs-header-primary{flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start}.song-creator.my-songs-studio .my-songs-breadcrumb{font-size:1.1rem;line-height:1.35}.song-creator.my-songs-studio .my-songs-title-block{padding:16px;border-radius:22px}.song-creator.my-songs-studio .my-songs-title-block h1{font-size:1.4rem}.song-creator.my-songs-studio .my-songs-title-block p{font-size:.82rem;line-height:1.55}.song-creator.my-songs-studio .my-songs-main-panel>.creator-section,.song-creator.my-songs-studio .my-songs-main-panel>.studio-card,.song-creator.my-songs-studio .my-songs-main-panel>.lyrics-editor-card{width:calc(100% - 20px)}.song-creator.my-songs-studio .studio-card{padding:16px;border-radius:var(--radius-lg)}.song-creator.my-songs-studio .studio-sections .cr-lyric-textarea{min-height:11rem;padding:16px;font-size:1rem;border-radius:var(--radius-lg)}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full,.my-songs-main-panel.creator-editor.creator-editor-full{height:auto;overflow:visible;scrollbar-gutter:auto}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.my-songs-title-block,.my-songs-main-panel.creator-editor.creator-editor-full>.my-songs-title-block{padding:var(--sp-4);position:static!important;z-index:auto!important}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.creator-section,.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.studio-card,.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.lyrics-editor-card,.my-songs-main-panel.creator-editor.creator-editor-full>.creator-section,.my-songs-main-panel.creator-editor.creator-editor-full>.studio-card,.my-songs-main-panel.creator-editor.creator-editor-full>.lyrics-editor-card{width:calc(100% - 20px)}}@media(max-width:900px){.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.my-songs-title-block,.my-songs-main-panel.creator-editor.creator-editor-full>.my-songs-title-block{padding:24px}.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.creator-section,.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.studio-card,.song-creator.my-songs-studio .my-songs-main-panel.creator-editor.creator-editor-full>.lyrics-editor-card,.my-songs-main-panel.creator-editor.creator-editor-full>.creator-section,.my-songs-main-panel.creator-editor.creator-editor-full>.studio-card,.my-songs-main-panel.creator-editor.creator-editor-full>.lyrics-editor-card{width:min(800px,calc(100% - 48px))}}@media(max-width:1100px){.my-songs-studio{overflow-y:auto}.my-songs-header{height:auto;min-height:64px;align-items:flex-start;flex-direction:column;padding:14px 16px;position:sticky;top:0}.my-songs-header-actions{justify-content:flex-start}.my-songs-layout{height:auto;min-height:0;grid-template-columns:1fr;gap:0;overflow:visible}.my-songs-left-panel,.my-songs-right-panel,.my-songs-main-panel{border:0;overflow:visible}.my-songs-main-panel{order:2}.my-songs-left-panel{order:1;border-right:0;border-top:1px solid var(--border)}.my-songs-right-panel{order:3;border-left:0;border-top:1px solid var(--border)}}@media(max-width:600px)and (min-width:431px){.quick-chord-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:430px){.song-creator.my-songs-studio .my-songs-header-actions{gap:4px}.song-creator.my-songs-studio .my-songs-header-actions .cr-btn{font-size:.7rem;padding:4px 8px}.song-creator.my-songs-studio .quick-chord-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.song-creator.my-songs-studio .my-songs-left-panel .creator-tabs{display:flex;grid-template-columns:unset;flex-direction:row;flex-wrap:nowrap;gap:3px;padding:3px}.song-creator.my-songs-studio .my-songs-left-panel .creator-tab{justify-content:center;text-align:center;min-height:32px;padding:0 4px;font-size:.64rem}.song-creator.my-songs-studio .my-songs-left-panel .creator-tab span{margin-left:0;min-width:1.05rem;height:1.05rem;font-size:.54rem}}.playlist-song-list{display:flex;flex-direction:column}.playlist-song-row{display:flex;align-items:center;gap:10px;cursor:pointer}.playlist-song-row .sb-left{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem}.playlist-song-row .playlist-number{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-faint);min-width:2rem;text-align:right;flex-shrink:0}.playlist-song-row .sb-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.playlist-song-row .sb-artist{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-song-row .psc-pills{margin-top:0}.playlist-song-row .psc-actions{flex-shrink:0}.playlist-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:10px;padding:2px 0}.playlist-toolbar>*{flex:0 0 auto}.playlist-new-folder-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 18px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.playlist-new-folder-btn iconify-icon{font-size:18px}.playlist-new-folder-btn:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent-bg) 12%,transparent)}.playlist-manager-shell>.playlist-folder-list{max-height:none;margin-bottom:0;padding:4px 0;gap:2px}.playlist-manager-shell>.playlist-song-list{gap:0;padding:0}.playlist-empty-add-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}.playlist-empty-add-btn:hover{background:var(--accent-container);border-color:var(--accent-container);transform:translateY(-1px)}.playlist-empty-add-btn:active{transform:translateY(0)}.psc-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-2) var(--sp-3);padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--card);cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative}.psc-card:hover{background:color-mix(in srgb,var(--panel) 80%,var(--accent-bg) 20%);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:none}.psc-card.on{border-left:4px solid var(--accent-container);background:color-mix(in srgb,var(--accent-container) 10%,transparent)}.psc-card.on .psc-title{color:var(--accent)}.psc-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.psc-main{min-width:0;display:flex;flex-direction:column;gap:3px}.psc-title{display:flex;align-items:baseline;gap:6px;color:var(--text);font-weight:700;font-size:.9rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.psc-card:hover .psc-title{color:var(--accent)}.psc-card .playlist-number{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:4px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-family:var(--font-mono);font-size:.58rem;font-weight:800;letter-spacing:.02em;flex-shrink:0;padding:0 3px}.psc-artist{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;transition:color .15s ease}.psc-card:hover .psc-artist{color:var(--text-sec)}.psc-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:1px}.psc-pill{display:inline-flex;align-items:center;height:16px;padding:0 6px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-container);color:var(--text-muted);font-family:var(--font-mono);font-size:.58rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:background .12s ease,color .12s ease,border-color .12s ease}.psc-pill--key{background:color-mix(in srgb,var(--accent-bg) 80%,transparent);border-color:color-mix(in srgb,var(--accent) 28%,var(--border));color:var(--accent)}.psc-pill--status{background:color-mix(in srgb,var(--secondary) 12%,transparent);border-color:color-mix(in srgb,var(--secondary) 30%,var(--border));color:var(--secondary)}.psc-pill--status-pending{background:color-mix(in srgb,var(--text-muted) 12%,transparent);border-color:color-mix(in srgb,var(--text-muted) 25%,var(--border));color:var(--text-muted)}.psc-pill--status-approved{background:color-mix(in srgb,#2d8a4e 12%,transparent);border-color:color-mix(in srgb,#2d8a4e 30%,var(--border));color:#2d8a4e}.psc-pill--status-rejected{background:color-mix(in srgb,#c8463c 12%,transparent);border-color:color-mix(in srgb,#c8463c 30%,var(--border));color:#c8463c}.psc-folder-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.psc-folder-badge{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:var(--radius-full);background:var(--nav-active-bg);color:var(--accent);font-family:var(--font-body);font-size:.62rem;font-weight:600;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.psc-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.psc-edit-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--card);color:var(--text-sec);font-family:var(--font-body);font-size:.72rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;flex-shrink:0}.psc-edit-btn iconify-icon{font-size:15px;flex-shrink:0}.psc-edit-btn:hover{background:var(--nav-active-bg);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.psc-edit-btn:active{transform:scale(.97)}.psc-overflow-wrap{position:relative;display:inline-flex;align-items:center}.psc-more-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;flex-shrink:0}.psc-more-btn iconify-icon{font-size:18px}.psc-more-btn:hover{background:var(--panel);border-color:var(--border);color:var(--text)}.psc-more-btn:active{background:var(--surface-container-high);transform:scale(.94)}.psc-menu{display:none;position:fixed;z-index:1300;min-width:180px;flex-direction:column;gap:3px;padding:6px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.psc-menu.open{display:flex;animation:pscMenuIn .13s ease-out}@keyframes pscMenuIn{0%{opacity:1;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.psc-menu-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-lg);background:transparent;color:var(--text);font-family:var(--font-body);font-size:.82rem;font-weight:500;text-align:left;cursor:pointer;white-space:nowrap;transition:background .12s ease,color .12s ease,border-color .12s ease}.psc-menu-item iconify-icon{font-size:17px;color:var(--text-muted);flex-shrink:0;transition:color .12s ease}.psc-menu-item:hover{background:color-mix(in srgb,var(--accent-bg) 70%,transparent);border-color:color-mix(in srgb,var(--accent) 25%,var(--border));color:var(--accent)}.psc-menu-item:hover iconify-icon{color:var(--accent)}.psc-menu-item.danger{color:var(--error)}.psc-menu-item.danger iconify-icon{color:var(--error)}.psc-menu-item.danger:hover{background:color-mix(in srgb,var(--error-container) 50%,transparent);border-color:color-mix(in srgb,var(--error) 25%,var(--border));color:var(--on-error-container)}.psc-menu-item.danger:hover iconify-icon{color:var(--on-error-container)}.psc-menu-divider{height:1px;background:var(--border);margin:3px 4px;border:none;flex-shrink:0}body.light-mode .psc-card{background:var(--surface-container-lowest);box-shadow:none}body.light-mode .psc-card:hover{background:color-mix(in srgb,var(--surface-container-low) 85%,var(--accent-bg) 15%);box-shadow:none}body.light-mode .psc-card.on{border-left:4px solid var(--accent-container);background:color-mix(in srgb,var(--accent-container) 10%,transparent)}body.light-mode .psc-card.on .psc-title{color:var(--accent)}body.light-mode .psc-edit-btn,body.light-mode .psc-more-btn:hover{background:var(--surface-container-low)}body.light-mode .psc-menu,body.light-mode .playlist-song-picker-dropdown{background:#fff;box-shadow:none}body.light-mode .psc-pill{background:var(--surface-container-high)}body.light-mode .psc-pill--key{background:color-mix(in srgb,var(--accent-bg) 90%,transparent)}.song-creator.my-songs-studio .psc-card{border:0;border-left:3px solid transparent;border-radius:14px;background:transparent;box-shadow:none;padding:12px 14px;margin:2px 0}.song-creator.my-songs-studio .psc-card:hover{background:var(--panel);border-left-color:var(--accent-container);box-shadow:none}.song-creator.my-songs-studio .psc-card.on{border-left:4px solid var(--accent-container);background:color-mix(in srgb,var(--accent-container) 10%,transparent)}.song-creator.my-songs-studio .psc-card.on .psc-title{color:var(--accent)}.playlist-view-toolbar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-3) var(--sp-3) var(--sp-2);border-bottom:1px solid var(--border);margin-bottom:var(--sp-2)}.playlist-view-toolbar .cr-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:.78rem}.playlist-view-toolbar .cr-btn iconify-icon{font-size:17px}@media(max-width:430px){.playlist-view-toolbar{padding:var(--sp-2);gap:var(--sp-1)}}.playlist-manager-shell{display:grid;gap:.75rem;padding-top:12px;margin-bottom:.75rem;max-width:100%;overflow-x:hidden}.playlist-song-picker-dropdown{display:flex;flex-direction:column;position:fixed;z-index:1300;width:380px;max-width:calc(100vw - 16px);max-height:min(460px,calc(100vh - 90px));background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:pscMenuIn .13s ease-out;overflow:hidden;gap:.35rem;color:var(--text)}.playlist-song-picker-dropdown .playlist-modal-search-wrap{margin:.6rem .65rem 0;padding:.45rem .65rem}.playlist-song-picker-dropdown .playlist-song-picker-list{flex:1;overflow-y:auto;padding:.4rem .5rem;display:flex;flex-direction:column;gap:.35rem}.playlist-song-picker-dropdown .playlist-modal-actions{padding:.5rem .65rem;flex-shrink:0}.playlist-song-picker-dropdown .cr-btn{display:inline-flex;align-items:center;gap:6px}.playlist-song-picker-dropdown .cr-btn iconify-icon{font-size:17px}.playlist-song-picker-dropdown .playlist-song-picker-list::-webkit-scrollbar{width:4px}.playlist-song-picker-dropdown .playlist-song-picker-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.playlist-modal-backdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000b8;backdrop-filter:blur(10px)}.playlist-modal{width:min(560px,100%);max-height:min(720px,92vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--card);box-shadow:var(--shadow-lg);color:var(--text)}.playlist-song-picker-modal{width:min(760px,100%)}.playlist-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.15rem .75rem;border-bottom:1px solid var(--border)}.playlist-modal-kicker{color:var(--text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.playlist-modal h3{margin:.15rem 0 0;font-size:1.1rem}.playlist-modal-close{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border:0;border-radius:999px;color:var(--text-muted);background:var(--surface-container-high);cursor:pointer}.playlist-folder-picker-list,.playlist-song-picker-list{overflow:auto;padding:.8rem}.playlist-folder-picker-list{display:grid;gap:.55rem}.playlist-folder-picker-item,.playlist-song-picker-row{display:flex;align-items:center;gap:.75rem;width:100%;border:1px solid var(--border);border-radius:16px;background:var(--surface-container-low);color:inherit;transition:background .13s,border-color .13s}.playlist-folder-picker-item{padding:.85rem;text-align:left;cursor:pointer}.playlist-folder-picker-item:hover,.playlist-song-picker-row:hover{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:var(--surface-container-high)}.playlist-folder-picker-item strong,.playlist-song-picker-main strong{display:block;font-size:.95rem}.playlist-folder-picker-item em,.playlist-song-picker-main em{display:block;margin-top:.15rem;color:var(--text-muted);font-size:.78rem;font-style:normal}.playlist-modal-search-wrap{display:flex;align-items:center;gap:.55rem;margin:.85rem .8rem 0;padding:.55rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-container-low)}.playlist-modal-search-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.playlist-song-picker-list{display:grid;gap:.5rem}.playlist-song-picker-row{padding:.75rem;cursor:pointer}.playlist-song-picker-check{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.playlist-song-picker-main{flex:1;min-width:0}.playlist-song-source{flex:0 0 auto;padding:.2rem .5rem;border-radius:999px;background:var(--accent-bg);color:var(--accent);font-size:.72rem;font-weight:700}.playlist-modal-actions{display:flex;justify-content:flex-end;gap:.55rem;padding:.85rem;border-top:1px solid var(--border)}.playlist-picker-empty{padding:2rem;text-align:center;color:var(--text-muted)}.playlist-section-header{display:flex;align-items:center;gap:6px;padding:14px 14px 4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.playlist-section-header iconify-icon{font-size:15px}.playlist-shared-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:0 2px 4px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 8%,var(--surface-container-low));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));font-size:var(--text-sm);color:var(--text-sec)}.playlist-shared-banner iconify-icon{font-size:16px;color:var(--accent);flex-shrink:0}.playlist-shared-signin{margin-left:auto;padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.playlist-shared-signin:hover{background:var(--accent);color:var(--on-accent)}.playlist-shared-badge{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);font-family:var(--font-mono);white-space:nowrap;margin-left:auto}.playlist-folder-list{display:flex;flex-direction:column;gap:4px;padding:0 2px;scrollbar-width:thin}.playlist-folder-list::-webkit-scrollbar{width:4px}.playlist-folder-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.playlist-folder-group{border-radius:14px;overflow:hidden;transition:background .18s ease}.playlist-folder-group--open{background:var(--nav-active-bg)}.playlist-folder-row{display:flex;align-items:center;gap:10px;width:100%;min-height:0;flex-shrink:0;padding:12px 12px 12px 14px;border:none;border-left:4px solid transparent;border-radius:0 14px 14px 0;background:transparent;color:var(--text-sec);cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:500;text-align:left;transition:background .18s,color .18s,border-color .18s}.playlist-folder-group--open .playlist-folder-row{border-left-color:var(--accent);color:var(--accent);font-weight:600}.playlist-folder-row:hover{background:var(--panel);color:var(--text)}.playlist-folder-group--open .playlist-folder-row:hover{background:color-mix(in srgb,var(--nav-active-bg) 85%,var(--panel) 15%);color:var(--accent)}.playlist-folder-chevron{font-size:20px;color:var(--text-muted);flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1),color .18s}.playlist-folder-chevron-open{transform:rotate(180deg);color:var(--accent)}.playlist-folder-icon{font-size:20px;color:var(--text-muted);flex-shrink:0;transition:color .18s}.playlist-folder-row:hover .playlist-folder-icon{color:var(--text-sec)}.playlist-folder-group--open .playlist-folder-icon,.playlist-folder-group--open:hover .playlist-folder-icon{color:var(--accent)}.playlist-folder-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-folder-count{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--surface-container-high);color:var(--text-muted);font-size:.65rem;font-weight:700;font-family:var(--font-mono);transition:background .18s,color .18s}.playlist-folder-group--open .playlist-folder-count{background:var(--accent);color:var(--on-accent)}.playlist-folder-row .psc-overflow-wrap{opacity:1!important}.playlist-folder-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.playlist-folder-group--open .playlist-folder-body{grid-template-rows:1fr}.playlist-folder-body>*{overflow:hidden}.playlist-folder-body .playlist-song-list{padding:2px 8px 8px 28px;display:flex;flex-direction:column;gap:1px}.playlist-folder-body .playlist-song-row{padding-left:0;border-left:2px solid transparent;border-radius:0 8px 8px 0;transition:background .12s,border-color .12s}.playlist-folder-body .playlist-song-row:hover{border-left-color:var(--accent)}.playlist-folder-body .playlist-song-row .playlist-number{color:var(--text-faint);transition:color .12s}.playlist-folder-body .playlist-song-row:hover .playlist-number{color:var(--accent)}.playlist-folder-body .playlist-song-row.on{border-left:4px solid var(--accent-container);background:color-mix(in srgb,var(--accent-container) 10%,transparent)}.playlist-folder-body .playlist-song-row.on .sb-ne{color:var(--accent);font-weight:700}.playlist-folder-body .playlist-song-row.on .playlist-number{color:var(--accent)}.playlist-folder-add-songs-btn{display:inline-flex;align-items:center;gap:6px;margin:6px 0 2px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.playlist-folder-add-songs-btn iconify-icon{font-size:17px}.playlist-folder-add-songs-btn:hover{background:var(--nav-active-bg);border-color:var(--accent);color:var(--accent)}.playlist-expand-toggle{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.playlist-expand-toggle iconify-icon{font-size:18px}.playlist-expand-toggle:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent-bg) 15%,transparent)}.playlist-folder-row .psc-overflow-wrap{flex-shrink:0;opacity:0;transition:opacity .15s}.playlist-folder-row:hover .psc-overflow-wrap{opacity:1}.playlist-folder-row .playlist-folder-menu-btn{transition:background .12s,color .12s}.playlist-folder-row .playlist-folder-menu-btn:hover{background:var(--surface-container-highest);color:var(--text)}@media(max-width:640px){.playlist-modal-backdrop{align-items:flex-end;padding:0}.playlist-modal{width:100%;max-height:88vh;border-radius:24px 24px 0 0}}.media-row{padding:var(--sp-5) var(--sp-8);display:flex;gap:18px;flex-wrap:wrap;background:var(--bg);border-bottom:1px solid var(--border);align-items:flex-start;justify-content:center}.media-row .mc,.media-row .mc-audio,.media-row .mc-video,.media-row .mc-video.video-only{flex:0 1 var(--media-card-width);width:min(100%,var(--media-card-width));max-width:var(--media-card-width);min-width:min(100%,280px);height:var(--media-card-height);min-height:var(--media-card-height);display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.media-row .mc-hdr,.media-row .mc-audio .mc-hdr,.media-row .mc-video .mc-hdr{height:var(--media-card-header-height);min-height:var(--media-card-header-height);flex:0 0 var(--media-card-header-height);padding:10px 14px;box-sizing:border-box}.mc-audio{max-width:540px;width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.mc-audio .mc-hdr{background:var(--card);border-bottom:1px solid var(--border)}.mc-audio .mc-dot.audio{background:var(--accent);box-shadow:none}.mc-audio .mc-lbl{color:var(--text-muted);font-weight:700;letter-spacing:.1em}.mc-audio:hover,.mc-audio.is-playing{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 0 3px var(--accent-bg),var(--shadow-md)}.mc-audio:hover .mc-hdr,.mc-audio.is-playing .mc-hdr{background:color-mix(in srgb,var(--card) 80%,var(--accent-container) 20%);border-bottom-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.mc-audio:hover .mc-lbl,.mc-audio.is-playing .mc-lbl{color:var(--accent)}.mc-audio:hover .mc-dot.audio,.mc-audio.is-playing .mc-dot.audio{box-shadow:0 0 0 4px var(--accent-bg)}.modern-audio-body,.audio-body.modern-audio-body{box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:var(--media-card-body-height);min-height:var(--media-card-body-height);flex:1 1 auto;overflow:hidden;padding:clamp(16px,3vw,24px);gap:12px;align-items:stretch;justify-content:center;background:var(--card);color:var(--text)}.ap-timeline{width:100%;display:grid;grid-template-rows:auto auto auto;gap:7px}.modern-audio-body .waveform{width:100%;height:82px;display:flex;align-items:center;justify-content:center;gap:9px;padding:6px 10px;margin:0 auto;overflow:hidden}.modern-audio-body .wb{flex:0 0 8px;width:8px;min-width:8px;max-width:8px;border-radius:999px;background:var(--text);opacity:1;transform-origin:center;box-shadow:none;transition:background-color .2s ease,transform .2s ease}body.light-mode .modern-audio-body .wb,body.light-mode .modern-audio-body .wb.playing{background:var(--text)}body:not(.light-mode) .modern-audio-body .wb,body:not(.light-mode) .modern-audio-body .wb.playing{background:var(--accent)}.modern-audio-body .wb.playing{animation:centeredWave var(--d, .8s) ease-in-out infinite alternate}@keyframes centeredWave{0%{transform:scaleY(.82)}to{transform:scaleY(1.12)}}.modern-audio-body .ap-progress{width:100%;padding:6px 0;cursor:pointer}.modern-audio-body .ap-track{position:relative;width:100%;height:7px;overflow:visible;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 28%,transparent)}.modern-audio-body .ap-track:after{content:"";position:absolute;inset:-6px 0}.modern-audio-body .ap-fill{position:relative;height:100%;width:100%;border-radius:inherit;background:var(--text);transform:scaleX(0);transform-origin:left center;transition:transform .1s linear}.modern-audio-body .ap-fill:after{content:"";position:absolute;right:-8px;top:50%;width:18px;height:18px;border-radius:50%;transform:translateY(-50%);background:var(--text);box-shadow:none}body.light-mode .modern-audio-body .ap-fill,body.light-mode .modern-audio-body .ap-fill:after{background:var(--text)}.modern-audio-body .ap-time-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:18px}.modern-audio-body .ap-time{font-size:.72rem;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em}.ap-control-deck{display:grid;grid-template-columns:44px 64px 44px;justify-content:center;align-items:center;gap:clamp(14px,4vw,30px);width:100%;max-width:100%;padding:4px 0 2px;margin:0 auto;box-sizing:border-box}.ap-control-deck>button{grid-column:auto;justify-self:center;align-self:center;margin:0}.ap-icon-btn,.ap-main-play{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text);transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease}.ap-icon-btn{width:44px;height:44px;min-width:44px;border-radius:999px;background:transparent;opacity:.92}.ap-icon-btn iconify-icon{font-size:31px;line-height:1;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 40}.ap-icon-btn:hover,.ap-icon-btn.is-active{color:var(--accent);background:var(--nav-active-bg);opacity:1;transform:translateY(-1px)}.ap-icon-btn:active,.ap-main-play:active{transform:scale(.96)}.ap-main-play{width:64px;height:64px;min-width:64px;border-radius:50%;background:var(--text);color:var(--bg);box-shadow:none}.ap-main-play:hover{opacity:1;transform:scale(1.035);box-shadow:none}.ap-main-play svg{width:28px;height:28px;fill:currentColor;stroke:currentColor}.ap-main-play svg:first-child{margin-left:3px}.mc-audio:hover .ap-main-play,.mc-audio.is-playing .ap-main-play{background:var(--accent);color:var(--bg)}.ap-volume-row{display:flex;align-items:center;justify-content:center;gap:10px;width:min(100%,360px);max-width:100%;margin:6px auto 0;padding:0 8px;box-sizing:border-box;flex-wrap:nowrap;color:var(--text-muted)}.ap-volume-row .ap-repeat-inline{width:30px;height:30px;min-width:30px;margin:0}.ap-volume-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer;color:var(--text-muted);transition:color .16s ease,transform .16s ease}.ap-volume-icon:hover{color:var(--accent);transform:scale(1.05)}.modern-audio-body .ap-vol-slider{flex:1 1 180px;width:auto;min-width:90px;max-width:240px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 28%,transparent)}.modern-audio-body .ap-vol-slider::-webkit-slider-thumb{width:15px;height:15px;border-radius:50%;background:var(--text);box-shadow:none}.modern-audio-body .ap-vol-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--text);border:0;box-shadow:none}.modern-audio-body .ap-error{text-align:center;font-size:.75rem}.mc-video{max-width:540px;width:100%;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.media-row .video-body,.media-row .vthumb-wrap,.media-row .vthumb,.media-row #video-embed-wrap,.media-row .yt-embed-wrap{width:100%;height:var(--media-card-body-height);min-height:var(--media-card-body-height);max-height:var(--media-card-body-height);flex:1 1 auto;aspect-ratio:auto;box-sizing:border-box;overflow:hidden}.media-row .vt-thumb-img,.media-row .yt-embed-wrap iframe{width:100%;height:100%;object-fit:cover}@media(hover:none){.mc-audio:hover{transform:none;box-shadow:var(--shadow-sm)}}@media(max-width:640px){.media-row .mc,.media-row .mc-audio,.media-row .mc-video,.media-row .mc-video.video-only{flex:0 1 100%;width:100%;max-width:100%;min-width:0}.ap-control-deck{grid-template-columns:38px 54px 38px;gap:clamp(10px,5vw,20px)}.ap-icon-btn{width:38px;height:38px;min-width:38px}.ap-icon-btn iconify-icon{font-size:26px}.ap-main-play{width:54px;height:54px;min-width:54px}.ap-main-play svg{width:24px;height:24px}.ap-volume-row{width:100%;gap:8px;padding:0 4px}.ap-volume-row .ap-repeat-inline{width:28px;height:28px;min-width:28px}.modern-audio-body .ap-vol-slider{min-width:0;max-width:none}}@media(max-width:560px){.modern-audio-body{padding:16px;gap:10px}.modern-audio-body .waveform{height:68px;gap:7px;padding-inline:6px}.modern-audio-body .wb{flex-basis:7px;width:7px;min-width:7px;max-width:7px}}.sb-avatar,.artist-img-wrapper img{opacity:0;transition:opacity .18s ease}.sb-avatar.loaded,.artist-img-wrapper img.loaded{opacity:1}.cp-view-buttons{padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--panel);display:flex;gap:4px;margin-left:8px}.cp-view-btn{min-height:26px;padding:4px 10px;border-radius:999px;border:0;cursor:pointer;font-size:.7rem;font-family:var(--font-body);font-weight:800;background:transparent;color:var(--text-muted);transition:background-color .15s ease,color .15s ease,transform .15s ease}.cp-view-btn:hover{background:var(--nav-active-bg);color:var(--accent)}.cp-view-btn.active{background:var(--accent-container);color:#fff}.metro-primary-btn,.metro-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:var(--font-mono);letter-spacing:.05em;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,filter .08s ease}.metro-primary-btn{padding:var(--sp-3) var(--sp-4);border-radius:8px;border:0;background:var(--accent-container);color:#fff;font-size:.8rem;font-weight:800;box-shadow:none}.metro-primary-btn.is-active{background:var(--accent-orange);color:#fff;transform:scale(1.02);box-shadow:none}.metro-primary-btn:hover{background:var(--accent);color:var(--on-accent)}.metro-secondary-btn{padding:var(--sp-2) var(--sp-3);border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.7rem;font-weight:700}.metro-secondary-btn:hover,.metro-secondary-btn.is-active{background:var(--card);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.panel-overlay{position:fixed;inset:0;z-index:700;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--black) 50%,transparent);backdrop-filter:blur(3px);padding:0}.panel-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;animation:panelFadeIn .2s ease;max-height:85vh;max-width:90vw}@keyframes panelFadeIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.panel-header{display:flex;align-items:center;gap:.75rem;padding:max(1rem,env(safe-area-inset-top)) var(--sp-6) .85rem;background:var(--surface);border-bottom:1px solid var(--border-light);flex-shrink:0}.panel-close-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius);border-width:medium;border-style:none;border-color:currentcolor;border-image:none;background:transparent;color:var(--text-dim);cursor:pointer;flex:0 0 auto;transition:color .12s}.panel-close-btn:hover{color:var(--text);background:var(--surface-container-high)}.panel-title{font-size:1.05rem;font-weight:600;color:var(--text);margin:0;letter-spacing:-.01em}.settings-panel{width:820px;height:620px}@media(max-width:768px){.settings-panel{width:100%;height:100svh}}.settings-panel-body{display:flex;flex:1 1 0%;min-height:0px;overflow:hidden}.settings-sidebar{width:180px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow-y:auto;padding:var(--sp-4) 0}.settings-nav-group{padding:0 var(--sp-3)}.settings-nav-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);padding:0 var(--sp-2);margin-bottom:var(--sp-2);margin-top:var(--sp-1);letter-spacing:.06em;text-transform:uppercase}.settings-nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px 7px 14px;border-radius:0 var(--radius) var(--radius) 0;border-width:medium medium medium 4px;border-style:none none none solid;border-color:currentcolor currentcolor currentcolor transparent;border-image:none;background:transparent;cursor:pointer;font-size:13px;font-family:var(--font-body);color:var(--text-dim);text-align:left;transition:background .15s,color .15s,border-color .15s;margin-bottom:2px;position:relative;margin-left:0}.settings-nav-item iconify-icon{font-size:17px;flex-shrink:0}.settings-nav-item:hover{background:color-mix(in srgb,var(--panel) 80%,var(--accent-bg) 20%);color:var(--text)}.settings-nav-item.active{background:color-mix(in srgb,var(--accent-container) 10%,transparent);color:var(--accent);font-weight:600;border-left-color:var(--accent)}.settings-nav-item.active iconify-icon{color:var(--accent)}.settings-nav-divider{height:.5px;background:var(--border);margin:6px 12px}.settings-avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-container);color:var(--on-accent-container);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:var(--font-body);flex-shrink:0}.settings-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.settings-avatar-initial{font-size:14px;font-weight:700;line-height:1}.settings-account-info{min-width:0px}.settings-account-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-account-role{font-size:11px;color:var(--text-muted);margin-top:1px}.settings-sync-status{font-size:11px;color:var(--text-muted);margin-top:8px}.settings-sync-status.sync-error{color:var(--error)}.settings-content{flex:1 1 0%;overflow-y:auto;padding:var(--sp-6) var(--sp-6) var(--sp-8);min-width:0px;background:var(--surface)}.settings-section{animation:.15s ease 0s 1 normal none running settingsSecIn}@keyframes settingsSecIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-sec-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}.settings-sec-sub{font-size:13px;color:var(--text-muted);margin-bottom:24px}.settings-block-label{font-size:12px;font-weight:700;color:var(--text-dim);margin-bottom:10px;letter-spacing:.04em}.settings-color-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.settings-dot{width:28px;height:28px;border-radius:50%;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;cursor:pointer;position:relative;transition:transform .12s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.settings-dot:hover{transform:scale(1.15)}.settings-dot:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid transparent;transition:border-color .15s}.settings-dot.selected:before{border-color:var(--white);box-shadow:#00000026 0 0 0 1px}.settings-dot.selected:after{content:"\2713";font-size:12px;color:var(--white);font-weight:700;position:relative;z-index:1;text-shadow:rgba(0,0,0,.35) 0px 1px 2px}.settings-theme-row{display:flex;gap:10px;margin-bottom:20px}.settings-theme-card{flex:1 1 0%;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border);background:transparent;cursor:pointer;transition:border-color .15s;padding:0;text-align:left;min-width:0px}.settings-theme-card:hover{border-color:var(--border-mid)}.settings-theme-card.selected{border-color:var(--accent)}.settings-theme-preview{height:76px;position:relative;overflow:hidden}.stp-light{background:var(--surface-bright)}.stp-dark{background:var(--surface-dim)}.stp-sidebar{position:absolute;left:0;top:0;bottom:0;width:28%}.stp-light .stp-sidebar{background:var(--surface-container-low);border-right:1px solid var(--border-light)}.stp-dark .stp-sidebar{background:var(--surface-container);border-right:1px solid var(--border)}.stp-content{position:absolute;inset:0 0 0 28%;padding:10px 8px}.stp-bar{height:6px;border-radius:3px;margin-bottom:5px;width:60%}.stp-bar2{height:4px;border-radius:2px;width:40%}.stp-light .stp-bar{background:var(--border)}.stp-light .stp-bar2{background:var(--border-light)}.stp-dark .stp-bar{background:var(--border-mid)}.stp-dark .stp-bar2{background:var(--border)}.settings-theme-label{font-size:12px;color:var(--text-muted);background:var(--panel);padding:7px 10px;display:flex;align-items:center;gap:5px;border-top:1px solid var(--border);font-family:var(--font-body)}.settings-theme-card.selected .settings-theme-label{color:var(--accent)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:.5px solid var(--border);gap:16px}.settings-toggle-row:last-child{border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor}.settings-toggle-label{font-size:13px;color:var(--text)}.settings-toggle-hint{font-size:11px;color:var(--text-muted);margin-top:2px}.settings-tog{width:36px;height:20px;border-radius:10px;background:var(--border-mid);border-width:medium;border-style:none;border-color:currentcolor;border-image:none;padding:0;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.settings-tog.on{background:var(--accent-container)}.settings-tog-thumb{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--white);top:3px;left:3px;transition:left .18s}.settings-tog.on .settings-tog-thumb{left:19px}.settings-placeholder{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;font-size:13px;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;gap:10px}.settings-placeholder iconify-icon{font-size:18px;color:var(--accent);flex-shrink:0}@media(max-width:768px){.panel-overlay{align-items:stretch;background:var(--surface);backdrop-filter:none;padding:0}.panel-dialog{width:100%;max-width:100%;height:100svh;max-height:100svh;border-radius:0;border:none}.settings-panel-body{flex-direction:column}.settings-sidebar{width:100%;border-right-width:medium;border-right-style:none;border-right-color:currentcolor;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;padding:8px;overflow:auto visible;flex:0 0 auto}.settings-nav-label{display:none}.settings-nav-group{display:flex;flex-direction:row;gap:4px;padding:0;white-space:nowrap}.settings-nav-item{padding:6px 10px;margin-bottom:0;font-size:12px;border-left-width:medium;border-left-style:none;border-left-color:currentcolor;border-radius:var(--radius)}.settings-nav-item iconify-icon{display:none}.settings-nav-item.active{border-left-width:medium;border-left-style:none;border-left-color:currentcolor;border-radius:var(--radius)}.settings-content{flex:1 1 auto;min-height:0px;overflow-y:auto;padding:var(--sp-5) var(--sp-4)}.settings-section{min-height:auto}.settings-theme-row{gap:8px}}body.compact-list .sb-item{min-height:48px;padding:10px 16px}body.compact-list .sb-tags,body.compact-list .sb-artist{display:none}.settings-sidebar,.settings-content{min-height:0px}.settings-section{min-height:320px}.settings-tog:disabled,.settings-tog[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}.settings-tog:disabled .settings-tog-thumb,.settings-tog[aria-disabled=true] .settings-tog-thumb{cursor:not-allowed}body.hide-song-numbers .sb-num,body.hide-song-numbers .sub-song-num{display:none!important}.stp-system{position:relative;background:var(--surface-dim);overflow:hidden}.stp-system:before{content:"";position:absolute;inset:0;background:var(--surface-bright);clip-path:polygon(0px 0px,100% 0px,0px 100%);z-index:0;pointer-events:none}.stp-system .stp-sidebar,.stp-system .stp-content{z-index:1}.settings-profile-row{display:flex;align-items:center;gap:12px;padding:12px 0}.settings-avatar-lg{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--surface-container);flex-shrink:0}.settings-divider{border-right-width:medium;border-bottom-width:medium;border-left-width:medium;border-right-style:none;border-bottom-style:none;border-left-style:none;border-right-color:currentcolor;border-bottom-color:currentcolor;border-left-color:currentcolor;border-image:none;border-top:1px solid var(--border);margin:16px 0}.admin-request-list{margin-top:var(--sp-2);display:flex;flex-direction:column;gap:8px}.admin-request-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 16px;font-size:var(--text-base);transition:background .15s,border-color .15s,box-shadow .15s}.admin-request-card:hover{background:color-mix(in srgb,var(--panel) 80%,var(--accent-bg) 20%);border-color:color-mix(in srgb,var(--accent-gold) 35%,var(--border))}.admin-request-card h4{margin:0 0 6px;font-size:var(--text-base);display:flex;align-items:center;gap:var(--sp-2);line-height:1.4}.req-type-badge{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--border);white-space:nowrap;height:20px;display:inline-flex;align-items:center;font-family:var(--font-mono)}.req-type-badge.is-edit{color:var(--accent);background:color-mix(in srgb,var(--accent-container) 35%,transparent);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.req-type-badge.is-new{color:var(--accent-gold);background:color-mix(in srgb,var(--accent-gold) 12%,transparent);border-color:color-mix(in srgb,var(--accent-gold) 22%,transparent)}.dup-warning{font-size:var(--text-sm);color:var(--warning);background:color-mix(in srgb,var(--warning) 8%,transparent);border:1px solid color-mix(in srgb,var(--warning) 15%,transparent);padding:6px 10px;border-radius:var(--radius);margin-bottom:8px;line-height:1.4}.admin-request-card .req-meta{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:6px;line-height:1.5}.admin-request-card .req-meta strong{color:var(--text);font-weight:600}.req-meta-sep{margin:0 6px;opacity:.35}.admin-request-card .req-lyrics-toggle{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:4px 10px;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s;font-family:var(--font-body);margin-top:4px}.admin-request-card .req-lyrics-toggle:hover{background:var(--panel);color:var(--text);border-color:var(--border-mid)}.admin-request-card .req-lyrics-toggle iconify-icon{font-size:14px}.admin-request-card .admin-request-lyrics{margin-top:8px;background:var(--surface-container-low);border:1px solid var(--border);border-radius:12px;padding:10px 12px;max-height:280px;overflow-y:auto}.admin-request-card .admin-request-lyrics pre{white-space:pre-wrap;font-size:var(--text-sm);margin:4px 0;font-family:var(--font-mono);line-height:1.55;color:var(--text-sec)}.admin-request-card .admin-request-lyrics pre+pre{padding-top:8px;border-top:1px solid var(--border)}.admin-request-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;align-items:center}.admin-request-actions .cr-btn{font-size:var(--text-sm);padding:6px 14px;display:inline-flex;align-items:center;gap:4px;line-height:1}.admin-request-actions .cr-btn iconify-icon{font-size:14px}.admin-request-actions .cr-btn-primary{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--white)}.admin-request-actions .cr-btn-primary:hover{background:color-mix(in srgb,var(--accent-gold) 85%,var(--black));border-color:color-mix(in srgb,var(--accent-gold) 85%,var(--black))}.settings-admin-area{margin-top:var(--sp-6);padding:var(--sp-5) 0 0;border-top:1px solid var(--border-light);position:relative}.account-panel-body .settings-danger-zone{margin-top:var(--sp-5);padding:var(--sp-4) 0 var(--sp-3);border-top:1px solid color-mix(in srgb,var(--border-light) 50%,var(--error) 50%);background:none}.settings-danger-zone .settings-toggle-row:last-child{border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor;padding-bottom:0}.settings-danger-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--error);margin-bottom:var(--sp-2)}.settings-danger-zone .settings-toggle-label{color:color-mix(in srgb,var(--text) 70%,var(--error))}.admin-panel{width:820px;height:620px}.admin-panel-body{display:flex;flex:1 1 0%;min-height:0px;overflow:hidden}.admin-sidebar{width:180px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:var(--sp-4) 0;gap:2px}.admin-nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px 7px 14px;border-radius:0 var(--radius) var(--radius) 0;border-width:medium medium medium 4px;border-style:none none none solid;border-color:currentcolor currentcolor currentcolor transparent;border-image:none;background:transparent;cursor:pointer;font-size:13px;font-family:var(--font-body);color:var(--text-dim);text-align:left;transition:background .15s,color .15s,border-color .15s;position:relative}.admin-nav-item iconify-icon{font-size:17px;flex-shrink:0}.admin-nav-item:hover{background:color-mix(in srgb,var(--panel) 80%,var(--accent-bg) 20%);color:var(--text)}.admin-nav-item.active{background:color-mix(in srgb,var(--accent-container) 10%,transparent);color:var(--accent);font-weight:600;border-left-color:var(--accent)}.admin-nav-item.active iconify-icon{color:var(--accent)}.admin-nav-badge{margin-left:auto;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:var(--on-accent);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;line-height:1}.admin-content{flex:1 1 0%;overflow-y:auto;padding:var(--sp-6) var(--sp-6) var(--sp-8);min-width:0px;background:var(--surface)}.admin-section{display:none;min-height:280px}.admin-section.active{display:block;animation:.15s ease 0s 1 normal none running settingsSecIn}@media(max-width:768px){.admin-panel{width:100vw;height:100svh;max-width:100vw;max-height:100svh;border-radius:0;border:none}.admin-panel-body{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid var(--border-light);padding:var(--sp-2) var(--sp-3);gap:0;overflow-x:auto}.admin-nav-item{flex:1;justify-content:center;padding:8px 10px;border-radius:var(--radius);border:none;font-size:12px;white-space:nowrap}.admin-nav-item.active{border-left-color:transparent;background:color-mix(in srgb,var(--accent-container) 10%,transparent);color:var(--accent)}.admin-nav-item iconify-icon{font-size:15px}.admin-nav-badge{position:static;margin-left:4px}.admin-content{padding:var(--sp-4);flex:1;overflow-y:auto}}.settings-danger-zone .settings-toggle-hint{color:color-mix(in srgb,var(--text-muted) 60%,var(--error))}.cr-btn-danger{background:transparent;border:1px solid var(--error);color:var(--error);border-radius:var(--radius);padding:4px 14px;font-size:12px;font-family:var(--font-body);cursor:pointer;transition:background .12s,color .12s;font-weight:600}.cr-btn-danger:hover{background:var(--error);color:var(--on-error)}.account-panel{width:820px;height:620px}@media(max-width:768px){.account-panel{width:100%;height:100svh}}.account-panel .account-panel-body{flex:1;overflow-y:auto;min-height:0;padding:var(--sp-6)}.account-profile-header{flex-direction:column;padding:var(--sp-8) var(--sp-6) var(--sp-5);gap:0px;border-bottom:1px solid var(--border-light)}.account-profile-header .panel-close-btn{align-self:flex-start;margin-bottom:var(--sp-3)}.account-profile-block{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.account-profile-avatar-wrap{margin-bottom:var(--sp-3)}.account-profile-avatar{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--surface-container-high);border:3px solid var(--border);overflow:hidden;flex-shrink:0}.account-profile-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.account-profile-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted);font-size:28px}.account-profile-name{font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 4px;letter-spacing:-.01em}.account-profile-stats{font-size:.8125rem;color:var(--text-muted);margin:0px 0px var(--sp-4);line-height:1.4}.account-profile-actions{display:flex;gap:8px;align-items:center}.pl-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:2px;overflow:hidden}.pl-mosaic-cell{overflow:hidden;background:var(--surface-container-high)}.pl-mosaic-cell img{width:100%;height:100%;object-fit:cover;display:block}.pl-mosaic-fallback,.pl-mosaic-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface-container);color:var(--text-faint);font-size:26px;border-radius:inherit}.pl-mosaic-fallback iconify-icon,.pl-mosaic-empty iconify-icon{opacity:.5}.account-saved-card--playlist{padding:0;overflow:hidden;min-height:auto}.account-saved-card-cover{width:100%;aspect-ratio:1.6;overflow:hidden;background:var(--surface-container)}.account-saved-card-cover .pl-mosaic,.account-saved-card-cover .pl-mosaic-fallback{border-radius:0}.account-saved-card-info{padding:.6rem .7rem;display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0px}.account-saved-card--playlist .account-saved-card-title{font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.account-saved-card--playlist .account-saved-card-sub{font-size:.7rem;color:var(--text-muted)}.account-panel-body .settings-placeholder{background:var(--surface-container);border-width:medium;border-style:none;border-color:currentcolor;border-image:none;border-radius:var(--radius);padding:var(--sp-4) var(--sp-5);font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--sp-5);display:flex;align-items:center;gap:var(--sp-3)}.account-panel-body .settings-sec-sub{margin-bottom:var(--sp-5);font-size:.8125rem;line-height:1.5;color:var(--text-muted)}.account-panel-body .settings-profile-row{padding:var(--sp-4) 0 var(--sp-5);gap:var(--sp-3)}.account-panel-body .settings-account-name{font-size:.875rem;font-weight:600}.account-panel-body .settings-account-role{font-size:.75rem;margin-top:2px}.account-panel-body .settings-sync-status{margin-top:var(--sp-2);font-size:.75rem}.account-panel-body .settings-sec-title{padding-right:32px}.profile-edit-form{margin-bottom:var(--sp-5);padding:var(--sp-5);background:var(--surface-container);border-radius:var(--radius-md);border:1px solid var(--border)}.profile-edit-form .settings-sec-title,.profile-edit-field{margin-bottom:var(--sp-4)}.profile-edit-field label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}.profile-edit-input{width:100%;padding:9px 12px;font-size:var(--text-base);border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);color:var(--text);outline:none;font-family:var(--font-body);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.profile-edit-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.profile-edit-actions{display:flex;gap:8px;justify-content:flex-end}.admin-song-search-row{display:flex;gap:8px;margin-bottom:10px}.admin-song-search-row input{flex:1;padding:9px 12px;font-size:var(--text-base);border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);color:var(--text);outline:none;font-family:var(--font-body);transition:border-color .15s,box-shadow .15s}.admin-song-search-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.admin-song-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}.admin-song-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 14px;font-size:var(--text-base);transition:border-color .15s,background .15s}.admin-song-row:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--panel) 80%,var(--accent-bg) 20%)}.admin-song-row .asr-info{flex:1;min-width:0}.admin-song-row .asr-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-song-row .asr-sub{color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.admin-song-row .asr-actions{display:flex;gap:6px;flex-shrink:0}.admin-song-row .cr-btn{font-size:var(--text-sm);padding:5px 10px}.admin-form-overlay{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--black) 50%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:20px}.admin-form-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:620px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:popupIn .18s ease}.admin-form-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.admin-form-header h3{margin:0;font-size:var(--text-lg);font-weight:700}.admin-form-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.admin-form-close:hover{border-color:var(--border-mid);color:var(--text)}.admin-form-close:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.admin-form-body{padding:var(--sp-4) var(--sp-5);overflow-y:auto;flex:1 1 auto}.admin-form-row{margin-bottom:14px}.admin-form-row label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);margin-bottom:5px}.admin-form-row input,.admin-form-row select,.admin-form-row textarea{width:100%;box-sizing:border-box;padding:9px 11px;font-size:var(--text-base);border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);color:var(--text);outline:none;font-family:var(--font-body);transition:border-color .15s,box-shadow .15s}.admin-form-row input:focus,.admin-form-row select:focus,.admin-form-row textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.admin-form-row textarea{resize:vertical;min-height:70px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.admin-form-footer{display:flex;justify-content:flex-end;gap:8px;padding:var(--sp-4) var(--sp-5) var(--sp-5);border-top:1px solid var(--border);align-items:center}.admin-form-hint{font-size:var(--text-sm);color:var(--text-muted);margin:-4px 0 14px;line-height:1.5}.req-diff{margin:6px 0 4px;font-size:var(--text-sm);background:var(--surface-container-low);border:1px solid var(--border);border-radius:10px;padding:6px 10px}.req-diff-row{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid var(--border)}.req-diff-row:last-child{border-bottom:none}.req-diff-field{flex-shrink:0;width:92px;color:var(--text-muted);font-weight:600;font-size:var(--text-sm)}.req-diff-vals{flex:1;min-width:0;word-break:break-word;font-size:var(--text-sm)}.req-diff-old{color:var(--error);text-decoration:line-through;opacity:.7}.req-diff-new{color:var(--accent)}.af-header h3{display:flex;align-items:center;gap:6px;font-weight:700;letter-spacing:.01em}.af-header-icon{color:var(--accent-gold, var(--accent));font-size:18px}.af-body{display:flex;flex-direction:column;gap:16px}.af-folio{border:1px solid color-mix(in srgb,var(--accent-gold, var(--accent)) 25%,var(--border));border-radius:12px;background:var(--card);border-left:3px solid var(--accent-gold, var(--accent))}.af-folio-head{display:flex;align-items:center;gap:6px;padding:10px 14px 0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-gold, var(--accent));opacity:.85}.af-folio-icon{font-size:14px}.af-folio-body{padding:10px 14px 6px}.af-folio-body .admin-form-row:last-child{margin-bottom:0}.af-annotation{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.75rem;color:var(--accent-gold, var(--accent));padding-left:2px}.af-annotation-text{font-style:italic;opacity:.8;text-decoration:wavy underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--accent-gold, var(--accent)) 40%,transparent)}.af-annotation-restore{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--accent-gold, var(--accent));cursor:pointer;opacity:.6;transition:opacity .12s,background .12s;padding:0}.af-annotation-restore iconify-icon{font-size:14px}.af-annotation-restore:hover{opacity:1;background:color-mix(in srgb,var(--accent-gold, var(--accent)) 12%,transparent)}.af-footer{flex-wrap:wrap;gap:8px}.af-footer-note{width:100%;font-size:.75rem;color:var(--text-muted);margin-bottom:4px;text-align:center}.af-footer-actions{display:flex;gap:8px;flex:1;justify-content:flex-end;align-items:center}.af-footer-actions .af-delete-btn{margin-right:auto}.af-req{color:var(--af-error, #c44c4c);font-style:normal;font-weight:700}.af-lyric-field{font-family:var(--font-devanagari, var(--font-body))}body:not(.light-mode) .af-folio{border-color:color-mix(in srgb,var(--accent-gold, var(--accent)) 20%,#3d342e)}@keyframes af-spin{to{transform:rotate(360deg)}}.af-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border-mid);border-top-color:var(--accent);border-radius:50%;animation:af-spin .6s linear infinite;vertical-align:middle;flex-shrink:0}.af-spinner+span{margin-left:4px}.af-loading-overlay{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);gap:8px;font-size:var(--text-sm)}.ap-wrap,.ap-field{position:relative}.ap-dropdown{position:absolute;z-index:10002;top:100%;left:0;right:0;margin-top:2px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #00000073;max-height:240px;display:none;overflow:hidden}.ap-dropdown.ap-open{display:block}.ap-scrollbody{max-height:240px;overflow-y:auto}.ap-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:.8125rem;text-align:left;cursor:pointer;transition:background .1s}.ap-option:last-child{border-bottom:none}.ap-option:hover,.ap-option:focus{background:color-mix(in srgb,var(--accent-gold, var(--accent)) 10%,var(--panel));outline:none}.ap-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--panel);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.ap-avatar img{width:100%;height:100%;object-fit:cover}.ap-avatar-new{background:color-mix(in srgb,var(--accent-gold, var(--accent)) 12%,var(--panel))}.ap-opt-text{flex:1;min-width:0}.ap-opt-name{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-opt-meta{display:block;font-size:.6875rem;color:var(--text-muted);margin-top:1px}.ap-check{font-size:16px;color:var(--accent-gold, var(--accent));opacity:0;transition:opacity .1s}.ap-option:hover .ap-check,.ap-option:focus .ap-check{opacity:1}.ap-empty{display:flex;align-items:center;gap:8px;padding:16px 12px;font-size:.8125rem;color:var(--text-muted)}.ap-hint-new,.ap-hint-exists{display:block;font-size:.75rem;margin-top:3px}.ap-hint-new{color:var(--accent-gold, var(--accent))}.ap-hint-exists{color:var(--accent)}.se-sections{display:flex;flex-direction:column;gap:var(--sp-3)}.se-block{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);overflow:hidden;transition:border-color .15s,box-shadow .15s,opacity .25s,transform .25s}.se-block:hover{border-color:var(--border-mid)}.se-block.se-dragging{opacity:.65;transform:scale(.97);box-shadow:0 8px 24px #00000059;z-index:10}.se-block.se-drag-over{border-color:var(--accent-gold, var(--accent))}.se-header{display:flex;align-items:center;gap:8px;padding:var(--sp-2) var(--sp-3);background:var(--surface);border-bottom:1px solid var(--border);user-select:none}.se-drag{cursor:grab;color:var(--text-muted);font-size:1.3rem;line-height:1;padding:0 10px 0 4px;transition:color .15s}.se-drag:hover{color:var(--accent)}.se-drag:active{cursor:grabbing}.se-label{flex:1;font-weight:700;font-size:.8125rem;padding:2px var(--sp-1);border-radius:var(--radius-sm);cursor:pointer;transition:background .1s;min-width:0;outline:none;color:var(--accent-gold, var(--accent));text-transform:uppercase;letter-spacing:.03em}.se-label:hover{background:color-mix(in srgb,var(--accent-gold, var(--accent)) 8%,transparent)}.se-label--editing{background:var(--surface);cursor:text;color:var(--text);text-transform:none;letter-spacing:normal;box-shadow:inset 0 0 0 1px var(--accent-gold, var(--accent))}.se-actions{display:flex;gap:4px;flex-shrink:0}.se-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:1.1rem;cursor:pointer;transition:background .1s,color .1s;padding:2px 6px}.se-btn:hover{color:var(--accent)}.se-btn-rm{color:var(--text-faint);font-size:1rem;line-height:1;padding:0 var(--sp-1);transition:color .15s}.se-btn-rm:hover{color:var(--error);background:none}.se-body{display:flex;flex-direction:column;gap:0}.se-field{padding:var(--sp-3) var(--sp-4);transition:background .15s}.se-field-nepali{background:var(--surface);border-left:3px solid var(--accent)}.se-field-nepali:hover,.se-field-nepali:focus-within{background:color-mix(in srgb,var(--surface) 90%,var(--accent-bg) 10%)}.se-field-label{display:block;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;color:var(--text-muted);font-family:var(--font-body)}.se-field-nepali .se-field-label{color:var(--accent)}.se-field-translit,.se-field-roman{padding:var(--sp-2) var(--sp-4) var(--sp-2) calc(var(--sp-4) + 3px);border-left:3px solid var(--border)}.se-field-translit:hover,.se-field-translit:focus-within,.se-field-roman:hover,.se-field-roman:focus-within{background:color-mix(in srgb,var(--surface) 92%,var(--panel) 8%)}.se-field-translit+.se-field-roman{border-top:1px solid var(--border)}.se-textarea{width:100%;box-sizing:border-box;padding:8px 0;font-size:1rem;border:none;background:transparent;color:var(--text);outline:none;resize:vertical;transition:border-color .15s,box-shadow .15s;line-height:1.7;font-family:var(--font-body)}.se-textarea::placeholder{color:var(--text-faint)}.se-textarea:focus{box-shadow:none}.se-text-nepali{font-family:var(--font-devanagari);min-height:5rem;color:var(--text-sec)}.se-text-nepali::placeholder{color:color-mix(in srgb,var(--accent) 40%,transparent)}.se-text-translit,.se-text-roman{font-size:.85rem;min-height:2.5rem}body:not(.light-mode) .se-textarea{color:var(--text)}.se-field-row{display:flex;flex-direction:column;gap:0}.se-add-row{display:flex;flex-wrap:wrap;gap:6px;padding:var(--sp-1) 0}.se-add-btn{padding:5px 14px;font-size:.75rem;font-weight:600;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:border-color .12s,color .12s,background .12s;font-family:var(--font-body)}.se-add-btn:hover{border-color:var(--accent-gold, var(--accent));color:var(--accent-gold, var(--accent));background:color-mix(in srgb,var(--accent-gold, var(--accent)) 8%,var(--surface))}.se-mismatch{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:500;color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--warning) 30%,var(--border));border-radius:var(--radius-md);line-height:1.4}.tools-panel .tools-section{padding-bottom:var(--sp-4)}.tools-panel .tools-section-title{display:none}.metro-rack-card,.cp-metronome.metro-rack-card{width:100%;margin:0;padding:14px;border-radius:22px!important;border:1px solid color-mix(in srgb,var(--border) 82%,var(--accent) 18%)!important;box-shadow:var(--shadow-sm)!important;display:flex;flex-direction:column;gap:12px;overflow:hidden;position:relative}.metro-rack-card.is-playing{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))!important;box-shadow:0 0 0 3px var(--accent-bg),var(--shadow-md)!important}.metro-rack-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.metro-rack-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.metro-rack-icon{width:34px;height:34px;border-radius:12px;background:var(--nav-active-bg);color:var(--accent);flex:0 0 auto}.metro-rack-eyebrow{font-family:var(--font-mono);font-size:.57rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);line-height:1.1}.metro-rack-title{font-size:.92rem;font-weight:800;color:var(--text);line-height:1.2}.metro-rack-status{padding:5px 8px;border-radius:999px;background:var(--nav-active-bg);color:var(--accent);font-family:var(--font-mono);font-size:.68rem;font-weight:900;white-space:nowrap}.metro-signature-pills{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.metro-sig-pill{min-height:30px;padding:0 4px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text-muted);font-family:var(--font-mono);font-size:.62rem;font-weight:900;cursor:pointer}.metro-sig-pill:hover,.metro-sig-pill.active{border-color:var(--accent);background:var(--accent-container);color:#fff}.metro-display-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 0}.metro-arc{width:min(100%,160px);height:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;filter:none}.metro-arc:active{cursor:grabbing}.metro-arc:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:18px}#arcFill{transition:stroke-dashoffset .08s linear}#arcThumb,#arcThumbGlow{transition:r .12s ease,opacity .12s ease}.metro-arc-bpm{font-family:var(--font-mono);font-size:46px;font-weight:900;fill:var(--text);pointer-events:none}.metro-arc-label{font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.12em;fill:var(--text-muted);pointer-events:none}.metro-arc-sig{font-family:var(--font-mono);font-size:13px;font-weight:900;fill:var(--accent);pointer-events:none}.metro-beat-row{display:flex;justify-content:center;align-items:center;gap:7px;min-height:18px}.metro-beat-dot{width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 34%,transparent);transition:transform .08s ease,background-color .08s ease,box-shadow .08s ease}.metro-beat-dot.is-accent{width:10px;height:10px}.metro-beat-dot.active{transform:scale(1.45);background:var(--accent);box-shadow:0 0 0 5px var(--accent-bg)}.metro-beat-dot.accent-hit{background:var(--tertiary);box-shadow:0 0 0 6px color-mix(in srgb,var(--tertiary) 20%,transparent)}.metro-bpm-stepper{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px}.metro-step-btn,.metro-bpm-stepper input,.metro-primary-btn,.metro-secondary-btn{min-height:38px;border-radius:14px;font-family:var(--font-mono);font-weight:900}.metro-step-btn{border:1px solid var(--border);background:var(--panel);color:var(--text-sec);cursor:pointer;font-size:1rem}.metro-step-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.metro-bpm-stepper input{width:100%;min-width:0;border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:center;font-size:.95rem;outline:none}.metro-bpm-stepper input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.metro-transport-row{display:flex}.metro-primary-btn{width:100%;border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--accent-container);color:#fff;cursor:pointer;letter-spacing:.06em;box-shadow:var(--shadow-sm)}.metro-primary-btn:hover{background:var(--accent);color:var(--on-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.metro-primary-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.metro-primary-btn.is-playing{background:var(--tertiary);color:var(--on-accent)}.metro-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metro-secondary-btn{border:1px solid var(--border);background:var(--panel);color:var(--text-sec);cursor:pointer;font-size:.72rem;letter-spacing:.06em}.metro-secondary-btn:hover,.metro-secondary-btn.is-on{border-color:var(--accent);background:var(--nav-active-bg);color:var(--accent)}@keyframes metroCardPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 36%,transparent),var(--shadow-sm)}to{box-shadow:0 0 0 12px transparent,var(--shadow-sm)}}@keyframes metroBpmPulse{0%,to{transform:scale(1)}35%{transform:scale(1.055)}}.metro-pulse{animation:metroCardPulse .15s ease-out}.metro-pulse-accent{animation:metroCardPulse .19s ease-out}.metro-label-pulse{animation:metroBpmPulse .14s ease-out;transform-box:fill-box;transform-origin:center}@media(max-width:900px){.metro-rack-card,.cp-metronome.metro-rack-card{padding:12px}.metro-signature-pills{grid-template-columns:repeat(5,minmax(44px,1fr));overflow-x:auto}}.tools-popup--converter .tools-popup-body{display:flex;flex-direction:column;gap:var(--sp-4)}.conv-popup-section{display:flex;flex-direction:column;gap:var(--sp-2)}.conv-popup-label-row{display:flex;align-items:center;justify-content:space-between}.conv-popup-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.conv-popup-fill-btn,.conv-popup-clear-btn{font-size:.82rem;font-weight:600;font-family:var(--font-body);padding:3px 9px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:3px;transition:border-color .15s,color .15s}.conv-popup-fill-btn:hover,.conv-popup-clear-btn:hover{border-color:var(--border-mid);color:var(--text-sec)}.conv-popup-textarea{width:100%;min-height:80px;resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);color:var(--text);padding:var(--sp-3) var(--sp-3);font-size:1rem;font-family:var(--font-devanagari, var(--font-body));outline:none;transition:border-color .15s;box-sizing:border-box}.conv-popup-textarea:focus{border-color:var(--accent)}.conv-popup-output{font-family:var(--font-mono);color:var(--text-sec);background:var(--card);cursor:default}.conv-popup-count{font-size:.72rem;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.04em}.conv-popup-hint{font-size:.82rem;color:var(--text-muted)}.conv-popup-copy-btn{display:flex;align-items:center;gap:4px;font-size:.82rem;font-weight:700;font-family:var(--font-body);padding:5px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-sec);cursor:pointer;transition:border-color .15s,color .15s,background .15s;flex-shrink:0}.conv-popup-copy-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}body.light-mode .tools-popup{background:#fff;border-color:var(--border)}body.light-mode .conv-popup-textarea{background:var(--surface)}body.light-mode .conv-popup-output{background:var(--panel)}.tools-popup-overlay.is-open{display:flex;animation:fadeIn .18s ease}.tools-popup.tools-popup--converter{width:min(1040px,calc(100vw - 32px))!important;max-width:1040px!important;max-height:min(860px,calc(100svh - 32px))!important;display:flex;flex-direction:column}.tools-popup--converter .tools-popup-header,.tools-popup--converter .tools-popup-footer{flex:0 0 auto}.tools-popup--converter .tools-popup-body{flex:1 1 auto;min-height:0;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-4);max-height:calc(100svh - 170px);overflow:auto;padding:var(--sp-5)}.tools-popup--converter .conv-popup-section{min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--sp-2)}.tools-popup--converter .conv-popup-textarea{min-height:360px!important;height:clamp(320px,52vh,560px)!important;resize:vertical}.tools-popup--converter .tools-popup-footer{gap:var(--sp-3);flex-wrap:wrap}@media(max-width:420px){.tools-popup-overlay:has(.tools-popup--converter){padding:6px}.tools-popup.tools-popup--converter{width:calc(100vw - 12px)!important;max-height:calc(100svh - 12px)!important}.tools-popup--converter .tools-popup-body{max-height:calc(100svh - 145px);padding:var(--sp-3)}.tools-popup--converter .conv-popup-textarea{min-height:180px!important;height:30vh!important}}.conv-popup-footer-actions{align-items:center;justify-content:space-between;flex-wrap:wrap}.conv-popup-action-row{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);margin-left:auto;flex-wrap:wrap}.conv-popup-page-btn{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;font-weight:700;font-family:var(--font-body);padding:5px 12px;border-radius:var(--radius-full);border:1px solid var(--accent);background:var(--nav-active-bg);color:var(--accent);cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .15s;flex-shrink:0}.conv-popup-page-btn:hover{background:var(--accent-container);border-color:var(--accent-container);color:#fff;transform:translateY(-1px)}.conv-popup-page-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}body.converter-page{min-height:100svh;height:auto;overflow:auto;background:var(--bg)}.converter-page-shell{min-height:100svh;padding:clamp(16px,3vw,40px);background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--tertiary) 13%,transparent),transparent 32%),var(--bg)}.converter-page-container{width:min(1180px,100%);margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-5)}.converter-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.converter-page-kicker{color:var(--accent);font-family:var(--font-mono);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--sp-2)}.converter-page-title{color:var(--text);font-size:clamp(2rem,5vw,4rem);line-height:1.05;letter-spacing:-.05em;margin:0}.converter-page-subtitle{color:var(--text-muted);max-width:760px;margin-top:var(--sp-3);font-size:1rem;line-height:1.65}.converter-page-actions{display:inline-flex;gap:var(--sp-2);flex-wrap:wrap}.converter-page-btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--card);color:var(--text-sec);text-decoration:none;font-family:var(--font-body);font-size:.82rem;font-weight:800;cursor:pointer}.converter-page-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.converter-page-btn.primary{border-color:var(--accent-container);background:var(--accent-container);color:#fff}.converter-page-card{background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-lg);overflow:hidden}.converter-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);flex-wrap:wrap}.converter-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-4);padding:var(--sp-5)}.converter-page-panel{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.converter-page-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.converter-page-label{color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.converter-page-count{color:var(--text-faint);font-family:var(--font-mono);font-size:.72rem}.converter-page-textarea{width:100%;min-height:clamp(360px,58vh,640px);resize:vertical;border:1px solid var(--border);border-radius:18px;background:var(--panel);color:var(--text);padding:var(--sp-4);outline:none;font-family:var(--font-devanagari),var(--font-body),system-ui,sans-serif;font-size:1rem;line-height:1.75}.converter-page-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.converter-page-output{font-family:var(--font-mono);background:var(--surface-container-lowest)}.converter-page-note{color:var(--text-muted);font-size:.82rem;line-height:1.55;padding:0 var(--sp-5) var(--sp-5)}.converter-page-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(10px);opacity:0;pointer-events:none;z-index:10000;border-radius:var(--radius-full);background:var(--inverse-surface);color:var(--inverse-on-surface);padding:10px 16px;font-size:.82rem;font-weight:800;box-shadow:var(--shadow-lg);transition:opacity .18s ease,transform .18s ease}.converter-page-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:820px){.converter-page-grid{grid-template-columns:1fr}.converter-page-textarea{min-height:300px}}@media(max-width:520px){.converter-page-shell{padding:12px}.converter-page-card{border-radius:20px}.converter-page-toolbar,.converter-page-grid{padding:var(--sp-3)}.converter-page-actions,.converter-page-btn{width:100%}}