:root{--bg: #0d0d0d;--fg: #ededed;--fg-muted: rgba(237, 237, 237, .6);--accent: #ededed;--border: rgba(237, 237, 237, .2);--font-sans: "Syne", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}body.landing-visible,body.landing-visible #root{background:radial-gradient(ellipse 120% 100% at 50% 50%,rgba(var(--landing-neon, 57, 255, 20),.95),rgba(var(--landing-neon, 57, 255, 20),.75) 30%,rgba(var(--landing-neon, 57, 255, 20),.5),rgba(var(--landing-neon, 57, 255, 20),.25) 80%,rgba(var(--landing-neon, 57, 255, 20),.08)),rgb(var(--landing-neon, 57, 255, 20))}.app-loading,.app-error,.app-upload{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.25rem;background:#000000d9;border-radius:8px;z-index:100}.app-loading p,.app-error p{margin:0;font-size:.9rem}.app-error p{color:#e55}.app-upload{bottom:auto;top:2rem}.landing{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;color:#0d0d0d}.neon-bg{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0;pointer-events:none}.neon-bg:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 50% 50%,rgba(var(--landing-neon, 57, 255, 20),.5),rgba(var(--landing-neon, 57, 255, 20),.15) 40%,rgba(var(--landing-neon, 57, 255, 20),0) 70%);filter:blur(60px) saturate(180%);mix-blend-mode:screen;pointer-events:none}.landing__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.landing__title{-webkit-user-select:none;user-select:none;font-size:clamp(2.5rem,10vw,7rem);font-weight:900;letter-spacing:.02em;margin:0 0 .5rem;background:url(/sparkles.gif) repeat;background-size:150px 150px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.landing__subcopy{-webkit-user-select:none;user-select:none;text-transform:uppercase;font-size:1.125rem;font-weight:600;margin:0 0 3rem;background-size:150px 150px}.landing__drop{width:100%;max-width:420px;padding:3rem 2rem;border:2px dashed rgba(13,13,13,.5);border-radius:8px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.landing__drop:hover,.landing__drop--active{border-color:#0d0d0d;background:#00000014}.landing__file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.landing__drop-text{font-size:1rem;color:#0d0d0dcc}.landing__or{margin:1.5rem 0;-webkit-user-select:none;user-select:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#0d0d0db3}.landing__paste{display:flex;gap:.5rem;width:100%;max-width:420px}.landing__input{flex:1;padding:.875rem 1rem;font-family:inherit;font-size:1rem;background:transparent;border:1px solid rgba(13,13,13,.5);border-radius:6px;color:#0d0d0d;outline:none;transition:border-color .2s}.landing__input::placeholder{color:#0d0d0d99}.landing__input:focus{border-color:rgb(var(--neon, 57, 255, 20))}.landing__btn{padding:.875rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;background:#0d0d0d;color:rgb(var(--neon, 57, 255, 20));border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.landing__btn:hover{opacity:.9}.landing__error{margin-top:1rem;font-size:.875rem;color:#e55}.landing__footer{position:absolute;bottom:1rem;right:1rem;margin:0;font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,monospace;font-size:.6875rem;letter-spacing:-.05em;color:#0d0d0d99}.landing__footer-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.landing__footer-link:hover{color:#0d0d0d}.hydra-visualizer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hydra-visualizer canvas{display:block;width:100%;height:100%;object-fit:cover}.waveform-scrubber{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem 1.5rem 0;background:linear-gradient(transparent,#00000026);cursor:pointer;min-height:72px}.waveform-scrubber__container{width:100%;height:56px}.waveform-scrubber__container .cursor{display:none}.viz-controls{display:flex;flex-direction:column;gap:.5rem;padding:0 1.5rem .5rem;pointer-events:auto}.viz-controls__row{display:flex;align-items:center;gap:.75rem}.viz-controls__dice{position:relative;padding:.5rem;background:#0006;border:none;border-radius:6px;color:var(--fg-muted);cursor:pointer;transition:color .15s,background .15s;display:flex;align-items:center;justify-content:center}.viz-controls__dice:hover:not(:disabled){color:var(--fg);background:#0009}.viz-controls__dice:disabled{opacity:.6;cursor:not-allowed}.viz-controls__spinner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;border:2px solid transparent;border-top-color:currentColor;animation:viz-spin .8s linear infinite}@keyframes viz-spin{to{transform:rotate(360deg)}}.viz-controls__expand{padding:.4rem .6rem;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:var(--fg-muted);font-size:.75rem;cursor:pointer;transition:color .15s,border-color .15s}.viz-controls__expand:hover{color:var(--fg);border-color:#ffffff80}.viz-controls__prompt{display:flex;gap:.5rem}.viz-controls__input{flex:1;padding:.5rem .75rem;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--fg);font-size:.875rem;outline:none}.viz-controls__input::placeholder{color:var(--fg-muted)}.viz-controls__submit{padding:.5rem 1rem;background:#fff3;border:none;border-radius:6px;color:var(--fg);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.viz-controls__submit:hover:not(:disabled){background:#ffffff4d}.viz-controls__submit:disabled{opacity:.5;cursor:not-allowed}.viz-controls__error{margin:0;font-size:.75rem;color:#f55}.player{position:relative;width:100%;min-height:100vh;overflow:hidden;cursor:pointer}.player__overlay{position:absolute;bottom:100px;left:0;right:0;padding:0 1.5rem;pointer-events:none}.player__title{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:var(--fg);text-shadow:0 1px 2px rgba(0,0,0,.8)}.player__tap{font-size:.875rem;color:var(--fg-muted);margin:0;animation:pulse 2s ease-in-out infinite;transition:opacity .4s ease-out}.player__tap--faded{opacity:0;animation:none}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.player__top-btns{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;gap:.5rem;align-items:center}.player__icon-btn{padding:.5rem;background:#0006;border:none;border-radius:6px;color:var(--fg-muted);cursor:pointer;transition:color .15s,background .15s;text-decoration:none;display:flex;align-items:center;justify-content:center}.player__icon-btn:hover{color:var(--fg);background:#0009}.player__controls{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:0}.player__toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;padding:.75rem 1.25rem;background:#000000bf;border-radius:8px;font-size:.9rem;color:var(--fg-muted);pointer-events:none;animation:toast-fade 1.8s ease-out forwards}@keyframes toast-fade{0%,50%{opacity:1}to{opacity:0}}.progress-bar{width:100%;max-width:320px;padding:0 1rem}.progress-bar__track{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--fg);border-radius:2px;transition:width .2s ease}.track-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease-out}.track-loading--exiting{opacity:0;pointer-events:none}.track-loading__circle{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.4);animation:pulse-circle 1.2s ease-in-out infinite}.track-loading--exiting .track-loading__circle{animation:expand-circle .6s ease-out forwards}@keyframes pulse-circle{0%,to{transform:scale(.9);opacity:.6}50%{transform:scale(1.1);opacity:1}}@keyframes expand-circle{0%{transform:scale(1);opacity:1}to{transform:scale(100);opacity:1}}