@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");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-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");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-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");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-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");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-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,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-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");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-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");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-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");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-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");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-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,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-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");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-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");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-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");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-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");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-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,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-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");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-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");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-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");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-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");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-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,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}:root{--bg-void: #0A0A0B;--bg-deep: #0A0A0B;--bg-card: transparent;--bg-card-hover: rgba(255,255,255,.03);--accent: #2563EB;--purple-core: #2563EB;--purple-bright: #2563EB;--purple-glow: rgba(37,99,235, .35);--green-core: #16A34A;--green-bright: #22C55E;--green-glow: rgba(34, 197, 94, .25);--text-primary: #F4F4F5;--text-secondary: #D4D4D8;--text-dim: #A1A1AA;--border-subtle: #27272A;--border-purple: rgba(37,99,235, .3);--border-green: rgba(34, 197, 94, .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-void);color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}.bg-atmosphere,.bg-mid-glow,.bg-grain{display:none}.bg-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px 128px}.page{position:relative;z-index:2;max-width:852px;margin:0 auto;padding:0 24px}.brand-mark{max-width:852px;margin:0 auto;width:100%;box-sizing:border-box}nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;border-bottom:1px solid var(--border-subtle)}.nav-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:color .2s}.nav-brand:hover{color:var(--text-primary)}.nav-brand .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.nav-logo{height:3em;width:auto;display:inline-block;vertical-align:middle;margin:0 8px;filter:brightness(1.4) contrast(1.2)}.nav-tabs{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.nav-tab{font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;padding:7px 13px;border-radius:8px;transition:all .2s;border:1px solid transparent;white-space:nowrap}.nav-tab:hover{color:var(--text-primary);background:#ffffff0a}.nav-tab.active{color:var(--accent);background:#2563eb14;border-color:#2563eb4d}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;animation:heroIn .9s cubic-bezier(.16,1,.3,1) both}.coming-soon-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:28px;padding:6px 16px;border:1px solid var(--border-subtle);border-radius:6px}.coming-soon-title{font-size:clamp(40px,7vw,72px);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px}.coming-soon-sub{font-size:15px;color:var(--text-secondary);max-width:360px;line-height:1.6}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.nav-tag{font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--green-bright);border:1px solid var(--border-green);padding:4px 10px;border-radius:6px;background:#22c55e0f}.hero{padding:80px 0 60px;text-align:center;animation:heroIn .9s cubic-bezier(.16,1,.3,1) both}.landing-hero{padding-top:40px}.landing-hero h1{font-size:clamp(38px,5.5vw,62px)}@keyframes heroIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:28px;padding:6px 16px;border:1px solid var(--border-subtle);border-radius:6px}.hero-eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(46px,7.2vw,80px);font-weight:700;line-height:1.04;letter-spacing:-.04em;margin-bottom:20px;color:#fff}h2,h3,.h1-line1,.h1-line2{color:#fff}.hero-sub{font-size:16px;font-weight:400;color:var(--text-secondary);max-width:480px;margin:0 auto 52px;line-height:1.6}.input-area{animation:heroIn .9s .15s cubic-bezier(.16,1,.3,1) both}.url-row{display:flex;gap:0;background:#ffffff0a;border:1px solid var(--border-purple);border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.url-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.url-input{flex:1;background:transparent;border:none;outline:none;padding:18px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:300;color:var(--text-primary);letter-spacing:.02em}.url-input::placeholder{color:var(--text-dim)}.btn-analyze{background:#2563eb;border:none;padding:18px 32px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative;overflow:hidden}.btn-analyze:hover{background:#1d4ed8}.divider-row{display:flex;align-items:center;gap:16px;margin:20px 0}.divider-line{flex:1;height:1px;background:var(--border-subtle)}.divider-text{font-family:Inter,sans-serif;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.dropzone{border:1px dashed rgba(37,99,235,.25);border-radius:8px;padding:36px;text-align:center;cursor:pointer;transition:all .25s;background:#2563eb05;position:relative;overflow:hidden}.dropzone:hover{border-color:#2563eb80;background:#2563eb0d}.dropzone-icon{width:40px;height:40px;margin:0 auto 12px;border-radius:8px;background:#2563eb1f;border:1px solid rgba(37,99,235,.2);display:flex;align-items:center;justify-content:center;font-size:18px}.dropzone-label{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.dropzone-sub{font-family:Inter,sans-serif;font-size:11px;color:var(--text-dim);letter-spacing:.05em}.platform-row{display:flex;align-items:center;gap:8px;margin-top:20px;flex-wrap:wrap;justify-content:center}.platform-label{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-right:4px}.chip{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.08em;color:var(--text-secondary);border:1px solid var(--border-subtle);padding:4px 10px;border-radius:6px;background:#ffffff05;transition:all .2s}.chip:hover{border-color:var(--border-purple);color:var(--purple-bright);background:#2563eb0f}.results-section{margin-top:60px;animation:heroIn .9s .3s cubic-bezier(.16,1,.3,1) both}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.results-title{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.track-mismatch-badge{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.1em;color:#f59e0b;border:1px solid rgba(245,158,11,.3);padding:4px 10px;border-radius:6px;background:#f59e0b0f}.track-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:28px;margin-bottom:16px;display:flex;align-items:center;gap:24px;position:relative;overflow:hidden}.track-art{width:72px;height:72px;border-radius:8px;background:#2563eb1a;border:1px solid var(--border-purple);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.track-info{flex:1}.track-name{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.track-artist{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.track-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:6px}.tag-genre,.tag-mood{border:1px solid var(--border-subtle);color:var(--text-secondary)}.tag-preview{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:#f59e0b}.track-bpm{text-align:right;flex-shrink:0}.bpm-value{font-size:44px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--text-primary)}.bpm-label{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-top:2px}.key-badge{margin-top:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--text-secondary);text-align:right}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.metric-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:20px;transition:all .2s}.metric-card:hover{background:var(--bg-card-hover);border-color:#2563eb33;transform:translateY(-1px)}.metric-label{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px}.metric-value{font-size:28px;font-weight:700;letter-spacing:-.03em;margin-bottom:10px}.metric-bar-track{height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:2px}.bar-purple{background:#2563eb}.bar-green{background:#22c55e}.bar-mixed{background:#2563eb}.structure-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:22px;margin-bottom:16px}.structure-label{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px}.timeline{display:flex;gap:3px;height:36px;border-radius:8px;overflow:hidden}.timeline-seg{display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;border-radius:4px;cursor:default}.seg-intro{background:#2563eb40;color:var(--purple-bright);flex:.8}.seg-verse{background:#2563eb33;color:#d4d4d8;flex:1.5}.seg-chorus{background:#2563eb73;color:#fff;flex:1.2}.seg-verse2{background:#2563eb33;color:#d4d4d8;flex:1.4}.seg-buildup{background:#22c55e33;color:#22c55ee6;flex:.7}.seg-drop{background:#22c55e73;color:#fff;flex:1.1}.seg-outro{background:#22c55e33;color:#22c55ecc;flex:.8}.timeline-legend{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:10px;color:var(--text-dim)}.legend-dot{width:6px;height:6px;border-radius:2px}.instruments-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:22px;margin-bottom:16px}.instruments-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.instrument-row{display:flex;align-items:center;gap:10px}.instrument-name{font-size:13px;font-weight:600;color:var(--text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instrument-pct{font-family:Inter,sans-serif;font-size:11px;color:var(--text-dim);flex-shrink:0}.instrument-bar-track{flex:1.5;height:3px;background:#ffffff0d;border-radius:2px;overflow:hidden}.instrument-bar-fill{height:100%;border-radius:2px;background:#2563eb}.hit-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:22px;display:flex;align-items:center;gap:24px}.hit-score-ring{width:80px;height:80px;flex-shrink:0;position:relative}.hit-score-ring svg{transform:rotate(-90deg)}.hit-score-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hit-score-num{font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.hit-score-label{font-family:Inter,sans-serif;font-size:8px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.hit-info{flex:1}.hit-title{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.hit-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.footer-area{margin-top:80px;padding:32px 0 48px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.footer-note{font-family:Inter,sans-serif;font-size:11px;color:var(--text-dim)}.analyzing-state{text-align:center;padding:60px 0}.waveform{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:20px;height:40px}.wave-bar{width:3px;background:var(--accent);border-radius:2px;animation:wave 1.2s ease-in-out infinite}.wave-bar:nth-child(1){animation-delay:0s;height:20px}.wave-bar:nth-child(2){animation-delay:.1s;height:35px}.wave-bar:nth-child(3){animation-delay:.2s;height:40px}.wave-bar:nth-child(4){animation-delay:.3s;height:30px;background:#2563eb99}.wave-bar:nth-child(5){animation-delay:.4s;height:20px;background:#2563eb99}.wave-bar:nth-child(6){animation-delay:.5s;height:35px}.wave-bar:nth-child(7){animation-delay:.6s;height:22px}@keyframes wave{0%,to{transform:scaleY(.4);opacity:.5}50%{transform:scaleY(1);opacity:1}}.analyzing-text{font-family:Inter,sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.analyzing-sub{font-size:12px;color:var(--text-dim);margin-top:6px}.waveform-selector{animation:heroIn .45s cubic-bezier(.16,1,.3,1) both}.waveform-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.waveform-label{font-family:Inter,sans-serif;font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.waveform-time{font-family:Inter,sans-serif;font-size:13px;color:var(--purple-bright);letter-spacing:.05em}.waveform-canvas{width:100%;height:120px;cursor:grab;display:block;border-radius:8px;background:#ffffff05;border:1px solid var(--border-subtle);touch-action:none}.waveform-controls{display:flex;align-items:center;gap:10px;margin-top:16px}.waveform-play-btn{font-family:Inter,sans-serif;font-size:12px;letter-spacing:.06em;color:var(--purple-bright);background:#2563eb1a;border:1px solid var(--border-purple);border-radius:8px;padding:10px 18px;cursor:pointer;transition:all .2s;white-space:nowrap}.waveform-play-btn:hover{background:#2563eb33}.waveform-cancel-btn{font-family:Inter,sans-serif;font-size:11px;letter-spacing:.1em;color:var(--text-dim);background:transparent;border:1px solid var(--border-subtle);border-radius:8px;padding:10px 14px;cursor:pointer;transition:all .2s}.waveform-cancel-btn:hover{color:var(--text-secondary);border-color:#ffffff1a}.waveform-confirm-btn{font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#2563eb;border:none;border-radius:8px;padding:12px 32px;cursor:pointer;transition:all .2s;white-space:nowrap}.waveform-confirm-btn:not(:disabled):hover{opacity:.88;transform:translateY(-1px)}.waveform-confirm-btn:disabled{opacity:.55;cursor:not-allowed}.mobile-only{display:none}.desktop-only{display:block}.mob-acc{display:flex;flex-direction:column;gap:10px;padding:8px 0 24px;animation:heroIn .5s cubic-bezier(.16,1,.3,1) both}.mob-acc-item{display:flex;flex-direction:column}.mob-acc-btn{width:100%;display:flex;align-items:center;gap:14px;padding:18px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fffffff2;cursor:pointer;text-align:left;transition:background .2s,border-color .2s;font-family:Inter,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.01em}.mob-acc-btn:hover{background:#ffffff12}.mob-acc-btn--open{border-color:#2563eb66;background:#2563eb12;border-radius:8px 14px 0 0}.mob-acc-btn--nav{border-color:#22c55e33}.mob-acc-btn--nav:hover{background:#22c55e0d;border-color:#22c55e59}.mob-acc-btn--content{border-color:#2563eb80;background:#2563eb1a}.mob-acc-btn--content:hover{background:#2563eb3d;border-color:#2563ebbf}.mob-acc-btn-icon{font-size:18px;flex-shrink:0;line-height:1;display:flex;align-items:center;color:#fffc}.mob-acc-btn-label{flex:1}.mob-acc-btn-chevron{font-size:11px;color:#d4d4d8;flex-shrink:0}.mob-acc-body{background:#ffffff05;border:1px solid rgba(37,99,235,.25);border-top:none;border-radius:0 0 8px 8px;padding:20px 18px;animation:heroIn .25s cubic-bezier(.16,1,.3,1) both}.mob-acc-track-name{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:3px}.mob-acc-track-sub{font-size:13px;color:var(--text-secondary);margin-bottom:18px}.mob-acc-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.mob-acc-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px 12px;text-align:center}.mob-acc-stat-val{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:5px}.mob-acc-stat-lbl{font-family:Inter,sans-serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}@media(max-width:860px){.nav-tabs{gap:1px}.nav-tab{font-size:10px;padding:6px 9px;letter-spacing:.08em}}@media(max-width:600px){nav{padding:20px 16px;flex-wrap:wrap;gap:12px}.nav-tabs{order:3;width:100%;gap:2px}.nav-tag{display:none}.brand-mark{justify-content:center!important;padding:16px 16px 10px!important}.page{padding:0 16px}.hero{padding:18px 0 10px}h1{font-size:30px;margin-bottom:10px}.hero-sub{font-size:13px;margin-bottom:16px}.dropzone{padding:18px}.url-row{display:block}.url-input{width:100%;border-radius:8px}.btn-analyze{display:block;width:100%;margin-top:10px;border-radius:8px;padding:16px 32px}.track-card{flex-direction:column;align-items:flex-start;gap:16px}.track-bpm{text-align:left;display:flex;flex-direction:row;align-items:baseline;gap:10px}.bpm-value{font-size:32px}.track-name{font-size:18px}.metrics-grid{grid-template-columns:repeat(3,1fr)}.metric-card{padding:14px}.metric-value{font-size:20px}.instruments-grid{grid-template-columns:1fr}.mobile-only{display:block}.desktop-only{display:none}.instrument-name{white-space:normal;overflow:visible;text-overflow:unset}.hit-desc{font-size:12px}}.cb-root{position:fixed;inset:0;width:100%;height:100dvh;z-index:100;background:#000;overflow:hidden}.cb-root.cb-empty{display:flex;align-items:center;justify-content:center}.cb-empty-msg{display:flex;flex-direction:column;align-items:center;gap:8px}.cb-back{position:fixed;top:16px;left:16px;z-index:200;background:#0000008c;color:#d4d4d8;border:1px solid rgba(212,212,216,.2);border-radius:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:11px;letter-spacing:.12em;cursor:pointer;transition:background .15s}.cb-back:hover{background:#d4d4d81f}.cb-indicator{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:200;display:flex;flex-direction:column;gap:8px}.cb-dot{width:6px;height:6px;border-radius:50%;background:#d4d4d840;transition:background .2s,transform .2s}.cb-dot--on{background:#d4d4d8;transform:scale(1.4)}.cb-feed{width:100%;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.cb-feed::-webkit-scrollbar{display:none}.cb-slide{width:100%;height:100dvh;scroll-snap-align:start;position:relative;overflow:hidden;background:#000}.cb-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(min-width:601px){.cb-video{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:auto;max-width:56.25vh;object-fit:contain}.cb-caption{font-size:clamp(13px,1.85vh,22px)}.cb-btn{font-size:clamp(10px,1.3vh,16px);max-width:clamp(120px,14vh,160px)}}.cb-gen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.cb-gen-icon{font-size:40px;color:#d4d4d8;animation:cb-pulse 1.6s ease-in-out infinite}@keyframes cb-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.cb-gen-label{font-family:Inter,sans-serif;font-size:11px;letter-spacing:.25em;color:#d4d4d8}.cb-gen-error{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.1em;color:#ff6464b3;margin-top:4px;max-width:260px;text-align:center}.cb-cat{position:absolute;top:56px;right:32px;font-family:Inter,sans-serif;font-size:10px;letter-spacing:.3em;color:#d4d4d8;text-shadow:0 1px 6px rgba(0,0,0,.8)}.cb-unmute{position:absolute;bottom:120px;left:50%;transform:translate(-50%);background:#00000080;color:#d4d4d8;font-family:Inter,sans-serif;font-size:10px;letter-spacing:.2em;padding:6px 14px;border-radius:6px;cursor:pointer;white-space:nowrap;z-index:15}.cb-btns{position:absolute;bottom:32px;left:0;right:0;display:flex;gap:10px;justify-content:center;padding:0 24px;z-index:15}.cb-btn{flex:1;max-width:120px;background:#00000080;color:#d4d4d8;border:1px solid rgba(212,212,216,.2);border-radius:6px;padding:9px 0;font-family:Inter,sans-serif;font-size:10px;letter-spacing:.12em;cursor:pointer;transition:background .15s}.cb-btn:hover{background:#d4d4d81f}.cb-nudge{position:absolute;bottom:88px;left:50%;transform:translate(-50%);font-family:Inter,sans-serif;font-size:10px;letter-spacing:.25em;color:#d4d4d8;animation:cb-nudge-float 1.8s ease-in-out infinite;pointer-events:none;white-space:nowrap}@keyframes cb-nudge-float{0%,to{transform:translate(-50%) translateY(0);opacity:.5}50%{transform:translate(-50%) translateY(-8px);opacity:1}}.cb-retry-btn{margin-top:16px;background:#d4d4d814;color:#d4d4d8;border:1px solid rgba(212,212,216,.2);border-radius:6px;padding:8px 24px;font-family:Inter,sans-serif;font-size:10px;letter-spacing:.22em;cursor:pointer;transition:background .15s}.cb-retry-btn:hover:not(:disabled){background:#d4d4d824}.cb-retry-btn:disabled{opacity:.45;cursor:not-allowed}.cb-toast{position:fixed;bottom:48px;left:50%;transform:translate(-50%);z-index:300;background:#d4d4d81f;border:1px solid rgba(212,212,216,.25);color:#d4d4d8;font-family:Inter,sans-serif;font-size:11px;letter-spacing:.18em;padding:8px 20px;border-radius:6px;pointer-events:none;white-space:nowrap}.cb-caption{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);width:min(87.5vw,49.21875dvh);text-align:center;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;line-height:1.45;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,1),-1px 1px 0 rgba(0,0,0,1),1px -1px 0 rgba(0,0,0,1),-1px -1px 0 rgba(0,0,0,1),2px 2px 0 rgba(0,0,0,.85),0 0 10px rgba(0,0,0,.9);white-space:pre-line;word-break:break-word;pointer-events:auto;z-index:10}.cb-regen-overlay{position:absolute;inset:0;z-index:20;background:#0000008c;display:flex;flex-direction:column;align-items:center;justify-content:center}.cb-btn:disabled{opacity:.38;cursor:not-allowed}.section-container{background:transparent;border:1px solid var(--border-subtle);border-radius:8px;padding:16px 18px;margin-bottom:10px;position:relative;overflow:hidden}.section-container--accent{background:#2563eb0f;border-color:#2563eb66}.section-eyebrow{font-family:Inter,sans-serif;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#d4d4d8;margin-bottom:10px}.section-eyebrow--accent{color:var(--accent)}.section-divider{height:1px;background:var(--border-subtle);margin:10px 0}.boxless-item{display:flex;align-items:flex-start;gap:12px;padding:7px 0}.boxless-item+.boxless-item{border-top:1px solid rgba(255,255,255,.04)}.boxless-item-icon{width:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:2px;opacity:.85;color:#ffffffd9}.boxless-item-body{flex:1;min-width:0}.boxless-item-label{font-family:Inter,sans-serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#d4d4d8;margin-bottom:4px}.boxless-item-value{font-size:14px;font-weight:700;color:#fffffff2;letter-spacing:-.01em}@keyframes logo-pulse{0%,to{filter:brightness(1.4) contrast(1.2);opacity:.85}50%{filter:brightness(1.6) contrast(1.2);opacity:1}}.nav-logo--pulse{display:inline-block;vertical-align:middle;margin:0 4px;transform-origin:center;animation:logo-pulse 2.5s ease-in-out infinite}.input-merged{background:transparent;border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;margin-bottom:20px;transition:border-color .2s,box-shadow .2s}.input-merged:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.input-split{display:flex;flex-direction:column}.input-split-divider{height:1px;background:#ffffff0f}.input-merged .url-row{background:transparent;border:none;border-radius:0;flex-direction:column;gap:0}.input-merged .url-row:focus-within{box-shadow:none}.input-merged .url-input{border-bottom:1px solid rgba(255,255,255,.06);flex:1}.input-merged .btn-analyze{width:100%;border-radius:0;padding:14px 24px;font-size:13px;letter-spacing:.1em}.input-merged .dropzone{border:none;border-radius:0;background:transparent;margin:0;width:100%;text-align:center;padding:20px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.input-merged .dropzone:hover{background:#2563eb06}.input-merged .dropzone .dropzone-icon{margin:0;width:34px;height:34px;font-size:16px}.input-merged .dropzone .dropzone-label{margin:0;font-size:13px}