:root{--bg: #09090a;--bg-raised: #111113;--bg-sunk: #0c0c0d;--surface: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .075);--line-strong: rgba(255, 255, 255, .14);--ink: #f2efe9;--text: #c9c6c0;--muted: #85837e;--faint: #5d5b57;--bone: #ebe6dc;--bone-hover: #ffffff;--online: #4ade80;--idle: #f5b84a;--dnd: #f0566a;--offline: #5d5b57;--sans: "Geist", "Segoe UI", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, "Cascadia Mono", monospace;--radius: 14px;--radius-sm: 10px;--radius-xs: 7px;--wrap: 1160px;--gutter: clamp(16px, 4vw, 40px);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p,dl,dd,ul{margin:0;padding:0}ul{list-style:none}h1,h2,h3{color:var(--ink);font-weight:600;text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--bone);color:var(--bg)}:focus-visible{outline:2px solid var(--bone);outline-offset:3px;border-radius:6px}.wrap{width:min(var(--wrap),100% - 2 * var(--gutter));margin-inline:auto}.skip{position:fixed;top:12px;left:12px;z-index:100;padding:10px 16px;border-radius:var(--radius-sm);background:var(--bone);color:var(--bg);font-weight:600;transform:translateY(-200%)}.skip:focus{transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-sm);font:500 14.5px/1 var(--sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:transform .16s var(--ease),background-color .2s,border-color .2s,color .2s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--bone);color:#0b0b0c;box-shadow:inset 0 -1px #0000002e,0 1px 2px #0006}.btn-primary:hover{background:var(--bone-hover)}.btn-ghost{background:#09090a66;border-color:var(--line-strong);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover{background:var(--surface-hover);border-color:#ffffff3d}.btn svg{transition:transform .2s var(--ease)}.btn-ghost:hover svg{transform:translate(3px)}.btn-small{min-height:38px;padding:0 14px;font-size:13.5px;border-radius:9px}.actions{display:flex;flex-wrap:wrap;gap:10px}.nav{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:background-color .3s,border-color .3s}.nav-solid{background:#09090ac7;border-color:var(--line);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px}.brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:500 13px/1 var(--sans);letter-spacing:.42em;color:var(--ink);white-space:nowrap}.brand img{border-radius:8px;border:1px solid var(--line-strong)}.nav-links{display:flex;gap:2px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#11111399;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-links a{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);transition:color .2s,background-color .2s}.nav-links a:hover{color:var(--ink);background:var(--surface-hover)}.hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(640px,100svh,980px);padding-bottom:clamp(40px,7vh,72px);isolation:isolate;overflow:hidden}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;animation:fade 1.6s ease-out both}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:grayscale(1) contrast(1.08) brightness(.92)}.hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#09090a8c,#09090a00 18%),linear-gradient(180deg,rgba(9,9,10,0) 45%,rgba(9,9,10,.82) 74%,var(--bg) 100%)}.hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.hero-copy{max-width:600px;animation:rise .9s var(--ease) .1s both}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:8px;background:#09090a8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 12.5px/1 var(--mono);color:var(--text)}.kicker{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.live-dot{position:relative;width:7px;height:7px;border-radius:50%;background:var(--online);flex:none}.live-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--online);animation:ping 2.4s ease-out infinite}.wordmark{margin-top:22px;margin-right:-.42em;font-size:clamp(2.1rem,6.4vw,5.25rem);font-weight:300;line-height:1;letter-spacing:.42em;color:var(--ink)}.lede{max-width:460px;margin-top:20px;font-size:clamp(1rem,1.3vw,1.08rem);color:var(--text)}.hero .actions{margin-top:28px}.hero-stats{display:flex;flex:none;border:1px solid var(--line-strong);border-radius:var(--radius);background:#0c0c0d9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:rise .9s var(--ease) .25s both}.hero-stats>div{min-width:118px;padding:16px 20px}.hero-stats>div+div{border-left:1px solid var(--line)}.hero-stats dt{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero-stats dd{margin-top:10px;font-size:1.5rem;font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}.section{padding-block:clamp(72px,9vw,120px);border-top:1px solid var(--line)}.hero+.section{border-top:0}.section-head{display:grid;grid-template-columns:1fr minmax(0,380px);align-items:end;gap:20px 48px;margin-bottom:clamp(32px,4vw,48px)}.section-head h2,.join h2{margin-top:14px;font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.12;letter-spacing:-.03em}.section-sub{color:var(--muted);font-size:15px}.cell{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);box-shadow:inset 0 1px #ffffff0a;padding:22px;overflow:hidden}.cell-label{display:flex;align-items:center;gap:8px;font:500 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.cell-note{margin-top:8px;font-size:13.5px;color:var(--muted)}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.stat,.boost,.tag{grid-column:span 3;display:flex;flex-direction:column;min-height:172px}.stat-value{margin-top:auto;padding-top:20px;font-size:clamp(2rem,3.2vw,2.75rem);font-weight:500;line-height:1;letter-spacing:-.035em;color:var(--ink);font-variant-numeric:tabular-nums}.stat-unit{margin-left:8px;font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}.identity{grid-column:span 6;grid-row:span 2;display:flex;flex-direction:column;padding:0;transition:transform .3s var(--ease),border-color .3s}.identity:hover{transform:translateY(-2px);border-color:var(--line-strong)}.identity-banner{flex:1;width:100%;min-height:200px;object-fit:cover;filter:grayscale(1) brightness(.85);transition:transform .6s var(--ease),filter .6s}.identity:hover .identity-banner{transform:scale(1.03);filter:grayscale(1) brightness(1)}.identity-body{position:relative;display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-raised);border-top:1px solid var(--line)}.identity-icon{flex:none;width:52px;height:52px;border-radius:12px;border:1px solid var(--line-strong);background:#000}.identity-body h3{font-size:15px;font-weight:500;line-height:1.3;letter-spacing:.3em}.identity-body p{margin-top:4px;font:400 13px/1.3 var(--mono);color:var(--muted)}.identity-go{display:inline-flex;align-items:center;gap:8px;margin-left:auto;min-height:38px;padding:0 14px;border:1px solid var(--line-strong);border-radius:9px;color:var(--ink);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s}.identity:hover .identity-go{background:var(--bone);border-color:var(--bone);color:#0b0b0c}.tier{display:flex;gap:4px;margin-top:16px}.tier span{flex:1;height:4px;border-radius:2px;background:#ffffff14}.tier span.on{background:var(--bone)}.tag-chip{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;margin-top:auto;padding:9px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-sunk);font:500 1.15rem/1 var(--mono);letter-spacing:.12em;color:var(--ink)}.perks{grid-column:span 12}.perks dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 24px;margin-top:18px}.perks dl>div{padding-top:14px;border-top:1px solid var(--line)}.perks dt{font-size:13.5px;color:var(--muted)}.perks dd{margin-top:4px;font-size:1.15rem;font-weight:500;color:var(--ink)}.empty{display:flex;align-items:center;gap:16px;padding:24px;border-style:dashed;border-color:var(--line-strong);background:transparent;color:var(--muted)}.empty img{border-radius:10px;border:1px solid var(--line)}.join-card{position:relative;display:flex;align-items:flex-end;min-height:clamp(400px,42vw,500px);border:1px solid var(--line-strong);border-radius:20px;overflow:hidden;isolation:isolate}.join-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform 1.2s var(--ease)}.join-card:hover .join-bg{transform:scale(1.02)}.join-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#09090a26,#09090af2 80%)}.join-content{width:100%;padding:clamp(24px,5vw,52px)}.join h2{font-size:clamp(2rem,4.4vw,3.25rem)}.join .section-sub{margin-top:12px;color:var(--text)}.join .actions{margin-top:26px}.copy{display:inline-flex;align-items:center;gap:14px;min-height:46px;padding:0 5px 0 16px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#09090a99;color:var(--ink);font:400 14px/1 var(--mono);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .16s var(--ease),border-color .2s}.copy:hover{border-color:#ffffff42}.copy:active{transform:scale(.97)}.copy-action{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:7px;background:var(--surface-hover);font:500 13px/1 var(--sans);color:var(--ink)}.footer{border-top:1px solid var(--line);padding-block:24px}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;font-size:13.5px;color:var(--muted)}.footer-inner p{font:400 12.5px/1 var(--mono);color:var(--faint)}.footer-link{display:inline-flex;align-items:center;min-height:44px;font-family:var(--mono);font-size:13px;color:var(--text);background:linear-gradient(currentColor,currentColor) left bottom 12px / 0 1px no-repeat;transition:background-size .3s var(--ease),color .2s}.footer-link:hover{color:var(--ink);background-size:100% 1px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes fade{0%{opacity:0}}@keyframes ping{0%{transform:scale(1);opacity:.6}70%,to{transform:scale(2.6);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}@media(max-width:1000px){.identity{grid-column:span 12;grid-row:auto}.stat,.boost,.tag{grid-column:span 6}.hero-inner{flex-direction:column;align-items:flex-start}.section-head{grid-template-columns:1fr}}@media(max-width:720px){.nav-links{display:none}.hero{display:block;min-height:0;padding-top:64px;padding-bottom:48px}.hero-media{position:relative;inset:auto;aspect-ratio:16 / 11}.hero-media img{object-position:center 45%}.hero-media:after{background:linear-gradient(180deg,rgba(9,9,10,0) 55%,var(--bg) 100%)}.hero-inner{margin-top:-32px;position:relative;gap:28px}.hero-stats{width:100%}.hero-stats>div{flex:1;min-width:0;padding:14px}.hero-stats dd{font-size:1.25rem}.actions .btn,.copy{width:100%}.copy{justify-content:space-between}.profiles-compact{grid-template-columns:1fr}}@media(max-width:520px){.stat,.boost,.tag{grid-column:span 12;min-height:0}.identity-go{display:none}.brand{letter-spacing:.3em}}.cell{isolation:isolate;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, -40%),rgba(255,255,255,.045),transparent 60%),linear-gradient(165deg,rgba(255,255,255,.035),transparent 42%),var(--bg-raised);box-shadow:inset 0 1px #ffffff0d,0 18px 40px -24px #000000bf}.cell:before{content:"";position:absolute;inset:0 0 auto;z-index:2;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none}.cell:after,.pc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:1px;border-radius:inherit;background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.32),transparent 65%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}.cell:hover:after,.pc:hover:after{opacity:1}.identity-body{background:transparent}.empty{background:transparent;box-shadow:none}.empty:before,.empty:after{display:none}.btn{position:relative;min-height:46px;padding:0 22px;border-radius:999px;font-weight:550}.btn-primary{background:linear-gradient(180deg,#fff,#e6e1d7);color:#0b0b0c;border-color:#fff9;box-shadow:inset 0 1px #fff,inset 0 -2px #0000001a,0 1px 2px #00000080,0 10px 28px -12px #ebe6dc73}.btn-primary:hover{background:linear-gradient(180deg,#fff,#f1ede6);box-shadow:inset 0 1px #fff,inset 0 -2px #00000014,0 1px 2px #00000080,0 14px 36px -12px #ebe6dc99}.btn-primary:hover,.btn-ghost:hover{transform:translateY(-1px)}.btn-primary:active,.btn-ghost:active{transform:translateY(0) scale(.97)}.btn-ghost{padding-right:6px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-color:var(--line-strong);color:var(--ink);box-shadow:inset 0 1px #ffffff0f}.btn-ghost svg{box-sizing:content-box;padding:9px;border-radius:50%;background:#ffffff12}.btn-ghost:hover svg{transform:translate(2px);background:var(--bone);color:#0b0b0c}.btn-small{min-height:38px;padding:0 16px;border-radius:999px}.copy{border-radius:999px;padding-left:18px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#09090a99;box-shadow:inset 0 1px #ffffff0f}.copy-action{border-radius:999px;transition:background-color .2s,color .2s}.copy:hover .copy-action{background:var(--bone);color:#0b0b0c}.identity-go{border-radius:999px}.nav{inset:14px 0 auto;border:0;pointer-events:none}.nav-solid{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-inner{height:58px;padding:0 8px 0 10px;border:1px solid transparent;border-radius:999px;pointer-events:auto;transition:background-color .3s,border-color .3s,box-shadow .3s}.nav-solid .nav-inner{background:#0e0e10b8;border-color:var(--line-strong);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:inset 0 1px #ffffff0d,0 16px 40px -20px #000000e6}.brand img{border-radius:50%}.nav-links,.nav-links a{border-radius:999px}.hero-stats{background:linear-gradient(165deg,rgba(255,255,255,.05),transparent 45%),#0c0c0d9e;box-shadow:inset 0 1px #ffffff0f,0 18px 40px -24px #000c}.eyebrow{border-radius:999px;padding:7px 14px}.join-card{box-shadow:inset 0 1px #ffffff14,0 30px 60px -30px #000000e6}.skeleton{display:inline-block;height:1em;min-width:3ch;border-radius:6px;vertical-align:middle;background:linear-gradient(90deg,#ffffff0a,#ffffff1a 50%,#ffffff0a);background-size:200% 100%;animation:shimmer 1.6s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(hover:none){.cell:after,.pc:after{display:none}}@media(max-width:720px){.nav{inset:10px 0 auto}.hero{padding-top:0}.btn-ghost{padding-right:22px}.btn-ghost svg{padding:0;background:none}}.profiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pc{--st: var(--offline);position:relative;isolation:isolate;display:flex;padding:5px;border:1px solid var(--line);border-radius:22px;background:#ffffff05;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.pc[data-status=online]{--st: var(--online)}.pc[data-status=idle]{--st: var(--idle)}.pc[data-status=dnd]{--st: var(--dnd)}.pc:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 30px 60px -30px #000000f2}.pc-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.pc-inner{display:flex;flex:1;flex-direction:column;min-width:0;border:1px solid rgba(255,255,255,.06);border-radius:17px;background:radial-gradient(380px circle at var(--mx, 50%) var(--my, -30%),rgba(255,255,255,.045),transparent 60%),linear-gradient(165deg,rgba(255,255,255,.035),transparent 40%),var(--bg-raised);box-shadow:inset 0 1px #ffffff0d;overflow:hidden}.pc-banner{position:relative;height:104px;flex:none;overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,rgba(255,255,255,.08),transparent 60%),#17171a}.pc-banner img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.pc:hover .pc-banner img{transform:scale(1.04)}.pc-banner-blur{transform:scale(1.7);filter:blur(24px) saturate(1.4) brightness(.7)}.pc:hover .pc-banner .pc-banner-blur{transform:scale(1.75)}.pc-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 40%,rgba(17,17,19,.65) 100%);pointer-events:none}.pc-titles{position:absolute;top:10px;right:10px;left:10px;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.pc-titles li{padding:5px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#09090a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:500 10.5px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.pc-titles li:first-child{background:var(--bone);border-color:var(--bone);color:#0b0b0c}.pc-head{position:relative;z-index:1;margin-top:-46px;padding:0 16px}.pc-avatar{position:relative;width:88px;height:88px}.pc-avatar-img{display:block;width:100%;height:100%;border-radius:50%;border:5px solid var(--bg-raised);background:#1a1a1c;object-fit:cover}.pc-avatar-empty{display:grid;place-items:center;font-size:1.6rem;font-weight:600;color:var(--ink)}.pc-deco{position:absolute;top:-9%;right:-9%;bottom:-9%;left:-9%;width:118%;max-width:none;height:118%;pointer-events:none}.pc-status{position:absolute;right:4px;bottom:4px;width:20px;height:20px;border-radius:50%;border:4px solid var(--bg-raised);background:var(--st)}.pc[data-status=online] .pc-status{box-shadow:0 0 12px #4ade808c}.pc-body{display:flex;flex:1;flex-direction:column;padding:10px 16px 14px}.pc-name{display:flex;align-items:center;gap:8px;min-width:0}.pc-name h3{font-size:1.2rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-tag{flex:none;padding:3px 7px;border:1px solid var(--line-strong);border-radius:6px;background:var(--bg-sunk);font:600 10.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.pc-handle{margin-top:2px;overflow:hidden;font:400 12.5px/1.5 var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.pc-badges{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-self:flex-start;gap:2px;margin-top:12px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--bg-sunk)}.pc-badges li{position:relative;display:grid;place-items:center;min-width:30px;height:30px;padding:0 4px;border-radius:8px;transition:background-color .2s,transform .2s var(--ease)}.pc-badges li:hover{background:#ffffff14;transform:translateY(-2px)}.pc-badges img{width:24px;height:24px;object-fit:contain}.pc-badges span{font-size:11px;font-weight:500;color:var(--text)}.pc-badges li:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;z-index:5;width:max-content;max-width:200px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:9px;background:#1b1b1e;box-shadow:0 10px 30px -10px #000000e6;font:500 12px/1.35 var(--sans);color:var(--ink);text-align:center;opacity:0;transform:translate(-50%,4px);transition:opacity .15s,transform .15s var(--ease);pointer-events:none}.pc-badges li:hover:after{opacity:1;transform:translate(-50%)}.pc-custom{position:relative;margin-top:12px;padding:9px 12px;border:1px solid var(--line);border-radius:4px 12px 12px;background:var(--bg-sunk);font-size:13px;line-height:1.45;color:var(--text);overflow-wrap:anywhere}.pc-bio{margin-top:10px;font-size:13px;line-height:1.5;color:var(--muted);white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pc-activity{margin-top:auto;padding-top:14px}.sp{position:relative;z-index:2;isolation:isolate;padding:12px;border:1px solid rgba(30,215,96,.16);border-radius:14px;background:#0f1411;overflow:hidden}.sp-backdrop{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:-1;background:linear-gradient(180deg,#0a0c0b8c,#0a0c0beb),var(--art, radial-gradient(circle at 20% 20%, rgba(30, 215, 96, .25), transparent 60%)) center / cover;filter:blur(26px) saturate(1.5);opacity:.9}.sp-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sp-label{display:inline-flex;align-items:center;gap:8px;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#1ed760}.eq{display:inline-flex;align-items:flex-end;gap:2px;width:12px;height:11px}.eq span{flex:1;height:100%;border-radius:1px;background:currentColor;transform-origin:bottom;animation:eq 1s ease-in-out infinite}.eq span:nth-child(2){animation-delay:-.4s}.eq span:nth-child(3){animation-delay:-.7s}.eq span:nth-child(4){animation-delay:-.2s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.sp-open{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border-radius:999px;background:#1ed760;color:#06140b;font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px -8px #1ed760cc;transition:transform .16s var(--ease),background-color .2s,box-shadow .2s}.sp-open:hover{background:#3be477;transform:translateY(-1px);box-shadow:0 10px 24px -8px #1ed760e6}.sp-open:active{transform:scale(.96)}.sp-main{display:flex;align-items:center;gap:12px;margin-top:12px;min-width:0}.sp-art{flex:none;width:60px;height:60px;border-radius:9px;object-fit:cover;box-shadow:0 8px 20px -8px #000000e6}.sp-art-empty{display:grid;place-items:center;background:linear-gradient(160deg,#1f2a22,#121614);border:1px solid rgba(30,215,96,.22);color:#1ed760}.sp-text{min-width:0}.sp-text p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-song{font-size:14.5px;font-weight:650;color:#fff}.sp-artist{margin-top:2px;font-size:13px;color:#ffffffb8}.sp-album{font-size:12px;color:#ffffff73}.sp-progress{display:flex;align-items:center;gap:9px;margin-top:12px;font:400 10.5px/1 var(--mono);color:#fff9;font-variant-numeric:tabular-nums}.sp-bar{flex:1;height:4px;border-radius:2px;background:#ffffff24;overflow:hidden}.sp-fill{height:100%;border-radius:inherit;background:#fff;transform-origin:left;transition:transform 1s linear}.sp-elapsed{margin-top:10px;font:400 11px/1 var(--mono);color:#ffffff8c}.act{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg-sunk)}.act-label{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.act-main{display:flex;align-items:center;gap:12px;margin-top:10px;min-width:0}.act-art{flex:none;width:52px;height:52px;border-radius:9px;object-fit:cover;background:#1a1a1c}.act-art-empty{display:grid;place-items:center;font-size:1.2rem;font-weight:600;color:var(--text)}.act-text{min-width:0}.act-text p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-title{font-size:14px;font-weight:600;color:var(--ink)}.act-line{font-size:12.5px;color:var(--muted)}.act-time{font-variant-numeric:tabular-nums}.pc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.pc-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--bg-sunk);font-size:12px;font-weight:500;color:var(--text)}.pc-dot{width:7px;height:7px;border-radius:50%;background:var(--st)}.pc[data-status=online] .pc-dot{box-shadow:0 0 0 3px #4ade802e}.pc-since{font:400 11.5px/1 var(--mono);color:var(--faint);text-transform:capitalize}.pc-skeleton:hover{transform:none;box-shadow:none}.pc-skeleton .pc-banner{background:#ffffff08}.pc-skeleton .pc-avatar-img.skeleton{border-radius:50%;min-width:0}.pc-skeleton .pc-body>.skeleton{display:block}.sk-name{width:55%;height:18px}.sk-user{width:38%;height:12px;margin-top:10px}.sk-badges{width:60%;height:38px!important;margin-top:14px;border-radius:12px!important}.sk-block{width:100%;height:120px!important;margin-top:18px;border-radius:14px!important}.sk-foot{width:34%;height:24px;border-radius:999px!important}.np{padding:6px;border:1px solid var(--line);border-radius:24px;background:#ffffff05}.np-inner{border:1px solid rgba(255,255,255,.06);border-radius:19px;background:linear-gradient(165deg,rgba(255,255,255,.035),transparent 40%),var(--bg-raised);overflow:hidden}.np-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);font:500 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.np-head span:first-child{display:inline-flex;align-items:center;gap:10px;color:#1ed760}.np-row{position:relative;display:grid;grid-template-columns:28px 56px minmax(0,1fr) minmax(0,220px) auto;align-items:center;gap:16px;padding:12px 18px;transition:background-color .2s}.np-row+.np-row{border-top:1px solid var(--line)}.np-row:hover{background:#ffffff08}.np-num{font:400 13px/1 var(--mono);color:var(--faint);text-align:center;font-variant-numeric:tabular-nums}.np-row:hover .np-num{color:#1ed760}.np-art{width:56px;height:56px;border-radius:10px;object-fit:cover;box-shadow:0 8px 20px -8px #000000e6}.np-art-empty{display:grid;place-items:center;background:linear-gradient(160deg,#1f2a22,#121614);color:#1ed760}.np-track{min-width:0}.np-track p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-song{font-size:15px;font-weight:650;color:var(--ink)}.np-artist{margin-top:2px;font-size:13px;color:var(--muted)}.np-who{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px;color:var(--text)}.np-who img{flex:none;width:28px;height:28px;border-radius:50%;object-fit:cover}.np-who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-play{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--bone);color:#0b0b0c;box-shadow:inset 0 1px #fff,0 8px 22px -10px #ebe6dc99;transition:transform .18s var(--ease),background-color .2s}.np-play:hover{transform:scale(1.08);background:#1ed760}.np-play:active{transform:scale(.95)}.np-empty{display:flex;align-items:center;gap:14px;padding:26px 18px;font-size:14px;color:var(--muted)}.np-empty span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#1ed76014;color:#1ed760}.section-head h2,.join h2{background:linear-gradient(180deg,#fff 30%,#9c988f);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.035em;font-weight:700}@media(max-width:1100px){.profiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.profiles{grid-template-columns:repeat(2,minmax(0,1fr))}.np-row{grid-template-columns:56px minmax(0,1fr) auto}.np-num{display:none}.np-who{grid-column:2;grid-row:2}.np-play{grid-column:3;grid-row:1 / span 2}.np-art{grid-row:1 / span 2}}@media(max-width:560px){.profiles{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.profiles::-webkit-scrollbar{display:none}.profiles>*{scroll-snap-align:start}.pc:hover{transform:none}.np-row{gap:12px;padding:12px 14px}}.profiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pc{padding:6px;border-radius:26px}.pc-inner{border-radius:20px;container-type:inline-size}.pc-banner{height:150px}.pc-titles{top:14px;right:14px;left:14px}.pc-titles li{padding:6px 12px;font-size:11px}.pc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 16px;margin-top:-56px;padding:0 22px}.pc-avatar{width:108px;height:108px}.pc-avatar-img{border-width:6px}.pc-status{right:6px;bottom:6px;width:24px;height:24px;border-width:5px}.pc-badges{align-self:flex-end;margin:0 0 4px;padding:5px;gap:3px;border-radius:14px;background:#0c0c0dd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pc-badges li{min-width:36px;height:36px;border-radius:10px}.pc-badges img{width:28px;height:28px}.pc-body{padding:14px 22px 20px}.pc-name h3{font-size:1.5rem;letter-spacing:-.03em}.pc-tag{font-size:11px;padding:4px 8px}.pc-handle{font-size:13.5px}.pc-custom{margin-top:14px;padding:10px 14px;font-size:14px}.pc-bio{font-size:14px}.pc-activity{padding-top:16px}.sp{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#121313}.sp-backdrop{top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(90deg,#12131399,#121313f0 55%),var(--art, radial-gradient(circle at 15% 50%, rgba(30, 215, 96, .18), transparent 60%)) left center / cover;filter:blur(34px) saturate(1.4);opacity:.85}.sp-art{width:96px;height:96px;border-radius:12px;box-shadow:0 0 0 1px #ffffff14,0 14px 30px -12px #000000e6}.sp-body{min-width:0;align-self:center}.sp-body p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-label{display:flex;font-size:11.5px;letter-spacing:.02em;text-transform:none}.sp-song{margin-top:10px;font-size:17px;font-weight:700;letter-spacing:-.015em;line-height:1.25;color:#fff}.sp-artist{margin-top:4px;font-size:13.5px;color:#ffffff9e}.sp-artist span{color:#fff6}.sp-progress{margin-top:14px;gap:12px;font-size:11px;color:#ffffff80}.sp-bar{height:4px;background:#ffffff1a}.sp-fill{background:#1ed760;box-shadow:0 0 10px #1ed76099}.sp-elapsed{margin-top:12px}.sp-open{position:relative;z-index:2;align-self:start;gap:7px;min-height:34px;padding:0 13px;border:1px solid rgba(30,215,96,.38);background:#1ed7601a;color:#1ed760;font-size:13px;box-shadow:none}.sp-open:hover{background:#1ed760;border-color:#1ed760;color:#06140b;box-shadow:0 10px 26px -10px #1ed760e6}.act{padding:16px;border-radius:18px}.act-art{width:72px;height:72px;border-radius:12px}.act-title{font-size:15.5px}.pc-foot{margin-top:16px}.pc-pill{font-size:12.5px;padding:6px 12px 6px 10px}@container (max-width: 420px){.pc-head{padding:0 16px}.pc-body{padding:12px 16px 16px}.pc-avatar{width:92px;height:92px}.pc-badges li{min-width:32px;height:32px}.pc-badges img{width:24px;height:24px}.sp{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:14px}.sp-art{width:72px;height:72px}.sp-song{font-size:15.5px}.sp-open{grid-column:1 / -1;justify-content:center}}@media(max-width:1100px){.profiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.profiles{grid-template-columns:1fr}}@media(max-width:560px){.profiles{grid-template-columns:none;grid-auto-columns:88%}}.pc-foot{margin-top:auto;padding-top:16px}.pc-activity+.pc-foot{margin-top:16px;padding-top:0}.pc-badges li:hover{transform:none;background:#ffffff17}.pc-badges li:after{top:calc(100% + 8px);bottom:auto;left:auto;right:0;transform:translateY(-4px)}.pc-badges li:hover:after{transform:translateY(0)}.pc:hover,.pc:hover .pc-banner img,.pc:hover .pc-banner .pc-banner-blur{transform:none}.pc-banner-blur,.pc:hover .pc-banner .pc-banner-blur{transform:scale(1.7)}.pc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 16px;margin-top:-46px}.pc-head .pc-badges{z-index:4;align-self:flex-end;margin:0 0 2px;padding:4px;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-sunk)}.pc-head .pc-badges li{min-width:34px;height:34px}.pc-head .pc-badges img{width:26px;height:26px}@container (max-width: 420px){.pc-head{margin-top:-40px}.pc-head .pc-badges li{min-width:30px;height:30px}.pc-head .pc-badges img{width:22px;height:22px}}.profiles-masonry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.profiles-col{display:flex;flex-direction:column;gap:16px;min-width:0}.profiles-col .pc-foot{margin-top:16px;padding-top:0}.pc{animation:pc-in .7s var(--ease) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes pc-in{0%{opacity:0;transform:translateY(14px) scale(.985)}}.pc-flash{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:6;border-radius:inherit;pointer-events:none;animation:pc-flash 1.6s var(--ease) both}@keyframes pc-flash{0%{box-shadow:0 0 0 1px #ebe6dc8c,0 0 40px -6px #ebe6dc59,inset 0 0 60px -20px #ebe6dc40;opacity:1}to{box-shadow:0 0 0 1px #ebe6dc00,0 0 40px -6px #ebe6dc00,inset 0 0 60px -20px #ebe6dc00;opacity:0}}.pc-avatar-img,.pc-banner-blur,.sp-art,.pc-custom{animation:soft-in .6s ease-out both}@keyframes soft-in{0%{opacity:0}}.pc-status{transition:background-color .4s;animation:status-pop .9s var(--ease) backwards}@keyframes status-pop{0%{transform:scale(.6);box-shadow:0 0 0 0 var(--st)}50%{transform:scale(1.1)}to{transform:scale(1);box-shadow:0 0 0 12px transparent}}.pc-dot,.pc-pill{transition:background-color .4s,color .4s}.pc-activity{animation:act-in .6s var(--ease) both}@keyframes act-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}.np-row{animation:act-in .55s var(--ease) both}.live-chip{display:inline-flex;align-items:center;justify-self:end;align-self:end;gap:9px;margin-bottom:6px;padding:7px 13px 7px 11px;border:1px solid rgba(74,222,128,.28);border-radius:999px;background:#4ade8012;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--online);animation:soft-in .6s ease-out both}@media(max-width:1000px){.live-chip{justify-self:start}}.nf{position:relative;display:grid;place-items:center;min-height:100svh;padding:120px 0 80px;text-align:center;isolation:isolate;overflow:hidden}.nf-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.nf-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.35) blur(2px);transform:scale(1.04);animation:fade 1.4s ease-out both}.nf-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 55% at 50% 50%,rgba(9,9,10,.35),var(--bg) 100%),linear-gradient(180deg,rgba(9,9,10,.4),var(--bg))}.nf-inner{display:flex;flex-direction:column;align-items:center;animation:rise .9s var(--ease) both}.nf-code{margin-top:18px;font-size:clamp(7rem,24vw,15rem);font-weight:700;line-height:.9;letter-spacing:-.06em;background:linear-gradient(180deg,#fff 25%,#8f8b82);-webkit-background-clip:text;background-clip:text;color:transparent}.nf-text{max-width:440px;margin-top:22px;font-size:1.05rem;color:var(--text)}.nf-actions{justify-content:center;margin-top:30px}.gal .section-head{margin-bottom:28px}.gal-wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.gal-frame{position:relative;grid-column:span 6;padding:clamp(20px,3vw,28px);border:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--bg-raised);box-shadow:inset 0 0 0 1px #ffffff05;opacity:0;transform:translateY(14px);animation:gal-enter .7s var(--ease) forwards}.gal-pulse{animation-delay:.05s;grid-column:span 4}.gal-faces{animation-delay:.12s;grid-column:span 8}.gal-corridor{animation-delay:.2s;grid-column:span 12}@keyframes gal-enter{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.gal-frame,.gal-portrait,.gal-plaques li{animation:none!important;opacity:1;transform:none}}.gal-frame-label{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.gal-frame-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.gal-frame-note{font-size:13px;color:var(--faint)}.gal-empty{margin-top:8px;color:var(--muted);font-size:.95rem}.gal-pulse-num{margin-top:18px;font-size:clamp(2.8rem,6vw,4.2rem);font-weight:650;letter-spacing:-.04em;line-height:1;color:var(--ink)}.gal-pulse-caption{margin-top:10px;color:var(--text)}.gal-pulse-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.gal-pulse-meta dt{font:400 11px/1.2 var(--mono);color:var(--faint)}.gal-pulse-meta dd{margin-top:4px;font-size:1.15rem;font-weight:600;color:var(--ink)}.gal-pulse .live-dot{animation:gal-pulse-dot 1.8s var(--ease) infinite}@keyframes gal-pulse-dot{0%,to{opacity:1}50%{opacity:.45}}.gal-portrait-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:16px 12px}.gal-portrait{margin:0;text-align:center;opacity:0;transform:translateY(8px);animation:gal-enter .55s var(--ease) forwards}.gal-portrait-frame{position:relative;width:72px;height:72px;margin:0 auto;padding:3px;border:1px solid var(--line-strong);background:var(--bg-sunk)}.gal-portrait-frame img,.gal-portrait-empty{width:100%;height:100%;object-fit:cover;display:block}.gal-portrait-empty{background:linear-gradient(145deg,rgba(255,255,255,.06),transparent)}.gal-status{position:absolute;right:2px;bottom:2px;width:10px;height:10px;border:2px solid var(--bg-raised);border-radius:50%;background:var(--offline)}.gal-status.status-online{background:var(--online)}.gal-status.status-idle{background:var(--idle)}.gal-status.status-dnd{background:var(--dnd)}.gal-status.status-offline{background:var(--offline)}.gal-portrait figcaption{margin-top:8px}.gal-portrait figcaption strong{display:block;font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gal-portrait figcaption span{display:block;margin-top:2px;font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gal-corridor{overflow:hidden;min-height:220px}.gal-corridor-glow{pointer-events:none;position:absolute;inset:-20% 20% auto;height:70%;background:radial-gradient(ellipse at center,rgba(235,230,220,.07),transparent 68%)}.gal-corridor-line{position:relative;max-width:42ch;margin:4px 0 22px;font-size:1.05rem;line-height:1.55;color:var(--text)}.gal-plaques{position:relative;display:flex;flex-wrap:wrap;gap:10px}.gal-plaques li{padding:10px 14px;border:1px solid var(--line-strong);background:var(--bg-sunk);color:var(--ink);font-size:.92rem;letter-spacing:.01em;opacity:0;transform:translateY(8px);animation:gal-enter .55s var(--ease) forwards}.gal-frame-link{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;color:var(--ink);border-bottom:1px solid var(--line-strong);padding-bottom:2px;transition:color .2s,border-color .2s}.gal-frame-link:hover{color:var(--bone-hover);border-color:var(--bone)}.gal-corridor-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}@media(max-width:960px){.gal-pulse,.gal-faces,.gal-corridor{grid-column:span 12}}@media(max-width:560px){.gal-wall{gap:14px}.gal-frame{padding:18px}.gal-portrait-row{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}}.panel-main{padding-top:96px;padding-bottom:80px;min-height:70vh}.panel-page{display:grid;gap:22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-title{font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;margin-top:4px}.panel-lede{max-width:42ch;margin:10px 0 18px;color:var(--muted)}.panel-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.panel-stats-compact .panel-stat-chip{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface)}.panel-groups{display:grid;gap:10px;margin-bottom:4px}.panel-groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.panel-group-card{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface)}.panel-group-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-group-top strong{font-size:15px;letter-spacing:-.02em}.panel-group-ch{margin:0;font-size:13px;color:var(--muted)}.panel-group-ch code{color:var(--ink);font-size:12px}.panel-voice-cell{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-field{display:grid;gap:6px}.panel-field-head{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.panel-field-head small{color:var(--faint);font-size:11px}.panel-field-head input[type=checkbox]{margin:0}.panel-check-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.panel-check-line input{margin:0}.panel-stats-compact .panel-stat-chip span{color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.panel-stats-compact .panel-stat-chip strong{color:var(--ink);font-size:18px;font-weight:600;letter-spacing:-.02em}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.panel-block{display:grid;gap:10px;padding:14px}.panel-block-wide{grid-column:1 / -1}.panel-channel-activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.panel-channel-activity-card{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--bg-sunk)}.panel-input-narrow{max-width:88px;min-height:36px}.panel-auto-list{display:grid;gap:6px;max-height:220px;overflow:auto;padding-top:4px}.panel-auto-row{display:grid;grid-template-columns:minmax(0,1.2fr) auto minmax(0,1.6fr) auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--bg-sunk);font-size:12px}.panel-auto-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.panel-input{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--bg-sunk);color:var(--ink);font:400 14px/1.4 var(--sans)}.panel-input:focus{outline:none;border-color:var(--line-strong)}.panel-textarea{min-height:96px;resize:vertical;font-family:var(--mono);font-size:12.5px}.panel-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.panel-msg{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--bone);font-size:14px}.panel-table-wrap{padding:16px;overflow:hidden}.panel-table{display:grid;gap:6px;margin-top:10px}.panel-thead,.panel-row-item{display:grid;grid-template-columns:28px minmax(160px,1.4fr) 1fr .8fr .7fr auto;gap:10px;align-items:center;padding:10px 8px}.panel-thead{color:var(--faint);font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}.panel-row-item{border:1px solid transparent;border-radius:var(--radius-xs);background:var(--surface);cursor:pointer}.panel-row-item{cursor:pointer}.panel-row-item:hover{background:var(--surface-hover)}.panel-row-item.is-dead{opacity:.55}.panel-row-item.is-selected{border-color:#3dd68c;background:color-mix(in srgb,#3dd68c 14%,var(--surface));box-shadow:inset 3px 0 #3dd68c}.btn-selected,.btn.btn-selected{background:#3dd68c!important;color:#062818!important;border-color:#3dd68c!important}.panel-input.is-selected-input{border-color:#3dd68c;box-shadow:0 0 0 1px color-mix(in srgb,#3dd68c 50%,transparent)}.panel-selected-hint{padding:8px 10px;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,#3dd68c 45%,var(--line));background:color-mix(in srgb,#3dd68c 10%,var(--bg-sunk))}.panel-selected-hint strong{color:#3dd68c}.panel-user{display:flex;align-items:center;gap:10px;min-width:0}.panel-user img,.panel-av{width:28px;height:28px;border-radius:50%;background:var(--bg-raised);flex-shrink:0}.panel-user strong,.panel-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-user small{color:var(--muted);font-size:12px}.panel-pill{display:inline-flex;width:fit-content;padding:4px 8px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.panel-pill.status-online{color:var(--online)}.panel-pill.status-idle{color:var(--idle)}.panel-pill.status-dnd{color:var(--dnd)}@media(max-width:900px){.panel-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid{grid-template-columns:1fr}.panel-thead{display:none}.panel-row-item{grid-template-columns:28px 1fr auto;grid-template-areas:"check user del" "check nick del" "check meta del"}.panel-row-item>:nth-child(1){grid-area:check}.panel-row-item>:nth-child(2){grid-area:user}.panel-row-item>:nth-child(3){grid-area:nick}.panel-row-item>:nth-child(4),.panel-row-item>:nth-child(5){grid-area:meta}.panel-row-item>:nth-child(6){grid-area:del}}
