:root{--text: #ffffff;--textDim: rgba(255, 255, 255, .7);--stroke: rgba(27, 27, 27, .1);--panelBg: rgba(27, 27, 27, .2);--panelBorder: 2px solid rgba(27, 27, 27, .1);--radius: 20px;--shadow: 0 40px 140px rgba(0, 0, 0, .72);--glow: 0 0 16.5px rgba(255, 255, 255, .92);--glass1: rgba(255, 255, 255, .1);--glass2: rgba(255, 255, 255, .04)}*{box-sizing:border-box}*{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}img,video,audio,canvas{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}html.devtools-shield body{filter:blur(28px);pointer-events:none}html.devtools-shield body:after{content:"nope.";position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:grid;place-items:center;background:#000;color:#ffffffd9;font-size:42px;font-weight:700;letter-spacing:.02em}html,body,#app{height:100%}body{margin:0;font-family:Onest,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:#000;overflow:hidden;cursor:auto}.root{position:relative;min-height:100%;display:flex;flex-direction:column}.cursorTrail{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999}.cursorDot{position:absolute;left:0;top:0;width:20px;height:20px;background:top left/contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));pointer-events:none}.bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;background-position:center;background-size:cover;background-repeat:no-repeat;filter:grayscale(1) contrast(1.06) brightness(.78);transform:scale(1.12);will-change:transform;animation:slowZoom 12s ease-in-out infinite alternate}@keyframes slowZoom{0%{transform:scale(1.12)}to{transform:scale(1.16)}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 520px at 50% 35%,#0000001f,#000000bf 70%),linear-gradient(180deg,#00000073,#000000c7);pointer-events:none}#fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .45s ease}.entered #fx{opacity:1}main{position:relative;flex:1 1 auto;display:grid;place-items:center;padding:28px 16px}.shell{width:min(40rem,100%);display:grid;gap:14px;place-items:center}.volDock{position:fixed;top:14px;left:14px;z-index:6;display:inline-flex;align-items:center;padding:10px 12px;border-radius:16px;background:#1b1b1b2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 60px #00000073;border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(-6px);transition:opacity .45s ease,transform .45s ease}.entered .volDock{opacity:1;transform:translateY(0)}.volIcon{width:22px;height:22px;display:block;color:#ffffffeb;filter:drop-shadow(0 0 12px rgba(255,255,255,.1))}.volDock .volSlider{width:0px;margin-left:0;opacity:0;overflow:hidden;transition:width .22s ease,margin-left .22s ease,opacity .22s ease}.volDock:hover .volSlider{width:160px;margin-left:10px;opacity:1}.card{width:min(40rem,100%);border-radius:var(--radius);background:var(--panelBg);border:var(--panelBorder);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:35px 15px;text-align:center;opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease;position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:-40%;right:-60%;bottom:-40%;left:-60%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.1),transparent 60%);transform:translate(-30%);opacity:0;pointer-events:none}.entered .card:hover:after{opacity:1;animation:sheen 1.35s ease}@keyframes sheen{0%{transform:translate(-30%)}to{transform:translate(30%)}}.entered .card{opacity:1;transform:translateY(0);transition-delay:.22s}.card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(600px 220px at 50% 0%,rgba(255,255,255,.14),transparent 60%),radial-gradient(520px 260px at 10% 25%,rgba(255,255,255,.08),transparent 62%),radial-gradient(520px 280px at 90% 30%,rgba(255,255,255,.07),transparent 62%);pointer-events:none;opacity:.85}.card>*{position:relative;z-index:1}.avatar{width:120px;height:120px;border-radius:999px;margin:0 auto 12px;position:relative}.dStatus{position:absolute;left:9px;bottom:9px;width:20px;height:20px;border-radius:999px;background:#131313f2;border:2px solid rgba(0,0,0,.55);box-shadow:0 10px 26px #0000008c;display:grid;place-items:center}.dStatusInner{width:12px;height:12px;border-radius:999px;background:#43b581}.dStatus[data-status=idle] .dStatusInner{background:#faa61a}.dStatus[data-status=dnd] .dStatusInner{background:#f04747}.dStatus[data-status=offline] .dStatusInner{background:#747f8d}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}h1{font-weight:600;font-size:39.5px;margin:0;text-shadow:var(--glow)}.subtitle{font-weight:570;font-size:19px;color:var(--text);margin-top:8px;margin-bottom:0}.typeWrap{margin-top:16px;min-height:30px;font-weight:550;font-size:18.5px;color:var(--text)}.cursor{display:inline-block;width:10px;height:1.05em;vertical-align:-.2em;margin-left:4px;background:#ffffffe6;animation:blink 1s step-end infinite;border-radius:2px}@keyframes blink{50%{opacity:0}}.social{margin-top:20px;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.iconBtn{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff38;border:2px solid rgba(255,255,255,.12);transition:transform .16s ease,background .16s ease,border-color .16s ease}.iconBtn:hover{transform:translateY(-2px);background:#ffffff52;border-color:#ffffff40}.icon{width:22px;height:22px;display:block;color:#fcfcfc;filter:drop-shadow(#fcfcfc 1px 0 7px)}.enter{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:10;background:#00000059;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);cursor:pointer;transition:opacity .65s ease,backdrop-filter .65s ease,-webkit-backdrop-filter .65s ease,transform .65s ease}.enterText{font-weight:700;font-size:30px;color:#ffffffe6;text-shadow:0 0 24px rgba(255,255,255,.12);letter-spacing:-.01em}.enter.hidden{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transform:translateY(-6px);pointer-events:none}.views{position:absolute;left:18px;bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#1b1b1b33;border:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;font-weight:550;font-size:14px}.player{width:min(40rem,100%);border-radius:18px;background:#1b1b1b2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 28px 90px #0000008c;border:1px solid rgba(255,255,255,.1);padding:14px 16px;display:grid;gap:10px;opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease}.entered .player{opacity:1;transform:translateY(0);transition-delay:.32s}.pTop{display:flex;align-items:center;gap:12px;min-width:0}.pCover{flex:0 0 auto;width:56px;height:56px;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #00000073}.pCover img{width:100%;height:100%;object-fit:cover;display:block}.pTopText{min-width:0;flex:1 1 auto;display:grid;gap:3px}.pTitle{font-size:14px;font-weight:650;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pSub{font-size:12px;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pBar{display:grid;gap:6px}.timeRow{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#ffffff9e}.seek{width:100%;--fill: 0%;cursor:pointer}.seek::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,rgba(255,255,255,.95) 0%,rgba(255,255,255,.78) var(--fill),rgba(255,255,255,.16) var(--fill),rgba(255,255,255,.16) 100%)}.seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:999px;background:#fff;margin-top:-3.5px;box-shadow:0 0 0 4px #ffffff1f,0 0 14px #ffffff80;transition:box-shadow .14s ease,transform .14s ease}.seek:hover::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 0 0 5px #ffffff29,0 0 18px #ffffffb3}.seek::-moz-range-track{height:6px;border-radius:999px;background:#ffffff29}.seek::-moz-range-progress{height:6px;border-radius:999px;background:#ffffffe6}.seek::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:999px;background:#fff;box-shadow:0 0 0 4px #ffffff1f,0 0 14px #ffffff80}.pControls{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:10px}.pBtn{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff1a;color:#ffffffeb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .14s ease,background .14s ease}.pBtn:hover{background:#ffffff29;transform:translateY(-1px)}.pBtn:active{transform:translateY(0) scale(.98)}.pBtnPlay{background:#fff3;border-color:#ffffff47}.pBtnPlay:hover{background:#ffffff47}.vol{display:flex;align-items:center;gap:10px;justify-content:center}.volSlider{width:0px;opacity:0;overflow:hidden;transition:width .22s ease,opacity .22s ease}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#ffffff38}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;background:#ffffffeb;margin-top:-4px;box-shadow:0 0 18px #ffffff24}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#ffffff38}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:999px;background:#ffffffeb;border:none}.viewsIcon{width:18px;height:18px;display:block;color:#ffffffeb;filter:drop-shadow(0 0 10px rgba(255,255,255,.12))}.viewsNum{font-variant-numeric:tabular-nums;transition:text-shadow .45s ease,transform .18s ease}.views.pulse .viewsNum{text-shadow:0 0 12px rgba(120,255,170,.85);transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.bg{animation:none}.cursor{animation:none;opacity:1}.iconBtn{transition:none}}
