@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_4e5988{font-family:Inter,Inter Fallback;font-style:normal}.__variable_4e5988{--primary-font:"Inter","Inter Fallback"}@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");:root{--ios-blue:#007aff;--ios-red:#ff3b30;--ios-green:#34c759;--ios-orange:#ff9500;--ios-purple:#af52de;--ios-text-primary:#000000;--ios-text-secondary:rgba(60,60,67,0.6);--ios-text-tertiary:rgba(60,60,67,0.3);--ios-text-comment:rgba(60,60,67,0.5);--ios-system-background:#f2f2f7;--ios-secondary-system-background:#ffffff;--ios-font-family:"Roboto Mono",monospace!important;--ios-font-family-display:"Roboto Mono",monospace!important;--ios-border-radius:10px;--ios-padding-standard:16px;--ios-margin-standard:16px;--ios-animation-duration:0.3s;--ios-animation-timing-function:cubic-bezier(0.25,0.1,0.25,1);--karaoke-fill-primary:var(--ios-blue);--karaoke-fill-secondary:var(--ios-orange);--primary-accent:#ffffff;--sidebar-bg:rgba(255,255,255,0.05);--border-color:rgba(255,255,255,0.1);--hover-bg:rgba(255,255,255,0.1);--sidebar-width:260px;--sidebar-width-collapsed:72px;--font-mono:"Roboto Mono";--bg-panel:#101012;--bg-input:#1c1c1e;--border-dashed:#444;--options-width:340px;--transition-speed:0.25s;--bg-primary:#0c0c0c;--bg-secondary:#161616;--bg-tertiary:#1a1a1a;--text-muted:#737373;--accent-green-dim:rgba(74,222,128,0.1);--accent-green-bright:#22c55e;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-orange:#f97316;--border-bright:rgba(255,255,255,0.2);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-glow:0 0 20px rgba(74,222,128,0.3)}body{font-family:var(--ios-font-family);background-color:var(--ios-system-background);color:var(--ios-text-primary);line-height:1.5;-moz-osx-font-smoothing:grayscale;display:flex;justify-content:center;padding:0!important;margin:0!important;background:#0b0b0d!important;color:#ccc!important;font-family:Roboto Mono,monospace!important;-webkit-font-smoothing:antialiased!important}.karaoke-container,body{padding:var(--ios-padding-standard)}.karaoke-container{max-width:640px;width:100%;margin:0 auto;text-align:center;background-color:var(--ios-secondary-system-background);box-shadow:0 4px 12px rgba(0,0,0,.08)}.album-art,.karaoke-container{border-radius:var(--ios-border-radius)}.album-art{width:280px;height:280px;object-fit:cover;margin-bottom:calc(var(--ios-margin-standard) * 1.5);box-shadow:0 2px 6px rgba(0,0,0,.1)}.title{font-family:var(--ios-font-family-display);font-size:1.75rem;font-weight:600;color:var(--ios-text-primary);margin:0 0 .25rem}.artist{font-size:1.0625rem;color:var(--ios-text-secondary);font-weight:400;margin-bottom:var(--ios-margin-standard)}.audio-controls{justify-content:center;gap:var(--ios-margin-standard);margin:var(--ios-margin-standard) 0}.time{font-size:.9375rem;color:var(--ios-text-secondary)}.lyrics{margin-top:calc(var(--ios-margin-standard) * 1.5)}.line{margin-bottom:1.8rem;line-height:1.6}.segment{display:flex;flex-wrap:wrap;justify-content:center;gap:.3em}.word{position:relative;font-size:1.5rem;font-weight:500;color:var(--ios-text-tertiary);transition:color var(--ios-animation-duration) var(--ios-animation-timing-function),transform var(--ios-animation-duration) var(--ios-animation-timing-function),opacity var(--ios-animation-duration) var(--ios-animation-timing-function);opacity:.7;padding:.05em .1em}.word.past{transform:scale(1)}.word.active,.word.past{color:var(--karaoke-fill-primary);opacity:1}.word.active{transform:scale(1.1);font-weight:600}.word.future{color:var(--ios-text-tertiary);opacity:.7;transform:scale(1)}.segment.comment .word{color:var(--ios-text-comment);font-size:1.1rem;font-style:italic;font-weight:400;opacity:1;transform:scale(1)}.segment.secondary_vocal .word.past{color:var(--karaoke-fill-secondary)}.segment.secondary_vocal .word.active{color:var(--karaoke-fill-secondary);transform:scale(1.05);font-weight:600;opacity:1}.segment.secondary_vocal .word.future{color:var(--ios-text-tertiary);opacity:.7}.ios-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:1.0625rem;font-weight:500;color:var(--ios-blue);background-color:transparent;border:none;border-radius:var(--ios-border-radius);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.ios-button:focus,.ios-button:hover{background-color:rgba(0,122,255,.1)}.ios-button.primary{background-color:var(--ios-blue);color:#ffffff}.ios-button.primary:focus,.ios-button.primary:hover{background-color:#0056b3}.letter{display:inline-block;font-size:1.6rem;font-weight:500;transition:transform var(--ios-animation-duration) var(--ios-animation-timing-function),filter var(--ios-animation-duration) var(--ios-animation-timing-function),color var(--ios-animation-duration) var(--ios-animation-timing-function)}.letter.future{color:var(--ios-text-tertiary);opacity:.7}.letter.active,.letter.past{color:var(--karaoke-fill-primary)}.segment.secondary_vocal .letter.active,.segment.secondary_vocal .letter.past{color:var(--karaoke-fill-secondary)}.audio-controls{gap:20px;margin:24px 0}.audio-controls,.play-btn{display:flex;align-items:center}.play-btn{width:56px;height:56px;border:none;border-radius:50%;background:#ffffff;box-shadow:0 4px 10px rgba(0,0,0,.12);justify-content:center;cursor:pointer}.play-btn svg{color:#007aff}.play-btn:active{transform:scale(.95)}.progress{flex:1;appearance:none;height:4px;border-radius:999px;background:linear-gradient(90deg,#007aff,#c7c7cc 0);outline:none}.progress::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#ffffff;box-shadow:0 0 2px rgba(0,0,0,.4);cursor:pointer}.time{font-variant-numeric:tabular-nums;color:#1c1c1e}.main-content{margin-left:var(--sidebar-width);transition:margin-left .4s cubic-bezier(.23,1,.32,1)}.sidebar-collapsed .main-content{margin-left:var(--sidebar-width-collapsed)}html{scroll-behavior:smooth}@media (max-width:1024px){:root{--sidebar-width:0;--sidebar-width-collapsed:0}body{padding:60px 0 0}.main-content{margin-left:0!important}main{padding-top:0}}@media (max-width:768px){:root{--ios-padding-standard:12px;--ios-margin-standard:12px}body{font-size:16px}body,html{overflow-x:hidden;width:100%}input,select,textarea{font-size:16px}}@media (max-width:480px){:root{--ios-padding-standard:8px;--ios-margin-standard:8px}}.navigation{display:flex;flex-direction:column;gap:8px}.navLink{display:flex;align-items:center;gap:16px;padding:8px 12px;border-radius:8px;font-size:16px;color:var(--text-primary);text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;cursor:pointer}.navLink:hover{background-color:rgba(255,255,255,.05);transform:translateX(2px)}.navIcon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0;transition:all .3s cubic-bezier(.23,1,.32,1)}.navLink:hover .navIcon{color:var(--accent-green);transform:scale(1.1)}.navLabel,.navSectionTitle{white-space:nowrap;transition:all .4s cubic-bezier(.23,1,.32,1)}.navSectionTitle{font-size:12px;color:var(--text-secondary);font-weight:600;margin-bottom:8px;padding-left:12px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.navLink.active{background-color:rgba(255,255,255,.08)}.navLink.active .navIcon{color:var(--accent-green)}.studioLink{background:linear-gradient(135deg,#ffffff,#d8d8d8);font-weight:600;margin-top:8px}.studioLink,.studioLink>svg{color:rgb(0,0,0)!important}@media (max-width:1024px){.studioLink:hover{background:linear-gradient(135deg,#22c55e,#059669);transform:translateX(2px) scale(1.02)}.studioLink:hover,.studioLink:hover>svg{color:rgb(255,255,255)!important}}:root{--bg-main:#0b0b0d;--bg-glass:rgba(255,255,255,0.05);--bg-glass-hover:rgba(255,255,255,0.08);--text-primary:#ffffff;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-green:#d8d8d8;--accent-green-dark:#ffffff;--accent-red:#ff4d4d;--font-mono:"Roboto Mono",monospace;--accent-green:#4ADE80;--accent-orange:#F59E0B;--highlight-good:#22C55E;--highlight-mid:#EAB308;--highlight-bad:#EF4444;--bg-primary:#0D0D0F;--bg-secondary:#1A1A1C;--bg-glass:rgba(26,26,28,0.5);--bg-glass-hover:rgba(36,36,38,0.7);--text-primary:#EAEAEA;--text-secondary:#A0A0A0;--text-muted:#666666;--border-subtle:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.2);--accent-green:#ffffff;--accent-green-bright:#6EE7B7;--accent-blue:#60A5FA;--accent-purple:#A78BFA;--orange:#F59E0B;--green:#22C55E;--blue:#3B82F6;--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-glow:0 0 20px -5px rgba(74,222,128,0.3)}