@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_154b09cb-module__lmdqzG__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_154b09cb-module__lmdqzG__variable{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}
@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/b886574ba42c3409-s.1f4af8e6.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.e20f337c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Fallback;src:local(Arial);ascent-override:85.29%;descent-override:25.5%;line-gap-override:0.0%;size-adjust:113.73%}.sora_5b66e03f-module__jdLdjq__className{font-family:Sora,Sora Fallback;font-style:normal}.sora_5b66e03f-module__jdLdjq__variable{--font-sora:"Sora","Sora Fallback"}
@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#06101a;--bg-1:#0c2233;--bg-2:#12343e;--surface:#0c1622db;--surface-strong:#12202ef2;--stroke:#ffffff2e;--text:#f2fbff;--muted:#def1faad;--accent:#ff8a24;--accent-strong:#ffb703;--cyan:#34d7ff;--mint:#33f0c2;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--shadow:0 24px 60px #00000073}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-space-grotesk),"Helvetica Neue",sans-serif;color:var(--text);background:radial-gradient(circle at 12% 20%,#ff8a244d 0%,transparent 45%),radial-gradient(circle at 85% 12%,#34d7ff59 0%,transparent 50%),radial-gradient(circle at 70% 80%,#33f0c247 0%,transparent 55%),linear-gradient(155deg,var(--bg-0),var(--bg-1),var(--bg-2));margin:0;overflow-x:hidden}h1,h2{font-family:var(--font-sora),"Trebuchet MS",sans-serif;margin:0}p{margin:0}button,input,select{color:inherit;font-family:inherit}.page{gap:28px;max-width:1200px;min-height:100vh;margin:0 auto;padding:clamp(24px,4vw,56px);display:grid}.hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.tag{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:12px;font-weight:600}.hero-title{margin-top:12px;font-size:clamp(32px,6vw,54px);line-height:1.1}.hero-title.is-playing{max-width:min(720px,90vw)}.marquee{white-space:nowrap;display:block;overflow:hidden}.marquee__inner{align-items:center;gap:48px;width:max-content;animation:14s linear infinite marquee-move;display:inline-flex}.marquee__text{white-space:nowrap}@keyframes marquee-move{0%{transform:translate(0)}to{transform:translate(-50%)}}.subtitle{max-width:520px;color:var(--muted);margin-top:12px;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-button,.ghost-button,.primary-button,.icon-button{cursor:pointer;border:none;border-radius:999px;padding:10px 18px;transition:transform .2s,box-shadow .2s,background .2s}.file-button{color:#101218;background:linear-gradient(120deg,#ff8a24,#ffc857);font-weight:700;position:relative;overflow:hidden;box-shadow:0 12px 30px #ff8a2459}.hidden-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.ghost-button{color:var(--text);background:0 0;border:1px solid #ffffff38}.settings-button{justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.settings-button svg{width:18px;height:18px}.primary-button{color:#101218;background:linear-gradient(120deg,#33f0c2,#9effdd);justify-content:center;align-items:center;min-width:72px;height:44px;padding:0 14px;font-weight:700;display:inline-flex;box-shadow:0 12px 30px #33f0c259}.icon-button{background:#16122de0;border:1px solid #ffffff24;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.icon-button svg,.primary-button svg{width:18px;height:18px;display:block}.primary-button svg{width:20px;height:20px}.file-button:hover,.ghost-button:hover,.primary-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button{transition:transform .2s,box-shadow .2s,filter .2s}.primary-button:active{filter:brightness(.95);transform:translateY(1px)scale(.96)}.visual-panel{border-radius:var(--radius-lg);border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(140deg,#0a1c2aeb,#08282edb);padding:20px}.visual-panel.is-dragging{border-color:var(--accent);box-shadow:0 0 0 1px #ffc64c66,var(--shadow)}.visual-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mode-row{gap:6px;display:grid}.mode-toggle{white-space:nowrap;padding:6px 12px;font-size:12px}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-size:12px}.value{margin-top:4px;font-size:16px}.visual-canvas{border-radius:var(--radius-md);border:1px solid #788caa33;height:min(42vh,360px);position:relative;overflow:hidden}.visual-canvas canvas{width:100%;height:100%;display:block}.canvas-overlay{color:#e3edf8b3;pointer-events:none;opacity:.6;justify-content:center;align-items:center;font-size:14px;transition:opacity .2s;display:flex;position:absolute;inset:0}.visual-panel.is-dragging .canvas-overlay{opacity:1}.control-panel{border-radius:var(--radius-md);border:1px solid var(--stroke);background:linear-gradient(140deg,#0c1e2ceb,#06242aeb);gap:16px;padding:18px;display:grid}.now-playing{color:var(--muted);font-size:14px}.transport{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.timeline,.volume{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:14px;display:grid}.volume{grid-template-columns:auto 1fr}.transport .icon-button{background:linear-gradient(120deg,#34d7ff33,#33f0c233);border:1px solid #34d7ff59}.transport .icon-button:hover{box-shadow:0 10px 24px #34d7ff33}.transport .primary-button:hover{box-shadow:0 14px 34px #33f0c273}.wave-toggle{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:inline-flex}.wave-toggle input{accent-color:var(--accent);width:16px;height:16px}input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#ff8a24b3,#34d7ffb3,#33f0c2b3);border-radius:999px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 4px #ff8a2440}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.playlist{border-radius:var(--radius-lg);border:1px solid var(--stroke);background:linear-gradient(140deg,#0c2030f0,#082432f0);padding:20px}.playlist-header{color:var(--muted);justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.playlist ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.playlist li{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:border .2s,background .2s;display:flex}.playlist li:hover{background:#10182799;border-color:#ffffff14}.playlist li.active{background:#ffc64c14;border-color:#ffc64c66}.track-name{font-weight:600}.track-meta{color:var(--muted);margin-top:4px;font-size:12px}.track-artist{color:#def1fab8;margin-top:4px;font-size:12px}.badge{color:var(--muted);background:#ffffff14;border-radius:999px;padding:6px 10px;font-size:12px}.track-actions{align-items:center;gap:8px;display:inline-flex}.delete-button{color:#ffffffe6;cursor:pointer;background:#ff8a241f;border:1px solid #ff8a2459;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;display:inline-flex}.delete-button:hover{background:#ff8a2433}.delete-button svg{width:14px;height:14px}.empty{border-radius:var(--radius-md);color:var(--muted);text-align:center;border:1px dashed #788caa66;padding:24px}.toast{box-shadow:var(--shadow);background:#141c2cf2;border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px;font-size:14px;position:fixed;bottom:24px;right:24px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#060e14a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{width:min(420px,92vw);box-shadow:var(--shadow);background:linear-gradient(140deg,#0a1c2af5,#0a262cf5);border:1px solid #ffffff2e;border-radius:20px;padding:18px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-body{gap:14px;display:grid}.select-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.select-row select{color:var(--text);background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:8px 12px}.modal-close{width:36px;height:36px}@media (max-width:720px){.hero{flex-direction:column}.timeline,.volume{grid-template-columns:1fr}.timeline span{display:none}}