:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%}body{margin:0;display:block;min-width:320px;min-height:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:transparent;border:0;padding:0}:focus-visible{outline:2px solid rgba(124,58,237,.55);outline-offset:2px}:root{--bg: #070811;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--faint: rgba(255, 255, 255, .5);--shadow: 0 20px 70px rgba(0, 0, 0, .55);--r: 22px;--rs: 16px;--accent: #7c3aed;--ok: #28d17c;--danger: #ef4444}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:radial-gradient(120vmax 80vmax at 8% 8%,rgba(124,58,237,.22),transparent 60%),radial-gradient(120vmax 80vmax at 92% 18%,rgba(45,212,191,.16),transparent 60%),radial-gradient(120vmax 90vmax at 50% 120%,rgba(255,255,255,.06),transparent 62%),var(--bg);background-attachment:fixed}.wrap{max-width:1200px;margin:0 auto;padding:26px 18px 30px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.brand{display:flex;gap:12px;align-items:center}.logo{width:38px;height:38px;border-radius:12px;background:#ffffff1a;border:1px solid var(--stroke);display:grid;place-items:center;box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.brand h1{margin:0;font-size:20px;letter-spacing:-.01em}.brand p{margin:2px 0 0;font-size:13px;color:var(--faint)}.status{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#ffffff0f;border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;color:var(--muted);white-space:nowrap}.dot{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px #28d17c29}.grid{display:grid;grid-template-columns:1.1fr 1.9fr;gap:18px;align-items:start}.card{border-radius:var(--r);background:linear-gradient(180deg,#ffffff0f,#fff0);border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}.card.controls{background:radial-gradient(900px 420px at 18% 0%,rgba(124,58,237,.1),transparent 60%),linear-gradient(180deg,#0a0c12b3,#0a0c1200)}.pad{padding:18px}.label{margin:0 0 12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.nowMedia{height:240px;border-radius:18px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);background:#0000002e}.nowMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#0009);pointer-events:none}.nowImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02);transform:scale(1.02);display:block}.badge{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:#14161e8c;border:1px solid rgba(255,255,255,.16);font-size:12px;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nowText{position:absolute;left:14px;bottom:12px;right:14px}.nowText h2{margin:0;font-size:22px;letter-spacing:-.01em;text-shadow:0 10px 40px rgba(0,0,0,.6)}.nowText p{margin:4px 0 0;color:#ffffffb8;font-size:13px}.row{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);padding:10px 12px;border-radius:14px;cursor:pointer;transition:transform .1s ease,background .2s ease,border-color .2s ease;font-weight:650;font-size:13px}.btn:hover{background:#ffffff1a;border-color:#fff3}.btn:active{transform:scale(.99)}.btn.primary{background:#7c3aed38;border-color:#7c3aed59}.btn.danger{background:#ef44441f;border-color:#ef444438;color:#ffe6e6eb}.btn.danger:hover{background:#ef444438;border-color:#ef444457}.input{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#00000052;color:var(--text);outline:none}.input:focus{border-color:#7c3aed8c;box-shadow:0 0 0 4px #7c3aed2e}.hint{color:var(--faint);font-size:12px;margin-top:8px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tile{border-radius:var(--r);background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:18px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.tile .icon{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.tile h3{margin:10px 0 2px;font-size:18px}.tile p{margin:0;color:var(--faint);font-size:13px}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin-top:14px;margin-bottom:10px}.link{color:#7c3aede6;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.qs{border-radius:22px;background:#ffffff0e;border:1px solid rgba(255,255,255,.1);height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.qs .glyph{width:38px;height:38px;border-radius:16px;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffd9;font-weight:800}.qs span{font-size:13px;color:var(--muted)}.toast{margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#00000038;color:var(--muted);font-size:12px;display:none}.toast.show{display:block}@media(max-width:980px){.grid,.tiles{grid-template-columns:1fr}.quick{grid-template-columns:repeat(2,1fr)}}