@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+Devanagari:wght@400;600;700&display=swap";:root{color:#f7f8fc;--bg:#07070c;--panel:#12111bd1;--panel2:#11101a;--line:#ffffff17;--muted:#91909e;--text:#f7f8fc;--saffron:#ff9f43;--pink:#ff3d8d;--purple:#9b5cff;--blue:#4c8dff;--green:#47e6a0;--gold:#ffd166;background:#07070c;font-family:Inter,Noto Sans Devanagari,system-ui,sans-serif}body{background:radial-gradient(circle at 20% 0%,#ff3d8d21,transparent 28%),radial-gradient(circle at 78% 4%,#9b5cff2b,transparent 30%),radial-gradient(circle at 50% 90%,#ff9f4314,transparent 28%),var(--bg);min-height:100vh;color:var(--text);margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}.dholmix-app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#08080deb;flex-direction:column;width:232px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:3px 9px 28px;display:flex}.brand-mark{background:linear-gradient(135deg,var(--saffron),var(--pink),var(--purple));border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 0 28px #ff3d8d4d}.brand strong{letter-spacing:-.3px;font-size:15px;display:block}.brand strong span{color:var(--saffron)}.brand small{color:#777683;letter-spacing:1.8px;margin-top:2px;font-size:8px;font-weight:800;display:block}.sidebar nav,.sidebar-bottom{gap:5px;display:grid}.sidebar nav button,.sidebar-bottom button{color:#9896a5;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:11px;padding:11px 12px;font-size:12px;font-weight:700;display:flex}.sidebar nav button:hover,.sidebar-bottom button:hover,.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#ff3d8d24,#9b5cff12)}.sidebar nav button.active{box-shadow:inset 2px 0 var(--pink)}.sidebar-bottom{margin-top:auto}.legal-mini{color:#555461;border-top:1px solid var(--line);margin-top:16px;padding:16px 8px 2px;font-size:9px;line-height:1.55}.workspace{width:calc(100% - 232px);max-width:1700px;margin-left:232px;padding:0 30px 34px}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:18px;height:74px;display:flex}.search{color:#777581;border:1px solid var(--line);background:#ffffff09;border-radius:12px;flex:1;align-items:center;gap:9px;max-width:520px;padding:9px 12px;display:flex}.search input,.drawer-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:11px}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.top-actions button{border:1px solid var(--line);color:#bbb9c6;background:#ffffff0b;border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-size:10px;display:flex}.live-dot{color:#aaa8b6;align-items:center;gap:7px;margin-right:8px;font-size:10px;display:flex}.live-dot i{background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green);border-radius:50%}.mobile-menu{background:0 0;display:none}.hero-strip{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:205px;padding:34px 34px 26px;display:flex;position:relative;overflow:hidden}.eyebrow{letter-spacing:1.8px;color:#a5a3b0;align-items:center;gap:6px;font-size:9px;font-weight:900;display:flex}.hero-strip h1{letter-spacing:-1.8px;margin:10px 0 12px;font-size:38px;font-weight:800;line-height:1.06}.hero-strip h1 em{background:linear-gradient(90deg,var(--saffron),var(--pink),var(--purple));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy{color:#8e8c99;max-width:600px;margin:0;font-size:11px;line-height:1.65}.hero-orb{place-items:center;width:170px;height:170px;margin-right:7%;display:grid;position:relative}.orb-ring{border:1px solid #ff3d8d59;border-radius:50%;animation:12s linear infinite spin;position:absolute;inset:0}.ring-b{border-color:#ff9f434d;animation-duration:8s;animation-direction:reverse;inset:18px}.orb-core{z-index:2;background:radial-gradient(circle,#30213d,#13111d);border:1px solid #ffffff29;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 0 55px #ff3d8d47}.orb-core span{letter-spacing:2px;color:var(--pink);margin-top:65px;font-size:7px;font-weight:900;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.control-ribbon{border:1px solid var(--line);background:#ffffff09;border-radius:14px;align-items:center;gap:18px;margin:20px 0;padding:13px 16px;display:flex}.vibe{border-right:1px solid var(--line);gap:3px;min-width:185px;padding-right:18px;display:grid}.vibe span,.ribbon-slider span{color:#757381;letter-spacing:1.4px;font-size:8px;font-weight:900}.vibe strong{font-size:11px}.ribbon-slider{gap:7px;width:180px;display:grid}.ribbon-slider span{justify-content:space-between;display:flex}.ribbon-slider b{color:#d9d7e2}input[type=range]{width:100%;accent-color:var(--pink);height:3px}.mix-now{background:linear-gradient(110deg,var(--saffron),var(--pink),var(--purple));border-radius:10px;align-items:center;gap:8px;margin-left:auto;padding:11px 16px;font-size:10px;font-weight:900;display:flex;box-shadow:0 8px 26px #ff3d8d33}.console-grid{grid-template-columns:minmax(330px,1fr) minmax(310px,.82fr) minmax(320px,.9fr);gap:14px;display:grid}.card,.deck-card{border:1px solid var(--line);background:linear-gradient(145deg,#16141fe6,#0c0c12db);border-radius:17px;box-shadow:0 20px 70px #00000038}.deck-card{padding:17px}.card{padding:16px}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.source-pill,.status-badge,.tiny-toggle{letter-spacing:.8px;color:var(--green);background:#47e6a014;border:1px solid #47e6a02e;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:900}.status-badge{text-overflow:ellipsis;white-space:nowrap;color:#a9a7b4;border-color:var(--line);background:#ffffff09;max-width:145px;overflow:hidden}.artwork{background:radial-gradient(circle at 25% 35%,#ff9f438c,#0000 24%),radial-gradient(circle at 72% 60%,#9b5cff80,#0000 32%),linear-gradient(135deg,#17121e,#2c1029);border:1px solid #ffffff14;border-radius:13px;height:205px;margin:15px 0 13px;position:relative;overflow:hidden}.art-glow{filter:blur(15px);background:radial-gradient(circle,#ff3d8d2e,#0000 60%);position:absolute;inset:30px}.art-text{z-index:2;gap:5px;max-width:55%;display:grid;position:absolute;bottom:18px;left:18px}.art-text small{letter-spacing:2px;color:var(--gold);font-size:7px;font-weight:900}.art-text strong{font-size:20px;line-height:1.05}.art-text span{color:#b8b4c0;font-size:9px}.vinyl{background:repeating-radial-gradient(circle,#111 0 4px,#181818 5px 6px);border-radius:50%;width:185px;height:185px;animation:9s linear infinite spin;position:absolute;top:25px;right:-33px;box-shadow:0 0 50px #000000a6}.vinyl div{background:linear-gradient(135deg,var(--saffron),var(--pink));border:5px solid #111;border-radius:50%;position:absolute;inset:76px}.track-meta{justify-content:space-between;align-items:center;display:flex}.track-meta h2{white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin:0 0 4px;font-size:15px;overflow:hidden}.track-meta p{color:#7d7b89;margin:0;font-size:9px}.icon-btn{color:#777581;background:0 0;padding:7px}.locked{color:var(--gold)}.waveform{align-items:center;gap:3px;height:45px;margin:16px 0 7px;display:flex;overflow:hidden}.waveform i{background:linear-gradient(to top,var(--purple),var(--pink));opacity:.35;border-radius:5px;flex:1}.waveform-live i{opacity:.9;animation:1s ease-in-out infinite alternate wave}.waveform-live i:nth-child(3n){animation-delay:.15s}.waveform-live i:nth-child(4n){animation-delay:.3s}@keyframes wave{to{transform:scaleY(.55)}}.timeline{color:#666572;align-items:center;gap:8px;font-size:8px;display:flex}.timeline>div{background:#2b2934;border-radius:3px;flex:1;height:3px;overflow:hidden}.timeline i{background:linear-gradient(90deg,var(--saffron),var(--pink));border-radius:3px;height:100%;display:block}.transport{justify-content:center;align-items:center;gap:18px;margin:12px 0;display:flex}.transport button{color:#aaa8b3;background:0 0;padding:7px}.transport .play-main{color:#101014;background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 28px #ffffff1f}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding-top:12px;display:grid}.stats div{text-align:center;border-right:1px solid var(--line);gap:4px;display:grid}.stats div:last-child{border:0}.stats span{color:#666572;letter-spacing:1px;font-size:7px;font-weight:800}.stats strong{font-size:11px}.brain-column{gap:14px;display:grid}.brain-visual{background:linear-gradient(120deg,#ff3d8d17,#9b5cff17);border:1px solid #ffffff0f;border-radius:13px;align-items:center;gap:14px;margin:15px 0;padding:16px;display:flex}.brain-pulse{background:radial-gradient(circle,#ff3d8d59,#0000 66%);border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:relative}.brain-pulse span{border:1px solid #ff3d8d59;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:4px}.brain-pulse span:nth-child(2){animation-delay:.45s;inset:-4px}.brain-pulse span:nth-child(3){animation-delay:.9s;inset:-12px}@keyframes pulse{to{opacity:0;transform:scale(1.35)}}.brain-visual strong{font-size:13px}.brain-visual p{color:#777581;margin:5px 0 0;font-size:8px}.reason-list{gap:7px;display:grid}.reason-list div{color:#aaa8b4;border-bottom:1px solid #ffffff0a;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;padding:7px 8px;font-size:9px;display:grid}.reason-list span{color:#565460;font-size:8px}.reason-list b{color:var(--green);font-size:9px}.transition-bar{margin-top:14px}.transition-bar>div:first-child{color:#6d6b78;justify-content:space-between;font-size:8px;display:flex}.transition-bar strong{color:var(--green)}.meter{background:#292732;border-radius:5px;height:4px;margin-top:7px;overflow:hidden}.meter i{background:linear-gradient(90deg,var(--saffron),var(--green));height:100%;display:block}.mixer label{color:#777581;letter-spacing:.7px;gap:7px;margin-top:14px;font-size:8px;font-weight:800;display:grid}.mixer label b{color:#ddd}.mixer-decks{grid-template-columns:50px 1fr 50px;align-items:center;gap:10px;margin-top:17px;display:grid}.mini-deck{place-items:center;gap:2px;display:grid}.mini-deck span{color:var(--pink);font-size:8px;font-weight:900}.mini-deck strong{font-size:18px}.mini-deck small{color:#65636f;font-size:7px}.crossfader{gap:5px;display:grid}.fader-track{background:linear-gradient(90deg,var(--pink),#393541,var(--purple));border-radius:4px;height:5px;position:relative}.fader-track i{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #fff6}.crossfader>div:last-child{color:#6e6c78;justify-content:space-between;font-size:7px;display:flex}.queue-column{overflow:hidden}.queue-column h3,.bottom-grid h3{margin:5px 0 0;font-size:14px}.add-btn{border:1px solid var(--line);background:#ffffff0f;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:800;display:flex}.ai-next{background:linear-gradient(100deg,#ff9f4314,#ff3d8d14);border:1px solid #ffffff0f;border-radius:11px;align-items:center;gap:10px;margin:15px 0;padding:10px;display:flex}.next-art,.queue-art{width:36px;height:36px;color:var(--pink);background:linear-gradient(135deg,#2d1730,#171725);border-radius:8px;flex:none;place-items:center;display:grid}.ai-next>div:nth-child(2){flex:1;gap:3px;display:grid}.ai-next span{color:var(--saffron);letter-spacing:1px;font-size:7px;font-weight:900}.ai-next strong{font-size:10px}.ai-next small{color:#6f6d7a;font-size:8px}.queue-list{gap:3px;display:grid}.queue-row{cursor:pointer;border-radius:9px;grid-template-columns:23px 32px 1fr auto 20px;align-items:center;gap:7px;padding:7px 5px;display:grid}.queue-row:hover,.queue-row.selected{background:#ffffff0b}.queue-index{color:#55535f;font-size:8px}.queue-info{gap:3px;min-width:0;display:grid}.queue-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.queue-info span{color:#686673;font-size:7px}.energy-pill{color:var(--green);background:#47e6a012;border-radius:5px;padding:4px 5px;font-size:7px}.queue-row>button{color:#55535f;background:0 0;padding:3px}.queue-footer{border-top:1px solid var(--line);color:#686673;justify-content:space-between;margin-top:8px;padding-top:10px;font-size:7px;display:flex}.queue-footer span{align-items:center;gap:4px;display:flex}.bottom-grid{grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px;display:grid}.source-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.source-grid button{text-align:left;border:1px solid var(--line);background:#ffffff09;border-radius:11px;align-items:center;gap:8px;padding:10px;display:flex}.source-icon{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.source-icon.local{color:var(--saffron);background:#ff9f431a}.source-icon.spotify{color:var(--green);background:#47e6a01a}.source-icon.youtube{color:var(--pink);background:#ff3d8d1a}.source-grid span{flex:1;gap:3px;display:grid}.source-grid strong{font-size:8px}.source-grid small{color:#666572;font-size:7px}.source-grid button>svg{color:#55535f}.fx-pads{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px;display:grid}.fx-pads button{border:1px solid var(--line);color:#8d8b98;background:#191821;border-radius:10px;place-items:center;gap:5px;padding:11px 4px;font-size:7px;display:grid}.fx-pads button svg{color:var(--pink)}.fx-pads button.fx-active{color:#fff;background:linear-gradient(145deg,#ff3d8d2e,#9b5cff21);border-color:#ff3d8d59;box-shadow:0 0 20px #ff3d8d1a}.footer{color:#4f4d59;justify-content:space-between;margin-top:18px;padding:0 4px;font-size:7px;display:flex}.drawer-backdrop{z-index:40;background:#0000009e;position:fixed;inset:0}.library-drawer{border-left:1px solid var(--line);background:#0e0d15;width:min(440px,92vw);padding:20px;position:absolute;top:0;bottom:0;right:0;overflow:auto}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-head h2{margin:5px 0 0;font-size:18px}.drawer-head button{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;padding:7px}.drawer-search{border:1px solid var(--line);color:#777581;background:#171620;border-radius:9px;align-items:center;gap:8px;margin:20px 0 12px;padding:10px;display:flex}.drawer-track{border-bottom:1px solid #ffffff0a;align-items:center;gap:9px;padding:9px 4px;display:flex}.drawer-track>div:nth-child(2){flex:1;gap:4px;display:grid}.drawer-track strong{font-size:9px}.drawer-track span{color:#686673;font-size:7px}.drawer-track button{background:#ffffff0f;border-radius:7px;padding:6px}.rights-note,.fx-disclaimer{color:#9c8f69;background:#ffd1660d;border:1px solid #ffd1661f;border-radius:9px;gap:8px;margin-top:18px;padding:10px;font-size:8px;line-height:1.5;display:flex}.empty{text-align:center;color:#676571;padding:30px;font-size:9px}.fx-drawer{border:1px solid var(--line);z-index:35;background:#111019;border-radius:15px;width:min(390px,100vw - 40px);padding:16px;position:fixed;bottom:20px;right:20px;box-shadow:0 25px 80px #00000080}.knob-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.knob{text-align:center}.knob>div{background:conic-gradient(from 220deg,var(--pink),var(--purple),#292732 0 62%,var(--pink));border-radius:50%;width:58px;height:58px;margin:auto;position:relative}.knob>div:after{content:"";background:#111019;border-radius:50%;position:absolute;inset:8px}.knob>div:before{content:"";z-index:2;transform-origin:29px 22px;background:#fff;width:2px;height:20px;position:absolute;top:7px;left:28px}.knob span,.knob strong{color:#777581;margin-top:7px;font-size:7px;display:block}.knob strong{color:#ddd;font-size:9px}.emergency{z-index:50;color:#ff5d9e;background:#260f18;border:1px solid #ff3d8d59;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 0 24px #ff3d8d29}.emergency span{font-size:6px;font-weight:900;position:absolute;bottom:3px}.mobile-menu{color:#fff}@media (width<=1200px){.sidebar{width:76px}.brand>div:last-child,.sidebar nav button span,.sidebar-bottom button{font-size:0}.sidebar nav button,.sidebar-bottom button{justify-content:center}.legal-mini{display:none}.workspace{width:calc(100% - 76px);margin-left:76px}.console-grid{grid-template-columns:1fr 1fr}.queue-column{grid-column:1/-1}.bottom-grid{grid-template-columns:1fr}.source-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.sidebar{width:232px;transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.open .brand>div:last-child,.sidebar.open nav button span,.sidebar.open .sidebar-bottom button{font-size:12px;display:block}.workspace{width:100%;margin:0;padding:0 13px 25px}.mobile-menu{place-items:center;display:grid}.topbar{height:62px}.top-actions .live-dot,.top-actions button:first-of-type{display:none}.hero-strip{min-height:240px;padding:25px 5px}.hero-strip h1{font-size:29px}.hero-orb{width:120px;height:120px;margin-right:0}.orb-core{width:58px;height:58px}.console-grid{grid-template-columns:1fr}.queue-column{grid-column:auto}.control-ribbon{align-items:stretch;overflow:auto}.vibe,.ribbon-slider{min-width:150px}.mix-now{min-width:max-content;margin-left:0}.source-grid{grid-template-columns:1fr}.footer{gap:8px;display:grid}.search{max-width:none}.hero-copy{max-width:95%;font-size:10px}.hero-orb{display:none}.emergency{bottom:14px;right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}body{color:#fff;background:#030305;margin:0;font-family:Inter,Arial}.app{background:radial-gradient(circle,#5b1ca5,#050505 55%);min-height:100vh;padding:30px}header{justify-content:space-between;display:flex}.logo{letter-spacing:5px;font-size:36px;font-weight:900}.logo span{color:#b15cff}.online{color:#0f9}.hero{text-align:center;padding:45px}h1{font-size:48px}button,select{color:#fff;background:#151225;border:1px solid #9b5cff;border-radius:12px;margin:5px;padding:12px}.grid{grid-template-columns:1fr .8fr 1fr;gap:20px;display:grid}.panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#11101bdb;border:1px solid #4a3370;border-radius:24px;margin-top:20px;padding:25px}.wave{color:#b15cff;background:#080810;justify-content:center;align-items:center;height:150px;display:flex}.track{cursor:pointer;background:#211936;border-radius:12px;justify-content:space-between;margin:8px 0;padding:15px;display:flex}@media (width<=900px){.grid{grid-template-columns:1fr}h1{font-size:34px}}