@font-face{font-family:Pretendard Variable;src:url(/assets/fonts/pretendard-variable.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{color:#f4f7ff;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#05070d;font-family:Pretendard Variable,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell,.login-screen{background:radial-gradient(circle,#0b1020 0,#05070d 58%,#03050a 100%);width:100%;height:100%;position:relative}.galaxy-canvas{position:absolute;inset:0}.galaxy-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.top-bar{z-index:3;top:max(12px, env(safe-area-inset-top));pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;left:14px;right:14px}.top-bar button{pointer-events:auto}.brand-orb,.cosmic-icon-button{cursor:pointer;background:#171e2eeb;border:1px solid #293247;border-radius:50%;flex:none;place-items:center;display:grid}.brand-orb{color:#afc8ff;background:#afc8ff24;width:48px;height:48px}.cosmic-icon-button{width:48px;height:48px}.cosmic-icon-button.active{color:#73dfc0;background:#73dfc029;border-color:#73dfc0;box-shadow:0 0 24px #73dfc02e}.cosmic-icon-button svg{width:21px}.top-title{flex-direction:column;flex:1;min-width:0;line-height:1.08;display:flex}.top-title span{color:#afc8ff;letter-spacing:.03em;font-size:13px;font-weight:650}.top-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(21px,4vw,28px);overflow:hidden}.top-actions{gap:8px;display:flex}.letter-index{z-index:3;bottom:max(18px, env(safe-area-inset-bottom));scrollbar-width:none;background:#101522f0;border:1px solid #293247;border-radius:22px;max-width:calc(100% - 28px);padding:7px;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.letter-index::-webkit-scrollbar{display:none}.letter-index button{color:#aab3c5;cursor:pointer;background:#171e2ee6;border:0;border-radius:14px;min-width:45px;height:44px;padding:0 13px;font-size:17px}.letter-index button.selected{color:#101522;background:#afc8ff}.state-card{z-index:4;background:#05070d;place-content:center;justify-items:center;gap:7px;display:grid;position:absolute;inset:0}.state-card span{color:#aab3c5;font-size:14px}.spinner{border:2px solid #293247;border-top-color:#afc8ff;border-radius:50%;width:28px;height:28px;margin-bottom:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.error-toast{z-index:5;color:#ff8d9e;background:#101522ee;border:1px solid #ff8d9e66;border-radius:14px;padding:10px 16px;position:absolute;top:88px;left:50%;transform:translate(-50%)}.playback-bar{z-index:4;right:18px;bottom:max(18px, env(safe-area-inset-bottom));background:#101522f5;border:1px solid #293247;border-radius:24px;grid-template-rows:52px 18px 24px;grid-template-columns:52px minmax(0,1fr) 28px 38px 52px 38px;align-items:center;gap:7px 10px;width:min(480px,100% - 36px);max-width:none;margin:0;padding:12px 16px;display:grid;position:absolute;left:auto;box-shadow:0 16px 54px #0009}.playback-cover{color:#73dfc0;cursor:zoom-in;background:#173036;border:0;border-radius:13px;place-items:center;width:52px;height:52px;padding:0;font-size:24px;display:grid;overflow:hidden}.playback-cover img{object-fit:cover;width:100%;height:100%}.playback-info{flex-direction:column;gap:3px;min-width:0;display:flex}.playback-info strong,.playback-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playback-info strong{font-size:17px}.playback-info span{color:#aab3c5;font-size:13px}.playback-bar>svg{color:#aab3c5;width:21px}.playback-bar>svg.active{color:#73dfc0}.playback-bar button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid}.playback-bar .playback-cover{cursor:zoom-in;background:#173036;border-radius:13px;width:52px;height:52px}.playback-bar button svg{width:20px}.playback-bar .playback-toggle{color:#101522;background:#73dfc0;width:52px;height:52px}.playback-progress{accent-color:#73dfc0;grid-column:1/-1;width:100%;margin:0}.playback-volume{color:#aab3c5;grid-column:1/-1;grid-template-columns:18px 34px minmax(80px,1fr) 34px;align-items:center;gap:8px;font-size:11px;display:grid}.playback-volume>svg{color:#73dfc0;width:17px;height:17px}.playback-volume input{accent-color:#73dfc0;width:100%;margin:0}.playback-volume output{color:#e9eef9;font-variant-numeric:tabular-nums;text-align:right}.mini-spinner{border:2px solid #10152255;border-top-color:#101522;border-radius:50%;width:19px;height:19px;animation:.75s linear infinite spin}.search-panel{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070df7;flex-direction:column;display:flex;position:absolute;inset:0}.search-panel>header{padding:max(18px, env(safe-area-inset-top)) 18px 12px;justify-content:space-between;align-items:center;display:flex}.search-panel>header div{flex-direction:column;display:flex}.search-panel>header span{color:#afc8ff;letter-spacing:.1em;font-size:11px;font-weight:700}.search-panel>header strong{font-size:28px}.search-panel>header button{color:#f4f7ff;cursor:pointer;background:#171e2e;border:1px solid #293247;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid}.search-field{background:#101522;border:1px solid #293247;border-radius:18px;align-items:center;gap:11px;height:54px;margin:0 18px 8px;padding:0 16px;display:flex}.search-field svg{color:#afc8ff;width:21px}.search-field input{color:#f4f7ff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.search-content{padding:0 18px max(112px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.search-results{width:min(760px,100%);margin:auto}.result-section h2{align-items:center;gap:8px;margin:18px 2px 8px;font-size:16px;display:flex}.result-section h2 span{color:#aab3c5;background:#171e2e;border-radius:12px;place-items:center;min-width:25px;height:23px;padding:0 7px;font-size:12px;display:grid}.result-card{color:#f4f7ff;text-align:left;cursor:pointer;background:#101522e6;border:1px solid #293247b8;border-radius:18px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:11px 12px;display:flex}.result-card:hover,.result-card:focus-visible{background:#171e2e;border-color:#52698f;outline:0}.result-art{color:#afc8ff;background:#afc8ff21;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.result-art img{object-fit:cover;width:100%;height:100%}.result-art svg{width:21px}.result-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.result-copy strong,.result-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-copy small{color:#aab3c5;font-size:12px}.result-card>svg{color:#aab3c5;width:18px}.search-state{text-align:center;align-content:center;justify-items:center;gap:7px;min-height:55vh;display:grid}.search-state>span:last-child{color:#aab3c5;font-size:14px}.benchmark-output{z-index:20;color:#73dfc0;background:#101522e8;border:1px solid #293247;border-radius:12px;padding:8px 12px;font-size:13px;position:absolute;top:12px;left:12px}.restore-overlay{z-index:9;top:max(18px, env(safe-area-inset-top));color:#f4f7ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#171e2ed9;border:1px solid #293247;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid;position:absolute;right:18px}.visual-settings-panel{z-index:12;right:14px;bottom:max(14px, env(safe-area-inset-bottom));color:#f4f7ff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#101522f5;border:1px solid #293247;border-radius:22px;max-height:33dvh;position:absolute;left:14px;overflow:hidden;box-shadow:0 18px 60px #000b}.visual-settings-panel>header{border-bottom:1px solid #293247;justify-content:space-between;align-items:center;height:46px;padding:0 14px 0 18px;display:flex}.visual-settings-panel>header button{color:#aab3c5;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.visual-settings-panel>header svg{width:18px}.visual-settings-content{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:14px;max-height:calc(33dvh - 46px);padding:12px 14px 14px;display:grid;overflow-y:auto}.visual-sliders label{gap:2px;display:grid}.visual-sliders label>span{color:#c9d1e0;justify-content:space-between;font-size:11px;display:flex}.visual-sliders output{color:#73dfc0;font-variant-numeric:tabular-nums}.visual-sliders input[type=range]{accent-color:#73dfc0;width:100%;height:16px;margin:0}.preset-controls{flex-direction:column;gap:8px;min-width:0;display:flex}.preset-save{grid-template-columns:minmax(90px,1fr) auto auto;gap:6px;display:grid}.preset-save input,.preset-save button,.preset-list button{color:#e9eef9;background:#171e2e;border:1px solid #293247;border-radius:10px;height:32px}.preset-save input{outline:0;min-width:0;padding:0 9px}.preset-save button{cursor:pointer;align-items:center;gap:4px;padding:0 9px;display:flex}.preset-list{flex-wrap:wrap;gap:6px;display:flex}.preset-list span{display:flex}.preset-list span>button:first-child{cursor:pointer;border-radius:10px 0 0 10px;padding:0 10px}.preset-list span>button:last-child{color:#ff8d9e;cursor:pointer;border-left:0;border-radius:0 10px 10px 0;width:30px;padding:0}.queue-panel{z-index:12;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05070df7;border-left:1px solid #293247;width:min(430px,100%);position:absolute;top:0;bottom:0;right:0;box-shadow:-20px 0 70px #000a}.queue-panel>header{padding:max(18px, env(safe-area-inset-top)) 18px 12px;justify-content:space-between;align-items:center;display:flex}.queue-panel>header div{flex-direction:column;display:flex}.queue-panel>header span{color:#afc8ff;letter-spacing:.12em;font-size:10px;font-weight:700}.queue-panel>header strong{font-size:23px}.queue-panel>header button{color:#f4f7ff;cursor:pointer;background:#171e2e;border:1px solid #293247;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.queue-content{height:calc(100% - 88px);padding:0 14px max(18px, env(safe-area-inset-bottom));overflow-y:auto}.queue-track{color:#f4f7ff;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:26px 44px minmax(0,1fr);align-items:center;gap:10px;width:100%;margin-bottom:5px;padding:8px;display:grid}.queue-track:hover,.queue-track.active{background:#171e2e;border-color:#293247}.queue-track.active{color:#73dfc0}.queue-index{color:#8e99ae;text-align:center;font-size:11px}.queue-cover{background:#20283a;border-radius:11px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.queue-cover img{object-fit:cover;width:100%;height:100%}.queue-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.queue-copy strong,.queue-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-copy small{color:#8e99ae;font-size:11px}.queue-empty{color:#aab3c5;text-align:center;align-content:center;justify-items:center;gap:7px;min-height:50vh;display:grid}.queue-empty svg{color:#afc8ff;width:36px;height:36px}.queue-empty span{font-size:12px}.login-screen{place-items:center;padding:24px;display:grid}.login-panel{background:#101522f5;border:1px solid #293247;border-radius:24px;flex-direction:column;gap:15px;width:min(420px,100%);padding:30px;display:flex;box-shadow:0 24px 80px #000a}.login-panel img{border-radius:20px;width:72px;height:72px}.login-panel>span{color:#afc8ff;letter-spacing:.12em;font-size:12px;font-weight:700}.login-panel h1{margin:-8px 0 6px;font-size:30px}.login-panel label{color:#aab3c5;gap:7px;font-size:13px;display:grid}.login-panel input{color:#f4f7ff;background:#171e2e;border:1px solid #293247;border-radius:14px;outline:none;height:48px;padding:0 14px}.login-panel input:focus{border-color:#afc8ff}.login-panel button{color:#101522;cursor:pointer;background:#73dfc0;border:0;border-radius:15px;height:50px;font-weight:750}.login-panel p{color:#ff8d9e;margin:0;font-size:13px}@media (max-width:760px){.top-actions{gap:6px}.cosmic-icon-button{width:44px;height:44px}.top-actions .cosmic-icon-button:nth-child(6){display:none}.brand-orb{width:44px;height:44px}.letter-index{left:14px;right:14px;transform:none}.visual-settings-content{grid-template-columns:1fr}.visual-sliders{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (orientation:landscape) and (max-height:560px){.top-bar{top:8px}.letter-index{max-width:68%;bottom:8px}.letter-index button{min-width:40px;height:38px}.playback-bar{width:min(560px,72%);bottom:10px;left:auto;right:12px}.search-panel>header{padding-top:10px}.search-panel>header strong{font-size:22px}.search-field{width:min(760px,100% - 36px);margin-left:auto;margin-right:auto}}.visual-sliders{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.visual-category{background:#10152294;border:1px solid #232f4b;border-radius:14px;gap:7px;padding:8px 10px 10px;display:grid}.visual-category h3{color:#afc8ff;letter-spacing:.08em;margin:0;font-size:12px}.visual-category>div{gap:5px;display:grid}.admin-history-panel{z-index:14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05070dfa;flex-direction:column;display:flex;position:absolute;inset:0}.admin-history-panel>header{padding:max(20px, env(safe-area-inset-top)) 20px 14px;border-bottom:1px solid #293247;justify-content:space-between;align-items:center;display:flex}.admin-history-panel>header div{flex-direction:column;gap:4px;display:flex}.admin-history-panel>header span{color:#73dfc0;letter-spacing:.1em;align-items:center;gap:6px;font-size:11px;font-weight:750;display:flex}.admin-history-panel>header span svg{width:16px;height:16px}.admin-history-panel>header strong{font-size:clamp(23px,4vw,31px)}.admin-history-panel>header nav{gap:8px;display:flex}.admin-history-panel>header button{color:#f4f7ff;cursor:pointer;background:#171e2e;border:1px solid #293247;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.admin-history-panel>header button svg{width:19px}.admin-history-content{padding:16px 20px max(24px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.admin-history-list{width:min(900px,100%);margin:0 auto;padding:0;list-style:none}.admin-history-list li{border-bottom:1px solid #293247b3}.admin-history-list li>button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(145px,180px) minmax(0,1fr);align-items:center;gap:18px;padding:13px 16px;display:grid}.admin-history-list li>button:hover,.admin-history-list li>button:focus-visible{background:#73dfc014;outline:none}.admin-history-list time{color:#8e99ae;font-variant-numeric:tabular-nums;font-size:12px}.admin-history-list div{flex-direction:column;gap:3px;min-width:0;display:flex}.admin-history-list strong,.admin-history-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-history-list span{color:#aab3c5;font-size:12px}.admin-history-state{color:#aab3c5;text-align:center;align-content:center;justify-items:center;gap:8px;min-height:60vh;display:grid}.admin-history-state>svg{color:#73dfc0;width:38px;height:38px}.admin-history-state.error{color:#ff8d9e}@media (max-width:600px){.admin-history-list li>button{grid-template-columns:1fr;gap:4px;padding:12px 8px}}