:root{--canvas: #0c0a12;--surface: #16121f;--surface-2: #1d1728;--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .045);--txt: #f2eef8;--txt-2: #c2b8d4;--txt-3: #978cac;--faint: #6f6a7d;--link: #c9aeff;--link-hover: #ebd8ff;--ok: #4ade9e;--crit: #ff6b7a;--grad-x: linear-gradient(135deg, #9c4699, #9b3ee4 55%, #5726be);--grad-x-90: linear-gradient(90deg, #9c4699, #a354a2, #9b3ee4, #5726be);--grad-xmb: linear-gradient(96deg, #8b5cf6, #d946a6);--dot-xmb: linear-gradient(96deg, #8b5cf6, #d946a6);--dot-saglmp: #e28b10;--dot-uplim: #c075bd;--font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--canvas);color:var(--txt);font-family:var(--font-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}.hairline{height:2px;background:var(--grad-x-90)}.bloom{background:radial-gradient(52% 34% at 16% -6%,rgba(155,62,228,.16),transparent 60%),radial-gradient(44% 30% at 88% -2%,rgba(156,70,153,.15),transparent 62%),radial-gradient(60% 40% at 55% 4%,rgba(87,38,190,.1),transparent 62%);min-height:calc(100vh - 2px)}.container{max-width:1160px;margin:0 auto;padding:0 20px}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.nav-brand{display:flex;align-items:center;gap:12px;color:var(--txt)}.nav-brand:hover{color:var(--txt)}.brand-tile{width:34px;height:34px;border-radius:11px;background:var(--grad-x);box-shadow:0 6px 18px -6px #a354a28c,inset 0 1px #ffffff4d;display:grid;place-items:center}.brand-tile svg{width:15px;height:15px}.brand-word{font-size:15px;font-weight:600;letter-spacing:-.01em}.btn{height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--txt-2);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn:hover{background:#ffffff14;color:var(--txt)}.btn:active{transform:translateY(1px)}.btn-primary{border:none;background:var(--grad-x);color:#fff;box-shadow:0 8px 20px -12px #a354a28c}.btn-primary:hover{filter:brightness(1.07);background:var(--grad-x);color:#fff}.btn-danger{border-color:#ff6b7a59;background:#ff6b7a1f;color:var(--crit)}.btn:disabled{opacity:.55;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;font-size:12px;font-weight:500;color:var(--txt-2)}.chip .dot{width:7px;height:7px;border-radius:50%}.mono-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--txt-3)}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:inset 0 1px #ffffff08}.stat-number{font-size:30px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 12px;font-family:var(--font-sans);font-size:13px;color:var(--txt);transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:#9b3ee4;box-shadow:0 0 0 3px #a354a238}.input::placeholder{color:var(--faint)}.field-label{display:block;font-size:12px;font-weight:500;color:var(--txt-3);margin-bottom:6px}.profile-head{display:flex;align-items:flex-start;gap:24px;padding-top:34px}.avatar-ring{width:102px;height:102px;border-radius:50%;background:var(--grad-x);box-shadow:0 10px 24px -10px #a354a28c;display:grid;place-items:center;flex-shrink:0}.chip-admin{border-color:#d4a72c73;background:#d4a72c1a;color:#e9c25c;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:11px}.avatar-ring.admin{background:linear-gradient(135deg,#f6e27a,#d4a72c 35%,#f9d976 65%,#b8860b);box-shadow:0 10px 24px -10px #d4a72c99}.avatar{position:relative;width:94px;height:94px;border-radius:50%;background:#c9a9dd;border:3px solid var(--canvas);display:grid;place-items:center;font-size:38px;font-weight:600;color:#fff;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-handle{margin:0;font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1}.profile-meta{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--txt-3)}.profile-meta .mono{font-family:var(--font-mono);font-size:12px}.meta-sep{opacity:.5}.tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-top:30px}.tab{position:relative;display:flex;align-items:center;gap:8px;padding:0 2px 13px;font-size:13.5px;font-weight:500;color:var(--txt-3)}.tab:hover{color:var(--txt-2)}.tab.active{font-weight:600;color:var(--txt)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--grad-x-90)}.banner{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:var(--surface);font-size:13px;color:var(--txt-2)}.empty{margin-top:26px;padding:44px 20px;border:1px dashed rgba(255,255,255,.2);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.empty-title{font-size:14px;font-weight:600;color:var(--txt-2)}.empty-sub{font-size:12px;color:var(--txt-3);max-width:380px}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:48px;padding:22px 0 40px;font-size:11.5px;color:var(--faint)}.footer-brand{display:flex;align-items:center;gap:9px}.footer-tile{width:18px;height:18px;border-radius:5px;background:var(--grad-x);display:grid;place-items:center}.footer-links{display:flex;align-items:center;gap:10px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;margin-top:26px}.section-title{font-size:15px;font-weight:600;margin:0 0 14px}.form-row{margin-bottom:14px}.radio-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;color:var(--txt-2);font-size:13px}.radio-row small{display:block;color:var(--txt-3);font-size:11.5px}.conn-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2)}.conn-row:last-child{border-bottom:none}.conn-name{font-size:14px;font-weight:600}.conn-state{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--txt-3)}.notice{font-size:12px;color:var(--txt-3)}.notice.error{color:var(--crit)}.notice.ok{color:var(--ok)}@media(max-width:640px){.profile-head{flex-direction:column;align-items:center;text-align:center}.profile-meta{flex-direction:column;gap:5px}}.module-head{display:flex;align-items:center;gap:12px;margin-top:34px}.module-head .brand-word-xmb{font-size:15px;font-weight:800;letter-spacing:.08em}.module-head .mono-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--txt-3);padding-top:2px}.stat-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 1px #ffffff08}.stat-sub{font-size:12px;color:var(--txt-3)}.onair{display:flex;align-items:center;gap:16px;margin-top:18px;padding:12px 16px;border-radius:12px;background:linear-gradient(96deg,#8b5cf640,#d946a614);border:1px solid rgba(139,92,246,.3);flex-wrap:wrap}.onair-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#d946a6f0;color:#fff;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}.onair-pill .dot{width:6px;height:6px;border-radius:50%;background:#fff}.onair-title{font-size:14px;font-weight:600}.onair-sub{font-size:12px;color:var(--txt-3)}.progress{height:4px;border-radius:999px;background:#ffffff24;overflow:hidden;width:100%}.progress>span{display:block;height:100%;border-radius:999px;background:var(--grad-xmb)}.panel{margin-top:22px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:inset 0 1px #ffffff08}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.panel-title{font-size:15px;font-weight:600;margin:0}.bars{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;height:130px;margin-top:20px;border-bottom:1px solid var(--line)}.bars>span{flex:1 1 0;max-width:46px;border-radius:3px 3px 0 0;background:#8b5cf652}.bars>span.current{background:linear-gradient(180deg,#8b5cf6,#d946a6)}.bars-axis{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--txt-3)}.rail-head{display:flex;align-items:center;margin-top:34px;gap:8px}.rail-head .window-chips{margin-left:auto;display:flex;gap:8px}.window-chip{padding:5px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:var(--txt-2);font-size:12px;font-weight:500}.window-chip:hover{color:var(--txt)}.window-chip.selected{border:none;background:var(--grad-xmb);color:#fff;font-weight:600}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:22px 16px;margin-top:16px}.poster-card .art{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:8px;overflow:hidden}.poster-card .art img{width:100%;height:100%;object-fit:cover;display:block}.poster-card .rank{position:absolute;top:8px;left:8px;padding:2px 7px;border-radius:6px;background:#0a0710b8;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--txt)}.poster-card .title{margin:11px 0 2px;font-size:15px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-card .meta{font-size:13px;color:var(--txt-3)}.mini-poster{width:34px;height:51px;border-radius:4px;overflow:hidden;flex-shrink:0}.mini-poster img{width:100%;height:100%;object-fit:cover;display:block}.play-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-2)}.play-row:last-of-type{border-bottom:none}.play-title{font-size:14px;font-weight:600}.play-ep{font-size:12.5px;color:var(--txt-3)}.play-side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.play-when{font-size:12px;color:var(--txt-3)}.play-device{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-3)}.genre-row{display:flex;flex-direction:column;gap:6px;margin-top:15px}.genre-row .genre-line{display:flex;justify-content:space-between;align-items:baseline}.genre-row .genre-name{font-size:13px;color:var(--txt-2)}.genre-row .genre-share{font-family:var(--font-mono);font-size:11px;color:var(--txt-3)}.genre-row .track{height:6px;border-radius:999px;background:#ffffff0d;overflow:hidden}.genre-row .track>span{display:block;height:100%;border-radius:999px;background:#8b5cf6}.split-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-top:30px}.split-grid .panel{margin-top:0}@media(min-width:900px){.split-grid{grid-template-columns:1fr 340px}}.fact{display:flex;flex-direction:column;gap:3px;margin-top:13px}.fact .fact-value{font-size:13px;color:var(--txt-2)}.stale-note{margin-top:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--txt-3)}.digest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-top:26px}.digest-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:16px;box-shadow:inset 0 1px #ffffff08}.digest-stats{display:flex;gap:28px}.digest-stat{display:flex;flex-direction:column;gap:3px}.digest-stat .n{font-size:22px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.digest-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.digest-posters .art{aspect-ratio:2 / 3;border-radius:8px;overflow:hidden}.digest-posters img{width:100%;height:100%;object-fit:cover;display:block}.digest-card .module-head{margin-top:0}
