:root{--bg: #06060c;--bg-2: #0d0d18;--bg-3: #14142a;--magenta: #ff00aa;--cyan: #00f0ff;--yellow: #fff200;--green: #00ff88;--red: #ff0040;--text: #e8e8ff;--text-dim: #6a6a8a;--grid: rgba(255, 0, 170, .08);--font-display: "Audiowide", system-ui, sans-serif;--font-mono: "Share Tech Mono", ui-monospace, monospace;--font-stat: "Major Mono Display", ui-monospace, monospace;--glow-magenta: 0 0 8px rgba(255, 0, 170, .85), 0 0 24px rgba(255, 0, 170, .45);--glow-cyan: 0 0 8px rgba(0, 240, 255, .85), 0 0 24px rgba(0, 240, 255, .45);--glow-green: 0 0 8px rgba(0, 255, 136, .85), 0 0 24px rgba(0, 255, 136, .45);--glow-yellow: 0 0 8px rgba(255, 242, 0, .85), 0 0 18px rgba(255, 242, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}*::selection{background:var(--magenta);color:var(--bg)}html,body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden}body{min-height:100vh;min-height:100dvh;position:relative;animation:crt-flicker 4s infinite steps(1);padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);background:radial-gradient(ellipse at top,rgba(255,0,170,.08),transparent 60%),radial-gradient(ellipse at bottom,rgba(0,240,255,.06),transparent 60%),var(--bg)}.hero-bg{position:fixed;inset:0;z-index:0;background-image:url(../hero-bg.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:.7;pointer-events:none;filter:saturate(1.15) contrast(1.05);mask-image:radial-gradient(ellipse at center,black 40%,rgba(0,0,0,.5) 80%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,rgba(0,0,0,.5) 80%,transparent 100%);animation:hero-drift 30s ease-in-out infinite alternate}@keyframes hero-drift{0%{transform:scale(1.02) translate(0)}to{transform:scale(1.08) translate(-1%,1%)}}@keyframes crt-flicker{0%,96%,to{opacity:1}97%{opacity:.97}98%{opacity:.99}99%{opacity:.96}}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px);mix-blend-mode:multiply;opacity:.6}.grid-bg{position:fixed;inset:-50% -10% -10%;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:60px 60px;transform:perspective(600px) rotateX(60deg) translateY(20%);transform-origin:center bottom;mask-image:linear-gradient(to bottom,black 30%,transparent 95%);-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 95%);animation:grid-drift 60s linear infinite;opacity:.18;mix-blend-mode:screen}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:0 60px,60px 0}}#particles{position:fixed;inset:0;pointer-events:none;z-index:1;width:100%;height:100%}#app{position:relative;z-index:2;max-width:640px;margin:0 auto;padding:32px 20px 80px;min-height:100dvh;display:flex;flex-direction:column}.stage{display:none;flex:1;flex-direction:column;gap:28px;animation:stage-in .36s cubic-bezier(.2,.8,.2,1)}.stage.is-active{display:flex}@keyframes stage-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.brand{text-align:center;margin-top:8vh}.brand--small{margin-top:0}.logo{font-family:var(--font-display);font-size:clamp(2.4rem,9vw,4.2rem);font-weight:400;letter-spacing:.02em;color:var(--magenta);text-shadow:0 0 1px #fff,0 0 6px var(--magenta),0 0 22px var(--magenta),0 0 40px rgba(255,0,170,.6),-2px 0 0 rgba(0,240,255,.7),2px 0 0 rgba(255,242,0,.5);position:relative;display:inline-block;animation:logo-glitch 5s infinite}.logo--small{font-size:clamp(1.4rem,5vw,2rem);animation:logo-glitch 6s infinite,logo-pulse 1.6s ease-in-out infinite}@keyframes logo-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.logo:before,.logo:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}.logo:before{color:var(--cyan);text-shadow:none;mix-blend-mode:screen;animation:glitch-shift-1 5s infinite steps(1);clip-path:inset(0 0 0 0)}.logo:after{color:var(--yellow);text-shadow:none;mix-blend-mode:screen;animation:glitch-shift-2 5s infinite steps(1)}@keyframes logo-glitch{0%,92%,to{transform:none}93%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}95%{transform:translate(-1px,-2px)}96%{transform:translate(1px,1px)}97%{transform:none}}@keyframes glitch-shift-1{0%,92%,to{transform:translate(0);clip-path:inset(0 0 0 0)}93%{transform:translate(-3px);clip-path:inset(20% 0 60% 0)}95%{transform:translate(2px,1px);clip-path:inset(60% 0 20% 0)}97%{transform:translate(-1px,-1px);clip-path:inset(0 0 0 0)}}@keyframes glitch-shift-2{0%,92%,to{transform:translate(0);clip-path:inset(0 0 0 0)}93%{transform:translate(3px,1px);clip-path:inset(40% 0 20% 0)}95%{transform:translate(-2px,-1px);clip-path:inset(10% 0 70% 0)}}.tagline{margin-top:14px;color:var(--cyan);font-size:.95rem;letter-spacing:.04em;text-shadow:0 0 8px rgba(0,240,255,.6)}.tagline--small{font-size:.85rem;margin-top:6px;color:var(--text-dim);text-shadow:none}.style-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 auto;width:100%;max-width:520px}.style-btn{appearance:none;background:#0d0d18b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(0,240,255,.25);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;padding:12px 8px 10px;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;letter-spacing:.08em;transition:transform .12s,background .2s,border-color .2s,box-shadow .2s,color .2s;-webkit-tap-highlight-color:transparent}.style-btn:hover{border-color:#00f0ff8c;color:var(--cyan)}.style-btn.is-active{border-color:var(--magenta);color:var(--magenta);background:#ff00aa14;box-shadow:0 0 12px #f0a6 inset,0 0 18px #ff00aa73;text-shadow:0 0 8px var(--magenta)}.style-btn .style-name{font-family:var(--font-display);font-size:.95rem;letter-spacing:.14em}.style-btn .style-desc{font-size:.62rem;letter-spacing:.06em;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (max-width: 480px){.style-btn{padding:9px 4px 7px}.style-btn .style-name{font-size:.82rem}.style-btn .style-desc{font-size:.56rem}}.style-picker--results{position:relative;gap:6px}.style-picker--results .style-btn{padding:8px 6px 7px}.style-picker--results .style-btn .style-name{font-size:.78rem}.style-picker--results .style-btn .style-desc{font-size:.54rem}.style-picker__busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.22em;color:var(--cyan);text-shadow:0 0 8px var(--cyan);background:#06060cc7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(0,240,255,.45);pointer-events:none;opacity:0;transition:opacity .18s;animation:busy-pulse 1.2s ease-in-out infinite}.style-picker.is-busy{pointer-events:none}.style-picker.is-busy .style-picker__busy{opacity:1}.style-picker.is-busy .style-btn{filter:blur(.5px)}@keyframes busy-pulse{0%,to{box-shadow:0 0 12px #00f0ff40 inset}50%{box-shadow:0 0 22px #00f0ff99 inset}}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0}.dropzone{display:block;margin:auto;width:100%;max-width:520px;min-height:240px;border:2px dashed var(--cyan);background:repeating-linear-gradient(45deg,rgba(0,240,255,.025) 0 12px,transparent 12px 24px),#0d0d18c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:32px 20px;transition:border-color .2s,box-shadow .2s,background .2s,transform .1s;animation:dropzone-pulse 2.4s ease-in-out infinite;-webkit-tap-highlight-color:transparent}@keyframes dropzone-pulse{0%,to{box-shadow:0 0 0 1px #00f0ff2e,0 0 18px #00f0ff2e inset,0 0 22px #00f0ff2e}50%{box-shadow:0 0 0 1px #00f0ff66,0 0 32px #00f0ff52 inset,0 0 46px #00f0ff66}}.dropzone.is-hover,.dropzone:hover{border-style:solid;border-color:var(--cyan);background:var(--bg-3);box-shadow:0 0 0 2px var(--cyan),0 0 32px #00f0ff8c inset,0 0 46px #00f0ffb3;animation:none}.dropzone:active{transform:scale(.99)}.dropzone__inner{display:flex;flex-direction:column;gap:10px;align-items:center}.dropzone__icon{font-size:2.4rem;color:var(--cyan);text-shadow:var(--glow-cyan);animation:icon-bounce 1.6s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dropzone__text{font-family:var(--font-mono);font-size:clamp(1.05rem,3.5vw,1.4rem);letter-spacing:.08em;color:var(--cyan);text-shadow:var(--glow-cyan)}.dropzone__sub{color:var(--text-dim);font-size:.85rem;letter-spacing:.06em}.finepr{text-align:center;color:var(--text-dim);font-size:.8rem;letter-spacing:.04em;padding:0 8px}.quota{text-align:center;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;color:var(--text-dim);padding:6px 12px;border:1px solid rgba(0,240,255,.18);background:#0d0d1880;display:inline-flex;align-items:center;gap:6px;align-self:center;margin:0 auto}.quota__used{color:var(--cyan);font-family:var(--font-stat);font-size:.95rem;text-shadow:0 0 6px rgba(0,240,255,.4)}.quota__sep,.quota__total{color:var(--text-dim)}.quota__total{font-family:var(--font-stat);font-size:.95rem}.quota__label{color:var(--text-dim);margin-left:4px}.quota__upgrade{color:var(--magenta);text-decoration:none;margin-left:10px;padding:2px 8px;border:1px solid rgba(255,0,170,.4);font-size:.7rem;letter-spacing:.14em;text-shadow:0 0 6px rgba(255,0,170,.5);transition:background .15s,box-shadow .15s}.quota__upgrade:hover{background:#ff00aa1f;box-shadow:0 0 14px #f0a6}.quota.is-low{border-color:#fff2004d}.quota.is-low .quota__used{color:var(--yellow);text-shadow:0 0 6px var(--yellow)}.quota.is-out{border-color:#ff004080}.quota.is-out .quota__used{color:var(--red);text-shadow:0 0 6px var(--red)}.error{text-align:center;color:var(--red);border:1px solid var(--red);background:#ff00401f;padding:12px 16px;font-size:.95rem;text-shadow:0 0 8px rgba(255,0,64,.6);box-shadow:0 0 16px #ff004066;animation:stage-in .2s;word-break:break-word}.debug{font-family:var(--font-mono);font-size:.72rem;color:var(--green);border:1px solid rgba(0,255,136,.3);background:#001008b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:8px 10px;white-space:pre-wrap;word-break:break-word;text-align:left;letter-spacing:.02em;text-shadow:0 0 4px rgba(0,255,136,.5);margin:0;max-height:180px;overflow:auto}.stage--processing.is-active{position:fixed!important;inset:0!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;z-index:50!important;overflow:hidden;display:flex!important;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:0;background:#000;animation:cinema-stage-in .6s ease forwards}.stage--processing.is-active~* .hero-bg,.stage--processing.is-active~.hero-bg{opacity:0}@keyframes cinema-stage-in{0%{opacity:0}to{opacity:1}}.stage--processing.is-active.is-leaving{animation:none;opacity:0;transform:scale(1.04);filter:blur(2px);transition:opacity .38s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.4,0,.2,1),filter .38s ease-out;pointer-events:none}.cinema{position:absolute;inset:0;z-index:0;background:#06060c;overflow:hidden}.cinema__bg{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(255,0,170,.05),transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(0,240,255,.04),transparent 50%),#06060c}.cinema__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:screen;will-change:transform}.cinema__orb--a{width:60vmin;height:60vmin;left:-10vmin;top:-10vmin;background:var(--magenta);animation:orb-drift-a 18s ease-in-out infinite alternate}.cinema__orb--b{width:55vmin;height:55vmin;right:-8vmin;bottom:-10vmin;background:var(--cyan);animation:orb-drift-b 22s ease-in-out infinite alternate}.cinema__orb--c{width:40vmin;height:40vmin;left:30%;top:30%;background:var(--yellow);opacity:.18;animation:orb-drift-c 26s ease-in-out infinite alternate}@keyframes orb-drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(20vmin,25vmin) scale(1.2)}}@keyframes orb-drift-b{0%{transform:translate(0) scale(1.1)}to{transform:translate(-25vmin,-20vmin) scale(.85)}}@keyframes orb-drift-c{0%{transform:translate(-15vmin,-10vmin) scale(.9)}to{transform:translate(20vmin,15vmin) scale(1.3)}}.cinema__beam{position:absolute;left:0;right:0;height:200px;top:50%;transform:translateY(-50%);background:linear-gradient(to bottom,transparent 0%,rgba(0,240,255,.06) 45%,rgba(0,240,255,.18) 50%,rgba(0,240,255,.06) 55%,transparent 100%);animation:beam-sweep 6s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}@keyframes beam-sweep{0%,to{top:30%;opacity:.4}50%{top:70%;opacity:.9}}.cinema__bignum{position:absolute;right:clamp(40px,8vw,120px);bottom:clamp(180px,28vh,320px);font-family:var(--font-display);font-size:clamp(18rem,38vw,36rem);font-weight:400;line-height:.85;color:#ffffff0a;letter-spacing:-.04em;pointer-events:none;user-select:none;z-index:1;text-shadow:0 0 80px rgba(255,0,170,.05);transition:transform .6s cubic-bezier(.7,0,.2,1),opacity .4s ease}.cinema__bg.is-pulse .cinema__bignum{animation:bignum-pulse .9s cubic-bezier(.7,0,.2,1)}@keyframes bignum-pulse{0%{transform:scale(.92);opacity:0}40%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}.cinema__vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.1) 35%,transparent 60%),radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.5) 100%)}.cinema__story{position:absolute;top:0;left:0;z-index:8;width:100%;max-width:min(1200px,94vw);padding:clamp(20px,5vw,80px);padding-top:clamp(60px,14vh,200px);pointer-events:none;display:flex;flex-direction:column;gap:clamp(10px,2vw,28px);color:#fff}.cinema__story-meta{display:flex;align-items:baseline;gap:14px;font-family:var(--font-mono);letter-spacing:.12em}.cinema__story-num{font-size:clamp(1.4rem,3.2vw,4rem);color:var(--magenta);text-shadow:0 0 16px rgba(255,0,170,.7);font-weight:700;display:inline-block;clip-path:inset(0 0 100% 0);animation:chapter-num .5s cubic-bezier(.7,0,.2,1) forwards}.cinema__story-total{font-size:clamp(.7rem,1.2vw,1.4rem);color:#fff6;letter-spacing:.22em}.cinema__story-label{font-family:var(--font-mono);font-size:clamp(.7rem,1.6vw,1.6rem);color:#ffffff8c;letter-spacing:.36em;text-transform:uppercase;opacity:0;transform:translateY(8px);animation:chapter-label .5s ease .08s forwards}.cinema__story-headline{font-family:var(--font-display);font-size:clamp(2.6rem,13vw,14rem);line-height:.9;letter-spacing:-.01em;font-weight:400;color:#fff;text-shadow:0 0 22px rgba(255,255,255,.45),0 0 80px rgba(255,0,170,.45);word-break:break-word;clip-path:inset(0 100% 0 0);animation:chapter-headline .85s cubic-bezier(.7,0,.2,1) .16s forwards;margin:clamp(4px,1.2vw,18px) 0}.cinema__story-sub{font-family:var(--font-mono);font-size:clamp(.85rem,1.6vw,1.5rem);color:#00f0ffd9;letter-spacing:.06em;text-shadow:0 0 8px rgba(0,240,255,.45);opacity:0;transform:translateY(8px);animation:chapter-sub .5s ease .4s forwards}@keyframes chapter-num{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes chapter-label{to{opacity:1;transform:translateY(0)}}@keyframes chapter-headline{0%{clip-path:inset(0 100% 0 0);transform:translate(-12px)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes chapter-sub{to{opacity:1;transform:translateY(0)}}.cinema__story.is-changing .cinema__story-num,.cinema__story.is-changing .cinema__story-label,.cinema__story.is-changing .cinema__story-headline,.cinema__story.is-changing .cinema__story-sub{animation:none;opacity:0}.cinema__story.is-changing .cinema__story-num,.cinema__story.is-changing .cinema__story-headline{clip-path:inset(0 100% 0 0)}.cinema__index{position:absolute;top:50%;right:clamp(14px,3vw,32px);transform:translateY(-50%);z-index:8;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(8px,1.6vw,18px);font-family:var(--font-mono);font-size:clamp(.7rem,1.2vw,.9rem);letter-spacing:.18em;pointer-events:none}.cinema__index li{color:#ffffff2e;position:relative;padding-right:22px;transition:color .4s ease,transform .4s ease}.cinema__index li:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:14px;height:1px;background:currentColor;transition:width .4s ease}.cinema__index li.is-active{color:var(--magenta);transform:translate(-4px);text-shadow:0 0 10px rgba(255,0,170,.7)}.cinema__index li.is-active:after{width:28px;background:var(--magenta);box-shadow:0 0 8px var(--magenta)}.cinema__index li.is-done{color:#ffffff73}@media (max-width: 640px){.cinema__index{display:none}.cinema__story{padding-top:clamp(40px,8vh,80px)}}.cinema__meter{position:absolute;bottom:clamp(60px,10vh,110px);left:50%;transform:translate(-50%) translateY(20px);z-index:9;pointer-events:none;display:flex;flex-direction:column;gap:12px;width:min(640px,calc(100% - 64px));opacity:0;animation:meter-in .7s cubic-bezier(.7,0,.2,1) .4s forwards}@keyframes meter-in{to{opacity:1;transform:translate(-50%) translateY(0)}}.cinema__meter-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);letter-spacing:.22em;padding:0 8px}.cinema__meter-tag{font-size:clamp(.7rem,1vw,.85rem);color:#00f0ff8c;text-transform:uppercase;text-shadow:0 0 8px rgba(0,240,255,.3)}.cinema__meter-delta{font-family:var(--font-stat);font-size:clamp(1.1rem,1.8vw,1.5rem);color:var(--green);text-shadow:var(--glow-green);letter-spacing:.04em}.meter-gauge{display:block;width:100%;height:auto;max-height:clamp(180px,34vh,320px);filter:drop-shadow(0 0 24px rgba(0,240,255,.22))}.meter-gauge__track{stroke:#00f0ff38;stroke-width:4}.meter-gauge__zone{stroke-linecap:butt;stroke-width:9;opacity:.65;filter:drop-shadow(0 0 8px currentColor)}.meter-gauge__zone--raw{stroke:var(--red);color:var(--red)}.meter-gauge__zone--amateur{stroke:#ff7a3c;color:#ff7a3c}.meter-gauge__zone--semi{stroke:var(--yellow);color:var(--yellow)}.meter-gauge__zone--mastered{stroke:var(--green);color:var(--green)}.meter-gauge__ticks line{stroke:#ffffff80;stroke-width:1.4;stroke-linecap:round}.meter-gauge__ticks line.is-major{stroke:#fffffff2;stroke-width:2.4}.meter-gauge__label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.22em;fill:#fff9;text-shadow:0 0 6px rgba(0,0,0,.6)}.meter-gauge__pin{stroke:var(--magenta);stroke-linecap:round;stroke-width:2.5;filter:drop-shadow(0 0 8px var(--magenta));transform-origin:120px 120px;transform:rotate(-90deg);transition:transform .8s cubic-bezier(.7,0,.2,1);opacity:.9}.meter-gauge__needle{stroke:#fff;stroke-linecap:round;stroke-width:3.5;filter:drop-shadow(0 0 6px var(--cyan)) drop-shadow(0 0 14px var(--cyan));transform-origin:120px 120px;transform:rotate(-90deg);transition:transform 1.8s cubic-bezier(.5,0,.2,1)}.meter-gauge__hub-outer{stroke:var(--cyan);stroke-width:2.5;filter:drop-shadow(0 0 6px var(--cyan))}.meter-gauge__hub-inner{fill:#fff;filter:drop-shadow(0 0 6px var(--cyan))}.cinema__meter-foot{display:flex;justify-content:space-between;gap:12px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);font-family:var(--font-mono)}.meter-stat{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.meter-stat-k{font-size:clamp(.55rem,.9vw,.65rem);letter-spacing:.22em;color:#ffffff59}.meter-stat-v{font-family:var(--font-stat);font-size:clamp(.85rem,1.6vw,1.05rem);color:var(--cyan);text-shadow:0 0 8px rgba(0,240,255,.55);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cinema__meter.is-burst .meter-gauge{animation:gauge-burst .7s ease-out}.cinema__meter.is-burst .meter-gauge__needle{stroke:var(--green);filter:drop-shadow(0 0 6px var(--green)) drop-shadow(0 0 18px var(--green))}.cinema__meter.is-burst .meter-gauge__hub-inner{fill:var(--green)}.cinema__meter.is-burst .meter-gauge__zone--mastered{opacity:1;stroke-width:9}.cinema__meter.is-burst .cinema__meter-delta{animation:delta-pop .5s ease-out}@keyframes gauge-burst{0%{filter:drop-shadow(0 0 16px rgba(0,240,255,.18))}50%{filter:drop-shadow(0 0 28px rgba(0,255,136,.85));transform:scale(1.04)}to{filter:drop-shadow(0 0 18px rgba(0,255,136,.5))}}@keyframes delta-pop{0%{transform:scale(1)}40%{transform:scale(1.25);color:#fff}to{transform:scale(1)}}@media (max-width: 640px){.cinema__meter{bottom:clamp(40px,8vh,80px)}.cinema__meter-foot{font-size:.7rem}.meter-gauge{max-height:120px}}.cinema__hud{position:relative;z-index:10;padding:0 22px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px}.cinema__filename{font-family:var(--font-mono);font-size:clamp(.7rem,1.4vw,.9rem);color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 10px rgba(0,0,0,.8)}.cinema__bar{height:2px;background:#ffffff1a;border-radius:1px;overflow:hidden}.cinema__bar-fill{height:100%;width:0%;background:var(--magenta);box-shadow:0 0 8px var(--magenta),0 0 16px #f0a9;transition:width .25s ease}.cinema__ghost{position:absolute;inset:0;visibility:hidden;pointer-events:none;overflow:hidden}.progress{position:relative;border:1px solid var(--magenta);background:#0d0d18c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:14px 18px;box-shadow:0 0 12px #f0a6 inset,0 0 18px #ff00aa40}.progress__segments{display:flex;gap:4px;height:28px}.progress__seg{flex:1;background:#ff00aa14;border:1px solid rgba(255,0,170,.25);transition:background .18s,box-shadow .18s,border-color .18s}.progress__seg.is-on{background:var(--magenta);border-color:var(--magenta);box-shadow:0 0 6px var(--magenta),0 0 14px #ff00aab3}.progress__seg.is-tip{animation:seg-tip .6s infinite alternate}@keyframes seg-tip{0%{background:var(--magenta)}to{background:var(--cyan);box-shadow:0 0 8px var(--cyan),0 0 18px #00f0ffcc}}.progress__pct{position:absolute;top:-9px;right:14px;background:var(--bg);padding:0 8px;font-family:var(--font-stat);font-size:.85rem;color:var(--yellow);text-shadow:var(--glow-yellow)}.terminal{border:1px solid var(--cyan);background:#000810d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 14px #00f0ff40 inset,0 0 22px #00f0ff2e;font-family:var(--font-mono);font-size:.92rem;min-height:250px;display:flex;flex-direction:column}.terminal__head{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid rgba(0,240,255,.3);background:#00f0ff0d}.terminal__dot{width:10px;height:10px;border:1px solid currentColor;display:inline-block}.terminal__dot--r{color:var(--red);box-shadow:0 0 6px var(--red)}.terminal__dot--y{color:var(--yellow);box-shadow:0 0 6px var(--yellow)}.terminal__dot--g{color:var(--green);box-shadow:0 0 6px var(--green)}.terminal__title{margin-left:8px;color:var(--cyan);font-size:.78rem;letter-spacing:.06em;text-shadow:0 0 6px rgba(0,240,255,.7)}.terminal__log{list-style:none;padding:14px 16px;margin:0;flex:1;display:flex;flex-direction:column;gap:6px;overflow:hidden}.terminal__line{color:var(--green);text-shadow:0 0 4px rgba(0,255,136,.5);word-break:break-word;display:flex;gap:8px;align-items:baseline}.terminal__line:before{content:">";color:var(--magenta);text-shadow:0 0 6px var(--magenta)}.terminal__line.is-current:after{content:"▌";color:var(--magenta);margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.terminal__line .check-mark{color:var(--green);text-shadow:var(--glow-green);margin-left:auto;animation:check-pop .28s ease-out}@keyframes check-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.stats--processing{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stats--processing li{border:1px solid rgba(0,240,255,.3);background:#0d0d18b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:12px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:0 0 8px #00f0ff1a}.stats__k{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;color:var(--text-dim)}.stats__v{font-family:var(--font-stat);font-size:1.05rem;color:var(--cyan);text-shadow:0 0 6px rgba(0,240,255,.6);letter-spacing:.04em}.stats__v.is-scrambling{color:var(--yellow);text-shadow:var(--glow-yellow)}.results__hero{position:relative;height:140px;margin:0 -20px;background-image:url(../hero-results.webp);background-size:cover;background-position:center;border-top:1px solid rgba(255,0,170,.4);border-bottom:1px solid rgba(0,240,255,.4);box-shadow:0 0 30px #ff00aa4d inset,0 0 30px #00f0ff4d;overflow:hidden;animation:stage-in .5s}.results__hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(6,6,12,.4) 0%,transparent 40%,transparent 60%,rgba(6,6,12,.85) 100%)}.results__hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,0,0,.25) 3px,rgba(0,0,0,.25) 4px);mix-blend-mode:multiply;pointer-events:none}.results__head{text-align:center;margin-top:4vh;position:relative}.results__title{font-family:var(--font-display);font-size:clamp(2rem,8vw,3.4rem);font-weight:400;letter-spacing:.08em;color:var(--green);text-shadow:0 0 1px #fff,0 0 8px var(--green),0 0 28px var(--green),0 0 48px rgba(0,255,136,.6)}.check{display:inline-block;margin-left:8px;animation:check-pop .4s ease-out,check-pulse 2s ease-in-out infinite .4s}@keyframes check-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.results__sub{margin-top:8px;color:var(--text-dim);font-size:.85rem}.volume-warning{text-align:center;color:var(--yellow);background:#fff20012;border:1px solid var(--yellow);padding:10px 14px;letter-spacing:.1em;text-shadow:var(--glow-yellow);box-shadow:0 0 14px #fff20040;animation:warn-pulse 1.6s ease-in-out infinite;font-size:.95rem}@keyframes warn-pulse{0%,to{box-shadow:0 0 6px #fff2002e}50%{box-shadow:0 0 22px #fff20080}}.ab{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ab__btn{appearance:none;background:#0d0d18c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid var(--magenta);color:var(--magenta);font-family:var(--font-mono);padding:22px 14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;letter-spacing:.08em;transition:transform .12s,background .2s,color .2s,box-shadow .2s,border-color .2s;-webkit-tap-highlight-color:transparent;filter:saturate(.85);opacity:.9}.ab__btn--after{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 14px #00f0ff73,0 0 32px #00f0ff40;filter:none;opacity:1;transform:scale(1.02)}.ab__btn:hover{transform:scale(1.03)}.ab__btn:active{transform:scale(.98)}.ab__icon{display:inline-block;position:relative;width:1.7rem;height:1.7rem;font-size:0;line-height:0}.ab__icon:before,.ab__icon:after{content:"";position:absolute;filter:drop-shadow(0 0 6px currentColor);transition:transform .14s}.ab__icon:before{top:50%;left:.4rem;transform:translateY(-50%);width:0;height:0;border-left:1.05rem solid currentColor;border-top:.62rem solid transparent;border-bottom:.62rem solid transparent;background:transparent}.ab__icon:after{display:none}.ab__btn.is-playing .ab__icon:before{top:50%;left:.32rem;transform:translateY(-50%) scale(1.05);width:.34rem;height:1.4rem;border:none;background:currentColor}.ab__btn.is-playing .ab__icon:after{display:block;top:50%;right:.32rem;transform:translateY(-50%) scale(1.05);width:.34rem;height:1.4rem;background:currentColor}.ab__label{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.12em;text-shadow:0 0 8px currentColor}.ab__hint{font-size:.72rem;color:var(--text-dim);letter-spacing:.04em}.ab__btn.is-playing{background:currentColor}.ab__btn.is-playing .ab__icon,.ab__btn.is-playing .ab__label{color:var(--bg);text-shadow:none}.ab__btn.is-playing .ab__hint{color:#06060cb3}.ab__btn.is-playing{box-shadow:0 0 18px currentColor,0 0 42px currentColor}.waveform{position:relative;border:1px solid rgba(255,0,170,.4);background:#0d0d18c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);height:96px;overflow:hidden;box-shadow:0 0 12px #ff00aa2e inset}#waveform-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.waveform__playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--yellow);box-shadow:0 0 8px var(--yellow),0 0 18px var(--yellow);left:0;display:block;pointer-events:none}.waveform__time{position:absolute;bottom:6px;right:8px;font-family:var(--font-stat);font-size:.78rem;color:var(--text-dim);background:#06060cb3;padding:2px 6px;letter-spacing:.05em}.macros{border:1px solid rgba(0,240,255,.3);background:#0d0d18b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 0 12px #00f0ff1f}.macros__head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono)}.macros__title{font-size:.72rem;letter-spacing:.22em;color:var(--cyan);text-shadow:0 0 6px rgba(0,240,255,.5)}.macros__reset{appearance:none;background:transparent;border:1px solid rgba(255,0,170,.5);color:var(--magenta);padding:4px 10px;font-size:.66rem;letter-spacing:.12em;cursor:pointer;font-family:var(--font-mono);transition:background .15s,box-shadow .15s}.macros__reset:hover{background:#ff00aa1a;box-shadow:0 0 10px #ff00aa73}.macros__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.macro{--m-color: var(--cyan);--m-rgb: 0, 240, 255;--m-fill: 50%;display:flex;flex-direction:column;gap:6px;padding:9px 12px 8px;border:1px solid rgba(var(--m-rgb),.28);background:linear-gradient(180deg,rgba(var(--m-rgb),.05),transparent 60%),#06060c80;font-family:var(--font-mono);cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s}.macro:hover,.macro:focus-within{border-color:rgba(var(--m-rgb),.7);box-shadow:0 0 14px rgba(var(--m-rgb),.35)}.macro[data-color=cyan]{--m-color: var(--cyan);--m-rgb: 0, 240, 255}.macro[data-color=magenta]{--m-color: var(--magenta);--m-rgb: 255, 0, 170}.macro[data-color=yellow]{--m-color: var(--yellow);--m-rgb: 255, 242, 0}.macro[data-color=green]{--m-color: var(--green);--m-rgb: 0, 255, 136}.macro.is-warn{--m-color: var(--yellow);--m-rgb: 255, 242, 0}.macro.is-warn:before{box-shadow:0 0 0 1px #fff2008c inset}.macro.is-danger{--m-color: var(--red);--m-rgb: 255, 0, 64;border-color:#ff0040b3;background:linear-gradient(180deg,rgba(255,0,64,.12),transparent 60%),#1c04088c;animation:macro-warn-pulse 1.2s ease-in-out infinite}.macro.is-danger:before{box-shadow:0 0 0 1px #ff0040a6 inset}@keyframes macro-warn-pulse{0%,to{box-shadow:0 0 6px #ff004066}50%{box-shadow:0 0 18px #ff0040d9}}.macro__warn{font-size:.56rem;letter-spacing:.18em;color:var(--m-color);text-shadow:0 0 6px rgba(var(--m-rgb),.85);text-transform:uppercase;margin-left:8px;white-space:nowrap;opacity:0;transition:opacity .2s}.macro.is-warn .macro__warn,.macro.is-danger .macro__warn{opacity:1}.macro__top{display:flex;justify-content:space-between;align-items:baseline}.macro__k{font-size:.66rem;letter-spacing:.22em;color:#ffffff8c}.macro__v{font-family:var(--font-stat);font-size:.92rem;letter-spacing:.04em;color:var(--m-color);text-shadow:0 0 8px rgba(var(--m-rgb),.55)}.macro__slider{-webkit-appearance:none;appearance:none;position:relative;width:100%;height:22px;margin:0;background:transparent;outline:none;cursor:ew-resize}.macro{position:relative}.macro:before{content:"";position:absolute;left:12px;right:12px;top:calc(16px + 1.05rem);height:4px;border-radius:2px;background:#ffffff0f;box-shadow:0 0 0 1px rgba(var(--m-rgb),.18) inset;pointer-events:none}.macro:after{content:"";position:absolute;left:12px;top:calc(16px + 1.05rem);height:4px;width:calc((100% - 24px) * var(--m-fill));border-radius:2px;background:linear-gradient(to right,rgba(var(--m-rgb),.4),var(--m-color));box-shadow:0 0 8px rgba(var(--m-rgb),.7);pointer-events:none}.macro__slider::-webkit-slider-runnable-track{background:transparent;height:22px}.macro__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--m-color);margin-top:2px;cursor:grab;box-shadow:0 0 8px var(--m-color),0 0 18px rgba(var(--m-rgb),.7);transition:transform .12s}.macro__slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.18)}.macro__slider::-moz-range-track{height:4px;background:transparent}.macro__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--m-color);cursor:grab;box-shadow:0 0 8px var(--m-color),0 0 18px rgba(var(--m-rgb),.7)}.macro__scale{display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.18em;color:#ffffff52;padding:0 2px;margin-top:4px}@media (max-width: 480px){.macros__grid{grid-template-columns:1fr 1fr;gap:8px}.macro{padding:8px 10px 7px}.macro__k{font-size:.6rem}.macro__v{font-size:.82rem}}.stats--results{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stats__card{border:1px solid rgba(0,255,136,.3);background:#0d0d18b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 0 10px #00ff881a}.stats__card .stats__k{color:var(--text-dim)}.stats__v--big{font-size:1.4rem;color:var(--green);text-shadow:var(--glow-green);font-family:var(--font-stat);letter-spacing:.04em}.stats__card--funny{grid-column:span 2;border-color:#fff20080;box-shadow:0 0 12px #fff20033}.stats__card--funny .stats__v{font-family:var(--font-mono);font-size:1rem;color:var(--yellow);text-shadow:var(--glow-yellow)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{appearance:none;font-family:var(--font-mono);letter-spacing:.1em;padding:14px 16px;background:transparent;border:1px solid currentColor;cursor:pointer;font-size:.95rem;transition:transform .12s,background .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent}.btn--ghost{color:var(--cyan);box-shadow:0 0 8px #00f0ff4d inset}.btn--ghost:hover{background:#00f0ff1a;box-shadow:0 0 14px #00f0ff80}.btn--primary{color:var(--magenta);box-shadow:0 0 8px #ff00aa4d inset,0 0 18px #f0a6}.btn--primary:hover{background:#ff00aa1f;box-shadow:0 0 22px #ff00aab3}.btn:active{transform:scale(.97)}.copied{text-align:center;color:var(--green);font-size:.85rem;letter-spacing:.06em;text-shadow:var(--glow-green);animation:stage-in .2s}.btn--download{width:100%;color:var(--green);border:2px solid var(--green);background:#00ff880d;box-shadow:0 0 14px #0f86 inset,0 0 22px #00ff8859;font-family:var(--font-display);font-size:1rem;letter-spacing:.1em;padding:18px 16px;text-shadow:var(--glow-green)}.btn--download:hover{background:#00ff881f;box-shadow:0 0 22px #00ff88b3,0 0 36px #00ff8880}.btn--download.is-busy{pointer-events:none;opacity:.7}.footer{position:fixed;bottom:0;left:0;right:0;z-index:3;text-align:center;padding:8px 16px calc(8px + env(safe-area-inset-bottom));font-size:.7rem;color:var(--text-dim);letter-spacing:.12em;background:linear-gradient(to top,var(--bg) 70%,transparent);pointer-events:none;display:flex;flex-direction:column;gap:4px;align-items:center}.footer__row{pointer-events:none}.footer__nav{pointer-events:auto;display:flex;align-items:center;gap:4px;font-size:.68rem;letter-spacing:.1em}.footer__nav a{color:var(--cyan);text-decoration:none;padding:2px 4px;transition:text-shadow .15s,color .15s}.footer__nav a:hover{color:#fff;text-shadow:0 0 8px var(--cyan)}.footer__sep{color:var(--magenta);margin:0 6px}.footer__nav .footer__sep{margin:0 2px;opacity:.5}@media (max-width: 640px){#app{padding:16px 14px 64px}.brand{margin-top:4vh}.stats--processing{grid-template-columns:1fr 1fr;gap:8px}.footer{font-size:.62rem;padding:7px 14px calc(7px + env(safe-area-inset-bottom))}.stage--results{gap:12px;min-height:calc(100dvh - 64px)}.results__hero{display:none}.results__head{margin-top:0}.results__title{font-size:clamp(1.7rem,7.5vw,2.2rem)}.results__sub{margin-top:3px;font-size:.78rem}.volume-warning{padding:6px 12px;font-size:.75rem;letter-spacing:.07em}.ab{gap:10px}.ab__btn{padding:14px 10px;gap:4px}.ab__label{font-size:1.05rem}.ab__hint{font-size:.66rem}.waveform{flex:1;min-height:70px;max-height:180px}.btn--download{padding:13px 14px;font-size:.92rem;letter-spacing:.07em}.stats--results{grid-template-columns:1fr 1fr;gap:7px}.stats__card{padding:9px 11px;gap:3px}.stats__k{font-size:.63rem;letter-spacing:.14em}.stats__v--big{font-size:1.05rem;letter-spacing:.02em}.stats__card--funny .stats__v{font-size:.82rem;line-height:1.3}.actions{grid-template-columns:1fr 1fr;gap:8px}.btn{padding:11px 8px;font-size:.82rem;letter-spacing:.07em}}@media (max-width: 640px) and (max-height: 720px){.stage--results{gap:8px}.volume-warning{display:none}.ab__btn{padding:10px 8px}.waveform{max-height:120px}}@media (max-height: 700px){.brand{margin-top:2vh}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}