.stage-shell{width:100%;display:flex;justify-content:center}.stage-shell__safe{width:min(560px,100%);padding-top:calc(var(--safe-top) + clamp(.8rem,3vw,1.5rem));padding-right:clamp(.8rem,3vw,1.6rem);padding-bottom:calc(var(--safe-bottom) + clamp(1rem,4vw,1.8rem));padding-left:clamp(.8rem,3vw,1.6rem);box-sizing:border-box;margin:0 auto}.stage-shell__frame{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.4rem)}.stage-shell__bezel{position:relative;border-radius:2.1rem;padding:clamp(.45rem,1.6vw,1rem);background:linear-gradient(140deg,#ff00aa73,#50dcff38);box-shadow:0 38px 90px #19003c8c}.stage-shell__bezel:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:1.8rem;background:radial-gradient(circle at top,#ffffff1f,#000000d9);opacity:.6;filter:blur(32px);pointer-events:none}.stage-shell__viewport{position:relative;z-index:1;border-radius:1.6rem;box-shadow:inset 0 0 0 1px #ffffff14}.stage-shell__viewport.stage{padding:clamp(1rem,3vw,1.8rem);max-width:none;width:100%;margin:0}.stage-shell__alerts{font-size:.75rem;letter-spacing:.26em;text-transform:uppercase;color:#a0ffecd1;text-align:center}.stage-shell__footer{display:flex;flex-direction:column;gap:.6rem}@media (min-width: 540px){.stage-shell__safe{width:min(600px,100%)}}@media (min-width: 1024px){.stage-shell__safe{width:100%;max-width:720px}}:root{--bg: #050714;--bg-alt: #02030b;--fg: #f5f8ff;--muted: rgba(245, 248, 255, .68);--accent: #8ef;--accent-strong: #63d6ff;--accent-glow: rgba(99, 214, 255, .45);--panel-bg: rgba(8, 12, 26, .72);--panel-border: rgba(142, 239, 255, .18);--panel-shadow: 0 35px 80px rgba(3, 9, 30, .6);--radius-lg: 28px}html,body,#root{min-height:100%;margin:0;background:radial-gradient(130% 130% at 10% 8%,#2d4a9b66,#0a102ae6 42%,#02030b);color:var(--fg);font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif}body{background-attachment:fixed}.app-shell{position:relative;min-height:100%;width:100%;padding:clamp(1.8rem,4vw,2.5rem) clamp(1rem,4vw,1.5rem) clamp(3.2rem,9vw,5.5rem);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow:hidden;overflow-x:hidden;gap:clamp(1.8rem,3vw,2.5rem)}.app-shell>*{position:relative;z-index:1}.app-glow{position:absolute;width:520px;height:520px;background:radial-gradient(circle at center,#78c5ff8c,#78c5ff00 72%);filter:blur(120px);opacity:.55;top:-180px;left:-140px;pointer-events:none}.app-glow.glow-alt{top:auto;bottom:-180px;right:-160px;left:auto;background:radial-gradient(circle at center,#9260ff73,#9260ff00 72%);opacity:.5}.brand{display:flex;align-items:center;gap:1.45rem}.brand-mark{position:relative;display:flex;align-items:flex-end;gap:clamp(.45rem,1.4vw,.8rem);margin:0;padding:0;filter:drop-shadow(0 12px 32px rgba(52,110,255,.18))}.brand-letter{--letter-index: 0;position:relative;display:inline-block;font-size:clamp(3.1rem,5.6vw,4.4rem);font-weight:600;line-height:.95;letter-spacing:0;text-transform:uppercase;color:#d4f5ffeb;text-shadow:0 0 18px rgba(120,220,255,.35),0 0 42px rgba(170,120,255,.25);isolation:isolate}.brand-letter:before{content:attr(data-letter);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;background:linear-gradient(120deg,transparent 0%,rgba(140,225,255,.2) 14%,rgba(195,250,255,.95) 46%,rgba(255,120,255,.75) 62%,rgba(255,248,180,.45) 72%,transparent 100%);background-size:260% 100%;background-position:-210% 0;-webkit-background-clip:text;background-clip:text;mix-blend-mode:screen;animation:brand-letter-trace 5.6s cubic-bezier(.6,0,.2,1) infinite;animation-delay:calc(var(--letter-index) * .55s)}.brand-letter:after{content:"";position:absolute;top:-22%;right:-18%;bottom:-22%;left:-18%;border-radius:999px;background:radial-gradient(circle,#78dcff6b,#408cff33 40%,#0c204800 72%);opacity:.85;filter:blur(14px);mix-blend-mode:screen;animation:brand-letter-ember 6.4s ease-in-out infinite;animation-delay:calc(var(--letter-index) * .65s + .35s)}.brand-letter:nth-child(2){--letter-index: 1}.brand-letter:nth-child(3){--letter-index: 2}@keyframes brand-letter-trace{0%{opacity:0;background-position:-220% 0}12%{opacity:.75}46%{opacity:1;background-position:40% 0}74%{opacity:.35;background-position:160% 0}to{opacity:0;background-position:220% 0}}@keyframes brand-letter-ember{0%,to{opacity:.55;transform:scale(.9)}48%{opacity:.95;transform:scale(1.08)}72%{opacity:.68;transform:scale(1)}}.brand-copy h1{margin:0;font-size:clamp(1.35rem,2vw,1.7rem);letter-spacing:.22em;text-transform:uppercase;font-weight:600}.brand-copy p{margin:.35rem 0 0;max-width:36rem;color:var(--muted);line-height:1.45;font-size:.92rem}.mode-toggle{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1.25rem;border-radius:999px;border:1px solid rgba(142,239,255,.18);background:#0f142699;color:var(--fg);font-weight:500;letter-spacing:.05em;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.mode-toggle .toggle-indicator{width:16px;height:16px;border-radius:50%;background:#8eefff59;box-shadow:0 0 14px #8eefff66;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.mode-toggle:hover,.mode-toggle:focus-visible{transform:translateY(-1px);border-color:#8eefff59;box-shadow:0 16px 32px #63d6ff40;outline:none}.mode-toggle.active{background:linear-gradient(140deg,#8eefff4d,#498cff52);border-color:#8eefff99;box-shadow:0 20px 48px #63d6ff59}.mode-toggle.active .toggle-indicator{background:var(--accent);box-shadow:0 0 18px var(--accent-glow);transform:scale(1.15)}@keyframes neon-flicker{0%,18%,22%,25%,53%,57%,to{opacity:1;filter:drop-shadow(0 0 12px rgba(142,239,255,.65))}20%,55%{opacity:.4;filter:drop-shadow(0 0 4px rgba(142,239,255,.35))}23%,24%{opacity:.7}}@keyframes neon-trace{0%{background-position:-140% 0;opacity:.15}40%{opacity:.85}to{background-position:140% 0;opacity:.15}}@keyframes neon-flare{0%,60%,to{opacity:.55}40%{opacity:.9}}@keyframes strobe-pulse{0%,to{opacity:.5}50%{opacity:.9}}.content-grid{width:min(1200px,100%);display:grid;gap:2rem;margin-top:2.5rem}.panel{padding:1.8rem 2rem;border-radius:30px;background:#070b17bf;border:1px solid rgba(142,239,255,.14);box-shadow:0 26px 70px #0408168c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stage-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;border:1px dashed rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;color:#fff9;letter-spacing:.3em;text-transform:uppercase;background:#0c10208c;overflow:hidden;pointer-events:none}.stage-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1rem;border:none;border-radius:24px;background:radial-gradient(circle at 50% 35%,#3a5cc859,#0c122aeb);box-shadow:inset 0 0 0 1px #8eefff29,0 32px 64px #060a1e8c;color:#f0f8fff2;text-transform:uppercase;letter-spacing:.28em;font-size:.8rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.stage-loader:focus-visible{outline:2px solid rgba(142,239,255,.8);outline-offset:4px}.stage-loader:active{transform:scale(.98);box-shadow:inset 0 0 0 1px #8eefff38,0 26px 52px #060a1e80}.stage-loader__spinner{width:3.25rem;height:3.25rem;border-radius:50%;border:3px solid rgba(142,239,255,.28);border-top-color:#8eeffff2;box-shadow:0 0 18px #8eefff66;animation:stage-loader-spin 1.05s linear infinite}.stage-loader__text{text-align:center;line-height:1.45;letter-spacing:.24em}.stage-loader__hint{font-size:.68rem;letter-spacing:.35em;text-transform:uppercase;color:#f0f8ffb3}@keyframes stage-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stage-placeholder__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#ff00a059,#1e003c00);filter:blur(60px);animation:placeholder-pulse 6s ease-in-out infinite}.stage-placeholder p{position:relative;margin:0;font-size:.8rem;letter-spacing:.35em}@keyframes placeholder-pulse{0%,to{opacity:.45}50%{opacity:.85}}.panel-header{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.3rem}.panel-header h2{margin:0;font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.panel-header p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.pad{display:flex;flex-direction:column;gap:1.6rem}.pad-section{display:flex;flex-direction:column;gap:.75rem}.pad-section__title{margin:0;font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;color:#f5f8ffd1}.pad-section__hint{margin:0;color:#f5f8ff99;font-size:.82rem;line-height:1.5}.pad-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.pad-btn{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;padding:1.1rem 1.25rem;border-radius:18px;border:1px solid rgba(142,239,255,.18);background:linear-gradient(140deg,#8eefff24,#1b2a4f61);color:var(--fg);font-weight:500;letter-spacing:.02em;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;text-align:left}.pad-btn:hover,.pad-btn:focus-visible{transform:translateY(-4px);border-color:#8eefff8c;box-shadow:0 22px 40px #5fb6ff4d;outline:none}.pad-btn.active{border-color:#8eefffb3;box-shadow:0 24px 46px #63d6ff61;background:linear-gradient(140deg,#8eefff42,#244e8e8c)}.pad-btn__title{font-size:1.02rem;font-weight:600;letter-spacing:.03em}.pad-btn__id{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:#f5f8ff8c}.pad-btn__meta{font-size:.78rem;color:#f5f8ff9e;line-height:1.4}.pad-btn__badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:999px;background:#8eefff2e;border:1px solid rgba(142,239,255,.3);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase}.pad-btn--ai{background:linear-gradient(150deg,#4581ff2e,#212d62a6)}.pad-status{display:flex;align-items:center;justify-content:center;min-height:96px;border-radius:16px;border:1px dashed rgba(142,239,255,.28);color:#f5f8ffb3;font-size:.82rem;letter-spacing:.06em}.pad-upload{position:relative;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;justify-content:center;padding:1.3rem 1.4rem;border-radius:18px;border:1.2px dashed rgba(142,239,255,.32);background:#10182e73;color:var(--fg);cursor:pointer;transition:border-color .25s ease,transform .25s ease}.pad-upload:hover,.pad-upload:focus-within{border-color:#8eefff99;transform:translateY(-3px)}.pad-upload__icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;background:#8eefff2e;box-shadow:0 0 12px #8eefff40}.pad-upload__label{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.88rem}.pad-upload__meta{font-size:.74rem;color:#f5f8ff99;letter-spacing:.08em}.pad-upload__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.pipeline{display:flex;flex-direction:column;gap:1.9rem}.stage-header{margin-bottom:.8rem}.player{position:relative;border-radius:34px;padding:clamp(.85rem,2.8vw,1.5rem);background:linear-gradient(160deg,#19213ee0,#070a17eb);border:1px solid rgba(142,239,255,.16);box-shadow:0 35px 90px #04071499;display:flex;justify-content:center;align-items:center;width:min(100%,480px);margin:0 auto;box-sizing:border-box}.pipeline.psy .player{filter:url(#psy-fx) hue-rotate(30deg) saturate(1.3)}.pipeline--expanded{position:relative;z-index:12}.stage-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:radial-gradient(circle at center,#040812f5,#010206fa);display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,2.5rem);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stage-modal__close{position:absolute;top:clamp(1rem,2.5vw,2rem);right:clamp(1rem,2.5vw,2rem);width:42px;height:42px;border-radius:999px;border:1px solid rgba(142,239,255,.35);background:#080c1ad1;color:var(--fg);font-size:1.6rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 45px #0008188c;transition:transform .2s ease,box-shadow .2s ease}.stage-modal__close:hover,.stage-modal__close:focus-visible{transform:translateY(-2px);box-shadow:0 26px 56px #63d6ff66;outline:none}.phone-shell--expanded{width:var(--stage-max-width);max-width:var(--stage-max-width);max-height:calc(var(--stage-max-height) + 72px);border-radius:clamp(28px,6vw,38px);box-shadow:0 40px 120px #000a1ed9,0 0 0 1px #8eefff38}@supports (height: 100dvh){.phone-shell{--stage-max-height: min(720px, 84dvh)}}.phone-shell--expanded .phone-screen{border-radius:clamp(24px,5vw,32px)}.phone-audio-controls{position:relative;margin-top:.85rem;display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;width:100%;pointer-events:auto}.sound-toggle{position:relative;width:48px;height:48px;border-radius:999px;border:1px solid rgba(142,239,255,.28);background:#060a18b8;color:#f5f8ffeb;font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sound-toggle:hover,.sound-toggle:focus-visible{transform:translateY(-1px);border-color:#8eefff8c;box-shadow:0 18px 42px #63d6ff4d;outline:none}.sound-toggle--muted{border-color:#cf60ff66;background:#230a2dc7}.sound-visualizer{display:inline-flex;align-items:flex-end;justify-content:center;gap:4px;padding:.35rem .55rem;border-radius:999px;border:1px solid rgba(142,239,255,.18);background:#060c1c94;box-shadow:0 10px 28px #102e4842;min-width:46px;pointer-events:none;transition:background .3s ease,border-color .3s ease,opacity .3s ease,box-shadow .3s ease}.sound-visualizer__bar{width:4px;height:16px;border-radius:999px;background:#8eefffe6;transform:scaleY(.35);transform-origin:center bottom;opacity:.85}.sound-visualizer__loading-note{display:none;font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;margin-left:.65rem;color:#c0f8ffe0;align-self:center;white-space:nowrap}.sound-visualizer--loading .sound-visualizer__loading-note{display:inline-flex;align-items:center;gap:.35rem}.sound-visualizer__loading-dot{width:6px;height:6px;border-radius:999px;background:#8eefffeb;box-shadow:0 0 12px #8eefff99;animation:sound-visualizer-dot 1.3s ease-in-out infinite}.sound-visualizer--loading{opacity:.7;border-color:#8eefff47}.sound-visualizer--idle{opacity:.6}.sound-visualizer--active{background:#08162cbf;border-color:#8eefff73;box-shadow:0 16px 46px #18527a6b}.sound-visualizer--muted{opacity:.35}.sound-visualizer--loading .sound-visualizer__bar{animation:sound-visualizer-loading 1.4s ease-in-out infinite}.sound-visualizer--active .sound-visualizer__bar{animation:sound-visualizer-active 1s ease-in-out infinite}.sound-visualizer--loading .sound-visualizer__bar:nth-child(2),.sound-visualizer--active .sound-visualizer__bar:nth-child(2){animation-delay:.12s}.sound-visualizer--loading .sound-visualizer__bar:nth-child(3),.sound-visualizer--active .sound-visualizer__bar:nth-child(3){animation-delay:.24s}.sound-visualizer--loading .sound-visualizer__bar:nth-child(4),.sound-visualizer--active .sound-visualizer__bar:nth-child(4){animation-delay:.36s}@keyframes sound-visualizer-loading{0%,to{transform:scaleY(.25)}50%{transform:scaleY(.7)}}@keyframes sound-visualizer-active{0%{transform:scaleY(.35)}25%{transform:scaleY(.95)}50%{transform:scaleY(.4)}75%{transform:scaleY(.85)}to{transform:scaleY(.55)}}@keyframes sound-visualizer-dot{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}.sound-visualizer__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.stage-expand{position:absolute;right:18px;bottom:18px;border-radius:999px;border:1px solid rgba(142,239,255,.28);background:#060a18b8;color:#f5f8ffeb;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;padding:.42rem .9rem .38rem;pointer-events:auto;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.stage-expand:hover,.stage-expand:focus-visible{transform:translateY(-1px);border-color:#8eefff8c;box-shadow:0 18px 42px #63d6ff4d;background:#0c1222db;outline:none}.yt-frame{position:relative;width:100%;padding-bottom:56.25%}.yt-frame iframe,.yt-frame>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.settings-tab{position:relative;padding:2.6rem 2rem 2rem;border-radius:34px;background:#060a18db;border:1px solid rgba(142,239,255,.12);box-shadow:0 32px 80px #020614a6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);margin-top:auto}.settings-tab:before{content:"";position:absolute;top:1.1rem;left:50%;transform:translate(-50%);width:70px;height:4px;border-radius:999px;background:#f5f8ff38}.settings-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.6rem;margin-bottom:1.7rem}.settings-title h2{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600}.settings-title p{margin:.6rem 0 0;color:var(--muted);font-size:.85rem;line-height:1.5;max-width:28rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(142,239,255,.24);background:linear-gradient(140deg,#8eefff29,#4695ff14);color:var(--fg);border-radius:16px;padding:.85rem 1.15rem;font-size:.95rem;font-weight:500;letter-spacing:.03em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;text-align:center}.btn:hover,.btn:focus-visible{transform:translateY(-2px);border-color:#8eefff99;box-shadow:0 20px 38px #68c6ff4d;outline:none}.btn[data-active=true]{background:linear-gradient(145deg,#8eefff52,#4695ff5c);border-color:#8eefffbf;box-shadow:0 24px 48px #64d3ff66}.reset-btn{background:linear-gradient(140deg,var(--accent-strong),rgba(142,239,255,.85));color:#021127;border-color:transparent;box-shadow:0 22px 48px #8eefff66}.reset-btn:hover,.reset-btn:focus-visible{box-shadow:0 26px 60px #8eefff80}.settings-body{display:grid;gap:1.6rem}.controls-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem}.settings-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.settings-actions .btn{flex:1 0 auto;min-width:120px}.reload-btn{background:linear-gradient(140deg,#ffbcf62e,#8eefff29);border-color:#ffbcf66b;color:#0d1729;box-shadow:0 18px 36px #ffbcf64d}.reload-btn:hover,.reload-btn:focus-visible{box-shadow:0 22px 48px #ffbcf66b}.fx-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}@media (min-width: 720px){.fx-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.fx-card{padding:1.15rem 1.25rem 1.35rem;border-radius:20px;border:1px solid rgba(142,239,255,.14);background:#0c12248c;box-shadow:inset 0 0 0 1px #ffffff05;display:flex;flex-direction:column;gap:.8rem}.fx-card__header{display:flex;flex-direction:column;gap:.35rem}.fx-card__label{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:#f5f8ffd1}.fx-card__hint{font-size:.8rem;color:var(--muted);line-height:1.4}.chip-row{display:flex;flex-wrap:wrap;gap:.6rem}.chip-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(142,239,255,.2);background:#0f142699;color:var(--fg);border-radius:999px;padding:.55rem .95rem;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.chip-btn:hover,.chip-btn:focus-visible{transform:translateY(-1px);border-color:#8eefff73;box-shadow:0 12px 22px #63d6ff47;outline:none}.chip-btn[data-active=true]{background:linear-gradient(140deg,#8eefff42,#4695ff4d);border-color:#8eefffb3;box-shadow:0 16px 32px #63d6ff59;color:#041122}.slider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}.slider-card{padding:1.2rem 1.3rem 1.5rem;border-radius:22px;border:1px solid rgba(142,239,255,.12);background:#0c122299;box-shadow:inset 0 0 0 1px #ffffff05}.slider-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.1rem}.slider-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.26em;color:#f5f8ff99}.slider-value{font-size:1rem;font-weight:600;color:var(--fg)}.slider-card input[type=range]{width:100%;background:transparent;accent-color:var(--accent-strong);cursor:pointer;touch-action:none}.slider-card input[type=range]::-webkit-slider-runnable-track{height:6px;background:#8eefff40;border-radius:999px}.slider-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-strong);box-shadow:0 0 12px var(--accent-glow);margin-top:-6px;border:none}.slider-card input[type=range]::-moz-range-track{height:6px;background:#8eefff40;border-radius:999px}.slider-card input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:none;background:var(--accent-strong);box-shadow:0 0 12px var(--accent-glow)}.slider-card input[type=range]:focus{outline:none}.phone-shell{--stage-max-height: min(720px, calc(var(--vh, 1vh) * 84));--stage-max-width: min(420px, 90vw, calc(var(--stage-max-height) * 9 / 16));--stage-compact-width: calc(var(--stage-max-width) * .9);position:relative;width:min(100%,var(--stage-compact-width));max-width:min(100%,var(--stage-compact-width));margin:0 auto;padding:1.2rem 1rem;border-radius:34px;background:linear-gradient(140deg,#0c1224f2,#03050ef2);box-shadow:inset 0 0 0 1px #ffffff0d,0 25px 60px #02050fa6;transition:transform .4s ease,box-shadow .4s ease}.phone-screen{position:relative;aspect-ratio:9 / 16;border-radius:26px;overflow:visible;background:radial-gradient(circle at 50% 18%,#2c488c59,#03060feb);border:1px solid rgba(255,255,255,.12);cursor:pointer;touch-action:manipulation;transition:border-color .4s ease,box-shadow .4s ease,filter .4s ease}.phone-video{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;z-index:1;transform-origin:center;transition:transform .6s ease,filter .6s ease;will-change:transform,filter}.phone-video .yt-frame{padding-bottom:0;width:177.78%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.12);transition:transform .6s ease}.phone-video .yt-frame iframe,.phone-video .yt-frame>div{width:100%;height:100%}.phone-video .media-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:transparent;filter:contrast(1.05) saturate(1.08)}.phone-screen.fx-nebula:after,.phone-screen.fx-strobe:after{content:"";position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .6s ease}.phone-screen.fx-nebula:after{background:radial-gradient(circle at 30% 20%,rgba(120,70,255,.45),transparent 60%),radial-gradient(circle at 70% 80%,rgba(255,90,200,.35),transparent 55%);filter:blur(28px) saturate(130%);opacity:1}.phone-screen.fx-strobe:after{background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 4px,transparent 4px 10px);animation:strobe-pulse 1.6s steps(3,end) infinite;opacity:.6}.phone-shell.entry-left .phone-video>*,.phone-shell.entry-right .phone-video>*,.phone-shell.entry-up .phone-video>*,.phone-shell.entry-down .phone-video>*{animation-duration:.65s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.phone-shell.entry-left .phone-video>*{animation-name:stage-slide-left}.phone-shell.entry-right .phone-video>*{animation-name:stage-slide-right}.phone-shell.entry-up .phone-video>*{animation-name:stage-slide-up}.phone-shell.entry-down .phone-video>*{animation-name:stage-slide-down}@keyframes stage-slide-left{0%{transform:translate(-18%) scale(.96);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes stage-slide-right{0%{transform:translate(18%) scale(.96);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes stage-slide-up{0%{transform:translateY(-18%) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes stage-slide-down{0%{transform:translateY(22%) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.phone-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;overflow:visible;z-index:2}.swipe-ghost{position:absolute;top:50%;right:12px;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem .35rem .6rem;border-radius:999px 0 0 999px;background:linear-gradient(90deg,#080c1800,#080c1873 32%,#080c18c7);color:#f5f8ffe0;font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;pointer-events:none;mix-blend-mode:normal;filter:drop-shadow(0 18px 36px rgba(2,6,18,.55));transform:translate(65%,-50%);opacity:0;will-change:transform,opacity;animation:swipeGhostHint 7.5s ease-in-out infinite;animation-delay:1.6s}.swipe-ghost__label{font-size:.6rem;letter-spacing:.28em;text-transform:inherit;opacity:.78}.swipe-ghost__icon{font-size:1.25rem;line-height:1;filter:drop-shadow(0 0 18px rgba(142,239,255,.35))}@keyframes swipeGhostHint{0%,60%,to{opacity:0;transform:translate(65%,-50%)}10%{opacity:.65;transform:translate(12%,-50%)}18%{opacity:.92;transform:translate(-8%,-50%)}30%{opacity:0;transform:translate(-22%,-50%)}}.phone-shell--expanded .swipe-ghost{opacity:0;animation:none}@media (prefers-reduced-motion: reduce){.swipe-ghost{animation:none;opacity:.4;transform:translate(45%,-50%)}}.focus-chip{position:absolute;top:.75rem;left:50%;transform:translate(-50%);background:#0c101ac2;border-radius:999px;padding:.38rem .9rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);mix-blend-mode:screen;box-shadow:0 12px 22px #00000073}.subject-reticle{position:absolute;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:screen;opacity:.9}.subject-reticle:before,.subject-reticle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;transform-origin:center;transition:opacity .35s ease,transform .35s ease}.subject-reticle:before{background:radial-gradient(circle,#78dcff61,#78dcff2e 42%,#0a182c00 72%);filter:blur(12px);opacity:.65;animation:subjectPulse 3.6s ease-in-out infinite}.subject-reticle:after{top:28%;right:28%;bottom:28%;left:28%;background:radial-gradient(circle,#ffffffeb,#fff0 70%);filter:blur(4px);opacity:.85;animation:subjectPulse 3.6s ease-in-out infinite;animation-delay:.18s}.subject-reticle__ring{display:none}.subject-reticle.locked:before{opacity:.9;background:radial-gradient(circle,#b4f0ff8c,#78dcff40 38%,#0a182c00 70%)}.subject-reticle.locked:after{opacity:1;filter:blur(2px)}.lyric{position:absolute;font-size:clamp(.8rem,1.5vw,1.05rem);font-weight:500;letter-spacing:.04em;white-space:pre-wrap;max-width:min(32ch,80vw);text-align:center;text-shadow:0 0 12px rgba(0,0,0,.6);opacity:0;animation:lyricFade 6.5s ease-out forwards}.lyric__text{display:inline-flex;align-items:center;gap:.4rem}.lyric__text-content{display:inline-block}.lyric__icon{font-size:1.1em;filter:drop-shadow(0 0 10px rgba(255,125,180,.45))}.lyric__credit{display:block;margin-top:.35rem;font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;opacity:.75;text-align:center}.lyric-emphasis{font-weight:700;letter-spacing:.1em}.tap-pulse{position:absolute;width:min(120px,18vmin);height:min(120px,18vmin);border-radius:50%;border:2px solid rgba(142,239,255,.45);transform:translate(-50%,-50%);opacity:0;animation:tapPulse .8s ease-out forwards}.thumb-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);padding:.45rem .95rem;border-radius:999px;background:#080c18b3;color:#f5f8ffd1;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;opacity:0;transition:opacity .25s ease;mix-blend-mode:screen}.thumb-indicator.visible{opacity:1}.phone-screen.psychedelic-stage{border-color:#8eefff52;box-shadow:0 0 0 1px #8eefff47,0 24px 60px #624aff52;filter:hue-rotate(22deg) saturate(1.1)}.phone-screen.mirror-stiive .phone-video{transform:scaleX(-1)}.phone-screen.mirror-crossvader .phone-video{transform:scaleX(-1);filter:saturate(1.35) hue-rotate(18deg)}.phone-screen.mirror-crossvader:after{content:"";position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;background:linear-gradient(90deg,#8eefff2e,#8eefff00 40%,#8eefff2e),linear-gradient(0deg,#8eefff29,#8eefff00 45%,#8eefff29);mix-blend-mode:screen;pointer-events:none;opacity:.42}.phone-screen.fx-crystalline:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;background:radial-gradient(circle at 20% 18%,rgba(142,239,255,.18),transparent 55%),radial-gradient(circle at 78% 64%,rgba(98,197,255,.16),transparent 58%),conic-gradient(from 45deg,#8eefff1f,#ffffff0d 40%,#8eefff2e,#ffffff0d);opacity:.45;mix-blend-mode:screen;filter:blur(.5px);pointer-events:none;animation:crystallineDrift 18s linear infinite}.phone-screen.fx-crystalline .character-box{box-shadow:inset 0 0 0 1px #ffffff1f,0 0 24px #8eefff59}.phone-screen.fx-crystalline .character-box:before{opacity:.6}.phone-screen.fx-crystalline .character-box:after{border-color:#ffffff47}.phone-screen.fx-crystalline .lyric{text-shadow:0 0 18px rgba(142,239,255,.55)}.phone-screen.fx-interstitial .phone-overlay:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;background:repeating-linear-gradient(135deg,rgba(255,118,237,.12) 0px,rgba(255,118,237,.12) 14px,transparent 14px,transparent 28px);opacity:.55;mix-blend-mode:color-dodge;animation:interstitialSweep 11s linear infinite;pointer-events:none}.phone-screen.fx-interstitial .character-box{animation:maniaOrbit 4.1s ease-in-out infinite alternate}.phone-screen.fx-interstitial .character-box:nth-of-type(2n){animation-duration:4.8s;animation-delay:.35s}.phone-screen.fx-interstitial .lyric{text-shadow:0 0 20px rgba(255,118,237,.5)}.character-box.active:after{animation:wirePulse 2.6s ease-in-out infinite}@keyframes wirePulse{0%{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}@keyframes crystallineDrift{0%{transform:rotate(0);opacity:.4}50%{opacity:.55}to{transform:rotate(360deg);opacity:.4}}@keyframes interstitialSweep{0%{transform:translate3d(-6%,-4%,0) rotate(0)}50%{transform:translate3d(4%,6%,0) rotate(1deg)}to{transform:translate3d(-6%,-4%,0) rotate(2deg)}}@keyframes maniaOrbit{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(1.9%,-1.6%,0) scale(1.04)}to{transform:translate3d(-1.6%,1.4%,0) scale(.97)}}@keyframes lyricFade{0%{opacity:0;transform:translate(-50%,-20%) scale(.9)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(1.12)}}@keyframes tapPulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(.3)}70%{opacity:.35}to{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}@keyframes subjectPulse{0%,to{transform:scale(.92);opacity:.55}45%{transform:scale(1.05);opacity:1}70%{transform:scale(1);opacity:.7}}@media (max-width: 1024px){.mode-toggle{align-self:center}}@media (max-width: 768px){.app-shell{padding:1.8rem 1.1rem 4.5rem}.brand{flex-direction:column;align-items:flex-start;gap:1rem}.brand-mark{gap:.6rem}.brand-letter{font-size:clamp(2.4rem,11vw,3.1rem)}.content-grid{gap:1.6rem;margin-top:2rem}.panel{padding:1.4rem 1.5rem}.player{width:100%;padding:1rem 1.2rem;border-radius:28px}.phone-shell{padding:1rem .85rem;border-radius:30px}.settings-tab{padding:2.4rem 1.5rem 1.7rem}.controls-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.settings-actions .btn{flex:1 1 auto;min-width:0}.fx-grid{grid-template-columns:minmax(0,1fr)}.chip-btn{flex:1 1 calc(50% - .6rem)}}@media (max-width: 520px){.mode-toggle{align-self:stretch;justify-content:center}.pad{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.app-shell{padding:1.6rem .85rem 3.8rem}.player{padding:.85rem .9rem;border-radius:24px}.phone-shell{padding:.85rem .7rem;border-radius:26px}.phone-screen{border-radius:22px}.settings-head{flex-direction:column;align-items:stretch;gap:1rem}.reset-btn{align-self:flex-start}.settings-actions{width:100%;justify-content:stretch;gap:.6rem}.settings-actions .btn{flex:1 1 100%}.chip-row{width:100%}.chip-btn{flex:1 1 100%;text-align:center}}:root{color-scheme:dark;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--vh: 1vh}html,body{height:100%;min-height:100%;margin:0;padding:0;background:#040008;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:none}.app{min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100);padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);display:grid;place-items:start center;box-sizing:border-box;width:100%}.app>.app-content{width:100%;max-width:1280px;margin:0 auto}#root{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;box-sizing:border-box}[data-scroll],.scroll,.list{overscroll-behavior:contain}.app-shell{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:2.5rem;box-sizing:border-box;color:#f5f0ff;font-family:Helvetica Neue,Arial,sans-serif;letter-spacing:.05em;position:relative;gap:2rem;z-index:1;align-items:center;width:min(1180px,100%);margin:0 auto}.app-shell--mystic{background:none}.app-shell--admin{align-items:stretch}.app-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.primary-nav{display:inline-flex;align-items:center;gap:.75rem;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase}.primary-nav__label{color:#ffffffb8}.primary-nav__link{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:inherit;text-decoration:none;background:#ffffff14;transition:background .2s ease,border .2s ease}.primary-nav__link:hover,.primary-nav__link:focus-visible{border-color:#f0a9;background:#ff00aa2e}@media (max-width: 768px){.app-shell{padding-top:clamp(1.25rem,6vw,2rem);padding-right:clamp(1.25rem,6vw,2rem);padding-bottom:clamp(2rem,8vw,3rem);padding-left:clamp(1.25rem,6vw,2rem);gap:1.5rem}}@media (min-width: 1280px){.app-shell{padding:3.2rem clamp(2.8rem,6vw,4.2rem) clamp(3.4rem,7vw,5rem);align-items:center}}.mode-toggle{display:inline-flex;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.6rem 1.2rem .6rem .8rem;background:#ffffff14;color:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;transition:all .25s ease}.mode-toggle .toggle-indicator{width:.9rem;height:.9rem;border-radius:50%;background:linear-gradient(135deg,#ff0096b3,#5a3ce6b3);box-shadow:0 0 12px #ff00c899}.mode-toggle.active{border-color:#ff009699;background:linear-gradient(135deg,#ff009629,#3c00a059)}.content-grid{display:flex;flex-direction:column;align-items:center;gap:2.5rem;flex:1;width:min(960px,100%);margin:0 auto}.stage-layout,.admin-layout{width:100%;display:flex;justify-content:center}.admin-panel-stack{width:min(640px,100%);margin:0 auto}.stage,.panel-stack{width:100%}@media (max-width: 1024px){.content-grid{gap:2rem}}@media (max-width: 768px){.content-grid{gap:1.75rem}.stage,.panel-stack{width:100%;max-width:520px;margin-left:auto;margin-right:auto}}.stage{position:relative;background:radial-gradient(circle at top,#ffffff14,#000000d9);border-radius:1.75rem;padding:clamp(1rem,3vw,1.8rem);overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 50px 90px #32006e73;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(1rem,2.5vw,1.6rem);width:100%;max-width:540px;margin:0 auto}@media (min-width: 1024px){.content-grid{display:grid;grid-template-columns:minmax(0,540px) minmax(320px,1fr);justify-content:center;align-items:start;width:min(1060px,100%)}.stage{margin:0}.panel-stack{width:100%;max-width:520px;margin:0}}@media (min-width: 1440px){.stage{padding:clamp(1.4rem,2.5vw,2.4rem)}}@media (min-width: 1600px){.stage{padding:clamp(1.6rem,2.4vw,2.6rem)}}.stage-caption{display:flex;flex-direction:column;gap:.25rem;margin-top:0;text-transform:uppercase;letter-spacing:.4em;font-size:.72rem;color:#fff9}.stage-caption__title{font-size:1rem;letter-spacing:.3em;color:#fff}.stage-likes{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;margin-top:-.2rem;padding:.35rem .9rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.28em;font-size:.7rem;color:#ffffffb8}.stage-likes__icon{font-size:1rem;filter:drop-shadow(0 0 8px rgba(255,98,140,.35))}.stage-likes__label{letter-spacing:.32em}.stage-likes__count{font-size:.85rem;letter-spacing:.2em;color:#fff}.library-banner{margin-top:.75rem;font-size:.75rem;letter-spacing:.26em;text-transform:uppercase;color:#ffffff9e}.library-banner--loading{color:#8eefffbf}.panel-stack{display:flex;flex-direction:column;gap:1.25rem}.panel{background:#0c0c148c;border:1px solid rgba(255,255,255,.08);border-radius:1rem;overflow:visible;box-shadow:0 18px 45px #0c00284d}.panel__toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;color:inherit;border:none;padding:1.1rem 1.4rem;text-transform:uppercase;letter-spacing:.35em;font-size:.75rem;cursor:pointer}.panel__chevron{font-size:1.4rem;opacity:.7}.panel__body{padding:1.25rem 1.5rem 1.5rem}.panel-actions{display:flex;flex-direction:column;gap:1rem;font-size:.9rem;color:#ffffffbf}.admin-panel{display:flex;flex-direction:column;gap:1rem;font-size:.85rem;color:#ffffffc7}.admin-panel__intro{margin:0;line-height:1.6;color:#ffffffb8}.admin-panel__status{min-height:1.25rem;display:flex;flex-direction:column;gap:.25rem}.admin-panel__status-message{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#a0ffdcd9}.admin-panel__status-message--error{color:#ff788ce6}.admin-panel__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.admin-panel__count{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:#ffffff94}.admin-panel__note{margin:0;font-size:.8rem;color:#ffffffad}.admin-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.admin-panel__item{display:flex;flex-direction:column;gap:.85rem;padding:.95rem 1.1rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.queue-telemetry{display:flex;flex-direction:column;gap:1rem}.queue-telemetry__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.queue-telemetry__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.queue-telemetry__badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.queue-telemetry__badge--mock{background:#ffaa002e;border-color:#ffaa0080}.queue-telemetry__subtitle{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#fff9}.queue-telemetry__error{font-size:.8rem;color:#ff788ce6;letter-spacing:.12em;text-transform:uppercase}.queue-telemetry__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.queue-telemetry__empty{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.queue-card{display:flex;flex-direction:column;gap:.75rem;border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;padding:1rem 1.1rem;box-shadow:0 18px 36px #0c002840}.queue-card__header{display:flex;flex-direction:column;gap:.35rem}.queue-card__title{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.28em;color:#ffffffd9}.queue-card__updated{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff73}.queue-card__metrics{display:flex;gap:1rem;margin:0}.queue-card__metric{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.queue-card__metric dt{color:#ffffff8c}.queue-card__metric dd{margin:0;font-size:1.2rem;color:#fff}.queue-card__metric--failed dd{color:#ff788cf2}.queue-card__actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (min-width: 640px){.admin-panel__item{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.admin-panel__details{flex:1;min-width:0}.admin-panel__remove{align-self:center}}.admin-panel__details{display:flex;flex-direction:column;gap:.6rem}.admin-panel__summary{display:flex;flex-direction:column;gap:.3rem}.admin-panel__title{font-size:.95rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.admin-panel__description{font-size:.82rem;color:#ffffffad}.admin-panel__code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.78rem;letter-spacing:.08em;padding:.25rem .45rem;border-radius:.5rem;background:#ffffff14;color:#ffffffd9;align-self:flex-start}.admin-panel__meta{display:flex;flex-direction:column;gap:.3rem;margin:0}.admin-panel__meta-row{display:grid;grid-template-columns:auto 1fr;gap:.5rem;font-size:.78rem;color:#ffffffb3}.admin-panel__meta-row dt{text-transform:uppercase;letter-spacing:.18em}.admin-panel__meta-row dd{margin:0;color:#fffc}.admin-panel__remove{align-self:flex-start;border-radius:999px;border:1px solid rgba(255,120,170,.65);padding:.5rem 1.15rem;background:linear-gradient(135deg,#ff009633,#5a00a04d);color:#ffe7ff;text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;cursor:pointer;transition:opacity .2s ease}.admin-panel__remove:disabled{opacity:.45;cursor:not-allowed}.fx-button{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.7rem 1.35rem;text-transform:uppercase;letter-spacing:.35em;background:#ffffff14;color:inherit;cursor:pointer;transition:all .25s ease}.fx-button--ghost{background:transparent;border-color:#ffffff2e;color:#fffc}.fx-button--active{border-color:#ff009699;background:linear-gradient(135deg,#ff00962e,#3c00a052)}.fx-button:disabled,.upload-form__submit:disabled{opacity:.45;cursor:not-allowed}.fx-chip-row{display:flex;flex-wrap:wrap;gap:.6rem}.fx-chip{border-radius:999px;padding:.45rem .95rem;border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:inherit;text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;cursor:pointer;transition:all .2s ease}.fx-chip.active{border-color:#ff00968c;background:linear-gradient(135deg,#ff009638,#4600a059);color:#ffe7ff;box-shadow:0 12px 24px #ff009640}.loop-row{display:flex;flex-wrap:wrap;gap:.6rem}.loop-indicator{margin:0 0 .6rem;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffffa6}.upload-form{display:flex;flex-direction:column;gap:1rem;font-size:.9rem}.upload-form__field{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.2em}.upload-form__input{margin-top:.4rem;padding:.75rem 1rem;border-radius:.75rem;border:1px dashed rgba(255,255,255,.25);background:#ffffff0a;color:inherit}.upload-form__input:disabled{opacity:.4;cursor:not-allowed}.upload-form__textarea{min-height:88px;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit;resize:vertical}.upload-form__submit{align-self:flex-start;border-radius:999px;border:1px solid rgba(255,255,255,.35);padding:.7rem 1.4rem;background:#ffffff14;text-transform:uppercase;letter-spacing:.3em;color:inherit;cursor:pointer}.upload-form__status{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.22em;overflow-wrap:anywhere;color:#ffffff8c}.upload-form__status--uploading{color:#9ac7ff}.upload-form__status--success{color:#6fc}.upload-form__status--error{color:#ff6b6b}.upload-preview{margin-top:1.2rem;display:grid;gap:.85rem}.upload-preview__media{position:relative;border-radius:.9rem;background:#0a0c1699;border:1px solid rgba(255,255,255,.12);overflow:hidden;max-height:360px}.upload-preview__video{width:100%;max-height:360px;display:block;object-fit:cover;border-radius:inherit;transition:opacity .32s ease-in-out}.upload-preview__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transition:opacity .32s ease-in-out;pointer-events:none;background:linear-gradient(145deg,#0d0f1ad9,#1c0c2c99)}.upload-preview__placeholder img{width:120px;max-width:48%;filter:drop-shadow(0 0 18px rgba(255,255,255,.35))}.upload-preview__media--idle .upload-preview__video,.upload-preview__media--sent .upload-preview__video{opacity:0}.upload-preview__media--idle .upload-preview__placeholder,.upload-preview__media--sent .upload-preview__placeholder{opacity:1}.quota-banner{border:1px solid rgba(255,0,150,.4);background:#ff00961f;color:#ffd6ff;padding:.75rem 1rem;border-radius:.85rem;text-transform:uppercase;letter-spacing:.25em;font-size:.72rem}.shorts-guide{display:flex;flex-direction:column;gap:.9rem;font-size:.9rem;color:#ffffffbf}.shorts-guide__intro{margin:0}.shorts-guide__steps{margin:0;padding-left:1.3rem;display:grid;gap:.4rem;font-size:.85rem}.shorts-guide__launch{align-self:flex-start;border-radius:999px;padding:.65rem 1.25rem;border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:inherit;text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;cursor:pointer}.meta-callout{margin-top:1rem;padding:.75rem 1rem;border-radius:.85rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:.8rem;line-height:1.6}.meta-callout h3{margin:0 0 .45rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.24em}.settings-note{margin:0 0 .85rem;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffffad}.settings-footnote{margin:.9rem 0 0;font-size:.72rem;letter-spacing:.12em;color:#ffffff7a}.diagnostic-readout{margin:.4rem 0 0;padding:.75rem 1rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.12);background:#0a0c16bf;font-family:Fira Mono,Courier New,monospace;font-size:.72rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:#d2dcffd9}.prompt-generator{margin-top:1.2rem;display:flex;flex-direction:column;gap:.75rem;padding:.85rem 1rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.12);background:#0a0c1699}.prompt-generator__header h3{margin:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.24em}.prompt-generator__header p{margin:.35rem 0 0;font-size:.78rem;letter-spacing:.14em;color:#ffffffa6;line-height:1.5}.prompt-generator__actions{display:flex;flex-wrap:wrap;gap:.6rem}.prompt-generator__textarea{min-height:120px;padding:.75rem 1rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.2);background:#060812d9;color:inherit;resize:vertical;font-family:Fira Mono,Courier New,monospace;font-size:.78rem;letter-spacing:.08em}.upload-steps{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem}.upload-step{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .9rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:#0c101c99;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}@media (max-width: 600px){.upload-step{letter-spacing:.1em}.upload-step__status{letter-spacing:.14em}}.upload-step__status{font-size:.7rem;letter-spacing:.18em;color:#ffffff8c}.upload-step__detail{font-size:.68rem;letter-spacing:.08em;overflow-wrap:anywhere;color:#ff78c8cc}.upload-step--success{border-color:#66ffcc59;background:#0c201c99}.upload-step--pending{border-color:#fff3;background:#121420b3}.upload-step--error{border-color:#ff008c73;background:#3c0a2099}.upload-step--error .upload-step__status{color:#ff5aa0e6}.upload-step--success .upload-step__status{color:#6fcc}.trim-form{display:flex;flex-direction:column;gap:1rem;font-size:.85rem;color:#ffffffbf}.trim-form p{margin:0;text-transform:uppercase;letter-spacing:.24em}.trim-timeline{position:relative;width:100%;padding:.4rem 0 1rem;--trim-start: 0%;--trim-end: 100%}.trim-timeline__track{position:relative;height:.35rem;border-radius:999px;background:#ffffff24;overflow:hidden}.trim-timeline__track:before{content:"";position:absolute;top:0;bottom:0;left:var(--trim-start);right:calc(100% - var(--trim-end));border-radius:inherit;background:linear-gradient(90deg,#7af5ffd9,#ff5bffd9);box-shadow:0 0 18px #7af5ff80,0 0 36px #ff5bff66}.trim-timeline__input{position:absolute;top:-.3rem;left:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;pointer-events:none}.trim-timeline__input--start{z-index:2}.trim-timeline__input--end{z-index:3}.trim-timeline__input:focus-visible{outline:none}.trim-timeline__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#7af5ff,#ff5bff);box-shadow:0 0 12px #7af5ff99,0 0 24px #ff5bff66;border:2px solid rgba(0,0,0,.35);pointer-events:auto;cursor:pointer}.trim-timeline__input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#7af5ff,#ff5bff);box-shadow:0 0 12px #7af5ff99,0 0 24px #ff5bff66;border:2px solid rgba(0,0,0,.35);pointer-events:auto;cursor:pointer}.trim-timeline__input::-webkit-slider-runnable-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.trim-timeline__input::-moz-range-track{background:transparent}.trim-timeline__labels{display:flex;justify-content:space-between;margin-top:.3rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#ffffff8c}.trim-timeline--disabled{opacity:.4}.trim-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:#fff9}.trim-actions__controls{display:flex;align-items:center;gap:.5rem}.trim-actions__button{border:1px solid rgba(122,245,255,.35);background:linear-gradient(135deg,#7af5ff40,#ff5bff26);color:#f9f8ff;padding:.5rem 1.3rem;border-radius:999px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.trim-actions__button--ghost{background:transparent;border:1px solid rgba(255,255,255,.25);color:#ffffffb3}.trim-actions__button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.trim-actions__button:not(:disabled):hover,.trim-actions__button:not(:disabled):focus-visible{border-color:#ff5bffa6;box-shadow:0 0 14px #7af5ff73,0 10px 28px #00000059;transform:translateY(-1px);outline:none}.trim-actions__button--ghost:not(:disabled):hover,.trim-actions__button--ghost:not(:disabled):focus-visible{border-color:#ffffff73;box-shadow:0 0 12px #fff3}.trim-actions__range{flex:1;min-width:0;color:#ffffffa6}.trim-form__empty{margin:0;font-size:.85rem;color:#ffffff8c}.mystic-aura{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.mystic-aura__spark{position:absolute;width:220px;height:220px;transform:translate(-50%,-50%);mix-blend-mode:screen;filter:blur(2px);animation:spark-fade 1.2s ease-out forwards}@keyframes spark-fade{0%{opacity:.9;transform:translate(-50%,-50%) scale(.7)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.sound-credits{display:flex;flex-direction:column;gap:.9rem;font-size:.85rem;color:#ffffffc7}.sound-credits__empty{margin:0;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c}.sound-credits__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.sound-credits__item{display:flex;flex-direction:column;gap:.2rem;padding:.8rem 1rem;border-radius:.85rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 18px #8c3cff1a}.sound-credits__meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.sound-credits__title{font-size:.95rem;letter-spacing:.22em;text-transform:uppercase;color:#fff}.sound-credits__meta{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff9e}.sound-credits__count{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffffc2}.sound-credits__toggle{align-self:flex-start;margin-top:.4rem;padding:.4rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fffc;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease}.sound-credits__toggle:hover,.sound-credits__toggle:focus-visible{background:#ffffff1f;color:#fff;outline:none}.sound-credits__link{align-self:flex-start;margin-top:.4rem;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:#8ff5ff;text-decoration:none;border-bottom:1px solid rgba(143,245,255,.4);padding-bottom:.1rem}.sound-credits__link:hover,.sound-credits__link:focus-visible{color:#d3b7ff;border-color:#d3b7ffb3}.soundtrack-panel{display:flex;flex-direction:column;gap:1rem}.soundtrack-energy{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.soundtrack-energy legend{font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffffb8}.soundtrack-energy__control{display:flex;align-items:center;gap:.75rem}.soundtrack-energy__control input[type=range]{flex:1 1 auto}.soundtrack-energy__label{min-width:4rem;text-align:right;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffffad}.soundtrack-energy__hint{font-size:.8rem;line-height:1.4;color:#ffffff80}