@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/98848575513c9742-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:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/98848575513c9742-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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/98848575513c9742-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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/98848575513c9742-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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/98848575513c9742-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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-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:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/98848575513c9742-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:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-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:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/98848575513c9742-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:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-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:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_dc5043{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_dc5043{--font-outfit:"Outfit","Outfit Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/edc640959b0c7826-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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/64d784ea54a4acde-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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ff71da380fbe67dd-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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6d831b18ae5b01dc-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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/558ca1a6aa3cb55e-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:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/edc640959b0c7826-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:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/64d784ea54a4acde-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:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ff71da380fbe67dd-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:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/6d831b18ae5b01dc-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:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/558ca1a6aa3cb55e-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:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/edc640959b0c7826-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:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/64d784ea54a4acde-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:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ff71da380fbe67dd-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:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6d831b18ae5b01dc-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:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/558ca1a6aa3cb55e-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:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_95e4d1{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_95e4d1{--font-jetbrains:"JetBrains Mono","JetBrains Mono Fallback"}:root,:root[data-theme=dark]{--c-black:#000000;--c-crimson:#CB2957;--c-crimson-hover:#e03467;--c-crimson-glow:rgba(203,41,87,0.45);--c-silver:#DDDDDD;--c-silver-muted:rgba(221,221,221,0.70);--c-silver-dim:rgba(221,221,221,0.40);--c-white:#EEEEEE;--bg-canvas:#000000;--glass-card:rgba(255,255,255,0.035);--glass-card-hover:rgba(255,255,255,0.065);--glass-border:rgba(221,221,221,0.13);--glass-border-glow:rgba(203,41,87,0.55);--glass-blur:blur(24px);--text-primary:#EEEEEE;--text-secondary:#DDDDDD;--text-muted:rgba(221,221,221,0.65);--text-dim:rgba(221,221,221,0.35);--text-accent:#CB2957;--header-bg:rgba(0,0,0,0.65);--footer-bg:rgba(0,0,0,0.70);--input-bg:rgba(0,0,0,0.55);--pill-bg:rgba(255,255,255,0.05);--visualizer-bg:rgba(0,0,0,0.45);--visualizer-shadow:inset 0 2px 6px rgba(0,0,0,0.5);--shadow-subtle:0 4px 20px rgba(0,0,0,0.5);--shadow-card:0 20px 50px rgba(0,0,0,0.75),inset 0 1px 1px 0 rgba(255,255,255,0.12);--shadow-card-hover:0 25px 60px rgba(0,0,0,0.9),0 0 30px rgba(203,41,87,0.22),inset 0 1px 2px 0 rgba(255,255,255,0.22);--shadow-btn:0 6px 24px rgba(203,41,87,0.40);--shadow-btn-hover:0 8px 32px rgba(203,41,87,0.65);--grid-line:rgba(221,221,221,0.035);--orb-opacity:0.18}:root[data-theme=light]{--c-black:#000000;--c-crimson:#CB2957;--c-crimson-hover:#e03467;--c-crimson-glow:rgba(203,41,87,0.25);--c-silver:#555555;--c-silver-muted:rgba(0,0,0,0.60);--c-silver-dim:rgba(0,0,0,0.35);--c-white:#ffffff;--bg-canvas:#f7f7fa;--glass-card:rgba(255,255,255,0.82);--glass-card-hover:rgba(255,255,255,0.95);--glass-border:rgba(0,0,0,0.08);--glass-border-glow:rgba(203,41,87,0.40);--glass-blur:blur(20px);--text-primary:#111111;--text-secondary:#333333;--text-muted:rgba(0,0,0,0.58);--text-dim:rgba(0,0,0,0.38);--text-accent:#CB2957;--header-bg:rgba(255,255,255,0.85);--footer-bg:rgba(255,255,255,0.88);--input-bg:#ffffff;--pill-bg:rgba(0,0,0,0.05);--visualizer-bg:#ffffff;--visualizer-shadow:inset 0 1px 3px rgba(0,0,0,0.04),0 2px 6px rgba(0,0,0,0.02);--shadow-subtle:0 4px 16px rgba(0,0,0,0.04);--shadow-card:0 16px 40px rgba(0,0,0,0.06),inset 0 1px 1px 0 rgba(255,255,255,0.9);--shadow-card-hover:0 20px 48px rgba(0,0,0,0.10),0 0 25px rgba(203,41,87,0.15),inset 0 1px 2px 0 #ffffff;--shadow-btn:0 4px 18px rgba(203,41,87,0.32);--shadow-btn-hover:0 6px 26px rgba(203,41,87,0.50);--grid-line:rgba(0,0,0,0.04);--orb-opacity:0.10}:root{--font-display:var(--font-outfit),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:var(--font-jetbrains),monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:28px;--radius-full:9999px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.25s cubic-bezier(0.4,0,0.2,1)}.no-transitions,.no-transitions *,.no-transitions :after,.no-transitions :before{transition:none!important;animation-duration:0s!important}*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(203,41,87,.4) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(203,41,87,.35);border-radius:9999px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--c-crimson)}::-webkit-scrollbar-corner{background:transparent}.btn-download-final:active,.btn-icon-clear:active,.btn-secondary:active,.btn-shift-trigger:active:not(:disabled),.btn-track-download:active,.theme-toggle-btn:active,.track-item-card:active,button:active:not(:disabled){transform:scale(.97)!important;opacity:.92}html{font-size:16px;scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:100px}body,html{background-color:var(--bg-canvas)}body{font-family:var(--font-display);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid-overlay{position:fixed;inset:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;z-index:1;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0,rgba(0,0,0,.3) 80%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0,rgba(0,0,0,.3) 80%)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;justify-content:space-between;padding:1.15rem 2.5rem;background:var(--header-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px rgba(0,0,0,.15)}.app-header,.logo-container{display:flex;align-items:center}.logo-container{gap:.85rem;text-decoration:none;color:inherit}.logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;box-shadow:none;transition:transform var(--transition-fast)}.logo-icon-img{width:100%;height:100%;object-fit:contain}:root[data-theme=dark] .logo-dark{display:block}:root[data-theme=dark] .logo-light,:root[data-theme=light] .logo-dark{display:none}:root[data-theme=light] .logo-light{display:block}.logo-text h1{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);text-transform:lowercase}.logo-text span{font-size:.72rem;color:var(--c-crimson);letter-spacing:.08em;text-transform:uppercase;font-weight:700;display:block}.header-actions{display:flex;align-items:center;gap:.85rem}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(255,255,255,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;box-shadow:inset 0 1px 1px rgba(255,255,255,.08);transition:all var(--transition-fast)}.theme-toggle-btn.skeleton{opacity:.4;cursor:default}.theme-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.backend-status-pill{display:flex;align-items:center;gap:.6rem;padding:.45rem 1rem;background:rgba(255,255,255,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:inset 0 1px 1px rgba(255,255,255,.08);transition:all var(--transition-fast)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#ef4444}.status-dot.online{background-color:#10b981;box-shadow:0 0 8px #10b981,0 0 14px #10b981}.status-dot.waking{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}.status-dot.offline{background-color:#ef4444}.app-main{flex:1 1;width:100%;max-width:840px;margin:0 auto;padding:4rem 1.5rem 6rem;position:relative;z-index:10;gap:2.5rem}.app-main,.hero-section{display:flex;flex-direction:column}.hero-section{text-align:center;align-items:center;gap:1.15rem}.badge-tag{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 1.25rem;background:rgba(203,41,87,.1);border:1px solid rgba(203,41,87,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);font-size:.82rem;font-weight:800;color:var(--text-primary);letter-spacing:.02em;box-shadow:0 2px 10px rgba(0,0,0,.1)}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--c-crimson);box-shadow:0 0 8px var(--c-crimson);animation:pulseDot 2s ease-in-out infinite}.hero-title{font-size:clamp(2.3rem,5.5vw,3.5rem);font-weight:800;line-height:1.12;letter-spacing:-.035em;color:var(--text-primary)}.hero-title-pink{color:var(--c-crimson)}.hero-subtitle{font-size:clamp(.98rem,2vw,1.12rem);color:var(--text-secondary);max-width:620px;line-height:1.7}.hero-highlight-text{color:var(--c-crimson);font-weight:700}.glass-panel{background:var(--glass-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);border-radius:var(--radius-xl);position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);transform:translateZ(0)}.converter-card{padding:2.5rem;display:flex;flex-direction:column;gap:1.85rem}.input-group-container{display:flex;flex-direction:column;gap:.85rem}.input-label-row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:.4rem}.input-label-row label{font-size:.9rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.input-label-row span{font-size:.78rem;color:var(--text-muted);font-weight:600}.input-wrapper{position:relative;display:flex;align-items:center;background:var(--input-bg);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 2px 8px rgba(0,0,0,.04);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:.4rem .6rem .4rem 1.25rem}.input-wrapper:focus-within{border-color:var(--c-crimson);box-shadow:0 0 0 3px rgba(203,41,87,.25),inset 0 2px 4px rgba(0,0,0,.05)}.input-icon{width:20px;height:20px;color:var(--c-crimson);margin-right:.85rem;flex-shrink:0}.url-input{flex:1 1;background:transparent;border:none;outline:none;font-family:inherit;font-size:1.02rem;color:var(--text-primary);font-weight:600;padding:.75rem 0;width:100%}.url-input::placeholder{color:var(--text-dim)}.btn-icon-clear{background:var(--pill-bg);border:none;color:var(--text-muted);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:.5rem;flex-shrink:0;transition:all var(--transition-fast)}.video-preview-card{display:flex;align-items:center;gap:1.15rem;padding:.95rem 1.15rem;background:rgba(255,255,255,.035);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 1px rgba(255,255,255,.1);animation:slideInUp .25s cubic-bezier(.16,1,.3,1) forwards}.video-preview-thumb{width:84px;height:50px;object-fit:cover;border-radius:var(--radius-sm);background:#000;flex-shrink:0;border:1px solid var(--glass-border)}.video-preview-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.video-preview-title{font-size:.94rem;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-preview-channel{font-size:.8rem;color:var(--text-secondary);font-weight:600}.options-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.format-badge-group{display:flex;gap:.6rem}.format-pill{padding:.45rem 1rem;background:var(--pill-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);font-size:.82rem;font-weight:800;display:flex;align-items:center;gap:.5rem;box-shadow:inset 0 1px 1px rgba(255,255,255,.08)}.format-pill svg{color:var(--c-crimson)}.visualizer-container{width:100%;height:64px;max-height:64px;min-height:60px;flex-shrink:0;background:var(--visualizer-bg);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);position:relative;box-shadow:var(--visualizer-shadow);overflow:hidden}.audio-visualizer-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;touch-action:none;border-radius:inherit}.btn-shift-trigger{width:100%;padding:1.1rem 1.85rem;background:linear-gradient(135deg,#CB2957,#a81c43);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#ffffff;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;box-shadow:var(--shadow-btn),inset 0 1px 1px rgba(255,255,255,.3);transition:all var(--transition-fast);position:relative}.btn-shift-trigger svg{width:20px;height:20px}.btn-shift-trigger:active:not(:disabled){transform:translateY(0)}.btn-shift-trigger:disabled{opacity:.6;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffff;border-radius:50%;animation:spin .8s linear infinite}.search-results-panel{padding:2rem;display:flex;flex-direction:column;gap:1.35rem;animation:slideInUp .3s cubic-bezier(.16,1,.3,1) forwards}.results-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding-bottom:.85rem;border-bottom:1px solid var(--glass-border)}.results-heading{font-size:1.08rem;display:flex;align-items:center;gap:.65rem}.results-count-badge,.results-heading{font-weight:800;color:var(--text-primary)}.results-count-badge{background:rgba(203,41,87,.15);border:1px solid rgba(203,41,87,.4);font-size:.78rem;padding:.3rem .75rem;border-radius:var(--radius-full);white-space:nowrap}.results-list{display:flex;flex-direction:column;gap:.85rem}.track-item-card{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.95rem 1.25rem;background:rgba(255,255,255,.025);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle),inset 0 1px 1px rgba(255,255,255,.08);transition:all var(--transition-fast);cursor:pointer;position:relative;overflow:hidden;text-align:left;width:100%}.track-thumb-wrap{position:relative;width:96px;height:56px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:#000;border:1px solid var(--glass-border)}.track-thumb-img{width:100%;height:100%;object-fit:cover}.track-duration-pill{position:absolute;bottom:3px;right:3px;background:rgba(0,0,0,.85);font-size:.68rem;font-family:var(--font-mono);font-weight:700;color:#ffffff;padding:1px 5px;border-radius:3px;border:1px solid rgba(255,255,255,.15)}.track-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.track-title{font-size:.98rem;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-channel{font-size:.82rem;color:var(--text-secondary);font-weight:600;display:flex;align-items:center;gap:.4rem}.track-channel svg{color:var(--c-crimson)}.btn-track-download{padding:.55rem 1.15rem;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);font-size:.82rem;font-weight:800;display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;cursor:pointer;box-shadow:inset 0 1px 1px rgba(255,255,255,.1);transition:all var(--transition-fast)}.pipeline-card{padding:2rem;display:flex;flex-direction:column;gap:1.35rem;animation:slideInUp .3s cubic-bezier(.16,1,.3,1) forwards}.pipeline-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.85rem;border-bottom:1px solid var(--glass-border)}.pipeline-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:.6rem}.pipeline-percentage{font-family:var(--font-mono);font-size:1rem;font-weight:800;color:var(--c-crimson);text-shadow:0 0 12px var(--c-crimson-glow)}.stepper-list{display:flex;flex-direction:column;gap:.75rem}.stepper-item{display:flex;align-items:center;gap:.95rem;padding:.8rem 1.1rem;background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:.92rem;color:var(--text-secondary);font-weight:600;transition:all var(--transition-fast)}.stepper-item.active{color:var(--text-primary);background:rgba(203,41,87,.12);border-color:var(--c-crimson);box-shadow:0 0 20px var(--c-crimson-glow);font-weight:800}.stepper-item.completed{color:var(--text-muted)}.step-icon-wrap{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-family:var(--font-mono);font-weight:800;color:var(--text-secondary);flex-shrink:0}.stepper-item.active .step-icon-wrap{background:var(--c-crimson);border-color:var(--c-crimson);color:#ffffff;box-shadow:0 0 12px var(--c-crimson)}.stepper-item.completed .step-icon-wrap{background:rgba(0,0,0,.15);border-color:var(--glass-border);color:var(--text-primary)}.result-card{padding:2.75rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.35rem;animation:slideInUp .35s cubic-bezier(.16,1,.3,1) forwards}.result-icon-badge{width:64px;height:64px;border-radius:50%;background:rgba(203,41,87,.15);border:1.5px solid var(--c-crimson);display:flex;align-items:center;justify-content:center;color:var(--c-crimson);box-shadow:0 0 25px var(--c-crimson-glow)}.result-icon-badge svg{width:32px;height:32px}.result-title{font-size:1.3rem;font-weight:800;color:var(--text-primary);max-width:90%;word-break:break-word}.result-file-details{display:flex;align-items:center;gap:.75rem;font-size:.92rem;color:var(--text-secondary);font-weight:600}.result-actions-row{display:flex;gap:1rem;width:100%;max-width:420px;margin-top:.5rem}.btn-download-final{flex:1 1;padding:.95rem 1.5rem;background:linear-gradient(135deg,#CB2957,#a81c43);color:#ffffff;border-radius:var(--radius-md);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:var(--shadow-btn),inset 0 1px 1px rgba(255,255,255,.25)}.btn-download-final,.btn-secondary{font-weight:800;transition:all var(--transition-fast)}.btn-secondary{padding:.95rem 1.4rem;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;box-shadow:inset 0 1px 1px rgba(255,255,255,.1)}.app-footer{margin-top:auto;z-index:10;padding:2rem 1.5rem}.footer-content{max-width:840px;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.88rem;color:var(--text-muted)}.footer-links{display:flex;gap:1.5rem}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.88rem;font-weight:600;transition:color var(--transition-fast)}@media (hover:hover) and (pointer:fine){.logo-container:hover .logo-icon{transform:scale(1.08)}.theme-toggle-btn:hover{background:rgba(255,255,255,.12);border-color:var(--c-crimson);color:var(--c-crimson);box-shadow:0 0 16px var(--c-crimson-glow);transform:scale(1.05)}.theme-toggle-btn:hover .theme-icon{transform:rotate(20deg) scale(1.1)}.backend-status-pill:hover{background:rgba(255,255,255,.08);border-color:var(--c-crimson);color:var(--text-primary);box-shadow:0 0 16px var(--c-crimson-glow);transform:translateY(-1px)}.glass-panel-glow:hover{background:var(--glass-card-hover);box-shadow:var(--shadow-card-hover);border-color:var(--glass-border-glow)}.btn-icon-clear:hover{background:var(--c-crimson);color:#ffffff;transform:scale(1.1);box-shadow:0 0 10px var(--c-crimson-glow)}.btn-shift-trigger:hover:not(:disabled){background:linear-gradient(135deg,#e03467,#CB2957);transform:translateY(-2px);box-shadow:var(--shadow-btn-hover),inset 0 1px 2px rgba(255,255,255,.4)}.track-item-card:hover{background:var(--glass-card-hover);border-color:var(--c-crimson);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.15),0 0 20px var(--c-crimson-glow)}.track-item-card:hover .btn-track-download{background:var(--c-crimson);border-color:var(--c-crimson);color:#ffffff;box-shadow:0 0 15px var(--c-crimson-glow);transform:scale(1.04)}.btn-download-final:hover{background:linear-gradient(135deg,#e03467,#CB2957);box-shadow:var(--shadow-btn-hover);transform:translateY(-2px)}.btn-secondary:hover{background:rgba(255,255,255,.12);border-color:var(--c-silver);color:var(--text-primary)}.footer-link:hover{color:var(--c-crimson)}}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:110;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{pointer-events:auto;padding:.9rem 1.35rem;background:var(--glass-card-hover);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 12px 35px rgba(0,0,0,.25),inset 0 1px 1px rgba(255,255,255,.15);display:flex;align-items:center;gap:.8rem;font-size:.9rem;font-weight:700;animation:slideToastIn .25s cubic-bezier(.16,1,.3,1) forwards}.toast,.toast.success{color:var(--text-primary)}.toast.success{border-color:var(--c-crimson);box-shadow:0 12px 35px rgba(0,0,0,.25),0 0 20px var(--c-crimson-glow)}.toast.error{border-color:#ef4444;color:#ef4444}.toast.info{border-color:var(--glass-border);color:var(--text-primary)}@keyframes floatOrb1{0%{transform:translate(0) scale(1)}50%{transform:translate(-50px,60px) scale(1.1)}to{transform:translate(30px,90px) scale(.95)}}@keyframes floatOrb2{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,-50px) scale(1.08)}to{transform:translate(-40px,-70px) scale(.92)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.6}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideToastIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.backend-status-pill{display:none!important}}@media (max-width:640px){.app-header{padding:.9rem 1.25rem}.app-main{padding:2.5rem 1rem 4.5rem;gap:1.85rem}.footer-content{flex-direction:column;text-align:center}.converter-card{padding:1.5rem}.track-item-card{flex-wrap:wrap;gap:.75rem}.track-meta{order:2;width:calc(100% - 110px)}.btn-track-download{order:3;width:100%;justify-content:center}.result-actions-row{flex-direction:column}.toast-container{bottom:1rem;right:1rem;left:1rem}}.header-nav-links{display:flex;align-items:center;gap:1.5rem}.header-nav-pill{font-size:.9rem;font-weight:600;padding:.2rem 0;color:var(--text-muted);text-decoration:none;transition:color .2s ease;display:flex;align-items:center;gap:.35rem}.header-nav-pill.active,.header-nav-pill:hover{color:var(--text-primary)}.header-nav-pill.active{background:transparent;box-shadow:none}.nav-badge-v1{font-size:.65rem;font-weight:700;background:rgba(0,0,0,.3);padding:.1rem .35rem;border-radius:4px;text-transform:uppercase}.simple-docs-main{max-width:860px;width:100%;margin:0 auto;padding:2.5rem 1.5rem 5rem;display:flex;flex-direction:column;gap:2rem}.simple-docs-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.simple-badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.simple-badge{font-size:.75rem;font-weight:700;padding:.3rem .75rem;border-radius:9999px;background:var(--glass-card);border:1px solid var(--glass-border);color:var(--text-secondary)}.simple-badge.badge-accent{background:rgba(203,41,87,.12);border-color:rgba(203,41,87,.35);color:#ff5e87}.simple-docs-title{font-size:2.4rem;font-weight:800;color:var(--text-primary);line-height:1.15;letter-spacing:-.02em}.simple-docs-subtitle{font-size:1.05rem;color:var(--text-muted);line-height:1.55;max-width:620px}.simple-base-card{display:flex;align-items:center;gap:.75rem;background:var(--glass-card);border:1px solid var(--glass-border);padding:.5rem .6rem .5rem 1.15rem;border-radius:9999px;box-shadow:var(--shadow-subtle);margin-top:.25rem;flex-wrap:wrap;justify-content:center}.base-tag{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em}.base-url{font-family:var(--font-jetbrains),monospace;font-size:.92rem;font-weight:600;color:#ff5e87;word-break:break-all}.btn-copy-base{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:var(--c-crimson);color:#ffffff;border:none;font-size:.78rem;font-weight:700;padding:.35rem .85rem;border-radius:9999px;cursor:pointer;transition:all .2s ease}.btn-copy-base:hover{background:var(--c-crimson-hover)}.simple-card{background:var(--glass-card);border:1px solid var(--glass-border);border-radius:18px;padding:1.75rem 2rem;box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.card-title{font-size:1.3rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.card-desc{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.25rem}.card-desc code{font-family:var(--font-jetbrains),monospace;color:#ff5e87;font-weight:600}.simple-rules-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem}.simple-rules-3-col{grid-template-columns:1fr 1fr 1fr}@media (max-width:860px){.simple-rules-3-col{grid-template-columns:1fr}}@media (max-width:680px){.simple-docs-main{padding:1rem 0 2rem;gap:1.5rem}.simple-docs-title{font-size:1.8rem}.simple-base-card{border-radius:14px;padding:.85rem;flex-direction:column;text-align:center}.simple-card{padding:1.25rem 1rem;border-radius:14px}.simple-rules-grid{grid-template-columns:1fr}}.rule-box{background:rgba(255,255,255,.025);border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.45rem;transition:all .2s ease}.rule-badge{font-size:.72rem;font-weight:800;color:#22c55e;text-transform:uppercase}.rule-badge-accent{color:#ff5e87}.rule-badge-stream{color:#38bdf8}.rule-box h3{font-size:1rem;font-weight:700;color:var(--text-primary)}.rule-box p{font-size:.85rem;color:var(--text-muted);line-height:1.45;flex:1 1}.rule-box code{font-family:var(--font-jetbrains),monospace;font-size:.78rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:.4rem .65rem;border-radius:6px;color:#f3f4f6;margin-top:.5rem;word-break:break-all;transition:all .2s ease}.pipeline-steps-grid{display:flex;flex-direction:column;gap:.75rem}.pipeline-step-item{display:flex;align-items:flex-start;gap:1rem;background:rgba(255,255,255,.02);border:1px solid var(--glass-border);padding:.85rem 1.15rem;border-radius:10px;transition:all .15s ease}.pipeline-step-item:hover{background:rgba(255,255,255,.04);border-color:rgba(203,41,87,.35)}.step-num{width:28px;height:28px;border-radius:50%;background:var(--c-crimson);color:#ffffff;font-size:.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 10px var(--c-crimson-glow)}.step-content h4{font-size:.95rem;font-weight:700;margin-bottom:.15rem}.step-content p{font-size:.82rem;color:var(--text-muted);line-height:1.4;margin:0}.tester-box{display:flex;flex-direction:column;gap:1rem}.tester-input-row{display:flex;gap:.65rem}@media (max-width:540px){.tester-input-row{flex-direction:column}}.tester-input{flex:1 1;background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-jetbrains),monospace;font-size:.88rem;padding:.65rem 1rem;border-radius:8px;outline:none;transition:border-color .2s ease,background-color .2s ease}.tester-input:focus{border-color:var(--c-crimson)}.btn-test-submit{background:var(--c-crimson);color:#ffffff;border:none;font-size:.85rem;font-weight:700;padding:.65rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-test-submit:hover:not(:disabled){background:var(--c-crimson-hover);box-shadow:0 0 14px var(--c-crimson-glow)}.btn-test-submit:disabled{opacity:.6;cursor:not-allowed}.tester-toggle-row{display:flex;align-items:center;gap:.5rem}.stream-toggle-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stream-toggle-label input[type=checkbox]{accent-color:var(--c-crimson);width:16px;height:16px;cursor:pointer}.stream-toggle-label code{font-family:var(--font-jetbrains),monospace;color:#38bdf8;font-weight:600}.code-example-block,.tester-output-box{background:#09090c;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.35)}.code-example-header,.output-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .95rem;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}.output-header span{font-size:.76rem;font-weight:800;color:#4ade80;text-transform:uppercase;letter-spacing:.03em}.code-example-header span{font-size:.78rem;font-weight:700;color:#e5e7eb;letter-spacing:.02em}.btn-copy-sm{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#f3f4f6;font-size:.72rem;font-weight:600;padding:.25rem .65rem;border-radius:5px;cursor:pointer;transition:all .15s ease}.btn-copy-sm:hover{background:var(--c-crimson);border-color:var(--c-crimson);color:#ffffff}.code-example-pre,.output-pre{padding:1rem 1.15rem;margin:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) rgba(0,0,0,.3)}.output-pre{max-height:320px;overflow-y:auto}.output-pre code{font-size:.82rem;color:#a7f3d0;white-space:pre-wrap}.code-example-pre code,.output-pre code{font-family:var(--font-jetbrains),monospace;line-height:1.55}.code-example-pre code{font-size:.85rem;color:#f3f4f6}.code-example-pre::-webkit-scrollbar,.output-pre::-webkit-scrollbar{width:6px;height:6px}.code-example-pre::-webkit-scrollbar-track,.output-pre::-webkit-scrollbar-track{background:rgba(0,0,0,.4);border-radius:9999px}.code-example-pre::-webkit-scrollbar-thumb,.output-pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:9999px;-webkit-transition:background .2s ease;transition:background .2s ease}.code-example-pre::-webkit-scrollbar-thumb:hover,.output-pre::-webkit-scrollbar-thumb:hover{background:var(--c-crimson)}.btn-back-home{display:inline-block;font-size:.85rem;font-weight:700;color:var(--text-muted);text-decoration:none;padding:.5rem 1.25rem;border-radius:9999px;background:var(--glass-card);border:1px solid var(--glass-border);transition:all .2s ease}.btn-back-home:hover{color:var(--text-primary);border-color:var(--c-crimson)}:root[data-theme=light] .simple-base-card{background:#ffffff;border-color:rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.04)}:root[data-theme=light] .rule-box{background:#ffffff;border-color:rgba(0,0,0,.08);box-shadow:0 4px 14px rgba(0,0,0,.03)}:root[data-theme=light] .rule-box code{background:rgba(203,41,87,.08);color:#cb2957;border:1px solid rgba(203,41,87,.2);font-weight:600}:root[data-theme=light] .pipeline-step-item{background:#ffffff;border-color:rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.02)}:root[data-theme=light] .pipeline-step-item:hover{background:#fcfcfd;border-color:rgba(203,41,87,.4)}:root[data-theme=light] .tester-input{background:#ffffff;border-color:rgba(0,0,0,.12);color:#111111}:root[data-theme=light] .stream-toggle-label{color:#444444}:root[data-theme=light] .stream-toggle-label code{color:#0284c7}:root[data-theme=light] .code-example-block,:root[data-theme=light] .tester-output-box{box-shadow:0 10px 30px rgba(0,0,0,.15);border-color:rgba(0,0,0,.2)}.info-section{padding:1rem 0;display:flex;flex-direction:column;gap:2rem}.alternate-bg{padding:2.5rem;background:var(--glass-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);border:1px solid var(--glass-border)}.section-header{text-align:center}.section-header h2{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.section-header p{color:var(--text-secondary);font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.slider-dots{display:none}.feature-card{background:var(--glass-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:var(--shadow-subtle);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover);border-color:var(--glass-border-glow)}.feature-icon{font-size:2.2rem;margin-bottom:.5rem}.feature-card h3{font-size:1.25rem;font-weight:800;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.steps-container{gap:2.5rem;margin-top:1rem}.step-item,.steps-container{display:flex;flex-direction:column;position:relative}.step-item{align-items:center;text-align:center;z-index:2;flex:1 1}.step-number{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--c-crimson) 0,#a81c43 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4rem;margin-bottom:1.2rem;box-shadow:0 6px 20px rgba(203,41,87,.45);border:3px solid var(--bg-canvas)}.step-content h4{font-size:1.3rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:800}.step-content p{color:var(--text-secondary);font-size:.98rem;line-height:1.6}.step-separator{display:none}@media (min-width:768px){.steps-container{flex-direction:row;justify-content:space-between;align-items:flex-start}.steps-container:before{content:"";position:absolute;top:27px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--c-crimson),transparent);opacity:.6;z-index:1}.step-item{max-width:280px}}.faq-container{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--glass-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.2rem 1.5rem}.faq-item h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.faq-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.api-content-split{display:flex;flex-direction:column;gap:2rem;background:var(--glass-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:2.5rem}@media (min-width:768px){.api-content-split{flex-direction:row;align-items:center}.api-code-window,.api-text{flex:1 1}}.api-text h2{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem}.api-text p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.api-text ul{list-style:none;display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem;color:var(--text-primary);font-weight:600}.api-code-window{background:#000;border-radius:var(--radius-md);border:1px solid #333;overflow:hidden}.window-header{background:#1a1a1a;padding:.5rem 1rem;display:flex;align-items:center;gap:.4rem;border-bottom:1px solid #333}.window-header .dot{width:12px;height:12px;border-radius:50%}.window-header .dot.red{background:#ff5f56}.window-header .dot.yellow{background:#ffbd2e}.window-header .dot.green{background:#27c93f}.window-title{color:#888;font-size:.8rem;margin-left:auto;font-family:var(--font-mono)}.api-code-window pre{padding:1.5rem;margin:0;overflow-x:auto}.api-code-window code{font-family:var(--font-mono);color:#e2e8f0;font-size:.9rem;line-height:1.5}.code-comment{color:#64748b}.code-keyword{color:var(--c-crimson)}.app-footer{padding:3rem 2.5rem 2rem;background:var(--footer-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);margin-top:4rem;position:relative}.app-footer:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:50%;height:1px;background:linear-gradient(90deg,transparent,var(--c-crimson),transparent);opacity:.6}.footer-content{display:flex;flex-direction:column;gap:1.5rem;max-width:1000px;margin:0 auto;align-items:flex-start}@media (min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-brand{max-width:300px;text-align:left;margin:0}.footer-logo{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.footer-tagline{color:var(--text-secondary);font-size:.95rem}.footer-columns{display:grid;grid-template-columns:repeat(2,max-content);justify-content:flex-start;grid-gap:1.5rem 2.5rem;gap:1.5rem 2.5rem}@media (min-width:600px){.footer-columns{grid-template-columns:repeat(4,max-content)}}.footer-col h4{font-size:1rem;color:var(--text-primary);margin-bottom:.75rem}.footer-col a{display:block;color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:.6rem;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--c-crimson)}.footer-bottom{margin-top:3rem;text-align:center;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--glass-border);padding-top:1.5rem;max-width:1000px;margin-left:auto;margin-right:auto}.text-content{background:var(--glass-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-subtle)}.text-content p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.text-content h3{color:var(--text-primary);font-size:1.3rem;margin-top:2.5rem;margin-bottom:1rem}.text-content h3:first-child{margin-top:0}:root:not([data-theme=light]) .logo-light,:root[data-theme=dark] .logo-light,:root[data-theme=light] .logo-dark{display:none!important}:root[data-theme=light] .step-number{background:var(--c-crimson);border-color:var(--bg-canvas);color:#ffffff;box-shadow:0 4px 16px rgba(203,41,87,.25)}:root[data-theme=light] .steps-container:before{opacity:.25}:root[data-theme=light] .api-code-window{background:#f8fafc;border-color:#e2e8f0}:root[data-theme=light] .window-header{background:#f1f5f9;border-bottom-color:#e2e8f0}:root[data-theme=light] .window-title{color:#64748b}:root[data-theme=light] .api-code-window code{color:#334155}:root[data-theme=light] .code-comment{color:#94a3b8}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--text-primary);padding:.4rem;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.mobile-menu-btn:hover{background:var(--pill-bg)}.mobile-menu-dropdown{display:none}.desktop-only-status{display:block}@media (max-width:850px){.app-header{padding:.8rem 1.2rem}.desktop-only-status,.header-nav-links{display:none!important}.mobile-menu-btn{display:flex}.mobile-menu-dropdown{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--header-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);padding:1rem 1.5rem 1.5rem;gap:.5rem;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:menuSlideDown .2s ease-out forwards;z-index:50}:root[data-theme=light] .mobile-menu-dropdown{box-shadow:0 10px 30px rgba(0,0,0,.1)}.mobile-nav-link{padding:.85rem 1rem;font-size:1.1rem;font-weight:700;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.mobile-nav-link:active,.mobile-nav-link:hover{background:var(--pill-bg);color:var(--text-primary)}.mobile-menu-divider{height:1px;background:var(--glass-border);margin:.5rem 0}.mobile-status-container{padding:.5rem 0}.mobile-status-container .backend-status-pill{display:flex!important;width:100%;justify-content:center;padding:.85rem;font-size:.95rem}}.app-header.menu-open{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.app-main{padding:2rem 1rem 4rem}.info-section{padding:.5rem 0;gap:1.5rem}.alternate-bg{padding:1.5rem 1rem}.features-grid,.pipeline-steps-grid{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:1.5rem;margin:0 -1rem;padding-left:1rem;padding-right:1rem;-ms-overflow-style:none;scrollbar-width:none}.features-grid::-webkit-scrollbar,.pipeline-steps-grid::-webkit-scrollbar{display:none}.slider-dots{display:flex;justify-content:center;align-items:center;gap:.65rem;margin-top:.5rem}.slider-dot{width:8px;height:8px;border-radius:50%;background:var(--glass-border);border:1px solid var(--glass-border);padding:0;cursor:pointer;transition:all var(--transition-fast)}.slider-dot.active{background:var(--c-crimson);border-color:var(--c-crimson);transform:scale(1.3);box-shadow:0 0 10px rgba(203,41,87,.4)}.feature-card,.pipeline-step-item{flex:0 0 85%;scroll-snap-align:center}.api-content-split,.converter-card,.pipeline-card,.result-card,.search-results-panel,.text-content{padding:1.25rem}.results-heading{font-size:.95rem}.results-count-badge{padding:.25rem .6rem;font-size:.7rem}.track-item-card{padding:.75rem;gap:.75rem}.track-thumb-wrap{width:76px;height:44px}.track-title{font-size:.9rem}.btn-track-download{padding:.5rem .75rem;font-size:.75rem;gap:.35rem}.btn-track-download svg{width:14px;height:14px}.video-preview-card{padding:.75rem;gap:.75rem}.video-preview-thumb{width:76px;height:44px}.btn-copy-base .copy-text,.btn-copy-sm .copy-text{display:none}.btn-copy-base{padding:.4rem}.btn-copy-sm{padding:.35rem}.btn-shift-trigger{padding:.95rem 1.5rem;font-size:.95rem}.options-row{gap:1rem}.stepper-item{padding:.75rem .85rem;gap:.75rem;font-size:.85rem}.result-actions-row{flex-direction:column;gap:.75rem}.hero-title{font-size:clamp(2rem,8vw,2.5rem)}.app-footer{padding:2.5rem 1.5rem 1.5rem}.footer-columns{grid-template-columns:repeat(2,max-content);gap:1.5rem 2.5rem;justify-content:flex-start}.footer-brand,.footer-col{text-align:left}.footer-brand{margin:0 0 2rem}}