:root{--bg: #010314;--text: #F8FAFC;--text-dim: #94A3B8;--accent: #F59E0B;--accent-glow: rgba(245, 158, 11, .3);--border: rgba(245, 158, 11, .2);--card-bg: rgba(2, 5, 20, .75);--font: "Dongle", sans-serif}html,body{margin:0;height:100dvh;overflow:hidden;overflow-x:hidden;max-width:100%;background:var(--bg);font-family:var(--font);user-select:none}iframe{position:fixed;inset:0;width:100%;height:100dvh;border:none;z-index:0}.nav-wrapper{position:fixed;bottom:20px;left:20px;z-index:100}.nav-active-btn{width:50px;height:50px;border-radius:15px;border:1px solid var(--accent);background:#f59e0b26;color:var(--accent);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 16px var(--accent-glow);position:relative}.nav-active-btn:hover{background:#f59e0b38}.nav-active-btn .tip{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);padding:4px 10px;background:#010314f2;border:1px solid var(--border);border-radius:8px;color:var(--accent);font-size:14px;font-family:var(--font);white-space:nowrap;pointer-events:none;letter-spacing:.05em;text-transform:uppercase;opacity:0;transition:opacity .15s ease}.nav-active-btn:hover .tip{opacity:1}.nav-panel{position:absolute;bottom:0;left:0;display:flex;flex-direction:row;align-items:flex-end;gap:8px;opacity:0;transform:translateY(8px);pointer-events:none;transition:all .3s ease}.nav-panel.show{opacity:1;transform:translateY(0);pointer-events:all}.nav-wrapper.nav-open .nav-active-btn{opacity:0;pointer-events:none;transform:scale(.7)}.nav-main{display:flex;flex-direction:column;min-width:198px;max-height:calc(100dvh - 56px);overflow-y:auto;background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:9px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 34px #00000073}.nav-head{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;margin-bottom:5px;font-size:18px;color:var(--text);border:0;border-bottom:1px solid var(--border);border-radius:11px 11px 0 0;background:transparent;font-family:var(--font);letter-spacing:.02em;cursor:pointer;transition:background .15s ease,color .15s ease}.nav-head:hover{background:#f59e0b1a;color:var(--accent)}.nav-head i{color:var(--accent);font-size:18px;width:20px;text-align:center}.nav-head .nav-head-txt{flex:1;text-align:left}.nav-head #navOnline{color:var(--accent);font-weight:700}.nav-list{display:flex;flex-direction:column;gap:2px}.util-column{display:flex;flex-direction:column;gap:7px;min-width:50px}.nav-btn{display:flex;align-items:center;gap:12px;padding:0 12px;height:40px;border-radius:11px;border:0;background:transparent;color:var(--text-dim);font-size:20.5px;font-family:var(--font);cursor:pointer;transition:background .15s ease,color .15s ease;width:100%;letter-spacing:.02em}.nav-btn i{width:20px;text-align:center;font-size:16.5px;opacity:.9}.nav-btn .nb-label{flex:1;text-align:left}.nav-btn .nb-badge{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:1px 7px;border-radius:6px;background:var(--accent-glow);color:var(--accent);line-height:1.5}.nav-btn:hover{background:#f59e0b1f;color:var(--accent)}.nav-btn:hover i{opacity:1}.nav-btn.active{background:#f59e0b29;color:var(--accent)}.nav-btn.active i{opacity:1}.util-btn{width:50px;height:51px;border-radius:13px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-dim);font-size:20px;cursor:pointer;transition:all .2s ease;position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.util-btn:hover{background:#f59e0b1f;border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.util-btn .tip{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);padding:4px 10px;background:#010314f2;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:var(--font);white-space:nowrap;pointer-events:none;letter-spacing:.05em;text-transform:uppercase;opacity:0;transition:opacity .15s ease;z-index:999}.util-btn:hover .tip{opacity:1}.toast{position:fixed;right:16px;bottom:16px;color:#010314;padding:.5rem 1rem;border-radius:10px;opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease;z-index:9999;pointer-events:none;background:var(--accent);font-family:var(--font);font-size:1.4rem;letter-spacing:.04em}.toast.show{opacity:1;transform:none}@media(max-width:500px){.nav-wrapper{bottom:14px;left:14px}.nav-active-btn{width:38px;height:38px;border-radius:12px;font-size:16px}.nav-main{min-width:168px}.nav-btn{height:36px;font-size:16px}.util-btn{width:38px;height:38px;font-size:16px}}.mini-player{position:fixed;right:20px;bottom:20px;z-index:90;display:none;align-items:center;gap:10px;width:320px;max-width:calc(100vw - 40px);padding:8px 10px;background:#060a1ceb;border:1px solid var(--border);border-radius:16px;box-shadow:0 14px 40px -12px #000000b3,0 0 24px -6px var(--accent-glow);backdrop-filter:blur(14px);touch-action:none}.mini-player.show{display:flex}.mini-player.dragging{cursor:grabbing}.mini-player .mi-cover{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#10131f;flex-shrink:0}.mini-player .mi-info{flex:1;min-width:0}.mini-player .mi-title{color:var(--text);font-size:21px;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player .mi-artist{color:var(--text-dim);font-size:17px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player .mi-progress{height:3px;border-radius:3px;background:#ffffff1f;margin-top:5px;overflow:hidden}.mini-player .mi-bar{height:100%;width:0;background:var(--accent);border-radius:3px}.mini-player .mi-ctrls{display:flex;align-items:center;gap:2px;flex-shrink:0}.mini-player .mi-btn{background:none;border:none;color:var(--text);cursor:pointer;width:30px;height:30px;border-radius:50%;font-size:14px;display:grid;place-items:center}.mini-player .mi-btn:hover{color:var(--accent);background:#ffffff0f}.mini-player .mi-play{background:var(--accent);color:#08111f}.mini-player .mi-play:hover{filter:brightness(1.08);color:#08111f}.mini-player.min{width:56px;height:56px;padding:0;border-radius:50%;justify-content:center;cursor:pointer;overflow:hidden}.mini-player.min .mi-info,.mini-player.min .mi-ctrls{display:none}.mini-player.min .mi-cover{width:56px;height:56px;border-radius:50%}