.nav-header{position:sticky;top:14px;z-index:50;padding:0 var(--bk-gutter);margin-top:14px;margin-bottom:14px;background:transparent;border:none}.nav-container{max-width:var(--bk-content-max);margin:0 auto;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;background:#08080a9e;backdrop-filter:blur(var(--bk-glass-blur-strong)) saturate(160%);-webkit-backdrop-filter:blur(var(--bk-glass-blur-strong)) saturate(160%);border-radius:var(--bk-r-pill);box-shadow:0 16px 48px #00000073,0 0 60px #00f0ff0f}.nav-logo{display:flex;align-items:baseline;gap:14px;text-decoration:none;color:var(--bk-text);font-family:var(--bk-font-display);padding:4px 6px;transition:opacity .15s}.nav-logo:hover{opacity:.85}.logo-icon{width:18px;height:18px;stroke:var(--bk-section-hero);fill:none;filter:drop-shadow(0 0 14px rgba(0,240,255,.45));flex-shrink:0}.logo-mark{height:14px;width:auto;display:block;flex-shrink:0;filter:drop-shadow(0 0 14px rgba(0,240,255,.45));align-self:center;position:relative;top:1px}.logo-text{font-family:var(--bk-font-display);font-size:22px;font-weight:400;letter-spacing:-.02em;font-style:italic;color:var(--bk-text);background:none;-webkit-text-fill-color:var(--bk-text);line-height:1}.nav-logo:before{content:"";display:block;width:1px;height:18px;background:var(--bk-glass-border-strong);margin-right:4px;align-self:center;order:1}.nav-logo>:nth-child(1){order:0}.nav-logo>:nth-child(2){order:2}.nav-links{display:flex;gap:10px;align-items:center}.nav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(180deg,#ffffff0f,#fff0 60%),#0c0e14d1;border:1px solid rgba(255,255,255,.1);border-radius:var(--bk-r-pill);color:#ffffffd9;font-family:var(--bk-font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0006,0 2px 8px #0000004d;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s var(--bk-ease-spring);cursor:pointer}.nav-link:hover{color:#fff;border-color:#ffffff38;background:linear-gradient(180deg,#ffffff1a,#fff0 60%),#14161ee6;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0006,0 4px 14px #0006;transform:translateY(-1px)}.nav-button{outline:none}.nav-button:focus-visible{outline:2px solid var(--bk-accent);outline-offset:2px}.nav-icon{width:14px;height:14px;stroke:currentColor;flex-shrink:0}@media (max-width: 767px){.nav-header{padding:0 12px;top:10px;margin-top:10px}.nav-container{padding:8px 12px}.logo-text{font-size:17px}.nav-logo:before{display:none}}.nav-link-cta{color:#fff;border-color:#fff3;background:linear-gradient(180deg,#ffffff24,#fff0 60%),linear-gradient(135deg,#00d9ff,#7c5cff 55%,#ec4899);text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000004d,0 4px 14px #7c5cff59,0 0 18px #00d9ff33}.nav-link-cta:hover{color:#fff;border-color:#ffffff52;background:linear-gradient(180deg,#ffffff38,#fff0 60%),linear-gradient(135deg,#00d9ff,#7c5cff 55%,#ec4899);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000004d,0 6px 18px #7c5cff80,0 0 26px #00d9ff4d;transform:translateY(-1px)}.nav-link-locked{opacity:.6;border-style:dashed;border-color:#ffffff29;color:#ffffff8c}.nav-link-locked:hover{opacity:.95;color:#fff;border-color:#ffffff52}.nav-link-auth{font-size:10.5px;letter-spacing:.16em;color:#ffffffa6}.progress-bar{width:100%;display:flex;flex-direction:column;gap:8px}.progress-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--bk-font-mono);font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--bk-text-2, rgba(255, 255, 255, .55))}.progress-track{position:relative;width:100%;height:4px;border-radius:999px;background:#ffffff0f;overflow:hidden;box-shadow:inset 0 1px #0006}.progress-fill{position:relative;height:100%;border-radius:999px;transition:width .25s var(--bk-ease-glide, ease);overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:translate(-100%);animation:progress-shimmer 1.4s linear infinite;pointer-events:none}@keyframes progress-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.progress-fill:after{animation:none;opacity:0}}.progress-cyan{background:linear-gradient(90deg,#00d9ff,#7c5cff);box-shadow:0 0 12px #00d9ff8c,0 0 24px #7c5cff4d}.progress-magenta{background:linear-gradient(90deg,#ff1493,#7c5cff);box-shadow:0 0 12px #ff14938c,0 0 24px #7c5cff4d}.progress-text{font-family:var(--bk-font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--bk-section-hero, #00d9ff);text-shadow:0 0 8px rgba(0,217,255,.45);font-variant-numeric:tabular-nums}.loading-spinner{display:flex;align-items:center;justify-content:center}.spinner-ring{border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent-cyan);animation:spin .8s linear infinite}.spinner-sm .spinner-ring{width:24px;height:24px;border-width:2px}.spinner-md .spinner-ring{width:40px;height:40px;border-width:3px}.spinner-lg .spinner-ring{width:60px;height:60px;border-width:4px}.spinner-cyan .spinner-ring{border-top-color:var(--accent-cyan)}.spinner-magenta .spinner-ring{border-top-color:var(--accent-magenta)}@keyframes spin{to{transform:rotate(360deg)}}.audio-uploader{width:100%;margin:0 auto}.upload-zone{position:relative;border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-panel);padding:56px 32px;text-align:center;cursor:pointer;background:var(--bk-glass-tint-strong);backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);box-shadow:var(--bk-glass-shadow),var(--bk-glass-highlight);transition:border-color .25s var(--bk-ease-glide),transform .18s var(--bk-ease-spring),box-shadow .25s var(--bk-ease-glide),background .25s var(--bk-ease-glide);overflow:hidden}.upload-zone:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px dashed rgba(255,255,255,.1);border-radius:calc(var(--bk-r-panel) - 8px);pointer-events:none;transition:border-color .25s var(--bk-ease-glide)}.upload-zone:hover{border-color:#00f0ff73;box-shadow:0 14px 32px #0000008c,0 0 50px #00f0ff1f,var(--bk-glass-highlight-strong)}.upload-zone:hover:before{border-color:#00f0ff4d}.upload-zone.dragging{border-color:var(--bk-section-hero);background:#00f0ff0d;transform:scale(1.01);box-shadow:0 14px 40px #0009,0 0 80px #00f0ff40,var(--bk-glass-highlight-strong)}.upload-zone.dragging:before{border-color:var(--bk-section-hero);border-style:solid}.upload-zone.uploading{cursor:wait}.upload-zone.ready{cursor:default;border-color:#39ff1473;box-shadow:0 14px 32px #00000080,0 0 50px #39ff142e,var(--bk-glass-highlight-strong)}.upload-zone.ready:before{border-color:#39ff144d}.upload-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-icon-wrap{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#00f0ff14;border:1px solid rgba(0,240,255,.32);color:var(--bk-section-hero);margin-bottom:14px;box-shadow:0 0 24px #00f0ff2e,var(--bk-glass-highlight);transition:transform .25s var(--bk-ease-spring),background .25s,border-color .25s}.upload-zone:hover .upload-icon-wrap{transform:translateY(-2px) scale(1.04);background:#00f0ff24;border-color:#00f0ff8c}.upload-zone.dragging .upload-icon-wrap{background:#00f0ff33;border-color:var(--bk-section-hero);transform:translateY(-3px) scale(1.06)}.upload-eyebrow{font-family:var(--bk-font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:10.5px;font-weight:700;color:var(--bk-text-subtle);margin:0 0 4px}.upload-zone h3{font-family:var(--bk-font-display);font-size:22px;font-weight:400;letter-spacing:-.02em;color:var(--bk-text);margin:0}.upload-sub{font-size:13px;color:var(--bk-text-2);margin:0}.upload-hint{font-family:var(--bk-font-mono);font-size:11px;color:var(--bk-text-muted);letter-spacing:.08em;margin-top:12px}.upload-status{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;margin:0 auto}.upload-status-text{font-family:var(--bk-font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--bk-section-hero);text-shadow:0 0 8px rgba(0,240,255,.4)}.upload-ready{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px}.ready-icon-wrap{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#39ff141a;border:1px solid rgba(57,255,20,.45);color:var(--bk-section-live);box-shadow:0 0 32px #39ff1440,var(--bk-glass-highlight);margin-bottom:8px;animation:readyPulse 2.4s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 24px #39ff1433,var(--bk-glass-highlight)}50%{box-shadow:0 0 40px #39ff1473,var(--bk-glass-highlight-strong)}}.upload-ready h3{font-family:var(--bk-font-display);font-size:22px;font-weight:400;letter-spacing:-.02em;color:var(--bk-text);margin:0}.ready-text{font-size:13px;color:var(--bk-text-2);margin:0}.uploaded-filename{display:inline-flex;align-items:center;gap:6px;font-family:var(--bk-font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--bk-text-muted);background:#060608c7;border:1px solid var(--bk-glass-border-strong);border-radius:var(--bk-r-pill);padding:6px 14px;margin-top:4px;box-shadow:var(--bk-glass-highlight)}.track-search-wrapper{position:relative;width:100%;max-width:520px}.track-search-input-wrapper{position:relative;display:flex;align-items:center;gap:10px;padding:11px 12px 11px 16px;background:#0606089e;backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);border:1px solid var(--bk-glass-border-strong);border-radius:var(--bk-r-pill);box-shadow:var(--bk-glass-highlight);transition:border-color .18s var(--bk-ease-glide),background .18s var(--bk-ease-glide),box-shadow .18s var(--bk-ease-glide)}.track-search-input-wrapper:hover{background:#060608c7;border-color:#ffffff2e}.track-search-input-wrapper.focused,.track-search-input-wrapper:focus-within{border-color:var(--bk-section-hero);background:#000000b3;box-shadow:var(--bk-glow-hero),var(--bk-glass-highlight-strong)}.search-icon{color:var(--bk-text-muted);flex-shrink:0;transition:color .18s var(--bk-ease-glide)}.track-search-input-wrapper.focused .search-icon,.track-search-input-wrapper:focus-within .search-icon{color:var(--bk-section-hero)}.track-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--bk-text);font-family:var(--bk-font-body);font-size:13.5px;font-weight:400;letter-spacing:.01em;padding:0;min-width:0}.track-search-input::placeholder{color:var(--bk-text-subtle);letter-spacing:.02em}.search-spinner{color:var(--bk-section-hero);flex-shrink:0;animation:trackSearchSpin 1.4s linear infinite}@keyframes trackSearchSpin{to{transform:rotate(360deg)}}.search-kbd{display:inline-flex;align-items:center;gap:2px;padding:0;flex-shrink:0;font-family:var(--bk-font-mono);font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--bk-text-muted);-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .18s var(--bk-ease-glide)}.kbd-key{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:20px;padding:0 5px;background:#ffffff0f;border:1px solid var(--bk-glass-border-strong);border-radius:4px;color:var(--bk-text-2);box-shadow:inset 0 -1px #ffffff0a}.track-search-input-wrapper.focused .search-kbd,.track-search-input-wrapper:focus-within .search-kbd{opacity:0}.track-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#060608eb;backdrop-filter:blur(var(--bk-glass-blur-strong)) saturate(160%);-webkit-backdrop-filter:blur(var(--bk-glass-blur-strong)) saturate(160%);border:1px solid var(--bk-glass-border-strong);border-radius:var(--bk-r-card);max-height:420px;overflow-y:auto;z-index:40;box-shadow:0 18px 48px #0009,0 0 60px #00f0ff0f,var(--bk-glass-highlight);padding:6px}.track-search-result-item{padding:12px 14px;cursor:pointer;border-radius:var(--bk-r-md);transition:background .15s var(--bk-ease-glide),border-color .15s var(--bk-ease-glide);border:1px solid transparent}.track-search-result-item:hover{background:#00f0ff0f;border-color:#00f0ff47}.result-track-name{font-family:var(--bk-font-display);font-size:14px;font-weight:500;letter-spacing:-.005em;color:var(--bk-text);margin-bottom:6px}.result-meta{display:flex;gap:8px;font-size:10.5px;color:var(--bk-text-muted);letter-spacing:.06em;text-transform:uppercase}.result-meta span{padding:3px 9px;background:#00f0ff0f;border:1px solid rgba(0,240,255,.28);border-radius:5px;color:var(--bk-section-hero);font-family:var(--bk-font-mono);font-weight:600}@media (max-width: 640px){.search-kbd{display:none}}.msl-list{list-style:none;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:14px;max-width:540px}.msl-step{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:var(--bk-r-md);border:1px solid transparent;background:#08080a8c;font-family:var(--bk-font-mono);font-size:12px;letter-spacing:.06em;transition:opacity .3s var(--bk-ease-glide),background .3s var(--bk-ease-glide),border-color .3s var(--bk-ease-glide),transform .3s var(--bk-ease-spring)}.msl-step-pending{opacity:.45;color:var(--bk-text-muted)}.msl-step-loading{opacity:1;color:var(--bk-section-live);border-color:#39ff1473;background:#39ff140f;box-shadow:0 0 14px #39ff142e,inset 0 0 12px #39ff140f;transform:translate(2px)}.msl-step-done{opacity:.7;color:var(--bk-text-2)}.msl-icon{flex:0 0 22px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid currentColor;background:color-mix(in srgb,currentColor 12%,transparent)}.msl-step-done .msl-icon{color:var(--bk-section-live)}.msl-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}.msl-spin{animation:msl-spin .9s linear infinite}@keyframes msl-spin{to{transform:rotate(360deg)}}.msl-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){.msl-spin{animation:none}.msl-step{transition:none}}.analyze-page{min-height:100vh;background:transparent;color:var(--bk-text);font-family:var(--bk-font-body)}.container{max-width:var(--bk-content-max);margin:0 auto;padding:48px var(--bk-gutter) 80px}.page-header{margin-bottom:40px}.hero-eyebrow{display:flex;align-items:center;gap:14px;font-family:var(--bk-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;margin:0 0 24px;color:var(--bk-text-muted)}.hero-eyebrow-live{color:var(--bk-accent);display:inline-flex;align-items:center;gap:6px}.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--bk-accent);box-shadow:0 0 8px var(--bk-accent)}.hero-eyebrow-meta{color:var(--bk-text-muted)}.hero-h1{font-family:var(--bk-font-display);font-size:64px;font-weight:400;line-height:.96;letter-spacing:-.04em;margin:0 0 24px;color:var(--bk-text);max-width:960px}.hero-h1-italic{font-style:italic;color:var(--bk-text-2)}.page-subtitle{font-size:16px;color:var(--bk-text-2);font-weight:400;letter-spacing:0;max-width:640px;line-height:1.6;margin:0}.search-section{margin-top:28px;display:flex;justify-content:flex-start}.upload-section{margin-bottom:32px}.upload-section-header{margin-bottom:20px}.upload-title{font-family:var(--bk-font-display);font-size:28px;font-weight:400;letter-spacing:-.02em;color:var(--bk-text);margin:0 0 8px}.upload-description{color:var(--bk-text-2);font-size:14px;line-height:1.6;max-width:720px;margin:0}.error-message{background:#ff10f00f;border:1px solid rgba(255,16,240,.32);color:var(--bk-section-problems);padding:14px 18px;border-radius:var(--bk-r-md);margin-top:16px;font-size:13px;font-weight:500;letter-spacing:.01em;box-shadow:var(--bk-glow-problems)}.analyze-section{text-align:center;margin-top:32px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:18px}.ready-badge{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--bk-text-2);padding:5px 12px;border-radius:var(--bk-r-pill);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-family:var(--bk-font-mono);box-shadow:none}.ready-badge svg{color:var(--bk-section-live);filter:drop-shadow(0 0 4px rgba(57,255,20,.55))}.analyze-button{display:inline-flex;align-items:center;gap:10px;background:#39ff141a;backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);color:var(--bk-section-live);border:1px solid var(--bk-section-live);padding:14px 36px;font-family:var(--bk-font-mono);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;border-radius:var(--bk-r-pill);cursor:pointer;text-shadow:0 0 10px rgba(57,255,20,.6);box-shadow:0 0 18px #39ff1459,inset 0 0 16px #39ff1414,var(--bk-glass-highlight);transition:color .18s var(--bk-ease-glide),border-color .18s var(--bk-ease-glide),box-shadow .18s var(--bk-ease-glide),transform .18s var(--bk-ease-spring);animation:analyze-button-pulse 2.2s var(--bk-ease-glide) infinite}@keyframes analyze-button-pulse{0%,to{box-shadow:0 0 18px #39ff1459,inset 0 0 16px #39ff1414,var(--bk-glass-highlight)}50%{box-shadow:0 0 28px #39ff148c,0 0 60px #39ff142e,inset 0 0 18px #39ff1424,var(--bk-glass-highlight-strong)}}.analyze-button:hover:not(:disabled){color:#b4ffb0;border-color:#6cff5e;transform:translateY(-1px);animation-play-state:paused;box-shadow:0 0 32px #39ff14a6,0 0 64px #39ff143d,inset 0 0 20px #39ff142e,var(--bk-glass-highlight-strong)}.analyze-button:active:not(:disabled){transform:translateY(0)}.analyze-button:disabled{color:#ffffff59;border-color:#ffffff1a;background:transparent;text-shadow:none;box-shadow:inset 1px 1px #ffffff0a;cursor:not-allowed;animation:none}@media (prefers-reduced-motion: reduce){.analyze-button{animation:none}}.analyze-hint{margin-top:14px;color:var(--bk-text-muted);font-family:var(--bk-font-mono);font-size:11px;letter-spacing:.04em}.analyzing-section{text-align:center;padding:56px 28px;margin-top:24px;background:var(--bk-glass-tint-strong);backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);border:1px solid var(--bk-glass-border-strong);border-radius:var(--bk-r-panel);box-shadow:var(--bk-glass-shadow-strong),var(--bk-glass-highlight)}.analyzing-loader-wrap{position:relative;width:220px;height:220px;margin:0 auto 16px;border-radius:50%;overflow:hidden}.analyzing-title{font-family:var(--bk-font-display);font-size:32px;font-weight:400;letter-spacing:-.02em;margin:24px 0 8px;color:var(--bk-text);background:none;-webkit-text-fill-color:var(--bk-text)}.analyzing-subtitle{color:var(--bk-text-2);font-size:14px;margin-bottom:32px}.analyzing-steps{display:flex;flex-direction:column;gap:10px;max-width:540px;margin:0 auto;text-align:left}.step{padding:12px 16px;background:#0006;border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-md);color:var(--bk-text-muted);font-family:var(--bk-font-mono);font-size:11.5px;letter-spacing:.04em;transition:all .25s}.step.completed{border-color:#39ff1459;color:var(--bk-section-live);background:#39ff140f}.step.active{border-color:#00f0ff73;color:var(--bk-section-hero);background:#00f0ff0f;box-shadow:var(--bk-glow-hero)}.features-preview{margin-top:56px;padding-top:40px;border-top:1px solid var(--bk-divider-soft)}.features-title{text-align:left;font-family:var(--bk-font-display);font-size:28px;font-weight:400;letter-spacing:-.02em;margin:0 0 28px;color:var(--bk-text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.feature-card{background:var(--bk-glass-tint);backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-card);padding:22px 22px 18px;text-align:left;position:relative;overflow:hidden;box-shadow:var(--bk-glass-shadow),var(--bk-glass-highlight);transition:transform .25s var(--bk-ease-spring),border-color .18s,box-shadow .25s;--tile-tone: var(--bk-section-hero);--tile-glow: rgba(0, 240, 255, .18);--tile-tone-border: rgba(0, 240, 255, .45);--tile-tone-tint: rgba(0, 240, 255, .1)}.feature-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 2px 2px 0;background:var(--tile-tone);box-shadow:0 0 12px var(--tile-tone);opacity:0;transition:opacity .25s var(--bk-ease-glide)}.feature-card:hover{transform:translateY(-2px);border-color:var(--tile-tone-border);box-shadow:0 14px 32px #0000008c,0 0 40px var(--tile-glow),var(--bk-glass-highlight-strong)}.feature-icon-wrap{width:38px;height:38px;border-radius:10px;background:var(--tile-tone-tint);border:1px solid var(--tile-tone-border);color:var(--tile-tone);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 0 14px var(--tile-glow),var(--bk-glass-highlight)}.feature-card h3{font-family:var(--bk-font-body);font-size:14.5px;font-weight:600;letter-spacing:-.005em;color:var(--bk-text);margin:0 0 4px}.feature-card p{font-size:12.5px;color:var(--bk-text-muted);line-height:1.45;margin:0}.feature-card:nth-child(1){--tile-tone: var(--bk-section-hero);--tile-glow: rgba(0, 240, 255, .2);--tile-tone-border: rgba(0, 240, 255, .45);--tile-tone-tint: rgba(0, 240, 255, .1)}.feature-card:nth-child(2){--tile-tone: var(--bk-accent);--tile-glow: rgba(255, 107, 53, .22);--tile-tone-border: rgba(255, 107, 53, .45);--tile-tone-tint: rgba(255, 107, 53, .1)}.feature-card:nth-child(3){--tile-tone: var(--bk-section-problems);--tile-glow: rgba(255, 16, 240, .22);--tile-tone-border: rgba(255, 16, 240, .45);--tile-tone-tint: rgba(255, 16, 240, .1)}.feature-card:nth-child(4){--tile-tone: var(--bk-section-live);--tile-glow: rgba(57, 255, 20, .22);--tile-tone-border: rgba(57, 255, 20, .45);--tile-tone-tint: rgba(57, 255, 20, .1)}.feature-card:nth-child(5){--tile-tone: var(--bk-section-budget);--tile-glow: rgba(157, 0, 255, .22);--tile-tone-border: rgba(157, 0, 255, .45);--tile-tone-tint: rgba(157, 0, 255, .1)}.feature-card:nth-child(6){--tile-tone: var(--bk-section-editorial);--tile-glow: rgba(255, 215, 0, .22);--tile-tone-border: rgba(255, 215, 0, .45);--tile-tone-tint: rgba(255, 215, 0, .1)}@media (max-width: 768px){.container{padding:32px var(--bk-gutter) 56px}.hero-h1{font-size:44px}.features-grid{grid-template-columns:1fr}.analyze-button{padding:13px 28px}}.upload-auth-checking{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 20px;font-family:var(--bk-font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--bk-text-2)}.upload-locked{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:56px 32px;background:#08080a9e;backdrop-filter:blur(var(--bk-glass-blur-strong)) saturate(160%);-webkit-backdrop-filter:blur(var(--bk-glass-blur-strong)) saturate(160%);border:1px dashed rgba(255,20,147,.35);border-radius:var(--bk-r-lg, 16px);box-shadow:0 24px 60px #00000073,0 0 50px #ff14930f}.upload-locked-icon{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ff14931f;border:1px solid rgba(255,20,147,.4);color:var(--bk-accent);filter:drop-shadow(0 0 10px rgba(255,20,147,.45))}.upload-locked-title{margin:0;font-family:var(--bk-font-display);font-size:22px;font-weight:400;font-style:italic;letter-spacing:-.01em;color:var(--bk-text)}.upload-locked-description{margin:0;max-width:420px;font-size:13px;line-height:1.55;color:var(--bk-text-2)}.upload-locked-cta{margin-top:6px;display:inline-flex;align-items:center;gap:10px;padding:12px 26px;color:#fff;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#ffffff24,#fff0 60%),linear-gradient(135deg,#00d9ff,#7c5cff 55%,#ec4899);font-family:var(--bk-font-mono);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;border-radius:var(--bk-r-pill);text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000004d,0 6px 22px #7c5cff73,0 0 26px #00d9ff38;transition:transform .18s var(--bk-ease-spring),box-shadow .18s,border-color .18s}.upload-locked-cta:hover{transform:translateY(-1px);border-color:#ffffff52;box-shadow:inset 0 1px #fff6,inset 0 -1px #0000004d,0 8px 28px #7c5cff99,0 0 36px #00d9ff52}.reverse-icon{color:var(--knkt-text-secondary);transition:var(--knkt-transition)}.reverse-icon.active{color:var(--knkt-cyan)}.speed-icon{color:var(--knkt-text-secondary);transition:var(--knkt-transition)}.audio-player{position:relative;background:#08080ad1;backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-panel);padding:22px 24px;margin-top:24px;box-shadow:0 4px 12px #0000004d,inset 1px 1px #ffffff0a;color:var(--bk-text)}.player-filename{font-size:12px;color:var(--bk-text-2);margin-bottom:18px;text-align:center;font-family:var(--bk-font-mono);letter-spacing:.04em;word-break:break-word}.player-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.play-button{--tone: var(--bk-section-hero);width:48px;height:48px;border-radius:50%;border:1px solid var(--tone);background:#08080ad9;color:var(--tone);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;text-shadow:0 0 8px rgba(0,240,255,.5);box-shadow:0 0 14px #00f0ff52,inset 0 0 12px #00f0ff14,inset 1px 1px #ffffff0f;transition:color .18s,border-color .18s,box-shadow .18s,transform .18s var(--bk-ease-spring)}.play-button svg{filter:drop-shadow(0 0 6px rgba(0,240,255,.45))}.play-button:hover{color:#b4f0ff;border-color:#7feeff;transform:translateY(-1px);box-shadow:0 0 22px #00f0ff8c,0 0 50px #00f0ff38,inset 0 0 16px #00f0ff29,inset 1px 1px #ffffff1a}.play-button:active{transform:scale(.96)}.skip-button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,240,255,.35);background:#08080aa6;color:var(--bk-section-hero);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .18s,border-color .18s,box-shadow .18s,transform .18s var(--bk-ease-spring)}.skip-button:hover{color:#b4f0ff;border-color:#7feeff;transform:translateY(-1px);box-shadow:0 0 14px #00f0ff59}.skip-button:active{transform:scale(.96)}.direction-toggle{display:inline-flex;align-items:stretch;border-radius:var(--bk-r-pill);overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#08080a8c}.direction-toggle .control-button.icon-button{border-radius:0;border:none;background:transparent;margin:0;padding:8px 14px;box-shadow:none}.direction-toggle .control-button.icon-button+.control-button.icon-button{border-left:1px solid rgba(255,255,255,.08)}.direction-toggle .control-button.icon-button.active{background:#00f0ff1a;color:var(--bk-section-hero);box-shadow:inset 0 0 16px #00f0ff2e}.player-seek{flex:1;display:flex;align-items:center;gap:12px;min-width:220px}.time-current,.time-duration{font-size:11px;color:var(--bk-text-muted);font-family:var(--bk-font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;min-width:36px;text-align:center;display:inline-block;line-height:1.2}.time-duration:before,.time-duration:after{content:none}.seek-slider,.volume-slider{flex:1;height:4px;background:linear-gradient(to right,rgba(0,240,255,.55) 0%,rgba(0,240,255,.55) var(--seek-pct, 0%),rgba(255,255,255,.08) var(--seek-pct, 0%),rgba(255,255,255,.08) 100%);border-radius:var(--bk-r-pill);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.volume-slider{height:3px;background:linear-gradient(to right,rgba(255,255,255,.5) 0%,rgba(255,255,255,.5) var(--vol-pct, 100%),rgba(255,255,255,.08) var(--vol-pct, 100%),rgba(255,255,255,.08) 100%)}.seek-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--bk-section-hero);cursor:pointer;box-shadow:0 0 10px #00f0ffa6,0 0 0 2px #08080ad9;border:none;transition:transform .18s var(--bk-ease-spring),box-shadow .18s}.seek-slider::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 0 16px #00f0ffcc,0 0 0 2px #08080ad9}.seek-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--bk-section-hero);cursor:pointer;border:none;box-shadow:0 0 10px #00f0ffa6,0 0 0 2px #08080ad9;transition:transform .18s,box-shadow .18s}.seek-slider::-moz-range-thumb:hover{transform:scale(1.18);box-shadow:0 0 16px #00f0ffcc,0 0 0 2px #08080ad9}.player-volume{display:flex;align-items:center;gap:10px;min-width:130px}.volume-icon{font-size:14px;color:var(--bk-text-muted)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:#ffffffd9;cursor:pointer;border:none;transition:transform .18s,box-shadow .18s;box-shadow:0 0 0 2px #08080ad9}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.18)}.volume-slider::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#ffffffd9;border:none;box-shadow:0 0 0 2px #08080ad9}.player-advanced-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--bk-glass-border)}.loop-controls{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:200px}.loop-buttons{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.loop-bar-button,.loop-clear-button{padding:5px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--bk-r-pill);color:#ffffff9e;font-family:var(--bk-font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .18s var(--bk-ease-glide),border-color .18s var(--bk-ease-glide),background .18s var(--bk-ease-glide)}.loop-bar-button:hover{color:var(--bk-section-hero);border-color:#00f0ff73;background:#00f0ff0f}.loop-clear-button:hover{color:#ff7a8a;border-color:#ff004073;background:#ff00400f}.loop-info{font-family:var(--bk-font-mono);font-size:10px;color:var(--bk-section-hero);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;background:#00f0ff0f;border-radius:var(--bk-r-pill);border:1px solid rgba(0,240,255,.3);text-align:center}.control-button{--ctrl-tone: rgba(255, 255, 255, .62);--ctrl-tone-soft: rgba(255, 255, 255, .1);display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:#ffffff08;border:1px solid var(--ctrl-tone-soft);border-radius:var(--bk-r-pill);color:var(--ctrl-tone);font-family:var(--bk-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .18s var(--bk-ease-glide),border-color .18s var(--bk-ease-glide),background .18s var(--bk-ease-glide)}.control-button:hover:not(:disabled){color:var(--bk-section-hero);border-color:#00f0ff73;background:#00f0ff0f}.control-button.active{color:var(--bk-section-hero);border-color:var(--bk-section-hero);background:#00f0ff0f;text-shadow:0 0 8px rgba(0,240,255,.5);box-shadow:0 0 0 1px #00f0ff2e,inset 0 0 12px #00f0ff14}.control-button:disabled{opacity:.45;cursor:not-allowed}.control-button.icon-button{padding:7px 14px;font-weight:700}.control-button.icon-button span{font-size:11px}.playback-speed-control{display:flex;align-items:center;gap:8px;padding:5px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--bk-r-pill);margin-left:auto;transition:border-color .18s var(--bk-ease-glide),background .18s var(--bk-ease-glide)}.playback-speed-control:hover{border-color:#00f0ff4d;background:#ffffff0d}.playback-speed-control label{font-family:var(--bk-font-mono);font-size:10px;color:var(--bk-text-muted);letter-spacing:.1em;text-transform:uppercase;font-weight:600;pointer-events:none}.speed-select{background:transparent;border:none;color:var(--bk-section-hero);font-family:var(--bk-font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 0;cursor:pointer;outline:none;text-shadow:0 0 6px rgba(0,240,255,.45)}.speed-select:disabled{color:#ffffff4d;text-shadow:none;cursor:not-allowed}.speed-select option{background:#08080af2;color:var(--bk-text)}@media (max-width: 768px){.audio-player{padding:18px 16px}.player-controls{gap:12px}.player-seek{width:100%;min-width:0;flex-basis:100%}.player-volume{width:100%}.player-advanced-controls{flex-direction:column;align-items:stretch;gap:10px}.loop-controls{width:100%;min-width:0}.loop-buttons{width:100%}.playback-speed-control{margin-left:0;justify-content:space-between}}.waveform-container{width:100%;background:var(--bk-glass-tint-strong);backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-panel);padding:18px 18px 14px;margin:16px 0;min-height:200px;position:relative;box-shadow:var(--bk-glass-shadow),var(--bk-glass-highlight)}.waveform-labels{position:relative;width:100%;height:38px;margin-bottom:10px;border-bottom:1px solid var(--bk-divider-soft);padding-bottom:6px;overflow:hidden}.waveform-label-item{position:absolute;top:0;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding:0 6px;pointer-events:none;border-left:1px solid var(--bk-divider-soft)}.waveform-label-item:first-child{border-left:none}.waveform-label-name{display:inline-flex;align-items:center;gap:6px;color:var(--bk-text);font-family:var(--bk-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;line-height:1.1}.waveform-label-text{overflow:hidden;text-overflow:ellipsis;min-width:0}.waveform-label-badge{flex-shrink:0;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:color-mix(in srgb,currentColor 14%,transparent);border:1px solid color-mix(in srgb,currentColor 45%,transparent);color:currentColor;font-family:var(--bk-font-mono);font-size:9.5px;font-weight:700;letter-spacing:0;box-shadow:0 0 8px color-mix(in srgb,currentColor 22%,transparent),inset 0 1px #ffffff0f}.waveform-label-time{color:var(--bk-text-muted);font-family:var(--bk-font-mono);font-size:9.5px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-top:4px}.waveform-label-mix-in .waveform-label-name{color:var(--bk-text-2)}.waveform-label-intro .waveform-label-name{color:var(--bk-section-hero)}.waveform-label-verse .waveform-label-name{color:var(--bk-text)}.waveform-label-chorus .waveform-label-name{color:var(--bk-section-problems)}.waveform-label-bridge .waveform-label-name{color:var(--bk-section-budget)}.waveform-label-breakdown .waveform-label-name{color:var(--bk-section-editorial)}.waveform-label-main-drop .waveform-label-name{color:var(--bk-accent)}.waveform-label-build .waveform-label-name{color:var(--bk-section-live)}.waveform-label-outro .waveform-label-name{color:var(--bk-text-2)}.waveform-label-mix-out .waveform-label-name{color:var(--bk-text-muted)}.waveform-canvas{width:100%!important;height:140px!important;display:block!important;border-radius:var(--bk-r-md);background:#0006!important;min-width:400px;visibility:visible!important;opacity:1!important;position:relative;z-index:1}.waveform-loading{height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--bk-text-muted);font-family:var(--bk-font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.panning-visualizer{display:flex;flex-direction:column;gap:16px}.panning-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.panning-meta-label{font-family:var(--bk-font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bk-text-subtle)}.panning-meta-value{font-family:var(--bk-font-mono);font-size:11px;letter-spacing:.16em;color:var(--section-tone, var(--bk-section-hero));text-transform:uppercase}.panning-stage{position:relative;display:flex;flex-direction:column;gap:0}.panning-rail{position:relative;height:14px;margin-bottom:4px}.panning-tick{position:absolute;top:0;font-family:var(--bk-font-mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bk-text-muted);transform:translate(-50%)}.panning-tick-left{left:0%;transform:translate(0)}.panning-tick-center{left:50%}.panning-tick-right{left:100%;transform:translate(-100%)}.panning-bar{position:relative;height:14px;border-radius:999px;background:#ffffff0a;border:1px solid var(--bk-glass-border);overflow:visible;margin-bottom:96px}.panning-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(90deg,#00f0ff73,#ffffff2e,#ff10f073);box-shadow:0 0 16px #00f0ff1a,0 0 16px #ff10f01a}.panning-bar-center{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:#ffffff73;transform:translate(-50%)}.panning-dot{position:absolute;top:100%;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%);pointer-events:none;margin-top:calc(var(--row, 0) * 30px)}.panning-dot-marker{width:12px;height:12px;border-radius:50%;border:2px solid #06060a;margin-top:-8px;box-shadow:0 0 12px currentColor;position:relative;z-index:2}.panning-dot[style*="--row:1"] .panning-dot-marker:before{content:"";position:absolute;top:-22px;left:50%;width:1px;height:22px;background:currentColor;opacity:.4;transform:translate(-50%)}.panning-dot[style*="--row:2"] .panning-dot-marker:before{content:"";position:absolute;top:-52px;left:50%;width:1px;height:52px;background:currentColor;opacity:.35;transform:translate(-50%)}.panning-dot[style*="--row:3"] .panning-dot-marker:before{content:"";position:absolute;top:-82px;left:50%;width:1px;height:82px;background:currentColor;opacity:.3;transform:translate(-50%)}.panning-dot-label{font-family:var(--bk-font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bk-text);white-space:nowrap;background:#060608c7;border:1px solid color-mix(in srgb,currentColor 32%,transparent);padding:3px 8px;border-radius:4px;box-shadow:var(--bk-glass-highlight)}.panning-dot-left{color:var(--bk-section-hero)}.panning-dot-left .panning-dot-marker{background:var(--bk-section-hero)}.panning-dot-right{color:var(--bk-section-problems)}.panning-dot-right .panning-dot-marker{background:var(--bk-section-problems)}.panning-dot-center{color:#fff}.panning-dot-center .panning-dot-marker{background:#fff}.panning-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;padding-top:14px;border-top:1px solid var(--bk-divider-soft)}.panning-readout-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.panning-readout-label{font-family:var(--bk-font-mono);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bk-text-muted)}.panning-readout-value{font-family:var(--bk-font-mono);font-size:16px;font-weight:700;letter-spacing:.04em;color:var(--bk-text)}.panning-readout-cell:nth-child(1) .panning-readout-value{color:var(--bk-section-hero)}.panning-readout-cell:nth-child(3) .panning-readout-value{color:var(--bk-section-problems)}.eq-map{display:flex;flex-direction:column;gap:16px}.eq-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.eq-meta-label{font-family:var(--bk-font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bk-text-subtle)}.eq-meta-value{font-family:var(--bk-font-mono);font-size:11px;letter-spacing:.16em;color:var(--section-tone, var(--bk-section-hero));text-transform:uppercase}.eq-stage{position:relative;height:200px;border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-md);background:#0006;padding:16px 14px 8px;overflow:hidden}.eq-grid{position:absolute;top:16px;right:14px;bottom:38px;left:14px;pointer-events:none}.eq-grid-line{position:absolute;left:0;right:0;height:1px;background:#ffffff0d}.eq-columns{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;height:100%}.eq-column{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end}.eq-column-track{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;background:#ffffff05;border-radius:4px 4px 2px 2px;margin-bottom:8px;padding:0 6px 4px}.eq-column-fill{width:100%;border-radius:4px 4px 2px 2px;transition:height .4s var(--bk-ease-glide);border-top:1px solid rgba(255,255,255,.18)}.eq-column-meta{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:0 2px}.eq-column-label{font-family:var(--bk-font-mono);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bk-text-2)}.eq-column-range{font-family:var(--bk-font-mono);font-size:8.5px;letter-spacing:.04em;color:var(--bk-text-muted)}.eq-instruments{display:flex;flex-wrap:wrap;gap:6px;padding-top:14px;border-top:1px solid var(--bk-divider-soft)}.eq-instrument-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 12px;border-radius:5px;border:1px solid;font-family:var(--bk-font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--bk-glass-highlight)}.eq-instrument-name{color:var(--bk-text)}.eq-instrument-range{color:inherit;opacity:.85;font-weight:600}.sample-extractor{display:flex;flex-direction:column;gap:14px;padding:18px;background:#0006;border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-card)}.sample-header{display:flex;flex-direction:column;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--bk-divider-soft)}.sample-header-row{display:inline-flex;align-items:center;gap:8px}.sample-header-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--section-tone-tint, rgba(255, 107, 53, .1));border:1px solid color-mix(in srgb,var(--section-tone, var(--bk-accent)) 40%,transparent);color:var(--section-tone, var(--bk-accent));flex-shrink:0}.sample-header-label{font-family:var(--bk-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bk-text-subtle)}.sample-region{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.sample-region-cell{display:inline-flex;align-items:baseline;gap:6px}.sample-region-key{font-family:var(--bk-font-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bk-text-muted)}.sample-region-value{font-family:var(--bk-font-mono);font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--bk-text)}.sample-region-divider{font-family:var(--bk-font-mono);color:var(--bk-text-subtle);font-size:14px}.sample-consent{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:8px 12px;border-radius:var(--bk-r-md);transition:background .18s var(--bk-ease-glide)}.sample-consent:hover{background:#ffffff08}.sample-consent-input{position:absolute;opacity:0;pointer-events:none}.sample-consent-box{flex-shrink:0;width:16px;height:16px;margin-top:1px;border-radius:3px;border:1px solid var(--bk-glass-border-strong);background:#0006;display:inline-flex;align-items:center;justify-content:center;color:var(--bk-section-live);transition:border-color .18s,background .18s,box-shadow .18s}.sample-consent-input:focus-visible+.sample-consent-box{outline:2px solid var(--bk-section-hero);outline-offset:2px}.sample-consent-input:checked+.sample-consent-box{border-color:var(--bk-section-live);background:#39ff141a;box-shadow:0 0 10px #39ff1440}.sample-consent-text{font-family:var(--bk-font-body);font-size:12.5px;line-height:1.45;color:var(--bk-text-2)}.sample-actions{display:flex;gap:10px;align-items:center}.extract-button{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,var(--bk-accent),var(--bk-accent-hover));border:none;border-radius:var(--bk-r-pill);color:#000;font-family:var(--bk-font-mono);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:transform .18s var(--bk-ease-spring),box-shadow .18s,opacity .18s;box-shadow:var(--bk-glow-accent),var(--bk-glass-highlight-strong)}.extract-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 32px #ff6b358c,var(--bk-glass-highlight-strong)}.extract-button:disabled{opacity:.45;cursor:not-allowed;background:#ffffff0f;color:var(--bk-text-muted);box-shadow:none}@keyframes extract-spin{to{transform:rotate(360deg)}}.extract-spin{animation:extract-spin 1.2s linear infinite}.sample-error{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:#ff10f00f;border:1px solid rgba(255,16,240,.32);border-radius:var(--bk-r-md);color:var(--bk-section-problems);font-family:var(--bk-font-mono);font-size:11.5px;letter-spacing:.06em}.sample-result{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--bk-divider-soft)}.sample-success{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#39ff1414;border:1px solid rgba(57,255,20,.4);border-radius:var(--bk-r-pill);color:var(--bk-section-live);font-family:var(--bk-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;align-self:flex-start;box-shadow:var(--bk-glow-live)}.sample-preview{width:100%;filter:invert(.9) hue-rotate(180deg);border-radius:var(--bk-r-md)}.sample-result-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.download-button{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#ffffff0d;border:1px solid var(--bk-glass-border-strong);border-radius:var(--bk-r-pill);color:var(--bk-text);font-family:var(--bk-font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.download-button:hover{background:#00f0ff0f;border-color:#00f0ff73;transform:translateY(-1px)}.sample-filename{display:inline-flex;align-items:center;gap:6px;font-family:var(--bk-font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--bk-text-muted)}.sample-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#06000fc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:sample-modal-fade .18s var(--bk-ease-glide)}@keyframes sample-modal-fade{0%{opacity:0}to{opacity:1}}.sample-modal{position:relative;width:100%;max-width:480px;background:#08080cf5;backdrop-filter:blur(var(--bk-glass-blur-strong)) saturate(160%);-webkit-backdrop-filter:blur(var(--bk-glass-blur-strong)) saturate(160%);border:1px solid var(--bk-glass-border-strong);border-radius:var(--bk-r-panel);padding:32px 28px 24px;box-shadow:0 20px 60px #000000b3,0 0 80px #ffd70014,var(--bk-glass-highlight-strong);animation:sample-modal-pop .22s var(--bk-ease-spring)}@keyframes sample-modal-pop{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.sample-modal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--bk-glass-border);background:#ffffff0a;color:var(--bk-text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.sample-modal-close:hover{background:#ffffff14;border-color:var(--bk-glass-border-strong);color:var(--bk-text)}.sample-modal-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffd7001a;border:1px solid rgba(255,215,0,.4);color:var(--bk-section-editorial);margin-bottom:16px;box-shadow:0 0 24px #ffd7002e}.sample-modal-eyebrow{display:block;font-family:var(--bk-font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bk-section-editorial);margin-bottom:8px}.sample-modal-title{font-family:var(--bk-font-display);font-size:24px;font-weight:400;letter-spacing:-.02em;color:var(--bk-text);margin:0 0 18px}.sample-modal-body{font-family:var(--bk-font-body);font-size:13px;line-height:1.6;color:var(--bk-text-2);margin-bottom:18px}.sample-modal-body p{margin:0 0 10px}.sample-modal-body p:last-child{margin-bottom:0}.sample-modal-body strong{color:var(--bk-text);font-weight:600}.sample-modal-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--bk-divider-soft)}.sample-modal-cancel{padding:10px 22px;border-radius:var(--bk-r-pill);border:1px solid var(--bk-glass-border-strong);background:#ffffff0a;color:var(--bk-text-2);font-family:var(--bk-font-mono);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.sample-modal-cancel:hover{background:#ffffff14;color:var(--bk-text)}.section-insights-card{--section-tone: var(--bk-section-hero);position:relative;background:var(--bk-glass-tint-strong);backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-panel);padding:28px 28px 24px;margin-bottom:16px;overflow:hidden;box-shadow:var(--bk-glass-shadow),var(--bk-glass-highlight);transition:border-color .25s var(--bk-ease-glide),box-shadow .25s var(--bk-ease-glide)}.section-insights-card:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;border-radius:0 2px 2px 0;background:var(--section-tone);box-shadow:0 0 14px var(--section-tone);opacity:.85}.section-insights-card:hover{border-color:var(--bk-glass-border-strong)}.section-insights-header{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--bk-divider-soft)}.section-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}.section-name-wrap{display:inline-flex;align-items:center;gap:12px}.section-name-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--section-tone) 14%,transparent);border:1px solid color-mix(in srgb,var(--section-tone) 45%,transparent);color:var(--section-tone);box-shadow:0 0 12px color-mix(in srgb,var(--section-tone) 22%,transparent);flex-shrink:0;align-self:center}.section-name{font-family:var(--bk-font-display);font-size:26px;font-weight:400;letter-spacing:-.02em;color:var(--bk-text);background:none;-webkit-text-fill-color:var(--bk-text);margin:0;line-height:1}.section-timestamp{font-family:var(--bk-font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--section-tone)}.kit-pieces{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.kit-piece{display:inline-flex;align-items:center;padding:4px 10px;font-family:var(--bk-font-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:var(--bk-r-pill);border:1px solid rgba(255,255,255,.1);background:#08080a8c;color:var(--bk-text-muted);transition:color .18s var(--bk-ease-glide),border-color .18s var(--bk-ease-glide),background .18s var(--bk-ease-glide)}.kit-piece.is-active{color:var(--bk-section-live);border-color:#39ff1466;background:#39ff1414;box-shadow:0 0 10px #39ff1433}.kit-piece.is-quiet{opacity:.45;text-decoration:line-through;text-decoration-color:#ffffff38}.section-duration-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-duration{font-family:var(--bk-font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bk-text-muted);font-weight:600}.section-override{position:relative}.section-override-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:var(--bk-font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--bk-text-2);background:#0f0f12d9;border:1px solid rgba(255,255,255,.18);border-radius:var(--bk-r-pill);cursor:pointer;transition:color .18s var(--bk-ease-glide),border-color .18s var(--bk-ease-glide),background .18s var(--bk-ease-glide),box-shadow .18s var(--bk-ease-glide),transform .18s var(--bk-ease-spring)}.section-override-trigger:hover,.section-override-trigger[aria-expanded=true]{color:var(--bk-section-hero);border-color:var(--bk-section-hero);background:#00f0ff1a;box-shadow:0 0 14px #00f0ff4d;transform:translateY(-1px)}.section-override-picker{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;display:flex;flex-direction:column;background:#08080af5;border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-md);box-shadow:0 16px 40px #000000a6,0 0 24px #00f0ff33;padding:6px;z-index:50;backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%)}.section-override-picker-title{padding:6px 10px 8px;font-family:var(--bk-font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--bk-text-2);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.section-override-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;background:transparent;border:1px solid transparent;border-radius:var(--bk-r-sm);color:var(--bk-text);font-family:var(--bk-font-mono);font-size:11px;letter-spacing:.06em;cursor:pointer;text-align:left;transition:background .12s var(--bk-ease-glide),border-color .12s var(--bk-ease-glide)}.section-override-option:hover{background:#ffffff0d;border-color:#ffffff1f}.section-override-option.is-current{color:var(--bk-section-live);background:#39ff140f;border-color:#39ff144d}.section-role{background:color-mix(in srgb,var(--section-tone) 8%,rgba(0,0,0,.35));border:1px solid color-mix(in srgb,var(--section-tone) 28%,transparent);border-radius:var(--bk-r-md);padding:14px 16px;margin-bottom:22px;box-shadow:var(--bk-glass-highlight)}.section-role-eyebrow{display:block;font-family:var(--bk-font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--section-tone);margin-bottom:6px}.section-role-text{font-family:var(--bk-font-body);font-size:13.5px;line-height:1.6;color:var(--bk-text-2);margin:0}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.insight-item.full-width{grid-column:1 / -1}.insight-item{background:#0006;border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-card);padding:16px 18px;transition:border-color .18s var(--bk-ease-glide)}.insight-item:hover{border-color:var(--bk-glass-border-strong)}.insight-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--bk-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bk-text-subtle);margin-bottom:12px}.insight-label svg{flex-shrink:0;color:var(--section-tone);opacity:.9}.insight-content{font-family:var(--bk-font-body);font-size:13px;color:var(--bk-text-2);line-height:1.55}.insight-content p{margin:0 0 8px}.insight-content p:last-child{margin-bottom:0}.insight-key{display:block;font-family:var(--bk-font-mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bk-text-subtle);margin-bottom:2px}.synth-analysis{font-style:italic;color:var(--bk-section-problems)!important;font-size:12.5px;margin-top:6px!important}.panning-note{font-family:var(--bk-font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--bk-text-muted);margin-top:10px!important;text-align:center;font-style:italic}.instrument-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.instrument-tag{display:inline-flex;align-items:center;gap:6px;background:#060608c7;border:1px solid color-mix(in srgb,var(--section-tone) 32%,transparent);color:var(--bk-text);padding:4px 10px;border-radius:5px;font-family:var(--bk-font-mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--bk-glass-highlight)}.instrument-tag em{font-style:normal;color:var(--section-tone);font-weight:700;font-size:9.5px}.energy-bar{width:100%;height:6px;background:#ffffff0f;border-radius:999px;margin-top:10px;overflow:hidden}.energy-fill{height:100%;background:linear-gradient(90deg,var(--section-tone),color-mix(in srgb,var(--section-tone) 60%,var(--bk-accent)));border-radius:999px;box-shadow:0 0 10px color-mix(in srgb,var(--section-tone) 50%,transparent);transition:width .4s var(--bk-ease-glide)}.section-stats{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--bk-divider-soft)}.stat-row:last-child{border-bottom:none;padding-bottom:0}.stat-label{font-family:var(--bk-font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bk-text-muted)}.stat-value{font-family:var(--bk-font-mono);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--section-tone)}@media (max-width: 768px){.insights-grid{grid-template-columns:1fr}.section-name{font-size:22px}}.knkt-background-container{min-height:100vh;position:relative;overflow:hidden}.knkt-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:#06060a}.knkt-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,217,255,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(168,85,247,.06) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 60% 80%,rgba(236,72,153,.05) 0%,transparent 50%);filter:blur(40px)}.knkt-background-content{position:relative;z-index:1}.knkt-orb{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(60px);opacity:.6;will-change:transform}.knkt-orb-1{width:800px;height:800px;background:radial-gradient(circle at 30% 30%,rgba(0,217,255,.15) 0%,rgba(0,217,255,.02) 50%,transparent 70%);top:-300px;left:-200px;animation:knktMeshFloat1 30s ease-in-out infinite}.knkt-orb-2{width:600px;height:600px;background:radial-gradient(circle at 70% 30%,rgba(168,85,247,.12) 0%,rgba(168,85,247,.02) 50%,transparent 70%);top:20%;right:-200px;animation:knktMeshFloat2 25s ease-in-out infinite}.knkt-orb-3{width:500px;height:500px;background:radial-gradient(circle at 50% 70%,rgba(236,72,153,.1) 0%,rgba(236,72,153,.02) 50%,transparent 70%);bottom:-150px;left:20%;animation:knktMeshFloat3 35s ease-in-out infinite}.knkt-orb-4{width:400px;height:400px;background:radial-gradient(circle at 40% 60%,rgba(255,184,0,.1) 0%,transparent 60%);top:50%;left:10%;animation:knktMeshFloat4 40s ease-in-out infinite}.knkt-orb-5{width:350px;height:350px;background:radial-gradient(circle at 60% 40%,rgba(229,228,226,.08) 0%,transparent 60%);bottom:30%;right:15%;animation:knktMeshFloat5 32s ease-in-out infinite}@keyframes knktMeshFloat1{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(80px,40px) scale(1.1) rotate(5deg)}50%{transform:translate(40px,80px) scale(.95) rotate(-3deg)}75%{transform:translate(-40px,40px) scale(1.05) rotate(3deg)}}@keyframes knktMeshFloat2{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(-60px,60px) scale(1.08) rotate(-4deg)}66%{transform:translate(40px,-40px) scale(.92) rotate(4deg)}}@keyframes knktMeshFloat3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(60px,-30px) scale(1.1)}50%{transform:translate(-40px,-60px) scale(.9)}75%{transform:translate(-60px,30px) scale(1.05)}}@keyframes knktMeshFloat4{0%,to{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(100px,-50px) scale(1.15) rotate(8deg)}}@keyframes knktMeshFloat5{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-80px,40px) scale(1.12)}66%{transform:translate(60px,-60px) scale(.88)}}.knkt-noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.015;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.knkt-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.02;pointer-events:none;background-image:linear-gradient(rgba(0,217,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.15) 1px,transparent 1px);background-size:80px 80px}@media (max-width: 768px){.knkt-orb-1{width:500px;height:500px}.knkt-orb-2{width:400px;height:400px}.knkt-orb-3{width:350px;height:350px}.knkt-orb-4{width:300px;height:300px}.knkt-orb-5{width:250px;height:250px}}@media (prefers-reduced-motion: reduce){.knkt-orb{animation:none}}:root{--aic-cyan: #22d3ee;--aic-cyan-soft: rgba(34, 211, 238, .2);--aic-cyan-mid: rgba(34, 211, 238, .3);--aic-cyan-glow: rgba(34, 211, 238, .5);--aic-grad: linear-gradient(135deg, #6366f1 0%, #ec4899 100%)}@property --ai-note-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.ai-chat-toggle.ai-float-btn{position:fixed;bottom:28px;right:28px;z-index:50;width:120px;height:120px;border-radius:50%;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 4px 18px rgba(0,0,0,.35))}.ai-chat-toggle.ai-float-btn:hover{transform:scale(1.04)}.ai-chat-toggle.ai-float-btn:before,.ai-chat-toggle.ai-float-btn:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;pointer-events:none;z-index:1}.ai-chat-toggle.ai-float-btn:before{background:conic-gradient(from var(--ai-note-angle),transparent 0deg,rgba(0,255,178,.95) 18deg,rgba(0,217,255,.8) 36deg,transparent 70deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 70%,#000 73%,#000 80%,transparent 84%);mask:radial-gradient(circle,transparent 70%,#000 73%,#000 80%,transparent 84%);filter:blur(.5px);animation:aiNoteOrbit 4.2s linear infinite}.ai-chat-toggle.ai-float-btn:after{background:conic-gradient(from var(--ai-note-angle),transparent 0deg,rgba(0,255,178,.5) 30deg,transparent 80deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 60%,#000 76%,transparent 95%);mask:radial-gradient(circle,transparent 60%,#000 76%,transparent 95%);filter:blur(5px);opacity:.85;animation:aiNoteOrbit 4.2s linear infinite}@keyframes aiNoteOrbit{to{--ai-note-angle: 360deg}}.ai-float-aura{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(0,255,178,.55) 0%,rgba(0,255,178,.18) 35%,transparent 70%);filter:blur(8px);animation:aiFloatAuraBreathe 3.6s ease-in-out infinite}@keyframes aiFloatAuraBreathe{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.1);opacity:.95}}.ai-float-dust{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:3}.ai-float-logo{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.ai-dust{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:radial-gradient(circle,#00ffb2 0%,rgba(0,255,178,.8) 60%,transparent 100%);box-shadow:0 0 8px #00ffb2b3;opacity:0;will-change:transform,opacity}.ai-dust--0{animation:aiDustFly0 3.2s ease-out 0s infinite}.ai-dust--1{animation:aiDustFly1 3.4s ease-out .2s infinite}.ai-dust--2{animation:aiDustFly2 3s ease-out .45s infinite}.ai-dust--3{animation:aiDustFly3 3.6s ease-out .7s infinite;background:radial-gradient(circle,#00d9ff,transparent 60%);box-shadow:0 0 8px #00d9ffb3}.ai-dust--4{animation:aiDustFly4 3.3s ease-out .1s infinite}.ai-dust--5{animation:aiDustFly5 3.1s ease-out .55s infinite;background:radial-gradient(circle,#00d9ff,transparent 60%);box-shadow:0 0 8px #00d9ffb3}.ai-dust--6{animation:aiDustFly6 3.5s ease-out .85s infinite}.ai-dust--7{animation:aiDustFly7 3.2s ease-out .3s infinite}.ai-dust--8{animation:aiDustFly8 3.7s ease-out 1.1s infinite;background:radial-gradient(circle,#00d9ff,transparent 60%);box-shadow:0 0 8px #00d9ffb3}.ai-dust--9{animation:aiDustFly9 2.9s ease-out .65s infinite}.ai-dust--10{animation:aiDustFly10 3.4s ease-out 1.3s infinite}.ai-dust--11{animation:aiDustFly11 3.1s ease-out .95s infinite;background:radial-gradient(circle,#00d9ff,transparent 60%);box-shadow:0 0 8px #00d9ffb3}@keyframes aiDustFly0{0%,5%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translateY(-78px) scale(.2);opacity:0}}@keyframes aiDustFly1{0%,5%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(56px,-56px) scale(.2);opacity:0}}@keyframes aiDustFly2{0%,5%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(76px) scale(.2);opacity:0}}@keyframes aiDustFly3{0%,5%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(64px,52px) scale(.2);opacity:0}}@keyframes aiDustFly4{0%,5%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translateY(78px) scale(.2);opacity:0}}@keyframes aiDustFly5{0%,5%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(-64px,52px) scale(.2);opacity:0}}@keyframes aiDustFly6{0%,5%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(-76px) scale(.2);opacity:0}}@keyframes aiDustFly7{0%,5%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(-56px,-56px) scale(.2);opacity:0}}@keyframes aiDustFly8{0%,5%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(30px,-72px) scale(.2);opacity:0}}@keyframes aiDustFly9{0%,5%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(72px,30px) scale(.2);opacity:0}}@keyframes aiDustFly10{0%,5%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(-30px,72px) scale(.2);opacity:0}}@keyframes aiDustFly11{0%,5%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(-72px,-30px) scale(.2);opacity:0}}@media (prefers-reduced-motion: reduce){.ai-chat-toggle.ai-float-btn:before,.ai-chat-toggle.ai-float-btn:after,.ai-float-aura,.ai-dust{animation:none;opacity:.4}}.ai-chat-panel{position:fixed;top:0;right:0;bottom:0;width:420px;z-index:51;display:flex;flex-direction:column;background:transparent;border-left:1px solid rgba(255,255,255,.07);box-shadow:-8px 0 48px #0009;font-family:DM Sans,Open Sans,sans-serif;color:#e2e8f4;overflow:hidden;isolation:isolate}.ai-chat-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:#06060a}.ai-chat-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,217,255,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(168,85,247,.06) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 60% 80%,rgba(236,72,153,.05) 0%,transparent 50%);filter:blur(40px)}.ai-chat-panel>*:not(.ai-chat-bg){position:relative;z-index:1}@media (max-width: 480px){.ai-chat-panel{width:100vw;border-left:none}}.ai-chat-header{position:relative;flex-shrink:0;padding:14px 18px;background:linear-gradient(180deg,#080b12eb,#0c101ac7);border-bottom:1px solid rgba(0,217,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ai-chat-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,178,.7) 25%,rgba(0,217,255,.7) 75%,transparent 100%);opacity:.55;pointer-events:none}.ai-header-top{display:flex;align-items:center;justify-content:space-between}.ai-header-left{display:flex;align-items:center;gap:12px}.ai-logo-icon{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#00d9ff61,#080a10d9 70%);border:1px solid rgba(0,217,255,.28);box-shadow:0 0 12px #00d9ff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.ai-title{margin:0;font-size:14px;font-weight:800;letter-spacing:.04em;font-family:JetBrains Mono,DM Mono,ui-monospace,monospace;background:linear-gradient(90deg,#00ffb2,#00d9ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(0,255,178,.25)}.ai-subtitle{margin:2px 0 0;display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#6b7488;font-family:JetBrains Mono,DM Mono,ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.ai-status-dot{width:6px;height:6px;border-radius:50%;background:#00ffb3;flex-shrink:0;animation:aic-status-pulse 2s ease-in-out infinite}@keyframes aic-status-pulse{0%,to{opacity:1;box-shadow:0 0 8px #00ffb399}50%{opacity:.5;box-shadow:0 0 #00ffb300}}.ai-close{width:28px;height:28px;border-radius:8px;background:#ffffff08;border:1px solid rgba(0,217,255,.22);color:#00ffb2;cursor:pointer;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s}.ai-close:hover{color:#fff;background:#00d9ff24;border-color:#00d9ff8c;box-shadow:0 0 12px #00d9ff59;transform:translateY(-1px)}.chat-messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.message{display:flex;gap:10px;align-items:flex-start;max-width:100%}.message.user{flex-direction:row-reverse;align-self:flex-end;max-width:85%}.message.assistant{align-self:flex-start}.message-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#00d9ff40,#080a10d9 70%);border:1px solid rgba(0,217,255,.22);display:flex;align-items:center;justify-content:center;margin-top:2px;overflow:hidden;flex-shrink:0}.message-content{border-radius:12px;padding:12px 16px;font-size:13.5px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:none;hyphens:none}.message.assistant .message-content{background:#10141ee6;border:1px solid rgba(255,255,255,.07);color:#c8d0de;border-radius:2px 12px 12px}.message.user .message-content{background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);color:#e2e8f4;border-radius:12px 2px 12px 12px;display:inline-block;max-width:100%}.message-content.typing{display:inline-flex;align-items:center;gap:5px;padding:14px 16px}.message-content.typing>span{width:6px;height:6px;border-radius:50%;background:#00ffb2;opacity:.4;animation:aic-typing 1.2s ease-in-out infinite;box-shadow:0 0 6px #00ffb266}.message-content.typing>span:nth-child(2){animation-delay:.15s}.message-content.typing>span:nth-child(3){animation-delay:.3s}@keyframes aic-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.ai-templates{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.05);background:#080a1080;flex-shrink:0;max-height:36vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.ai-templates::-webkit-scrollbar{width:4px}.ai-templates::-webkit-scrollbar-track{background:transparent}.ai-templates::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.template-card{--chip-color: #00d4ff;--chip-glow: rgba(0, 212, 255, .4);display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--chip-color) 6%,transparent),color-mix(in srgb,var(--chip-color) 12%,transparent));border:1px solid color-mix(in srgb,var(--chip-color) 38%,transparent);color:var(--chip-color);font-size:12.5px;font-weight:600;letter-spacing:.02em;cursor:pointer;text-align:left;font-family:inherit;text-shadow:0 0 8px color-mix(in srgb,var(--chip-color) 35%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chip-color) 8%,transparent),0 0 0 0 var(--chip-glow);transition:transform .15s,box-shadow .15s,background .15s}.template-card:hover{transform:translate(2px);background:linear-gradient(135deg,color-mix(in srgb,var(--chip-color) 14%,transparent),color-mix(in srgb,var(--chip-color) 22%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chip-color) 18%,transparent),0 0 18px var(--chip-glow)}.template-card--cyan{--chip-color: #00D9FF;--chip-glow: rgba(0, 217, 255, .45)}.template-card--mint{--chip-color: #00FFB2;--chip-glow: rgba(0, 255, 178, .45)}.template-card--purple{--chip-color: #A855F7;--chip-glow: rgba(168, 85, 247, .45)}.template-card--pink{--chip-color: #FF6BFF;--chip-glow: rgba(255, 107, 255, .45)}.template-icon{display:inline-flex;align-items:center;flex-shrink:0;color:currentColor}.template-title{display:inline-block;white-space:nowrap}.chat-input-container{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.06);background:#080a10cc;flex-shrink:0}.chat-input{flex:1;background:#10141ecc;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;font-size:14px;color:#e2e8f4;outline:none;font-family:DM Sans,Open Sans,sans-serif;transition:border-color .15s,background .15s}.chat-input::placeholder{color:#3d4555}.chat-input:focus{border-color:#00d4ff73;background:#00d4ff0a}.chat-input:disabled{opacity:.5;cursor:not-allowed}.send-button{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#00d4ff,#9d6bff);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #00d4ff40;transition:transform .15s,box-shadow .15s,opacity .15s}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 24px #00d4ff66}.send-button:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.message.assistant .message-content>:first-child{margin-top:0}.message.assistant .message-content>:last-child{margin-bottom:0}.message.assistant .message-content p{margin:0 0 8px;line-height:1.65;word-break:break-word}.message.assistant .message-content p:last-child{margin-bottom:0}.message.assistant .message-content strong{color:#fff;font-weight:700}.message.assistant .message-content em{color:#c8d0de;font-style:italic}.message.assistant .message-content h1,.message.assistant .message-content h2,.message.assistant .message-content h3,.message.assistant .message-content h4{margin:12px 0 6px;color:#fff;font-weight:700;letter-spacing:.01em;line-height:1.3}.message.assistant .message-content h1{font-size:16px}.message.assistant .message-content h2{font-size:14.5px}.message.assistant .message-content h3{font-size:13.5px;color:#00d9ff}.message.assistant .message-content h4{font-size:13px;color:#00ffb2}.message.assistant .message-content ul,.message.assistant .message-content ol{margin:6px 0 8px;padding-left:20px}.message.assistant .message-content li{margin:3px 0;line-height:1.55}.message.assistant .message-content ul li::marker{color:#00d9ff}.message.assistant .message-content ol li::marker{color:#00ffb2;font-weight:700}.message.assistant .message-content code{font-family:JetBrains Mono,DM Mono,ui-monospace,monospace;font-size:12px;padding:1px 6px;border-radius:4px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);color:#6ee7ff}.message.assistant .message-content pre{margin:8px 0;padding:10px 12px;border-radius:8px;background:#0006;border:1px solid rgba(255,255,255,.08);overflow-x:auto;font-family:JetBrains Mono,DM Mono,ui-monospace,monospace;font-size:12px;line-height:1.55}.message.assistant .message-content pre code{background:none;border:none;padding:0;color:#e2e8f4}.message.assistant .message-content a{color:#00d9ff;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#00d9ff73;transition:text-decoration-color .15s,color .15s}.message.assistant .message-content a:hover{color:#00ffb2;text-decoration-color:#00ffb2}.message.assistant .message-content blockquote{margin:8px 0;padding:8px 12px;border-left:3px solid #00d9ff;background:#00d9ff0f;border-radius:0 6px 6px 0;color:#c8d0de;font-style:italic}.message.assistant .message-content hr{margin:10px 0;border:0;border-top:1px dashed rgba(255,255,255,.1)}.ai-header-actions{display:inline-flex;align-items:center;gap:6px}.ai-iconbtn{width:28px;height:28px;border-radius:8px;background:#ffffff08;border:1px solid rgba(0,217,255,.22);color:#00ffb2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s}.ai-iconbtn:hover{color:#fff;background:#00d9ff24;border-color:#00d9ff8c;box-shadow:0 0 12px #00d9ff59;transform:translateY(-1px)}.ai-iconbtn:active{transform:translateY(0)}.ai-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10500;background:radial-gradient(circle at 50% 35%,#080c168c,#02040ad9),#02040a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:aiConfirmFade .18s ease-out}@keyframes aiConfirmFade{0%{opacity:0}to{opacity:1}}.ai-confirm-dialog{--ai-confirm-accent: #00FFB2;--ai-confirm-accent2: #00D9FF;position:relative;width:100%;max-width:380px;padding:22px 22px 18px;border-radius:14px;background:linear-gradient(180deg,#0c1019,#06080d);border:1px solid color-mix(in srgb,var(--ai-confirm-accent) 28%,rgba(255,255,255,.06));box-shadow:0 24px 60px #0009,0 0 28px color-mix(in srgb,var(--ai-confirm-accent) 22%,transparent),inset 0 1px #ffffff0d;color:#e2e8f4;overflow:hidden;animation:aiConfirmRise .22s cubic-bezier(.2,.8,.2,1)}@keyframes aiConfirmRise{0%{transform:translateY(8px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.ai-confirm-ring{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--ai-confirm-accent) 25%,var(--ai-confirm-accent2) 75%,transparent 100%);opacity:.85}.ai-confirm-eyebrow{font-family:JetBrains Mono,DM Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.18em;font-weight:700;margin-bottom:8px;color:var(--ai-confirm-accent);text-shadow:0 0 10px color-mix(in srgb,var(--ai-confirm-accent) 50%,transparent)}.ai-confirm-title{font-size:16px;font-weight:700;letter-spacing:-.005em;margin-bottom:6px;color:#fff}.ai-confirm-message{font-size:13px;line-height:1.55;color:#aab3c5;margin-bottom:18px}.ai-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.ai-confirm-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:10px;padding:9px 16px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:JetBrains Mono,DM Mono,ui-monospace,monospace;cursor:pointer;transition:transform .15s,box-shadow .18s,background .18s,border-color .18s,color .18s}.ai-confirm-btn:active{transform:translateY(1px)}.ai-confirm-btn--ghost{background:#ffffff08;border-color:#ffffff14;color:#aab3c5}.ai-confirm-btn--ghost:hover{background:#ffffff0f;border-color:#ffffff2e;color:#e2e8f4}.ai-confirm-btn--primary{color:#06080d;background:linear-gradient(135deg,var(--ai-confirm-accent) 0%,var(--ai-confirm-accent2) 100%);border-color:color-mix(in srgb,var(--ai-confirm-accent) 60%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--ai-confirm-accent) 45%,transparent)}.ai-confirm-btn--primary:hover{transform:translateY(-1px);box-shadow:0 0 24px color-mix(in srgb,var(--ai-confirm-accent) 65%,transparent),0 0 6px color-mix(in srgb,var(--ai-confirm-accent2) 45%,transparent)}.ai-confirm-btn--primary:focus-visible{outline:2px solid color-mix(in srgb,var(--ai-confirm-accent2) 70%,transparent);outline-offset:2px}.ai-chat-bg-dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;mix-blend-mode:screen}.analysis-trivia{display:flex;align-items:flex-start;gap:14px;margin-top:28px;padding:16px 18px;background:#00000073;border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-md);text-align:left;max-width:560px;margin-left:auto;margin-right:auto;box-shadow:var(--bk-glass-highlight)}.analysis-trivia-icon{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#ffd7001a;border:1px solid rgba(255,215,0,.32);color:var(--bk-section-editorial);box-shadow:0 0 12px #ffd70026}.analysis-trivia-body{flex:1;min-width:0;animation:trivia-fade .6s var(--bk-ease-glide)}@keyframes trivia-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.analysis-trivia-label{display:block;font-family:var(--bk-font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bk-section-editorial);margin-bottom:4px}.analysis-trivia-text{font-family:var(--bk-font-body);font-size:13px;line-height:1.55;color:var(--bk-text-2);margin:0}.section-editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--bk-gutter, 24px);animation:editor-fade-in .18s var(--bk-ease-glide)}@keyframes editor-fade-in{0%{opacity:0}to{opacity:1}}.section-editor-modal{width:min(720px,100%);max-height:min(90vh,800px);display:flex;flex-direction:column;background:#0a0a0cf5;border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-panel);box-shadow:0 32px 64px #0009,0 0 80px #00f0ff1a;overflow:hidden;animation:editor-rise .22s var(--bk-ease-spring)}@keyframes editor-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.section-editor-header h2{margin:0 0 4px;font-size:var(--knkt-text-xl);font-weight:var(--knkt-font-semibold);color:var(--bk-text);line-height:1.3}.section-editor-header p{margin:0;color:var(--bk-text-2);font-size:12px;line-height:1.5;max-width:540px}.section-editor-close{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--bk-r-pill);color:var(--bk-text-2);cursor:pointer;flex-shrink:0;transition:color .18s,border-color .18s,background .18s,transform .18s var(--bk-ease-spring)}.section-editor-close:hover{color:var(--bk-text);border-color:#ffffff4d;background:#ffffff14;transform:rotate(90deg)}.section-editor-player{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.04)}.mini-play-button{width:32px;height:32px;border-radius:50%;border:1px solid var(--bk-section-hero);background:#00f0ff1a;color:var(--bk-section-hero);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .18s,transform .18s var(--bk-ease-spring),box-shadow .18s}.mini-play-button:hover{background:#00f0ff33;box-shadow:0 0 14px #00f0ff66;transform:translateY(-1px)}.mini-time{font-family:var(--bk-font-mono);font-size:11px;color:var(--bk-text-muted);font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.mini-duration{text-align:right;min-width:44px}.mini-seek{flex:1;height:4px;background:linear-gradient(to right,#00f0ff8c,#00f0ff8c calc(var(--seek-pct, 0%)),#ffffff14 calc(var(--seek-pct, 0%)),#ffffff14);border-radius:var(--bk-r-pill);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.mini-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--bk-section-hero);box-shadow:0 0 10px #00f0ff8c;border:none;cursor:pointer}.mini-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--bk-section-hero);border:none;cursor:pointer}.section-editor-list{flex:1;overflow-y:auto;margin:0;padding:12px 24px;list-style:none;display:flex;flex-direction:column;gap:8px}.section-editor-row{display:grid;grid-template-columns:auto 1fr auto auto auto auto;grid-template-rows:auto auto;align-items:center;gap:8px 10px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-left:3px solid currentColor;background:linear-gradient(90deg,color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 4%,transparent)),#00000073;border-radius:var(--bk-r-md);transition:border-color .18s,background .18s,box-shadow .18s var(--bk-ease-glide)}.section-editor-row.is-playing{border-color:var(--bk-section-hero);box-shadow:inset 0 0 14px #00f0ff1a,0 0 18px #00f0ff40}.row-play{width:28px;height:28px;border-radius:50%;border:1px solid currentColor;background:color-mix(in srgb,currentColor 16%,transparent);color:currentColor;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .18s var(--bk-ease-spring),box-shadow .18s var(--bk-ease-glide),background .18s var(--bk-ease-glide)}.row-play:hover{transform:translateY(-1px);background:color-mix(in srgb,currentColor 28%,transparent);box-shadow:0 0 12px color-mix(in srgb,currentColor 50%,transparent)}.row-meta{display:flex;flex-direction:column;gap:2px;min-width:0;color:var(--bk-text)}.row-label{font-family:var(--bk-font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-time{font-family:var(--bk-font-mono);font-size:10.5px;color:var(--bk-text-muted);letter-spacing:.04em;font-variant-numeric:tabular-nums}.row-type-wrap{position:relative;min-width:150px}.row-type-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-family:var(--bk-font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bk-text);background:#0f0f12eb;border:1px solid rgba(255,255,255,.18);border-radius:var(--bk-r-pill);padding:8px 14px;cursor:pointer;outline:none;transition:border-color .18s var(--bk-ease-glide),background .18s var(--bk-ease-glide),box-shadow .18s var(--bk-ease-glide),color .18s var(--bk-ease-glide)}.row-type-trigger svg{opacity:.7;transition:transform .18s var(--bk-ease-glide)}.row-type-trigger:hover,.row-type-trigger:focus-visible,.row-type-trigger.is-open{color:var(--bk-section-hero);border-color:var(--bk-section-hero);background:#00f0ff1a;box-shadow:0 0 14px #00f0ff4d}.row-type-trigger.is-open svg{transform:rotate(180deg);opacity:1}.row-type-popover{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;display:flex;flex-direction:column;background:#08080cf7;border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-md);box-shadow:0 16px 40px #000000b3,0 0 24px #00f0ff33;padding:6px;z-index:80;backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);animation:row-type-pop .14s var(--bk-ease-spring)}@keyframes row-type-pop{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.row-type-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;background:transparent;border:1px solid transparent;border-radius:var(--bk-r-sm);color:var(--bk-text);font-family:var(--bk-font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-align:left;transition:background .12s var(--bk-ease-glide),border-color .12s var(--bk-ease-glide),color .12s var(--bk-ease-glide)}.row-type-option:hover{background:#00f0ff14;border-color:#00f0ff4d;color:var(--bk-section-hero)}.row-type-option.is-current{color:var(--bk-section-live);background:#39ff140f;border-color:#39ff144d}.row-bounds-track{grid-column:1 / -1;position:relative;height:22px;margin-top:2px;background:linear-gradient(90deg,#ffffff0a,#ffffff0a);border:1px solid rgba(255,255,255,.06);border-radius:var(--bk-r-sm);overflow:visible;touch-action:none}.row-bounds-block{position:absolute;top:2px;bottom:2px;background:color-mix(in srgb,currentColor 35%,transparent);border-radius:3px;border:1px solid color-mix(in srgb,currentColor 60%,transparent);pointer-events:none}.row-bounds-handle{position:absolute;top:-3px;bottom:-3px;width:10px;background:currentColor;border-radius:3px;cursor:col-resize;pointer-events:auto;box-shadow:0 0 8px color-mix(in srgb,currentColor 70%,transparent),0 1px 2px #00000080;transition:transform .12s var(--bk-ease-spring),box-shadow .12s var(--bk-ease-glide)}.row-bounds-handle:hover,.row-bounds-handle:active{transform:scaleY(1.15);box-shadow:0 0 12px color-mix(in srgb,currentColor 90%,transparent),0 1px 3px #0009}.row-bounds-handle-start{left:-5px;border-radius:3px 0 0 3px}.row-bounds-handle-end{right:-5px;border-radius:0 3px 3px 0}.row-split{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid rgba(255,255,255,.18);background:#0f0f12eb;color:var(--bk-text-2);border-radius:var(--bk-r-pill);font-family:var(--bk-font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .18s var(--bk-ease-glide),border-color .18s var(--bk-ease-glide),background .18s var(--bk-ease-glide),box-shadow .18s var(--bk-ease-glide)}.row-split:hover:not(:disabled){color:var(--bk-section-budget);border-color:var(--bk-section-budget);background:#ffc1071a;box-shadow:0 0 12px #ffc1074d}.row-split:disabled{opacity:.35;cursor:not-allowed}.row-delete{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.18);background:#0f0f12eb;color:var(--bk-text-2);border-radius:var(--bk-r-pill);cursor:pointer;transition:color .18s var(--bk-ease-glide),border-color .18s var(--bk-ease-glide),background .18s var(--bk-ease-glide),box-shadow .18s var(--bk-ease-glide),transform .18s var(--bk-ease-spring)}.row-delete:hover{color:#ff5e6c;border-color:#ff5e6c;background:#ff5e6c1a;box-shadow:0 0 12px #ff5e6c66;transform:translateY(-1px)}.row-tag-inserted{display:inline-block;margin-left:8px;padding:2px 6px;font-family:var(--bk-font-mono);font-size:8.5px;font-weight:800;letter-spacing:.18em;color:var(--bk-section-budget);border:1px solid rgba(255,193,7,.5);background:#ffc10714;border-radius:var(--bk-r-sm);text-transform:uppercase;vertical-align:1px}.section-editor-gap{display:flex;align-items:center;gap:12px;list-style:none;margin:4px 0}.gap-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,193,7,.4) 50%,transparent)}.gap-add-button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px dashed rgba(255,193,7,.6);background:#ffc1070f;color:var(--bk-section-budget);border-radius:var(--bk-r-pill);font-family:var(--bk-font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .18s var(--bk-ease-glide),border-color .18s var(--bk-ease-glide),box-shadow .18s var(--bk-ease-glide),transform .18s var(--bk-ease-spring)}.gap-add-button:hover{background:#ffc10724;border-style:solid;border-color:var(--bk-section-budget);box-shadow:0 0 14px #ffc1074d;transform:translateY(-1px)}.row-bounds-playhead{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--bk-section-hero);box-shadow:0 0 8px var(--bk-section-hero);pointer-events:none;transform:translate(-.5px)}@media (max-width: 640px){.section-editor-row{grid-template-columns:auto 1fr}.row-type-wrap,.row-saved-indicator{grid-column:1 / -1}}.row-saved-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-family:var(--bk-font-mono);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bk-section-live);background:#39ff141a;border:1px solid rgba(57,255,20,.4);border-radius:var(--bk-r-pill);opacity:0;transform:scale(.85);transition:opacity .2s,transform .2s var(--bk-ease-spring);pointer-events:none}.row-saved-indicator.is-visible{opacity:1;transform:scale(1)}.section-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-top:1px solid rgba(255,255,255,.06);background:#0000004d}.footer-hint{margin:0;font-family:var(--bk-font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--bk-text-muted)}.section-editor-done{padding:9px 22px;font-family:var(--bk-font-mono);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--bk-section-hero);background:#00f0ff1a;border:1px solid var(--bk-section-hero);border-radius:var(--bk-r-pill);cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s var(--bk-ease-spring)}.section-editor-done:hover{background:#00f0ff33;box-shadow:0 0 16px #00f0ff66;transform:translateY(-1px)}.dj-suggestions{margin-top:var(--knkt-space-2xl);padding:26px 28px 28px;background:var(--bk-glass-tint);border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-panel);box-shadow:var(--bk-glass-shadow),var(--bk-glass-highlight);backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%)}.dj-suggestions-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;color:var(--bk-section-hero)}.dj-suggestions-header h2{margin:0;font-size:var(--knkt-text-xl);font-weight:var(--knkt-font-semibold);color:var(--bk-text);line-height:1.4}.dj-self-camelot{margin-left:auto;font-family:var(--bk-font-mono);font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--bk-section-hero);border:1px solid var(--bk-section-hero);background:#00f0ff1a;padding:5px 12px;border-radius:var(--bk-r-pill);box-shadow:0 0 12px #00f0ff40}.dj-suggestions-sub{margin:0 0 18px;color:var(--bk-text-2);font-size:12px;line-height:1.55;max-width:640px}.dj-empty{margin:12px 0 0;color:var(--bk-text-muted);font-family:var(--bk-font-mono);font-size:11.5px;line-height:1.6}.dj-suggestions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.dj-card{--tone: var(--bk-section-hero);display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:#08080a8c;border:1px solid color-mix(in srgb,var(--tone) 24%,transparent);border-left:3px solid var(--tone);border-radius:var(--bk-r-md);text-decoration:none;color:inherit;transition:border-color .18s var(--bk-ease-glide),box-shadow .18s var(--bk-ease-glide),transform .18s var(--bk-ease-spring),background .18s var(--bk-ease-glide)}.dj-card[data-tone=live]{--tone: var(--bk-section-live)}.dj-card[data-tone=hero]{--tone: var(--bk-section-hero)}.dj-card[data-tone=budget]{--tone: var(--bk-section-budget)}.dj-card[data-tone=soft]{--tone: var(--bk-text-2)}.dj-card:hover{background:#08080ac7;border-color:var(--tone);transform:translateY(-2px);box-shadow:0 0 18px color-mix(in srgb,var(--tone) 35%,transparent),0 8px 18px #00000073}.dj-card-header{display:flex;align-items:center;gap:10px;color:var(--tone);font-family:var(--bk-font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}.dj-card-camelot{font-weight:800;font-size:11.5px}.dj-card-tag{margin-left:auto;padding:3px 9px;border-radius:var(--bk-r-pill);border:1px solid color-mix(in srgb,currentColor 35%,transparent);background:color-mix(in srgb,currentColor 10%,transparent);font-size:9.5px;font-weight:700;letter-spacing:.12em}.dj-card-title{font-size:13px;font-weight:600;color:var(--bk-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.dj-card-meta{display:flex;justify-content:space-between;font-family:var(--bk-font-mono);font-size:10.5px;color:var(--bk-text-muted);letter-spacing:.06em}.dj-card-key{font-weight:700;color:var(--bk-text)}.dj-card-score{position:relative;height:18px;border-radius:var(--bk-r-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);overflow:hidden}.dj-card-bar{position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--tone) 50%,transparent),color-mix(in srgb,var(--tone) 18%,transparent))}.dj-card-score-text{position:relative;z-index:1;display:block;text-align:center;font-family:var(--bk-font-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bk-text);line-height:18px}.song-snapshot{background:var(--bk-bg-2, #121418);border:1px solid var(--bk-border, rgba(255, 255, 255, .06));border-radius:14px;padding:22px 26px;margin:24px 0 18px;display:flex;flex-direction:column;gap:16px}.song-snapshot-header{display:flex;align-items:center;gap:10px}.song-snapshot-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#00d9ff1f;color:var(--bk-section-hero, #00d9ff)}.song-snapshot-title{font-size:15px;font-weight:600;color:var(--bk-text, #f4f6f8);letter-spacing:.01em;margin:0}.song-snapshot-row{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center}.song-snapshot-row-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bk-text-2, #9aa3ad)}.song-snapshot-pills{display:flex;flex-wrap:wrap;gap:6px}.song-snapshot-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;background:color-mix(in srgb,currentColor 14%,transparent);color:currentColor;border:1px solid color-mix(in srgb,currentColor 28%,transparent);cursor:pointer;transition:background-color .14s ease,transform .14s ease}.song-snapshot-pill:hover{background:color-mix(in srgb,currentColor 22%,transparent);transform:translateY(-1px)}.song-snapshot-pill-intro{color:var(--bk-section-hero, #00d9ff)}.song-snapshot-pill-verse{color:var(--bk-section-budget, #ffc107)}.song-snapshot-pill-chorus{color:var(--bk-section-problems, #ff1493)}.song-snapshot-pill-bridge{color:var(--bk-section-editorial, #a855f7)}.song-snapshot-pill-breakdown{color:#6cd1ff}.song-snapshot-pill-main-drop{color:var(--bk-accent, #ff1493)}.song-snapshot-pill-build{color:var(--bk-section-live, #4ade80)}.song-snapshot-pill-outro{color:var(--bk-text-2, #9aa3ad)}.song-snapshot-vibe{color:var(--bk-text, #e6e9ee);font-size:13px;line-height:1.5}@media (max-width: 640px){.song-snapshot-row{grid-template-columns:1fr;gap:8px}}.results-page{min-height:100vh;padding:32px var(--bk-gutter) 80px;background:transparent}.container{max-width:var(--bk-content-max);margin:0 auto}.top-header{margin-bottom:var(--knkt-space-2xl)}.header-title{margin-bottom:var(--knkt-space-lg);text-align:center}.header-title h1{font-size:var(--knkt-text-4xl);margin:0;background:linear-gradient(135deg,var(--knkt-cyan),var(--knkt-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--knkt-font-bold)}.track-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--knkt-space-lg);margin-bottom:var(--knkt-space-xl)}.track-info-card{background:var(--knkt-bg-card);border:1px solid var(--knkt-border);border-radius:var(--knkt-radius-lg);padding:var(--knkt-space-lg);text-align:center;transition:var(--knkt-transition);position:relative;overflow:hidden}.track-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--knkt-cyan),var(--knkt-magenta));opacity:0;transition:opacity var(--knkt-transition)}.track-info-card:hover{transform:translateY(-2px);box-shadow:var(--knkt-shadow-md);border-color:var(--knkt-border-hover)}.track-info-card:hover:before{opacity:1}.track-info-card.track-name-card{grid-column:span 2;border-color:#00e5ff4d}.track-info-card.artist-card{grid-column:span 2;border-color:#6366f14d}.track-info-card.bpm-card{border-color:#00e5ff4d}.track-info-card.key-card{border-color:#ec48994d}.track-info-card.chord-progression-card{grid-column:span 2;border-color:#6366f14d}.chord-progression{font-size:var(--knkt-text-lg);font-weight:var(--knkt-font-medium);color:var(--knkt-text-primary);word-break:break-word;line-height:var(--knkt-leading-relaxed)}.advanced-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--knkt-space-lg);margin-top:var(--knkt-space-xl)}.feature-card{background:var(--knkt-bg-card);border:1px solid var(--knkt-border);border-radius:var(--knkt-radius-lg);padding:var(--knkt-space-lg);transition:var(--knkt-transition);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--knkt-cyan),var(--knkt-magenta));opacity:0;transition:opacity var(--knkt-transition)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--knkt-shadow-md);border-color:var(--knkt-border-hover)}.feature-card:hover:before{opacity:1}.feature-header{display:flex;align-items:center;gap:var(--knkt-space-sm);margin-bottom:var(--knkt-space-md)}.feature-icon{font-size:var(--knkt-text-2xl);line-height:1}.feature-label{font-size:var(--knkt-text-sm);text-transform:uppercase;letter-spacing:1.5px;color:var(--knkt-text-secondary);font-weight:var(--knkt-font-semibold)}.feature-value{display:flex;align-items:baseline;gap:var(--knkt-space-xs);margin-bottom:var(--knkt-space-md)}.feature-number{font-size:var(--knkt-text-3xl);font-weight:var(--knkt-font-bold);color:var(--knkt-text-primary);line-height:1}.feature-unit{font-size:var(--knkt-text-base);color:var(--knkt-text-secondary);font-weight:var(--knkt-font-medium)}.feature-bar{width:100%;height:6px;background:var(--knkt-bg-tertiary);border-radius:var(--knkt-radius-full);overflow:hidden;margin-top:var(--knkt-space-sm)}.feature-bar-fill{height:100%;background:linear-gradient(90deg,var(--knkt-cyan),var(--knkt-magenta));border-radius:var(--knkt-radius-full);transition:width var(--knkt-transition);box-shadow:0 0 10px #00e5ff80}.feature-hint{font-size:var(--knkt-text-xs);color:var(--knkt-text-muted);margin-top:var(--knkt-space-xs);font-style:italic}.danceability-card{border-color:#ec48994d}.danceability-card:hover{border-color:var(--knkt-secondary)}.loudness-card{border-color:#00e5ff4d}.loudness-card:hover{border-color:var(--knkt-cyan)}.dynamic-card{border-color:#6366f14d}.dynamic-card:hover{border-color:var(--knkt-primary)}.spectral-card{border-color:#ff00804d}.spectral-card:hover{border-color:var(--knkt-magenta)}.info-label{font-size:var(--knkt-text-xs);text-transform:uppercase;letter-spacing:1.5px;color:var(--knkt-text-secondary);margin-bottom:var(--knkt-space-sm);font-weight:var(--knkt-font-semibold)}.info-value{font-size:var(--knkt-text-2xl);font-weight:var(--knkt-font-bold);color:var(--knkt-text-primary);line-height:1.3;word-break:break-word}.track-name-card .info-value{font-size:var(--knkt-text-3xl);background:linear-gradient(135deg,var(--knkt-cyan),var(--knkt-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.artist-card .info-value{font-size:var(--knkt-text-xl);color:var(--knkt-cyan)}.bpm-card .info-value{font-size:var(--knkt-text-4xl);color:var(--knkt-cyan);font-weight:var(--knkt-font-bold)}.key-card .info-value{font-size:var(--knkt-text-4xl)}.experimental-features-section{margin-top:var(--knkt-space-2xl);padding:var(--knkt-space-xl);background:var(--knkt-bg-card);border:1px solid var(--knkt-border);border-radius:var(--knkt-radius-lg)}.experimental-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--knkt-space-lg);margin-top:var(--knkt-space-lg)}.experimental-card{border-color:#00e5ff33;background:linear-gradient(135deg,#00e5ff0d,#ec48990d)}.experimental-card:hover{border-color:#00e5ff80;box-shadow:0 4px 20px #00e5ff33}.feature-icon-svg{width:24px;height:24px;stroke:var(--knkt-cyan);fill:none;flex-shrink:0;display:block}.experimental-details{margin-top:var(--knkt-space-md);padding-top:var(--knkt-space-md);border-top:1px solid var(--knkt-border)}.experimental-details summary{cursor:pointer;color:var(--knkt-cyan);font-size:var(--knkt-text-sm);font-weight:var(--knkt-font-medium);-webkit-user-select:none;user-select:none}.experimental-details summary:hover{color:var(--knkt-magenta)}.embedding-stats,.audioflux-features{margin-top:var(--knkt-space-sm);padding:var(--knkt-space-sm);background:var(--knkt-bg-tertiary);border-radius:var(--knkt-radius);font-size:var(--knkt-text-sm)}.feature-item{display:flex;justify-content:space-between;padding:var(--knkt-space-xs) 0;border-bottom:1px solid var(--knkt-border)}.feature-item:last-child{border-bottom:none}.feature-name{color:var(--knkt-text-secondary)}.feature-val{color:var(--knkt-text-primary);font-weight:var(--knkt-font-medium)}.feature-description{margin-top:var(--knkt-space-md);padding:var(--knkt-space-sm);background:var(--knkt-bg-tertiary);border-radius:var(--knkt-radius);font-size:var(--knkt-text-sm);color:var(--knkt-text-secondary);line-height:1.6}.feature-description p{margin:0}.key-card .info-value{font-size:var(--knkt-text-4xl);color:var(--knkt-magenta);font-weight:var(--knkt-font-bold)}.waveform-section{margin-bottom:var(--knkt-space-lg);width:100%;display:block;visibility:visible}.player-section{margin-bottom:var(--knkt-space-xl)}.processing-notice{margin:32px auto;padding:56px 32px 48px;max-width:720px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;border-radius:var(--bk-r-panel)}.processing-loader-wrap{position:relative;width:220px;height:220px;margin:0 auto 24px;border-radius:50%;overflow:hidden;box-shadow:0 18px 48px #0009,0 0 80px #38bdf82e}.processing-content{text-align:center;max-width:600px;margin:0 auto}.processing-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--bk-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;color:var(--bk-accent);margin:0 0 18px}.processing-dot{width:6px;height:6px;border-radius:50%;background:var(--bk-accent);box-shadow:0 0 8px var(--bk-accent);animation:processingDot 1.6s ease-in-out infinite}@keyframes processingDot{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.processing-content h3{font-family:var(--bk-font-display)!important;font-size:30px!important;font-weight:400!important;letter-spacing:-.02em!important;color:var(--bk-text)!important;margin:0 0 14px!important;background:none!important;-webkit-text-fill-color:var(--bk-text)!important}.processing-content .processing-sub{font-family:var(--bk-font-body);font-size:14px;line-height:1.6;color:var(--bk-text-2);max-width:540px;margin:0 auto}.segments-overview{margin-top:var(--knkt-space-2xl);padding:28px 32px 24px}.sections-insights{padding:28px 32px 32px}.section-title{font-size:var(--knkt-text-2xl);margin:0 0 var(--knkt-space-lg);padding:0 0 4px 4px;color:var(--knkt-text-primary);font-weight:var(--knkt-font-semibold);line-height:1.4}.sections-insights .section-title{margin-top:var(--knkt-space-md)}.segments-timeline{position:relative;height:80px;background:var(--knkt-bg-card);border:1px solid var(--knkt-border);border-radius:var(--knkt-radius);margin-bottom:var(--knkt-space-lg);overflow:hidden}.segment-marker,.section-marker{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:6px;background:var(--bk-glass-tint)!important;border:1px solid var(--bk-glass-border)!important;border-left:2px solid currentColor!important;border-right:2px solid currentColor!important;border-radius:var(--bk-r-md)!important;box-shadow:var(--bk-glass-highlight)!important;transition:transform .18s var(--bk-ease-spring),border-color .18s,box-shadow .18s;overflow:hidden;font:inherit;color:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.section-marker:focus-visible{outline:2px solid currentColor;outline-offset:2px}.section-marker-mix-in{color:var(--bk-text-2)}.section-marker-intro{color:var(--bk-section-hero)}.section-marker-verse{color:var(--bk-section-budget)}.section-marker-chorus{color:var(--bk-section-problems)}.section-marker-bridge{color:var(--bk-section-editorial)}.section-marker-breakdown{color:#6cd1ff}.section-marker-main-drop{color:var(--bk-accent)}.section-marker-build{color:var(--bk-section-live)}.section-marker-outro{color:var(--bk-text-2)}.section-marker-mix-out{color:var(--bk-text-muted)}.section-marker{background:linear-gradient(180deg,color-mix(in srgb,currentColor 45%,transparent),color-mix(in srgb,currentColor 18%,transparent)),#0000008c!important}.section-marker:hover{background:linear-gradient(180deg,color-mix(in srgb,currentColor 60%,transparent),color-mix(in srgb,currentColor 28%,transparent)),#0000008c!important}.section-marker:hover{z-index:10;transform:translateY(-2px);box-shadow:0 0 24px color-mix(in srgb,currentColor 35%,transparent),var(--bk-glass-highlight-strong)!important}.section-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--bk-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bk-text);line-height:1;white-space:nowrap;overflow:hidden;max-width:100%}.section-label-text{overflow:hidden;text-overflow:ellipsis}.section-label-badge{flex-shrink:0;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:color-mix(in srgb,currentColor 14%,transparent);border:1px solid color-mix(in srgb,currentColor 45%,transparent);color:currentColor;font-family:var(--bk-font-mono);font-size:10px;font-weight:700;letter-spacing:0;box-shadow:0 0 10px color-mix(in srgb,currentColor 22%,transparent),inset 0 1px #ffffff0f}.section-chords{font-family:var(--bk-font-mono);font-size:9.5px;letter-spacing:.06em;color:var(--bk-text-muted);text-align:center;line-height:1.2}.section-time{font-family:var(--bk-font-mono);font-size:9.5px;letter-spacing:.04em;color:var(--bk-text-muted);text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.section-correct-bar{display:flex;align-items:center;gap:14px;margin-top:14px;margin-bottom:var(--knkt-space-lg);flex-wrap:wrap}@property --correct-cta-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.section-correct-cta{position:relative;display:inline-flex;align-items:center;gap:8px;padding:11px 22px;font-family:var(--bk-font-mono);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bk-section-hero);background:#08080ceb;border:1px solid rgba(0,240,255,.3);border-radius:var(--bk-r-pill);cursor:pointer;flex-shrink:0;isolation:isolate;text-shadow:0 0 8px rgba(0,240,255,.5);box-shadow:0 0 14px #00f0ff38,inset 0 0 14px #00f0ff0f;transition:color .18s var(--bk-ease-glide),background .18s var(--bk-ease-glide),border-color .18s var(--bk-ease-glide),box-shadow .18s var(--bk-ease-glide),transform .18s var(--bk-ease-spring)}.section-correct-cta:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--correct-cta-angle),transparent 0deg,transparent 220deg,rgba(0,240,255,.2) 260deg,rgba(0,240,255,.95) 305deg,rgba(0,240,255,.2) 350deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:-1;animation:correct-cta-spin 4s linear infinite;filter:drop-shadow(0 0 6px rgba(0,240,255,.55))}@keyframes correct-cta-spin{to{--correct-cta-angle: 360deg}}.section-correct-cta:hover{color:#b4f0ff;background:#00f0ff1a;border-color:var(--bk-section-hero);box-shadow:0 0 22px #00f0ff80,0 0 50px #00f0ff33,inset 0 0 18px #00f0ff24;transform:translateY(-1px)}.section-correct-cta:hover:before{animation-duration:1.6s}.section-correct-cta:active{transform:translateY(0)}@media (prefers-reduced-motion: reduce){.section-correct-cta:before{animation:none}}.section-correct-hint{font-family:var(--bk-font-mono);font-size:10.5px;color:var(--bk-text-muted);letter-spacing:.04em;line-height:1.5}.segment-number{font-size:12px;font-weight:700;color:var(--knkt-cyan);margin-bottom:4px}.segment-chords{font-size:10px;color:var(--text-secondary);text-align:center;line-height:1.2}.sections-insights{margin-top:32px}.sections-insights .section-title{margin-bottom:24px}.segment-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}.segment-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d9ff33}.segment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.segment-header .segment-number{font-weight:600;color:var(--knkt-cyan)}.segment-time{font-size:12px;color:var(--text-secondary)}.chord-progression{margin-bottom:12px}.chord-progression strong{display:block;margin-bottom:8px;color:var(--knkt-text-primary);font-size:14px}.chords{display:flex;gap:8px;flex-wrap:wrap}.chord{background:#00d9ff33;border:1px solid var(--knkt-cyan);color:var(--knkt-cyan);padding:4px 12px;border-radius:4px;font-size:14px;font-weight:500}.segment-key,.segment-energy{margin-top:8px;font-size:14px;color:var(--text-secondary)}.segment-key strong,.segment-energy strong,.segment-instruments strong,.segment-mixing strong{color:var(--knkt-text-primary);margin-right:8px}.segment-instruments{margin-top:12px}.instruments{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.instrument{background:#ff00d933;border:1px solid var(--knkt-magenta);color:var(--knkt-magenta);padding:4px 10px;border-radius:4px;font-size:12px}.segment-mixing{margin-top:12px}.mixing-details{margin-top:8px;font-size:12px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.loading-state{text-align:center;padding:80px 40px;display:flex;flex-direction:column;align-items:center;gap:24px}.loading-state p{font-size:18px;color:var(--text-secondary)}.error-message{text-align:center;padding:40px;font-size:18px;color:#ff6b6b;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:8px}.audio-insights-section{margin-top:var(--knkt-space-2xl);padding:var(--knkt-space-xl);background:var(--knkt-bg-card);border:1px solid var(--knkt-border);border-radius:var(--knkt-radius-lg)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--knkt-space-lg);margin-top:var(--knkt-space-lg)}.insight-card{background:var(--knkt-bg-secondary);border:1px solid var(--knkt-border);border-radius:var(--knkt-radius-lg);padding:var(--knkt-space-lg);transition:var(--knkt-transition)}.insight-card:hover{border-color:var(--knkt-cyan);box-shadow:0 4px 20px #00e5ff26;transform:translateY(-2px)}.insight-header{display:flex;align-items:center;gap:var(--knkt-space-sm);margin-bottom:var(--knkt-space-md);padding-bottom:var(--knkt-space-sm);border-bottom:1px solid var(--knkt-border)}.insight-icon{font-size:var(--knkt-text-2xl);line-height:1}.insight-label{font-size:var(--knkt-text-sm);text-transform:uppercase;letter-spacing:1.5px;color:var(--knkt-text-secondary);font-weight:var(--knkt-font-semibold)}.insight-content{display:flex;flex-direction:column;gap:var(--knkt-space-sm)}.insight-main-value{font-size:var(--knkt-text-2xl);font-weight:var(--knkt-font-bold);color:var(--knkt-text-primary);margin-bottom:var(--knkt-space-xs)}.insight-confidence{font-size:var(--knkt-text-sm);color:var(--knkt-text-secondary);margin-bottom:var(--knkt-space-sm)}.insight-reasoning{font-size:var(--knkt-text-sm);color:var(--knkt-text-secondary);line-height:1.6;font-style:italic}.insight-details{margin-top:var(--knkt-space-sm)}.insight-details summary{cursor:pointer;color:var(--knkt-cyan);font-size:var(--knkt-text-sm);font-weight:var(--knkt-font-medium);-webkit-user-select:none;user-select:none}.insight-details summary:hover{color:var(--knkt-magenta)}.genre-card{border-color:#6366f14d}.genre-card:hover{border-color:var(--knkt-primary)}.genre-alternatives{display:flex;flex-direction:column;gap:8px;margin-top:12px}.genre-alternative{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--bk-r-md);background:#08080a8c;font-family:var(--bk-font-mono);font-size:11px;letter-spacing:.04em;overflow:hidden;isolation:isolate}.genre-alternative:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--conf, 0%);background:linear-gradient(90deg,color-mix(in srgb,var(--bk-section-hero) 28%,transparent),color-mix(in srgb,var(--bk-section-hero) 8%,transparent));z-index:-1;transition:width .5s var(--bk-ease-glide)}.genre-name{color:var(--bk-text);font-weight:600;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-conf{color:var(--bk-section-hero);font-weight:700;font-variant-numeric:tabular-nums}.quality-card{border-color:#00e5ff4d}.quality-card:hover{border-color:var(--knkt-cyan)}.quality-badge{display:inline-block;padding:var(--knkt-space-xs) var(--knkt-space-md);border-radius:var(--knkt-radius-full);font-size:var(--knkt-text-sm);font-weight:var(--knkt-font-bold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--knkt-space-md)}.quality-excellent{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.5)}.quality-good{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.5)}.quality-fair{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.5)}.quality-poor{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.5)}.quality-issues{display:flex;flex-direction:column;gap:var(--knkt-space-sm)}.quality-issue{display:flex;align-items:flex-start;gap:var(--knkt-space-sm);padding:var(--knkt-space-sm);background:var(--knkt-bg-tertiary);border-radius:var(--knkt-radius);font-size:var(--knkt-text-sm);line-height:1.5}.quality-error{border-left:3px solid #ef4444}.quality-warning{border-left:3px solid #fbbf24}.quality-info{border-left:3px solid #3b82f6}.issue-icon{flex-shrink:0;font-size:var(--knkt-text-base)}.issue-text{color:var(--knkt-text-primary);flex:1}.quality-good{color:var(--knkt-text-secondary);font-size:var(--knkt-text-sm);font-style:italic;padding:var(--knkt-space-sm);background:#22c55e1a;border-radius:var(--knkt-radius);border:1px solid rgba(34,197,94,.3)}.mixing-card{border-color:#ec48994d}.mixing-card:hover{border-color:var(--knkt-magenta)}.recommendations-list{display:flex;flex-direction:column;gap:var(--knkt-space-md)}.recommendation{padding:var(--knkt-space-md);background:var(--knkt-bg-tertiary);border-radius:var(--knkt-radius);border-left:4px solid;transition:var(--knkt-transition)}.recommendation:hover{background:var(--knkt-bg-card);transform:translate(4px)}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--knkt-space-xs)}.rec-type{font-size:var(--knkt-text-xs);text-transform:uppercase;letter-spacing:1px;font-weight:var(--knkt-font-bold);padding:2px 8px;border-radius:var(--knkt-radius);background:#00e5ff33;color:var(--knkt-cyan)}.rec-eq .rec-type{background:#6366f133;color:var(--knkt-primary)}.rec-compression .rec-type{background:#ec489933;color:var(--knkt-magenta)}.rec-saturation .rec-type{background:#fbbf2433;color:#fbbf24}.rec-reverb .rec-type{background:#8b5cf633;color:#8b5cf6}.rec-panning .rec-type{background:#22c55e33;color:#22c55e}.rec-volume .rec-type{background:#ef444433;color:#ef4444}.rec-severity{font-size:var(--knkt-text-xs);text-transform:uppercase;padding:2px 8px;border-radius:var(--knkt-radius);font-weight:var(--knkt-font-semibold)}.severity-high{background:#ef444433;color:#ef4444}.severity-medium{background:#fbbf2433;color:#fbbf24}.severity-low{background:#3b82f633;color:#3b82f6}.rec-message{color:var(--knkt-text-primary);font-size:var(--knkt-text-sm);line-height:1.6}.rec-high{border-left-color:#ef4444}.rec-medium{border-left-color:#fbbf24}.rec-low{border-left-color:#3b82f6}@media (max-width: 768px){.header-title h1{font-size:var(--knkt-text-3xl)}.track-info-grid{grid-template-columns:1fr}.track-info-card.track-name-card,.track-info-card.artist-card,.track-info-card.chord-progression-card{grid-column:span 1}.info-value{font-size:var(--knkt-text-xl)}.track-name-card .info-value{font-size:var(--knkt-text-2xl)}.bpm-card .info-value,.key-card .info-value{font-size:var(--knkt-text-3xl)}.advanced-features-grid,.insights-grid{grid-template-columns:1fr}}.segments-grid{grid-template-columns:1fr}} .view-mode-toggle{display:inline-flex;align-items:stretch;gap:4px;padding:4px;margin-bottom:18px;background:linear-gradient(180deg,#ffffff0a,#0003),#08080cd9;border:1px solid rgba(255,255,255,.08);border-radius:var(--bk-r-pill);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0006,0 6px 24px #00000073}.view-mode-pill{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:8px 22px;background:transparent;border:1px solid transparent;border-radius:var(--bk-r-pill);color:#ffffff8c;font-family:var(--bk-font-mono);font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color .18s var(--bk-ease-glide),border-color .18s var(--bk-ease-glide),background .18s var(--bk-ease-glide),box-shadow .18s var(--bk-ease-glide),transform .18s var(--bk-ease-spring)}.view-mode-pill-compact:hover:not(.is-active){color:#6ee7ff;background:#00d9ff0f;border-color:#00d9ff4d}.view-mode-pill-expanded:hover:not(.is-active){color:#8aff9d;background:#39ff140f;border-color:#39ff144d}.view-mode-pill-compact.is-active{color:#fff;background:linear-gradient(180deg,#ffffff24,#fff0 60%),linear-gradient(135deg,#00d9ff,#7c5cff 55%,#a855f7);border-color:#fff3;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000004d,0 4px 14px #7c5cff59,0 0 18px #00d9ff33}.view-mode-pill-compact.is-active:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000004d,0 6px 18px #7c5cff80,0 0 26px #00d9ff4d}.view-mode-pill-expanded.is-active{color:#062608;background:linear-gradient(180deg,#fff3,#fff0 60%),linear-gradient(135deg,#39ff14,#5cffac 55%,#00d9ff);border-color:#ffffff4d;text-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:inset 0 1px #fff6,inset 0 -1px #0003,0 4px 14px #39ff1466,0 0 22px #39ff1447}.view-mode-pill-expanded.is-active:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0003,0 6px 18px #39ff148c,0 0 30px #39ff1466}.track-header-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:var(--knkt-space-lg, 16px)}.track-header-bar>.track-info-grid{flex:1 1 auto;min-width:0;margin-bottom:0}.track-header-bar>.view-mode-toggle{flex:0 0 auto;margin-bottom:0;margin-top:4px}@media (max-width: 767px){.track-header-bar{flex-direction:column;gap:12px}.track-header-bar>.view-mode-toggle{align-self:flex-start}}.camelot-card .info-value{color:var(--bk-section-hero, #00d9ff);text-shadow:0 0 12px rgba(0,217,255,.45);font-variant-numeric:tabular-nums;letter-spacing:.04em}.results-top-bar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:14px}.track-hero{margin:0 0 22px;padding:4px 0 0;text-align:left}.track-hero-name{margin:0 0 6px;font-family:var(--bk-font-display);font-size:clamp(38px,6vw,64px);font-weight:400;line-height:1.04;letter-spacing:-.02em;color:var(--bk-text);background:linear-gradient(135deg,#fff,#b8c4d6);-webkit-background-clip:text;background-clip:text;color:transparent}.track-hero-artist{margin:0;font-family:var(--bk-font-display);font-size:16px;font-style:italic;font-weight:400;letter-spacing:.01em;color:var(--bk-text-2)}.track-metrics-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0 22px}.metric-card{position:relative;padding:16px 18px;background:linear-gradient(180deg,#ffffff0a,#fff0 60%),#0a0c12c7;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0006,0 4px 16px #0000004d}.metric-card .info-label{font-family:var(--bk-font-mono);font-size:9.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--bk-text-muted, #6b7280);margin-bottom:6px}.metric-card .info-value{font-family:var(--bk-font-mono);font-size:26px;font-weight:800;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--bk-text);line-height:1.1}.metric-card-bpm .info-value{color:var(--bk-section-live, #39ff14);text-shadow:0 0 12px rgba(57,255,20,.45)}.metric-card-key .info-value{color:var(--bk-accent, #ff1493);text-shadow:0 0 12px rgba(255,20,147,.45)}.metric-card-camelot .info-value{color:var(--bk-section-hero, #00d9ff);text-shadow:0 0 12px rgba(0,217,255,.45)}.metric-card-chords .info-value{font-size:16px;font-weight:700;letter-spacing:.03em;color:var(--bk-text);text-shadow:none;white-space:normal;word-break:break-word}.metric-card-chords{grid-column:span 2}@media (max-width: 640px){.metric-card-chords{grid-column:span 1}.track-hero-name{font-size:32px}}.history-page{min-height:100vh;background:transparent;color:var(--bk-text);font-family:var(--bk-font-body);max-width:var(--bk-content-max);margin:0 auto;padding:64px var(--bk-gutter) 80px}.history-header{text-align:left;margin-bottom:48px}.history-header h1{font-family:var(--bk-font-display);font-size:56px;font-weight:400;line-height:.96;letter-spacing:-.04em;margin:0 0 12px;color:var(--bk-text);background:none;-webkit-text-fill-color:var(--bk-text)}.history-header p{font-size:15px;color:var(--bk-text-2);max-width:600px;line-height:1.6;margin:0}.loading-state,.empty-state{text-align:center;padding:96px 24px;background:var(--bk-glass-tint);border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-panel);backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);box-shadow:var(--bk-glass-shadow),var(--bk-glass-highlight)}.empty-icon-wrap{width:56px;height:56px;border-radius:50%;background:#00f0ff14;border:1px solid rgba(0,240,255,.32);color:var(--bk-section-hero);display:inline-flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 0 24px #00f0ff2e,var(--bk-glass-highlight)}.upload-button{display:inline-flex;align-items:center;gap:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1.4s linear infinite}.empty-state h2{font-family:var(--bk-font-display);font-size:24px;font-weight:400;letter-spacing:-.02em;margin:0 0 8px;color:var(--bk-text)}.empty-state p{color:var(--bk-text-2);font-size:14px;margin:0 0 28px}.upload-button{padding:12px 32px;background:linear-gradient(135deg,var(--bk-accent),var(--bk-accent-hover));border:none;border-radius:var(--bk-r-pill);color:#000;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:var(--bk-glow-accent),var(--bk-glass-highlight-strong);transition:transform .18s var(--bk-ease-spring),box-shadow .18s}.upload-button:hover{transform:translateY(-2px);box-shadow:0 0 32px #ff6b358c,var(--bk-glass-highlight-strong)}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.history-card{background:var(--bk-glass-tint);backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);border:1px solid var(--bk-glass-border);border-radius:var(--bk-r-card);padding:24px;cursor:pointer;box-shadow:var(--bk-glass-shadow),var(--bk-glass-highlight);transition:transform .25s var(--bk-ease-spring),border-color .18s,box-shadow .25s}.history-card:hover{border-color:var(--bk-glass-border-strong);transform:translateY(-3px);box-shadow:var(--bk-glass-shadow-strong),var(--bk-glass-highlight-strong)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.card-title{font-family:var(--bk-font-display);font-size:18px;font-weight:400;letter-spacing:-.01em;color:var(--bk-text);flex:1;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-status{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.card-status.completed{background:#39ff141f;color:var(--bk-section-live);box-shadow:var(--bk-glow-live)}.card-status.processing{background:#ffd7001f;color:var(--bk-section-editorial);box-shadow:var(--bk-glow-editorial)}.card-meta{display:flex;gap:24px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--bk-divider-soft)}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:10px;color:var(--bk-text-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:600}.meta-value{font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--bk-section-hero);font-family:var(--bk-font-mono)}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-date{font-size:11px;color:var(--bk-text-muted);letter-spacing:.05em;font-family:var(--bk-font-mono)}.error-message{background:#ff10f00f;border:1px solid rgba(255,16,240,.32);border-radius:var(--bk-r-md);padding:14px 18px;color:var(--bk-section-problems);margin-bottom:24px;font-size:13px;text-align:center;box-shadow:var(--bk-glow-problems)}.login-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:60px var(--bk-gutter)}.login-container{width:100%;max-width:420px;padding:36px 32px;background:#08080a9e;backdrop-filter:blur(var(--bk-glass-blur-strong)) saturate(160%);-webkit-backdrop-filter:blur(var(--bk-glass-blur-strong)) saturate(160%);border:1px solid var(--bk-glass-border-strong);border-radius:var(--bk-r-lg, 16px);box-shadow:0 24px 60px #0000008c,0 0 60px #00f0ff0f}.login-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--bk-font-mono);font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--bk-section-hero);margin:0 0 18px}.login-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--bk-section-hero);box-shadow:0 0 8px var(--bk-section-hero);animation:login-eyebrow-pulse 1.6s ease-in-out infinite}@keyframes login-eyebrow-pulse{0%,to{opacity:1}50%{opacity:.4}}.login-title{font-family:var(--bk-font-display);font-size:30px;line-height:1.1;font-weight:400;letter-spacing:-.02em;color:var(--bk-text);margin:0 0 8px}.login-title-italic{font-style:italic;background:linear-gradient(135deg,var(--knkt-cyan, #00d9ff),var(--knkt-magenta, #ff1493));-webkit-background-clip:text;background-clip:text;color:transparent}.login-subtitle{font-size:13px;line-height:1.5;color:var(--bk-text-2);margin:0 0 26px}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-family:var(--bk-font-mono);font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bk-text-2)}.login-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0a;border:1px solid var(--bk-glass-border-strong);border-radius:10px;padding:12px 14px;color:var(--bk-text);font-size:14px;font-family:inherit;transition:border-color .18s,box-shadow .18s,background .18s}.login-input::placeholder{color:var(--bk-text-muted)}.login-input:focus{outline:none;background:#00f0ff0d;border-color:#00f0ff8c;box-shadow:0 0 0 1px #00f0ff4d,0 0 18px #00f0ff2e}.login-error{font-family:var(--bk-font-mono);font-size:11px;letter-spacing:.06em;color:#ff6680;background:#ff144614;border:1px solid rgba(255,20,70,.3);border-radius:8px;padding:8px 12px}.login-submit{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;background:#ff14931a;backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);color:var(--bk-accent);border:1px solid var(--bk-accent);font-family:var(--bk-font-mono);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;border-radius:var(--bk-r-pill);cursor:pointer;text-shadow:0 0 10px rgba(255,20,147,.6);box-shadow:0 0 18px #ff14934d,inset 0 0 14px #ff149314;transition:color .18s,border-color .18s,box-shadow .18s,transform .18s var(--bk-ease-spring)}.login-submit:hover:not(:disabled){color:#ffd6ec;transform:translateY(-1px);box-shadow:0 0 28px #ff14938c,inset 0 0 18px #ff149324}.login-submit:disabled{cursor:not-allowed;opacity:.6}.login-spin{animation:login-spin .9s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}body{background:#06000f!important}:root{--knkt-cyan: var(--bk-section-hero);--knkt-magenta: var(--bk-section-problems);--knkt-primary: var(--bk-accent);--knkt-primary-light: var(--bk-accent-hover);--knkt-primary-dark: var(--bk-accent);--knkt-tertiary: var(--bk-section-problems);--knkt-cyber-green: var(--bk-section-live);--knkt-bg-primary: transparent;--knkt-bg-secondary: var(--bk-glass-tint);--knkt-bg-tertiary: var(--bk-glass-tint-strong);--knkt-bg-card: var(--bk-glass-tint);--knkt-bg-elevated: var(--bk-glass-tint-strong);--knkt-border: var(--bk-glass-border);--knkt-border-hover: var(--bk-glass-border-strong);--knkt-text-primary: var(--bk-text);--knkt-text-secondary: var(--bk-text-2);--knkt-text-muted: var(--bk-text-muted);--knkt-glow-cyan: var(--bk-glow-hero);--knkt-shadow-md: var(--bk-glass-shadow);--knkt-shadow-lg: var(--bk-glass-shadow-strong);--knkt-shadow-purple-glow: var(--bk-glass-shadow);--knkt-success: var(--bk-section-live);--knkt-success-alpha: rgba(57, 255, 20, .12);--knkt-warning: var(--bk-section-editorial);--knkt-warning-alpha: rgba(255, 215, 0, .12);--knkt-error: var(--bk-section-problems);--knkt-error-alpha: rgba(255, 16, 240, .1);--knkt-radius: var(--bk-r-md);--knkt-radius-lg: var(--bk-r-card);--knkt-radius-xl: var(--bk-r-panel);--knkt-radius-full: var(--bk-r-pill);--knkt-transition: .18s var(--bk-ease-glide);--knkt-transition-fast: .12s var(--bk-ease-glide);--knkt-transition-slow: .32s var(--bk-ease-glide);--knkt-font-family: var(--bk-font-body);--knkt-font-mono: var(--bk-font-mono);--font-family: var(--bk-font-body);--font-mono: var(--bk-font-mono)}:root{--knkt-primary: #00D9FF;--knkt-primary-light: #00E5FF;--knkt-primary-dark: #00B8D4;--knkt-primary-alpha: rgba(0, 217, 255, .04);--knkt-secondary: #A855F7;--knkt-secondary-light: #C084FC;--knkt-secondary-dark: #9333EA;--knkt-secondary-alpha: rgba(168, 85, 247, .04);--knkt-tertiary: #EC4899;--knkt-tertiary-light: #F472B6;--knkt-tertiary-dark: #DB2777;--knkt-tertiary-alpha: rgba(236, 72, 153, .04);--knkt-cyber-gold: #ffd700;--knkt-cyber-silver: #c0c0c0;--knkt-cyber-copper: #ff6b35;--knkt-cyber-purple: #9d00ff;--knkt-cyber-green: #39ff14;--knkt-cyber-red: #ff0040;--knkt-chrome: #E8E8E8;--knkt-chrome-dark: #A8A8A8;--knkt-rose-gold: #ECC5C0;--knkt-bronze: #CD7F32;--knkt-platinum: #E5E4E2;--knkt-titanium: #878681;--knkt-holographic: #B4F8C8;--knkt-neon-pink: #FF10F0;--knkt-neon-blue: #00F0FF;--knkt-neon-yellow: #FFFD00;--knkt-neon-teal: #00FFC8;--knkt-neon-violet: #BF00FF;--knkt-neon-orange: #FF9500;--knkt-pastel-purple: #C7A3D9;--knkt-pastel-blue: #A8DAFF;--knkt-pastel-pink: #FFB3E6;--knkt-pastel-mint: #B5F5EC;--knkt-pastel-peach: #FFDAB9;--knkt-accent-orange: #FF5600;--knkt-accent-orange-light: #FF7A33;--knkt-accent-orange-dark: #CC4500;--knkt-accent-coral-red: #FF6B47;--knkt-accent-amber: #FFB800;--knkt-accent-tangerine: #FF8533;--knkt-prof-navy: #0A1628;--knkt-prof-indigo: #1E2A4A;--knkt-prof-steel: #2C3E50;--knkt-prof-slate-blue: #34495E;--knkt-cyan: #00E5FF;--knkt-cyan-light: #7FEFFF;--knkt-cyan-dark: #00CED1;--knkt-magenta: #FF0080;--knkt-magenta-light: #FF1493;--knkt-magenta-dark: #DC0073;--knkt-coral: #FF6B9D;--knkt-coral-light: #FF8FAB;--knkt-coral-dark: #FF4D85;--knkt-orange: #FF8C42;--knkt-orange-light: #FFA768;--knkt-orange-dark: #FF6B1A;--knkt-blue: #0080FF;--knkt-blue-light: #3399FF;--knkt-blue-dark: #0066CC;--knkt-red: #FF0000;--knkt-red-light: #FF3333;--knkt-red-dark: #CC0000;--knkt-purple: #A855F7;--knkt-purple-light: #C084FC;--knkt-purple-dark: #9333EA;--knkt-lime: #CCFF00;--knkt-lime-light: #D9FF33;--knkt-lime-dark: #99CC00;--knkt-recording-primary: #6366f1;--knkt-recording-secondary: #ec4899;--knkt-recording-alpha: rgba(99, 102, 241, .04);--knkt-publishing-primary: #00ff88;--knkt-publishing-secondary: #39ff14;--knkt-publishing-alpha: rgba(0, 255, 136, .04);--knkt-publishing-dark: #00cc66;--knkt-bg-primary: #0f0f0f;--knkt-bg-secondary: #1a1a1a;--knkt-bg-tertiary: #2a2a2a;--knkt-bg-card: rgba(26, 26, 26, .8);--knkt-bg-elevated: rgba(42, 42, 42, .9);--knkt-surface: rgba(26, 26, 26, .6);--knkt-bg-ultra-dark: #050505;--knkt-bg-charcoal: #0a0a0a;--knkt-bg-slate: #141414;--knkt-bg-midnight: #0d1117;--knkt-text-primary: #ffffff;--knkt-text-secondary: #a1a1aa;--knkt-text-muted: #71717a;--knkt-text-inverse: #000000;--knkt-gray-50: #fafafa;--knkt-gray-100: #f5f5f5;--knkt-gray-200: #e5e5e5;--knkt-gray-300: #d4d4d8;--knkt-gray-400: #a1a1aa;--knkt-gray-500: #71717a;--knkt-gray-600: #52525b;--knkt-gray-700: #3f3f46;--knkt-gray-800: #27272a;--knkt-gray-900: #18181b;--knkt-success: #10b981;--knkt-success-light: #34d399;--knkt-success-dark: #059669;--knkt-success-alpha: rgba(16, 185, 129, .1);--knkt-error: #ef4444;--knkt-error-light: #f87171;--knkt-error-dark: #dc2626;--knkt-error-alpha: rgba(239, 68, 68, .1);--knkt-warning: #f59e0b;--knkt-warning-light: #fbbf24;--knkt-warning-dark: #d97706;--knkt-warning-alpha: rgba(245, 158, 11, .1);--knkt-info: #3b82f6;--knkt-info-light: #60a5fa;--knkt-info-dark: #2563eb;--knkt-info-alpha: rgba(59, 130, 246, .1);--knkt-border: rgba(0, 217, 255, .2);--knkt-border-light: rgba(0, 217, 255, .3);--knkt-border-hover: rgba(0, 217, 255, .4);--knkt-border-focus: var(--knkt-primary);--knkt-border-muted: rgba(113, 113, 122, .2);--knkt-shadow-sm: 0 1px 2px 0 rgba(26, 13, 46, .8);--knkt-shadow: 0 4px 6px -1px rgba(26, 13, 46, .6), 0 2px 4px -1px rgba(0, 217, 255, .1);--knkt-shadow-md: 0 6px 20px -6px rgba(26, 13, 46, .8), 0 0 15px rgba(0, 217, 255, .15);--knkt-shadow-lg: 0 10px 15px -3px rgba(26, 13, 46, .6), 0 4px 6px -2px rgba(0, 217, 255, .2);--knkt-shadow-xl: 0 20px 25px -5px rgba(26, 13, 46, .6), 0 10px 10px -5px rgba(0, 217, 255, .1);--knkt-shadow-cyan-glow: 0 0 20px rgba(0, 217, 255, .3);--knkt-shadow-purple-glow: 0 0 20px rgba(168, 85, 247, .3);--knkt-shadow-pink-glow: 0 0 20px rgba(236, 72, 153, .3);--knkt-space-xs: .25rem;--knkt-space-sm: .5rem;--knkt-space-md: 1rem;--knkt-space-lg: 1.5rem;--knkt-space-xl: 2rem;--knkt-space-2xl: 3rem;--knkt-space-3xl: 4rem;--knkt-space-4xl: 5rem;--knkt-radius-sm: .25rem;--knkt-radius: .5rem;--knkt-radius-md: .625rem;--knkt-radius-lg: .75rem;--knkt-radius-xl: 1rem;--knkt-radius-2xl: 1.5rem;--knkt-radius-full: 9999px;--knkt-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--knkt-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--knkt-text-xs: .75rem;--knkt-text-sm: .875rem;--knkt-text-base: 1rem;--knkt-text-lg: 1.125rem;--knkt-text-xl: 1.25rem;--knkt-text-2xl: 1.5rem;--knkt-text-3xl: 1.875rem;--knkt-text-4xl: 2.25rem;--knkt-font-light: 300;--knkt-font-normal: 400;--knkt-font-medium: 500;--knkt-font-semibold: 600;--knkt-font-bold: 700;--knkt-font-extrabold: 800;--knkt-leading-none: 1;--knkt-leading-tight: 1.25;--knkt-leading-normal: 1.5;--knkt-leading-relaxed: 1.625;--knkt-leading-loose: 2;--knkt-transition: all .2s cubic-bezier(.4, 0, .2, 1);--knkt-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--knkt-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--knkt-transition-bounce: all .3s cubic-bezier(.68, -.55, .265, 1.55);--knkt-duration-75: 75ms;--knkt-duration-100: .1s;--knkt-duration-150: .15s;--knkt-duration-200: .2s;--knkt-duration-300: .3s;--knkt-duration-500: .5s;--knkt-duration-700: .7s;--knkt-duration-1000: 1s;--knkt-z-dropdown: 1000;--knkt-z-sticky: 1020;--knkt-z-fixed: 1030;--knkt-z-modal-backdrop: 1040;--knkt-z-modal: 1050;--knkt-z-popover: 1060;--knkt-z-tooltip: 1070;--knkt-z-toast: 1080;--knkt-breakpoint-sm: 640px;--knkt-breakpoint-md: 768px;--knkt-breakpoint-lg: 1024px;--knkt-breakpoint-xl: 1280px;--knkt-breakpoint-2xl: 1536px}.knkt-text-primary{color:var(--knkt-text-primary)}.knkt-text-secondary{color:var(--knkt-text-secondary)}.knkt-text-muted{color:var(--knkt-text-muted)}.knkt-text-success{color:var(--knkt-success)}.knkt-text-error{color:var(--knkt-error)}.knkt-text-warning{color:var(--knkt-warning)}.knkt-bg-primary{background-color:var(--knkt-bg-primary)}.knkt-bg-secondary{background-color:var(--knkt-bg-secondary)}.knkt-bg-card{background-color:var(--knkt-bg-card)}.knkt-bg-elevated{background-color:var(--knkt-bg-elevated)}.knkt-transition{transition:var(--knkt-transition)}.knkt-transition-fast{transition:var(--knkt-transition-fast)}.knkt-transition-slow{transition:var(--knkt-transition-slow)}.knkt-title-metallic{background:linear-gradient(135deg,silver,#fff,#e6e6e6 60%,#b3b3b3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,255,255,.3);letter-spacing:-.02em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.knkt-gradient-primary{background:linear-gradient(135deg,var(--knkt-primary),var(--knkt-secondary))}.knkt-gradient-cyberpunk{background:linear-gradient(135deg,var(--knkt-cyber-purple),var(--knkt-cyber-green))}.knkt-gradient-gold{background:linear-gradient(135deg,var(--knkt-cyber-gold),var(--knkt-cyber-copper))}.knkt-gradient-poll{background:linear-gradient(135deg,red,#9d00ff,#0080ff)}.knkt-gradient-release{background:linear-gradient(135deg,#ff0080,#ff1493)}.knkt-gradient-upcoming{background:linear-gradient(135deg,#0080ff,#ff0040,#9d00ff)}.knkt-gradient-linkpage{background:linear-gradient(135deg,#a855f7,#ff8c42)}.knkt-gradient-charts{background:linear-gradient(135deg,#ff0040,#9d00ff)}.knkt-gradient-events{background:linear-gradient(135deg,#0080ff,#ff6b9d)}.knkt-gradient-cyan{background:linear-gradient(135deg,#00ced1,#00e5ff)}.knkt-gradient-magenta{background:linear-gradient(135deg,#ff0080,#ff1493)}.knkt-gradient-coral{background:linear-gradient(135deg,#ff4d85,#ff8fab)}.knkt-gradient-sunrise{background:linear-gradient(135deg,#ff6b1a,gold)}.knkt-gradient-ocean{background:linear-gradient(135deg,#06c,#00e5ff)}.knkt-gradient-fire{background:linear-gradient(135deg,red,#ff8c42)}.knkt-gradient-neon{background:linear-gradient(135deg,#39ff14,#00e5ff)}.knkt-gradient-duotone-pink-teal{background:linear-gradient(135deg,#ff10f0,#00ffc8)}.knkt-gradient-duotone-purple-yellow{background:linear-gradient(135deg,#9d00ff,#fffd00)}.knkt-gradient-duotone-orange-blue{background:linear-gradient(135deg,#ff9500,#00f0ff)}.knkt-gradient-tritone-sunset{background:linear-gradient(135deg,#ff0080,#ff9500,#fffd00)}.knkt-gradient-tritone-ocean{background:linear-gradient(135deg,#9d00ff,#00f0ff,#00ffc8)}.knkt-gradient-tritone-aurora{background:linear-gradient(135deg,#bf00ff,#ff10f0,#00f0ff)}.knkt-gradient-holographic{background:linear-gradient(135deg,#ffb3e6,#b5f5ec,#a8daff 66%,#c7a3d9)}.knkt-gradient-chrome{background:linear-gradient(135deg,#a8a8a8,#e8e8e8,silver)}.knkt-gradient-rose-gold{background:linear-gradient(135deg,#ecc5c0,gold)}.knkt-gradient-cosmic{background:linear-gradient(135deg,#000,#9d00ff,#ff10f0 66%,#00ffc8)}.knkt-gradient-vapor{background:linear-gradient(135deg,#ffb3e6,#c7a3d9,#a8daff)}.knkt-gradient-neon-nights{background:linear-gradient(135deg,#ff0040,#9d00ff,#00f0ff 66%,#39ff14)}.knkt-gradient-synthwave{background:linear-gradient(135deg,#2e1f66,#9d00ff,#ff10f0 66%,#fffd00)}.knkt-gradient-miami{background:linear-gradient(135deg,#00ffc8,#ff10f0,#ff9500)}.knkt-gradient-retro-future{background:linear-gradient(135deg,#c7a3d9,#ff9500,#00f0ff 66%,#fffd00)}.knkt-gradient-gold-chrome{background:linear-gradient(135deg,gold,#e8e8e8,gold)}.knkt-gradient-platinum-rose{background:linear-gradient(135deg,#e5e4e2,#ecc5c0)}.knkt-gradient-bronze-copper{background:linear-gradient(135deg,#cd7f32,#ff6b35)}.knkt-gradient-professional-dark{background:linear-gradient(135deg,#050505,#0d1117)}.knkt-gradient-dark-orange{background:linear-gradient(135deg,#050505,#ff5600)}.knkt-gradient-midnight-orange{background:linear-gradient(135deg,#0d1117,#ff5600,#ffb800)}.knkt-gradient-charcoal-amber{background:linear-gradient(135deg,#0a0a0a,#ff8533)}.knkt-gradient-navy-coral{background:linear-gradient(135deg,#0a1628,#ff6b47)}.knkt-gradient-steel-tangerine{background:linear-gradient(135deg,#2c3e50,#ff8533)}.knkt-gradient-professional-accent{background:linear-gradient(135deg,#1e2a4a,#ff5600,#ffb800)}.knkt-gradient-data-viz{background:linear-gradient(135deg,#050505,#34495e,#ff5600 66%,#ffb800)}.knkt-gradient-minimal-orange{background:linear-gradient(180deg,#ff5600,#ff7a33)}.knkt-gradient-minimal-slate{background:linear-gradient(180deg,#0d1117,#2c3e50)}.knkt-gradient-subtle-dark{background:linear-gradient(135deg,#050505,#141414,#0a0a0a)}.knkt-card{background:#1a1a1a99;border:1px solid var(--knkt-border);border-radius:var(--knkt-radius-lg);padding:var(--knkt-space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--knkt-transition)}.knkt-card:hover{border-color:var(--knkt-border-hover);box-shadow:var(--knkt-shadow-lg)}.knkt-card-elevated{background:#1a1a1acc;border:1px solid var(--knkt-border-light);border-radius:var(--knkt-radius-lg);padding:var(--knkt-space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--knkt-shadow-cyan-glow);transition:var(--knkt-transition)}.knkt-card-elevated:hover{transform:translateY(-2px);box-shadow:0 0 30px #00d9ff4d}.knkt-alert-danger{background:#7f1d1d4d;border:1px solid rgba(185,28,28,.5);border-radius:var(--knkt-radius-lg);padding:var(--knkt-space-lg);color:#fca5a5}.knkt-alert-danger-title{color:#f87171;font-weight:var(--knkt-font-bold);margin-bottom:var(--knkt-space-sm)}.knkt-card-success{background:#10b98114;border:1px solid rgba(16,185,129,.5);border-radius:var(--knkt-radius-lg);padding:var(--knkt-space-lg);box-shadow:0 4px 12px #10b98133}.knkt-pill{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:var(--knkt-radius-full);font-size:var(--knkt-text-sm);font-weight:var(--knkt-font-semibold);transition:var(--knkt-transition)}.knkt-pill-cyan{background:#00d9ff26;color:#00d9ff;border:1px solid rgba(0,217,255,.3)}.knkt-pill-purple{background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.knkt-pill-pink{background:#ec489926;color:#ec4899;border:1px solid rgba(236,72,153,.3)}.knkt-pill-success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.knkt-gradient-text{background:linear-gradient(to right,#00d9ff,#a855f7,#ec4899);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.knkt-gradient-text-cyan{background:linear-gradient(135deg,#00d9ff,#00b8d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.knkt-gradient-text-purple-pink{background:linear-gradient(135deg,#a855f7,#ec4899);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;margin:0!important;display:none!important}input[type=number]{-moz-appearance:textfield!important;-webkit-appearance:textfield!important;appearance:textfield!important}input[type=number]::-webkit-calendar-picker-indicator{display:none!important;-webkit-appearance:none!important}:root{--bk-bg-grad-1: #0a0014;--bk-bg-grad-2: #1a0033;--bk-bg-grad-3: #000a1a;--bk-bg: #06000f;--bk-bg-shell: #0c0018;--bk-glass-tint: rgba(10, 10, 12, .82);--bk-glass-tint-strong: rgba(8, 8, 10, .92);--bk-glass-tint-hover: rgba(18, 18, 22, .85);--bk-glass-blur: 18px;--bk-glass-blur-strong: 26px;--bk-glass-border: rgba(255, 255, 255, .07);--bk-glass-border-strong: rgba(255, 255, 255, .14);--bk-panel: var(--bk-glass-tint);--bk-panel-strong: var(--bk-glass-tint-strong);--bk-panel-hover: var(--bk-glass-tint-hover);--bk-glass-highlight: inset 1px 1px 0 0 rgba(255, 255, 255, .06), inset -1px -1px 0 0 rgba(255, 255, 255, .02);--bk-glass-highlight-strong: inset 1px 1px 0 0 rgba(255, 255, 255, .1), inset -1px -1px 0 0 rgba(255, 255, 255, .04);--bk-glass-shadow: 0 6px 18px rgba(0, 0, 0, .45), 0 0 60px rgba(157, 0, 255, .06);--bk-glass-shadow-strong: 0 12px 36px rgba(0, 0, 0, .55), 0 0 80px rgba(0, 240, 255, .08);--bk-divider: rgba(255, 255, 255, .07);--bk-divider-soft: rgba(255, 255, 255, .04);--bk-divider-strong: rgba(255, 255, 255, .14);--bk-text: #ffffff;--bk-text-2: rgba(255, 255, 255, .72);--bk-text-muted: rgba(255, 255, 255, .46);--bk-text-subtle: rgba(255, 255, 255, .3);--bk-accent: #ff6b35;--bk-accent-hover: #ff8a5b;--bk-accent-tint: rgba(255, 107, 53, .14);--bk-accent-tint-strong: rgba(255, 107, 53, .22);--bk-accent-border: rgba(255, 107, 53, .55);--bk-accent-glow: 0 0 24px rgba(255, 107, 53, .45);--bk-section-hero: #00f0ff;--bk-section-problems: #ff10f0;--bk-section-live: #39ff14;--bk-section-editorial: #ffd700;--bk-section-budget: #9d00ff;--bk-glow-hero: 0 0 12px rgba(0, 240, 255, .55);--bk-glow-problems: 0 0 12px rgba(255, 16, 240, .5);--bk-glow-live: 0 0 12px rgba(57, 255, 20, .55);--bk-glow-editorial: 0 0 12px rgba(255, 215, 0, .5);--bk-glow-budget: 0 0 12px rgba(157, 0, 255, .55);--bk-glow-accent: 0 0 14px rgba(255, 107, 53, .5);--bk-tone-demo: var(--bk-accent);--bk-tone-contract: var(--bk-section-budget);--bk-tone-label: var(--bk-section-problems);--bk-tone-booking: var(--bk-section-live);--bk-tone-sync: var(--bk-section-budget);--bk-tone-career: var(--bk-accent);--bk-tone-press: var(--bk-section-live);--bk-tone-tech: var(--bk-section-hero);--bk-r-sm: 8px;--bk-r-md: 12px;--bk-r-card: 16px;--bk-r-panel: 22px;--bk-r-pill: 999px;--bk-font-display: "Fraunces", "Tiempos Headline", ui-serif, Georgia, "Times New Roman", serif;--bk-font-body: "Inter", -apple-system, ui-sans-serif, system-ui, sans-serif;--bk-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--bk-gutter: 48px;--bk-content-max: 1400px;--bk-ease-spring: cubic-bezier(.175, .885, .32, 1.4);--bk-ease-glide: cubic-bezier(.16, 1, .3, 1)}@media (max-width: 1023px){:root{--bk-gutter: 32px}}@media (max-width: 767px){:root{--bk-gutter: 20px}}body{background:#06060a}:root{--bg: var(--knkt-bg-primary);--bg-elev: var(--knkt-bg-secondary);--surface: var(--knkt-bg-tertiary);--text: var(--knkt-text-primary);--muted: var(--knkt-text-secondary);--accent-cyan: var(--knkt-primary);--accent-magenta: var(--knkt-tertiary);--accent-lime: var(--knkt-cyber-green);--border: var(--knkt-border);--radius: var(--knkt-radius-lg);--shadow: var(--knkt-shadow-md);--font-family: var(--knkt-font-family);--font-mono: var(--knkt-font-mono);--space-xs: var(--knkt-space-xs);--space-sm: var(--knkt-space-sm);--space-md: var(--knkt-space-md);--space-lg: var(--knkt-space-lg);--space-xl: var(--knkt-space-xl);--space-2xl: var(--knkt-space-2xl);--space-3xl: var(--knkt-space-3xl);--transition-fast: var(--knkt-transition-fast);--transition-base: var(--knkt-transition);--transition-slow: var(--knkt-transition-slow)}.glow-cyan{box-shadow:0 0 0 1px #00d9ff59,0 8px 30px #00d9ff2e}.glow-magenta{box-shadow:0 0 0 1px #ec489959,0 8px 30px #ec48992e}.glow-purple{box-shadow:var(--knkt-shadow-purple-glow)}.glass{background:linear-gradient(180deg,#ffffff0f,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--knkt-border);border-radius:var(--knkt-radius-lg)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.knkt-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:#06060a}.knkt-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,217,255,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(168,85,247,.06) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 60% 80%,rgba(236,72,153,.05) 0%,transparent 50%);filter:blur(40px)}.knkt-bg__orb{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(60px);opacity:.6;will-change:transform}.knkt-bg__orb--1{width:800px;height:800px;background:radial-gradient(circle at 30% 30%,rgba(0,217,255,.15) 0%,rgba(0,217,255,.02) 50%,transparent 70%);top:-300px;left:-200px;animation:knkt-float-1 30s ease-in-out infinite}.knkt-bg__orb--2{width:600px;height:600px;background:radial-gradient(circle at 70% 30%,rgba(168,85,247,.12) 0%,rgba(168,85,247,.02) 50%,transparent 70%);top:20%;right:-200px;animation:knkt-float-2 25s ease-in-out infinite}.knkt-bg__orb--3{width:500px;height:500px;background:radial-gradient(circle at 50% 70%,rgba(236,72,153,.1) 0%,rgba(236,72,153,.02) 50%,transparent 70%);bottom:-150px;left:20%;animation:knkt-float-3 35s ease-in-out infinite}.knkt-bg__orb--4{width:400px;height:400px;background:radial-gradient(circle at 40% 60%,rgba(255,184,0,.1) 0%,transparent 60%);top:50%;left:10%;animation:knkt-float-4 40s ease-in-out infinite}.knkt-bg__orb--5{width:350px;height:350px;background:radial-gradient(circle at 60% 40%,rgba(229,228,226,.08) 0%,transparent 60%);bottom:30%;right:15%;animation:knkt-float-5 32s ease-in-out infinite}@keyframes knkt-float-1{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(80px,40px) scale(1.1) rotate(5deg)}50%{transform:translate(40px,80px) scale(.95) rotate(-3deg)}75%{transform:translate(-40px,40px) scale(1.05) rotate(3deg)}}@keyframes knkt-float-2{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(-60px,60px) scale(1.08) rotate(-4deg)}66%{transform:translate(40px,-40px) scale(.92) rotate(4deg)}}@keyframes knkt-float-3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(60px,-30px) scale(1.1)}50%{transform:translate(-40px,-60px) scale(.9)}75%{transform:translate(-60px,30px) scale(1.05)}}@keyframes knkt-float-4{0%,to{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(100px,-50px) scale(1.15) rotate(8deg)}}@keyframes knkt-float-5{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-80px,40px) scale(1.12)}66%{transform:translate(60px,-60px) scale(.88)}}.knkt-bg__noise{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.015;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.knkt-bg__grid{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.02;pointer-events:none;background-image:linear-gradient(rgba(0,217,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.15) 1px,transparent 1px);background-size:80px 80px}@media (max-width: 768px){.knkt-bg__orb--1{width:500px;height:500px}.knkt-bg__orb--2{width:400px;height:400px}.knkt-bg__orb--3{width:350px;height:350px}.knkt-bg__orb--4{width:300px;height:300px}.knkt-bg__orb--5{width:250px;height:250px}}@media (prefers-reduced-motion: reduce){.knkt-bg__orb{animation:none}}.knkt-content{position:relative;z-index:1}.knkt-app{min-height:100vh;position:relative;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--knkt-space-sm);padding:.5rem 1.25rem;border-radius:var(--knkt-radius);font-family:var(--knkt-font-family);font-size:var(--knkt-text-sm);font-weight:var(--knkt-font-semibold);line-height:1;cursor:pointer;white-space:nowrap;transition:var(--knkt-transition);border:1px solid transparent;text-decoration:none}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--knkt-primary);color:var(--knkt-bg-primary);border-color:var(--knkt-primary)}.btn-primary:hover{background:var(--knkt-primary-light);border-color:var(--knkt-primary-light);box-shadow:var(--knkt-shadow-cyan-glow);transform:translateY(-1px)}.btn-secondary{background:var(--knkt-secondary);color:#fff;border-color:var(--knkt-secondary)}.btn-secondary:hover{background:var(--knkt-secondary-light);border-color:var(--knkt-secondary-light);box-shadow:var(--knkt-shadow-purple-glow);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--knkt-primary);border-color:var(--knkt-border-light)}.btn-outline:hover{border-color:var(--knkt-primary);background:var(--knkt-primary-alpha);box-shadow:var(--knkt-shadow-cyan-glow)}.btn-ghost{background:transparent;color:var(--knkt-text-secondary);border-color:transparent}.btn-ghost:hover{background:#ffffff0f;color:var(--knkt-text-primary)}.btn-danger{background:var(--knkt-error);color:#fff;border-color:var(--knkt-error)}.btn-danger:hover{background:var(--knkt-error-dark);transform:translateY(-1px)}.btn-sm{padding:.375rem .875rem;font-size:var(--knkt-text-xs)}.btn-lg{padding:.75rem 1.75rem;font-size:var(--knkt-text-base);border-radius:var(--knkt-radius-md)}.btn-icon{padding:.5rem;width:2.25rem;height:2.25rem}.card{background:#0f0f14b3;border:1px solid rgba(255,255,255,.07);border-radius:var(--knkt-radius-lg);padding:var(--knkt-space-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0d;transition:var(--knkt-transition);position:relative}.card:hover{border-color:#00d9ff33;box-shadow:0 4px 24px #00000059,0 0 0 1px #00d9ff14,inset 0 1px #ffffff0d}.card-elevated{background:#14141ccc;border:1px solid rgba(0,217,255,.18);border-radius:var(--knkt-radius-lg);padding:var(--knkt-space-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006,0 0 20px #00d9ff1a,inset 0 1px #ffffff0f;transition:var(--knkt-transition);position:relative}.card-elevated:hover{border-color:#00d9ff59;transform:translateY(-2px);box-shadow:0 12px 40px #00000073,0 0 30px #00d9ff33,inset 0 1px #ffffff12}.glass{background:#0a0a128c;border:1px solid rgba(0,217,255,.12);border-radius:var(--knkt-radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0a;position:relative}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:var(--knkt-radius-full);font-size:var(--knkt-text-xs);font-weight:var(--knkt-font-semibold);letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent;line-height:1}.badge-cyan{background:#00d9ff1f;color:var(--knkt-primary);border-color:#00d9ff4d}.badge-purple{background:#a855f71f;color:var(--knkt-secondary);border-color:#a855f74d}.badge-pink{background:#ec48991f;color:var(--knkt-tertiary);border-color:#ec48994d}.badge-success{background:#10b9811f;color:var(--knkt-success);border-color:#10b9814d}.badge-warning{background:#f59e0b1f;color:var(--knkt-warning);border-color:#f59e0b4d}.badge-error{background:#ef44441f;color:var(--knkt-error);border-color:#ef44444d}.badge-muted{background:#71717a1f;color:var(--knkt-text-muted);border-color:#71717a33}.badge:before{content:"";display:none;width:6px;height:6px;border-radius:50%;background:currentColor}.badge-dot:before{display:block}.status-active{background:#10b9811f;color:var(--knkt-success);border-color:#10b9814d}.status-paused{background:#f59e0b1f;color:var(--knkt-warning);border-color:#f59e0b4d}.status-draft{background:#71717a1f;color:var(--knkt-text-muted);border-color:#71717a33}.form-group{display:flex;flex-direction:column;gap:var(--knkt-space-sm)}.form-label{font-size:var(--knkt-text-sm);font-weight:var(--knkt-font-medium);color:var(--knkt-text-secondary);letter-spacing:.01em}.form-input,.form-textarea,.form-select{width:100%;padding:.625rem var(--knkt-space-md);background:var(--knkt-surface);border:1px solid var(--knkt-border);border-radius:var(--knkt-radius);color:var(--knkt-text-primary);font-family:var(--knkt-font-family);font-size:var(--knkt-text-sm);line-height:1.5;transition:var(--knkt-transition-fast);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--knkt-text-muted)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--knkt-primary);box-shadow:0 0 0 3px #00d9ff1f}.form-input:hover:not(:focus),.form-textarea:hover:not(:focus){border-color:var(--knkt-border-hover)}.form-textarea{resize:vertical;min-height:100px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--knkt-space-md)}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--knkt-space-md);padding-top:var(--knkt-space-md);border-top:1px solid var(--knkt-border);margin-top:var(--knkt-space-md)}.divider{position:relative;text-align:center;font-size:var(--knkt-text-xs);font-weight:var(--knkt-font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--knkt-text-muted);margin:var(--knkt-space-lg) 0}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:calc(50% - 3rem);height:1px;background:var(--knkt-border)}.divider:before{left:0}.divider:after{right:0}.upload-area{border:2px dashed var(--knkt-border);border-radius:var(--knkt-radius-lg);padding:var(--knkt-space-2xl);cursor:pointer;transition:var(--knkt-transition);text-align:center}.upload-area:hover{border-color:var(--knkt-primary);background:var(--knkt-primary-alpha)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--knkt-space-sm);color:var(--knkt-text-muted)}.upload-icon{opacity:.5;color:var(--knkt-text-muted)}.upload-placeholder p{font-size:var(--knkt-text-sm);color:var(--knkt-text-secondary)}.upload-placeholder small{font-size:var(--knkt-text-xs);color:var(--knkt-text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--knkt-z-modal-backdrop);padding:var(--knkt-space-md);animation:fadeIn .15s ease}.modal-content{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;z-index:var(--knkt-z-modal);padding:var(--knkt-space-xl);border:1px solid var(--knkt-border-light);border-radius:var(--knkt-radius-xl);background:#141414f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--knkt-shadow-xl),var(--knkt-shadow-cyan-glow);animation:slideUp .2s cubic-bezier(.4,0,.2,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--knkt-space-xl);padding-bottom:var(--knkt-space-lg);border-bottom:1px solid var(--knkt-border)}.modal-title{font-size:var(--knkt-text-xl);font-weight:var(--knkt-font-semibold);color:var(--knkt-text-primary)}.modal-close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--knkt-radius);border:1px solid var(--knkt-border);background:transparent;color:var(--knkt-text-muted);font-size:1.25rem;cursor:pointer;transition:var(--knkt-transition-fast)}.modal-close:hover{color:var(--knkt-text-primary);border-color:var(--knkt-border-hover);background:#ffffff0f}.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--knkt-bg-tertiary);border:1px solid var(--knkt-border);border-radius:var(--knkt-radius-full);font-size:var(--knkt-text-xs);font-weight:var(--knkt-font-medium);color:var(--knkt-text-secondary);transition:var(--knkt-transition-fast);cursor:default}.tag:hover{border-color:var(--knkt-primary);color:var(--knkt-primary);background:var(--knkt-primary-alpha)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:var(--knkt-text-xs);color:var(--knkt-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--knkt-font-medium)}.stat-value{font-size:var(--knkt-text-lg);font-weight:var(--knkt-font-bold);color:var(--knkt-text-primary)}.stat-value-accent{font-size:var(--knkt-text-lg);font-weight:var(--knkt-font-bold);color:var(--knkt-primary)}.avatar{border-radius:50%;object-fit:cover;border:2px solid var(--knkt-border);background:var(--knkt-bg-tertiary)}.avatar-sm{width:32px;height:32px}.avatar-md{width:48px;height:48px}.avatar-lg{width:80px;height:80px}.avatar-xl{width:120px;height:120px}.section-title{font-size:var(--knkt-text-lg);font-weight:var(--knkt-font-semibold);color:var(--knkt-text-primary);margin-bottom:var(--knkt-space-lg);display:flex;align-items:center;gap:var(--knkt-space-sm)}.section-title:after{content:"";flex:1;height:1px;background:var(--knkt-border)}.text-gradient{background:linear-gradient(135deg,var(--knkt-primary) 0%,var(--knkt-secondary) 50%,var(--knkt-tertiary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,var(--knkt-primary) 0%,var(--knkt-primary-dark) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--knkt-bg-primary)}::-webkit-scrollbar-thumb{background:var(--knkt-bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--knkt-border-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #00d9ff4d}50%{box-shadow:0 0 20px #00d9ff99}}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.modal-content{padding:var(--knkt-space-lg)}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--knkt-text-primary);background:linear-gradient(180deg,var(--knkt-bg-primary) 0%,var(--knkt-bg-secondary) 100%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,217,255,.02) 2px,rgba(0,217,255,.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,217,255,.02) 2px,rgba(0,217,255,.02) 4px);background-attachment:fixed;overflow-x:hidden}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;background:none;border:none;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none}:focus-visible{outline:2px solid var(--knkt-primary);outline-offset:2px;border-radius:4px}a,button,input,select,textarea{transition:color var(--knkt-transition-fast),background-color var(--knkt-transition-fast),border-color var(--knkt-transition-fast),box-shadow var(--knkt-transition-fast),transform var(--knkt-transition-fast)}img,picture,svg{display:block;max-width:100%;height:auto}code,pre{font-family:var(--font-mono);font-size:.9em}code{padding:.125rem .25rem;background-color:var(--knkt-bg-tertiary);border-radius:4px}pre{padding:var(--knkt-space-md);background-color:var(--knkt-bg-tertiary);border-radius:var(--knkt-radius-lg);overflow-x:auto}pre code{padding:0;background:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--knkt-text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--knkt-space-md)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card{background:var(--knkt-bg-tertiary);border:1px solid var(--knkt-border);border-radius:var(--knkt-radius-lg);padding:var(--knkt-space-lg);box-shadow:var(--shadow)}.text-muted{color:var(--knkt-text-secondary)}.text-accent-cyan{color:var(--knkt-primary)}.text-accent-magenta{color:var(--knkt-tertiary)}.text-accent-lime{color:var(--knkt-cyber-green)}#root{min-height:100vh}.track-info-card,.feature-card,.experimental-card,.segment-card,.insight-card,.genre-card,.quality-card,.mixing-card,.history-card,.audio-insights-section,.experimental-features-section,.processing-notice,.recommendation,.segments-overview,.sections-insights,.waveform-section,.player-section,.analyzing-section{background:var(--bk-glass-tint)!important;backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);border:1px solid var(--bk-glass-border)!important;border-radius:var(--bk-r-card)!important;box-shadow:var(--bk-glass-shadow),var(--bk-glass-highlight)!important;transition:border-color .25s var(--bk-ease-glide),transform .25s var(--bk-ease-spring),box-shadow .25s var(--bk-ease-glide);position:relative;overflow:hidden}.audio-insights-section,.experimental-features-section,.processing-notice,.segments-overview,.sections-insights,.waveform-section,.player-section,.analyzing-section{border-radius:var(--bk-r-panel)!important}.track-info-card,.feature-card,.experimental-card,.segment-card,.insight-card,.recommendation{--tile-tone: var(--bk-section-hero);--tile-glow: rgba(0, 240, 255, .18);--tile-tone-border: rgba(0, 240, 255, .45);--tile-tone-tint: rgba(0, 240, 255, .1);padding:22px 22px 18px!important}.track-info-card:before,.feature-card:before,.segment-card:before,.insight-card:before,.recommendation:before{content:""!important;position:absolute!important;left:0!important;top:18px!important;bottom:18px!important;right:auto!important;width:3px!important;height:auto!important;border-radius:0 2px 2px 0!important;background:var(--tile-tone)!important;box-shadow:0 0 12px var(--tile-tone)!important;opacity:0!important;transition:opacity .25s var(--bk-ease-glide)}.track-info-card:hover:before,.feature-card:hover:before,.segment-card:hover:before,.insight-card:hover:before,.recommendation:hover:before{opacity:1!important}.track-info-card.bpm-card,.track-info-card.track-name-card,.track-info-card.chord-progression-card,.spectral-card{--tile-tone: var(--bk-section-hero);--tile-glow: rgba(0, 240, 255, .22);--tile-tone-border: rgba(0, 240, 255, .45);--tile-tone-tint: rgba(0, 240, 255, .1)}.track-info-card.key-card,.danceability-card{--tile-tone: var(--bk-section-problems);--tile-glow: rgba(255, 16, 240, .22);--tile-tone-border: rgba(255, 16, 240, .45);--tile-tone-tint: rgba(255, 16, 240, .1)}.track-info-card.artist-card{--tile-tone: var(--bk-section-budget);--tile-glow: rgba(157, 0, 255, .22);--tile-tone-border: rgba(157, 0, 255, .45);--tile-tone-tint: rgba(157, 0, 255, .1)}.dynamic-card{--tile-tone: var(--bk-section-live);--tile-glow: rgba(57, 255, 20, .22);--tile-tone-border: rgba(57, 255, 20, .45);--tile-tone-tint: rgba(57, 255, 20, .1)}.loudness-card{--tile-tone: var(--bk-section-editorial);--tile-glow: rgba(255, 215, 0, .22);--tile-tone-border: rgba(255, 215, 0, .45);--tile-tone-tint: rgba(255, 215, 0, .1)}.experimental-card{--tile-tone: var(--bk-accent);--tile-glow: rgba(255, 107, 53, .22);--tile-tone-border: rgba(255, 107, 53, .45);--tile-tone-tint: rgba(255, 107, 53, .1)}.track-info-card:hover,.feature-card:hover,.experimental-card:hover,.segment-card:hover,.insight-card:hover,.recommendation:hover{transform:translateY(-2px);border-color:var(--tile-tone-border)!important;box-shadow:0 14px 32px #0000008c,0 0 40px var(--tile-glow),var(--bk-glass-highlight-strong)!important}.history-card{padding:16px!important}.history-card:hover{transform:translateY(-2px);border-color:#39ff1473!important;box-shadow:0 14px 32px #00000080,0 0 40px #39ff1429,var(--bk-glass-highlight-strong)!important}.track-info-card .info-label,.feature-card .feature-label,.insight-card .insight-label,.history-card .meta-label{text-transform:uppercase!important;letter-spacing:.14em!important;font-size:10.5px!important;color:var(--bk-text-subtle)!important;font-weight:700!important;margin-bottom:8px!important}.bpm-card .info-value,.feature-number,.meta-value,.feature-val{font-family:var(--bk-font-mono)!important;color:var(--bk-section-hero)!important;letter-spacing:.02em!important}.key-card .info-value{font-family:var(--bk-font-mono)!important;color:var(--bk-section-problems)!important}.track-name-card .info-value{font-family:var(--bk-font-display)!important;font-weight:400!important;letter-spacing:-.02em!important;background:none!important;-webkit-text-fill-color:var(--bk-text)!important;color:var(--bk-text)!important}.artist-card .info-value{font-family:var(--bk-font-display)!important;font-weight:400!important;font-style:italic;color:var(--bk-text-2)!important;letter-spacing:-.01em!important}.history-card .card-title{font-family:var(--bk-font-display)!important;font-size:17px!important;font-weight:500!important;letter-spacing:-.01em!important;color:var(--bk-text)!important;background:none!important;-webkit-text-fill-color:var(--bk-text)!important}.section-title{font-family:var(--bk-font-display)!important;font-weight:400!important;letter-spacing:-.02em!important;font-size:24px!important;color:var(--bk-text)!important;background:none!important;-webkit-text-fill-color:var(--bk-text)!important}.insight-main-value{font-family:var(--bk-font-display)!important;font-weight:400!important;letter-spacing:-.02em!important;color:var(--bk-text)!important}.insight-confidence,.feature-hint,.feature-unit,.segment-time{font-family:var(--bk-font-mono)!important;letter-spacing:.04em!important;color:var(--bk-text-muted)!important}.segment-number{font-family:var(--bk-font-mono)!important;color:var(--bk-section-hero)!important;font-weight:700!important;letter-spacing:.06em!important;text-shadow:0 0 8px rgba(0,240,255,.4)}.chord{background:#060608c7!important;backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--bk-glass-blur)) saturate(140%);border:1px solid rgba(0,240,255,.35)!important;color:var(--bk-section-hero)!important;border-radius:5px!important;padding:4px 10px!important;font-family:var(--bk-font-mono)!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;text-shadow:0 0 8px rgba(0,240,255,.4);box-shadow:var(--bk-glass-highlight)}.instrument{background:#ffffff0a!important;border:1px solid var(--bk-glass-border)!important;border-radius:5px!important;color:var(--bk-text-2)!important;padding:4px 10px!important;font-size:10.5px!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-weight:600!important}.card-status.completed{background:#39ff1424!important;color:var(--bk-section-live)!important;border:1px solid rgba(57,255,20,.35);box-shadow:var(--bk-glow-live)!important}.card-status.processing{background:#ffd70024!important;color:var(--bk-section-editorial)!important;border:1px solid rgba(255,215,0,.35);box-shadow:var(--bk-glow-editorial)!important}.quality-badge{font-family:var(--bk-font-mono)!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:700!important;font-size:10.5px!important;border-radius:5px!important;border:1px solid currentColor!important;padding:5px 10px!important;background:#060608c7!important}.quality-excellent{color:var(--bk-section-live)!important;box-shadow:0 0 10px #39ff1433}.quality-good{color:var(--bk-section-hero)!important;box-shadow:0 0 10px #00f0ff33}.quality-fair{color:var(--bk-section-editorial)!important;box-shadow:0 0 10px #ffd70033}.quality-poor{color:var(--bk-section-problems)!important;box-shadow:0 0 10px #ff10f033}.rec-type{text-transform:uppercase!important;letter-spacing:.12em!important;font-size:10px!important;font-weight:700!important;font-family:var(--bk-font-mono)!important}.rec-severity.severity-high{color:var(--bk-section-problems)!important}.rec-severity.severity-medium{color:var(--bk-section-editorial)!important}.rec-severity.severity-low{color:var(--bk-section-live)!important}.section-marker,.segment-marker{background:var(--bk-glass-tint)!important;backdrop-filter:blur(var(--bk-glass-blur));-webkit-backdrop-filter:blur(var(--bk-glass-blur));border:1px solid var(--bk-glass-border)!important;border-radius:var(--bk-r-md)!important;transition:transform .18s var(--bk-ease-spring),border-color .18s,box-shadow .18s}.section-marker:hover{border-color:#00f0ff73!important;transform:translateY(-2px);box-shadow:0 0 24px #00f0ff40!important}html,body,#root{margin:0;padding:0;color:var(--bk-text);font-family:var(--bk-font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--bk-section-hero);outline-offset:2px;border-radius:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}::selection{background:#ffffff29;color:inherit}input,textarea,select{caret-color:#ffffffd9;accent-color:var(--bk-section-hero)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--bk-text);-webkit-box-shadow:0 0 0 1000px rgba(6,6,8,.85) inset;caret-color:var(--bk-section-hero);transition:background-color 9999s ease-in-out 0s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}