:root{--ink: #070707;--paper: #f4f1e8;--muted: #8a8781;--line: rgba(244, 241, 232, .16);--acid: #d9ff43;--violet: #8b66ff;--pink: #ff5bb4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink)}button,input,label{font:inherit}button{color:inherit}#stage{position:fixed;inset:0;width:100%;height:100%;outline:none}.vignette{position:fixed;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 32%,rgba(0,0,0,.28) 70%,rgba(0,0,0,.78) 120%)}.grain{position:fixed;z-index:3;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{position:fixed;z-index:10;top:0;right:0;left:0;display:flex;height:76px;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:linear-gradient(to bottom,rgba(7,7,7,.72),transparent)}.brand{display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;font-size:17px;font-weight:850;letter-spacing:-.035em}.brand small{margin-left:4px;padding:5px 7px;border:1px solid var(--line);border-radius:100px;color:var(--acid);font-size:7px;letter-spacing:.12em}.brand-mark{position:relative;display:inline-grid;width:29px;height:29px;flex:0 0 29px;place-items:center;border-radius:50%;background:var(--acid)}.brand-mark:before,.brand-mark:after{position:absolute;width:3px;content:"";border-radius:3px;background:var(--ink)}.brand-mark:before{height:15px;transform:translate(-4px)}.brand-mark:after{height:9px;transform:translate(4px)}.meter{display:flex;gap:20px}.meter span{display:grid;grid-template-columns:auto 54px;align-items:center;gap:8px;color:#f4f1e885;font-size:7px;font-weight:800;letter-spacing:.09em}.meter i{position:relative;height:2px;overflow:hidden;background:#ffffff24}.meter i:after{display:block;width:var(--level,20%);height:100%;content:"";background:var(--acid);transition:width .08s linear}.icon-button{display:grid;width:37px;height:37px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#0003;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud{position:fixed;z-index:7;top:50%;right:28px;left:28px;display:flex;align-items:end;justify-content:space-between;gap:50px;pointer-events:none;transform:translateY(-52%)}.title-block{width:min(400px,36vw);pointer-events:auto;text-shadow:0 2px 20px rgba(0,0,0,.5)}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 15px;color:var(--acid);font-size:8px;font-weight:850;letter-spacing:.13em}.eyebrow span{width:17px;height:2px;background:currentColor}.counter{display:flex;width:85px;align-items:center;gap:8px;margin-bottom:20px;color:#ffffff73;font-size:8px;font-weight:800}.counter span:first-child{color:var(--paper)}.counter i{height:1px;flex:1;background:#ffffff4d}h1{margin:0;font-size:clamp(54px,6vw,92px);font-weight:900;line-height:.78;letter-spacing:-.075em;text-transform:uppercase}.title-block>p:last-child{max-width:330px;margin:22px 0 0;color:#f4f1e89c;font-size:11px;line-height:1.55}.control-panel{width:280px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#08080894;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.audio-row{display:flex;gap:8px}.upload-button{display:flex;height:42px;min-width:0;flex:1;align-items:center;gap:9px;padding:0 12px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#ffffff0f;cursor:pointer}.upload-button:hover{border-color:#ffffff59}.upload-button span{display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border-radius:50%;color:var(--ink);background:var(--acid);font-size:12px}.upload-button b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.play-button{position:relative;width:42px;height:42px;flex:0 0 42px;border:0;border-radius:9px;color:var(--ink);background:var(--paper);cursor:pointer}.play-button span{position:absolute;top:50%;left:50%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--ink);transform:translate(-40%,-50%)}.play-button.playing span{width:9px;height:12px;border:0;border-right:3px solid var(--ink);border-left:3px solid var(--ink);transform:translate(-50%,-50%)}.control-row{margin-top:15px}.control-row label,.caption-control>label{display:flex;justify-content:space-between;margin-bottom:9px;color:#ffffff78;font-size:7px;font-weight:800;letter-spacing:.1em}.control-row output{color:var(--acid)}input[type=range]{width:100%;height:2px;appearance:none;outline:none;background:#ffffff2e}input[type=range]::-webkit-slider-thumb{width:12px;height:12px;appearance:none;border:2px solid var(--ink);border-radius:50%;background:var(--acid);box-shadow:0 0 0 1px var(--acid);cursor:pointer}.demo-note{display:flex;align-items:center;gap:7px;margin-top:13px;color:#ffffff59;font-size:6px;font-weight:800;letter-spacing:.09em}.demo-note i{width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid);animation:pulse 1s ease infinite alternate}@keyframes pulse{to{opacity:.25}}.caption-control{margin-top:15px}.caption-control output{color:var(--acid)}.caption-picker{display:grid;grid-template-columns:32px 1fr 32px;gap:6px}.caption-picker button,.caption-picker select{height:34px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:var(--paper);background:#ffffff0f}.caption-picker button{cursor:pointer}.caption-picker button:hover{border-color:var(--acid);color:var(--acid)}.caption-picker select{min-width:0;padding:0 8px;outline:none;font-size:8px;font-weight:800}.caption-picker option{color:#111;background:#fff}.caption-layer{position:fixed;z-index:6;inset:0;overflow:hidden;pointer-events:none}.caption-stage{--caption-accent: #d9ff43;--bass: .2;--mid: .2;--high: .2;--bass-scale: 1.03;--shake-x: 0px;--shake-y: 0px;--phrase-progress: 0%;position:absolute;right:12%;bottom:135px;left:12%;display:grid;min-height:96px;align-content:center;justify-content:center;color:#fff;font-size:clamp(20px,2.45vw,42px);font-weight:900;line-height:1.04;letter-spacing:-.045em;text-align:center;text-shadow:0 4px 22px rgba(0,0,0,.92)}.caption-line{display:flex;align-items:baseline;justify-content:center;gap:.25em;white-space:nowrap}.caption-word{display:inline-block;position:relative;color:#ffffff94;transition:color .12s,opacity .12s,transform .12s,filter .12s}.caption-word.is-past{color:#ffffffeb}.caption-word.is-active{color:var(--caption-accent);transform:scale(1.06)}.caption-word.is-future{color:#ffffff73}.caption--classic .caption-word.is-active{filter:drop-shadow(0 0 calc(7px + var(--bass)*14px) var(--caption-accent))}.caption--word-pop{min-height:140px;font-size:clamp(58px,10vw,152px);font-style:italic;line-height:.78;text-transform:uppercase}.caption--word-pop .caption-line{display:contents}.caption--word-pop .caption-word{position:absolute;left:50%;top:50%;opacity:0;transform:translate(-50%,-42%) scale(.5) rotate(-4deg)}.caption--word-pop .caption-word.is-active{opacity:1;transform:translate(-50%,-50%) scale(var(--bass-scale)) rotate(-2deg);-webkit-text-stroke:2px #07131b;filter:drop-shadow(8px 9px 0 #ff4aa5) drop-shadow(-5px -4px 0 #3be5ff)}.caption--bold-center{right:4%;left:4%;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(48px,7.5vw,124px);line-height:.82;letter-spacing:-.035em;text-transform:uppercase}.caption--bold-center .caption-word{color:#fff}.caption--bold-center .caption-line:last-child{color:#ff4cac;font-size:.38em;letter-spacing:.08em}.caption--bold-center .caption-line:last-child .caption-word{color:#ff4cac}.caption--bold-center .caption-word.is-active{color:var(--caption-accent);transform:scale(1)}.caption--lower-third{right:auto;bottom:150px;left:8%;min-height:auto;padding-left:18px;border-left:3px solid var(--caption-accent);justify-content:start;font-size:clamp(15px,1.65vw,25px);font-weight:560;line-height:1.2;letter-spacing:.01em;text-align:left}.caption--lower-third .caption-line{justify-content:start}.caption--lower-third .caption-word.is-active{color:#fff;transform:none}.caption--neon-glow{font-size:clamp(28px,4vw,66px);text-transform:uppercase}.caption--neon-glow .caption-word{color:transparent;-webkit-text-stroke:1px #ff67cf;text-shadow:0 0 5px #ff37bd,0 0 18px #ff37bd,0 0 38px rgba(255,55,189,.72)}.caption--neon-glow .caption-line:last-child .caption-word{-webkit-text-stroke-color:#58eaff;text-shadow:0 0 5px #1cdbff,0 0 18px #1cdbff}.caption--neon-glow .caption-word.is-active{color:#fff;transform:scale(1.05)}.caption--outline-punch{font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(34px,5.3vw,84px);text-transform:uppercase}.caption--outline-punch .caption-word{color:transparent;-webkit-text-stroke:2px #fff}.caption--outline-punch .caption-word.is-active{color:#fff;-webkit-text-stroke-color:#fff;transform:skew(-5deg) scale(1.08);filter:drop-shadow(7px 7px 0 #ff4cac)}.caption--cinematic-fade{bottom:155px;font-family:Georgia,serif;font-size:clamp(22px,3vw,46px);font-weight:400;line-height:1.35;letter-spacing:.28em;text-transform:uppercase}.caption--cinematic-fade .caption-word{opacity:.15;color:#fff;filter:blur(2px)}.caption--cinematic-fade .caption-word.is-past{opacity:.58;filter:blur(0)}.caption--cinematic-fade .caption-word.is-active{opacity:1;color:#fff;filter:blur(0) drop-shadow(0 0 12px rgba(255,255,255,.55));transform:translateY(-2px)}.caption--typewriter{right:auto;bottom:150px;left:8%;justify-content:start;font-family:Courier New,monospace;font-size:clamp(20px,2.8vw,40px);font-weight:700;letter-spacing:.01em;text-align:left}.caption--typewriter .caption-line{justify-content:start}.caption--typewriter .caption-word.is-future{visibility:hidden}.caption--typewriter .caption-word.is-active{color:#fff;transform:none}.caption--typewriter:after{display:inline-block;position:absolute;right:-.5em;bottom:1.1em;width:.12em;height:.8em;content:"";background:var(--caption-accent);animation:cursor .65s steps(1) infinite}@keyframes cursor{50%{opacity:0}}.caption--bass-shake{font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(38px,6vw,94px);text-transform:uppercase;transform:translate(var(--shake-x),var(--shake-y)) skew(-2deg)}.caption--bass-shake .caption-word{color:#fff;-webkit-text-stroke:1px #111;filter:drop-shadow(5px 0 0 rgba(255,46,164,.72)) drop-shadow(-5px 0 0 rgba(31,217,255,.72))}.caption--bass-shake .caption-word.is-active{transform:scale(var(--bass-scale))}.caption--wave-text{font-size:clamp(28px,4vw,64px);text-transform:uppercase}.caption--wave-text .caption-word{color:#fff}.caption--wave-text .caption-word:nth-child(odd){transform:translateY(-10px) rotate(-4deg)}.caption--wave-text .caption-word:nth-child(2n){transform:translateY(8px) rotate(4deg)}.caption--wave-text .caption-word.is-active{color:#ff4cac;transform:translateY(-15px) scale(1.13) rotate(-3deg)}.caption--wave-text .caption-line:last-child{color:#48dcff;transform:scale(.78)}.caption--gradient-flow{font-size:clamp(34px,5.5vw,86px);text-transform:uppercase}.caption--gradient-flow .caption-word{color:transparent;background:linear-gradient(90deg,#23e7ff,#6472ff,#ff3fb4,#23e7ff);background-size:300% 100%;background-position:var(--phrase-progress) 0;-webkit-background-clip:text;background-clip:text}.caption--gradient-flow .caption-word.is-active{transform:scale(1.06);filter:drop-shadow(0 0 16px rgba(107,86,255,.55))}.caption--behind-artist{right:1%;bottom:31%;left:1%;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(76px,13vw,220px);line-height:.72;letter-spacing:-.045em;text-transform:uppercase;mix-blend-mode:screen;opacity:.48}.caption--behind-artist .caption-word{color:#7268ff80;-webkit-text-stroke:1px rgba(255,80,201,.5)}.caption--behind-artist .caption-word.is-active{color:#ff40beb8;transform:scale(1.03)}.caption--stacked-words{right:auto;bottom:145px;left:10%;justify-content:start;font-size:clamp(28px,4.5vw,70px);line-height:.86;text-align:left;text-transform:uppercase}.caption--stacked-words .caption-line{display:flex;flex-direction:column;align-items:flex-start;gap:0}.caption--stacked-words .caption-word{color:#ffffff38;transform:none}.caption--stacked-words .caption-word.is-past{color:#fff6}.caption--stacked-words .caption-word.is-active{color:#fff;transform:translate(14px) scale(1.08)}.caption--rap-tracker{bottom:145px;padding-bottom:16px;font-size:clamp(20px,3vw,42px);font-style:italic;text-transform:uppercase}.caption--rap-tracker .caption-line{gap:.5em}.caption--rap-tracker .caption-word{padding:.12em .28em;color:#fff;border:1px solid rgba(73,226,255,.55);background:#050912b8;transform:skew(-8deg)}.caption--rap-tracker .caption-word.is-active{color:#fff;border-color:#ff45b5;background:#d91a86;transform:skew(-8deg) scale(1.08)}.caption--rap-tracker:after{position:absolute;bottom:0;left:5%;width:var(--phrase-progress);max-width:90%;height:4px;content:"";border-radius:4px;background:linear-gradient(90deg,#ff45b5,#d9ff43);box-shadow:0 0 10px #ff45b5}.caption--worship{bottom:155px;font-family:Georgia,serif;font-size:clamp(25px,3.8vw,58px);font-weight:400;line-height:1.25;letter-spacing:0;text-transform:none}.caption--worship .caption-word{color:#ffffffa6}.caption--worship .caption-word.is-active{color:#fff;transform:none;text-shadow:0 0 18px rgba(255,241,206,.6),0 3px 20px #000}.caption--retro-vhs{bottom:145px;font-family:Courier New,monospace;font-size:clamp(25px,3.8vw,58px);font-style:italic;text-transform:uppercase;transform:skew(-4deg)}.caption--retro-vhs:before{position:absolute;top:-38px;left:0;content:"PLAY ▶";color:#fff;font-size:12px;font-style:normal;letter-spacing:.08em}.caption--retro-vhs .caption-word{color:#fff;text-shadow:4px 0 #ff2d9a,-4px 0 #1fe8ff}.caption--retro-vhs .caption-word.is-active{color:#fff;transform:translate(2px);filter:blur(.25px)}.caption--retro-vhs:after{position:fixed;inset:0;content:"";background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.055) 4px);opacity:.6}.preset-dock{position:fixed;z-index:12;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(8,1fr);gap:1px;padding:0 18px 18px;background:linear-gradient(to top,rgba(7,7,7,.92),transparent)}.preset{position:relative;display:flex;min-width:0;height:74px;padding:13px;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid var(--line);border-radius:9px;color:#f4f1e86b;background:#0a0a0a8c;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .2s ease,border .2s ease,transform .2s ease,background .2s ease}.preset:hover{color:var(--paper);transform:translateY(-3px)}.preset.active{color:var(--paper);border-color:#d9ff4399;background:#d9ff4314}.preset.active:after{position:absolute;right:10px;bottom:10px;width:5px;height:5px;content:"";border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}.preset i{color:#ffffff4d;font-size:7px;font-style:normal;font-weight:800}.preset.active i{color:var(--acid)}.preset span{overflow:hidden;font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.loader{position:fixed;z-index:40;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--ink);transition:opacity .5s ease,visibility .5s ease}.loader.hidden{visibility:hidden;opacity:0}.loader .brand-mark{animation:loader .9s ease-in-out infinite alternate}.loader p{margin:0;color:var(--muted);font-size:7px;font-weight:850;letter-spacing:.15em}@keyframes loader{to{transform:scale(1.22);box-shadow:0 0 30px #d9ff4340}}.toast{position:fixed;z-index:20;top:90px;left:50%;padding:8px 12px;border:1px solid var(--line);border-radius:100px;background:#070707bf;font-size:7px;font-weight:800;letter-spacing:.08em;opacity:0;transform:translate(-50%,-8px);transition:opacity .2s,transform .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:900px){.meter{display:none}.hud{top:115px;align-items:start;transform:none}.title-block{width:min(500px,60vw)}h1{font-size:clamp(42px,8vw,66px)}.control-panel{width:250px}.preset-dock{grid-template-columns:repeat(4,1fr)}.preset{height:46px;padding:8px 10px}.preset i{display:none}.caption-stage{bottom:125px}}@media(max-width:620px){.topbar{height:64px;padding:0 15px}.brand small{display:none}.hud{top:86px;right:15px;left:15px;flex-direction:column;gap:18px}.title-block{width:100%}.eyebrow,.counter,.title-block>p:last-child{display:none}h1{font-size:38px;line-height:.84}.control-panel{width:100%;padding:10px}.control-row,.demo-note{display:none}.preset-dock{grid-template-columns:repeat(4,1fr);padding:0 8px 8px}.preset{height:42px;padding:7px}.preset span{font-size:7px}.caption-stage{right:7%;bottom:104px;left:7%;font-size:15px}.caption-control{margin-top:8px}.caption-control>label{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}