:root{--bg-void: #0a0a0c;--surface: #131116;--surface-2: #17151b;--hairline: rgba(212, 175, 106, .22);--hairline-soft: rgba(232, 227, 217, .08);--gold: #d4af6a;--gold-soft: #e9d3a3;--violet: #8c72ff;--ink: #ece7dd;--ink-dim: #a39c8f;--ink-faint: #6b6560;--radius-card: 22px;--radius-sm: 12px;--font-display: "Fraunces", "Iowan Old Style", serif;--font-body: "Sora", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg-void);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px;border-radius:4px}.stage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 20px;position:relative}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg-void)}.ambientBase{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% -10%,#1c1720 0%,var(--bg-void) 55%)}.ambientStatusGlow{position:absolute;top:0;right:0;bottom:0;left:0;transition:background 1.2s ease}.ambientCanvas{position:absolute;top:0;right:0;bottom:0;left:0}.ambientVignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 220px 60px #000000bf;pointer-events:none}.ambientGrain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cardWrap{position:relative;z-index:1;width:100%;max-width:420px;transition:transform .15s ease-out;transform-style:preserve-3d}.card{position:relative;background:linear-gradient(165deg,var(--surface) 0%,#0f0d11 100%);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:30px 28px 24px;box-shadow:0 30px 80px -25px #000c,0 0 0 1px #0006,inset 0 1px #ffffff0a;overflow:hidden;animation:cardIn .7s cubic-bezier(.16,1,.3,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cardSheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:background .2s ease-out}.cardHeader{display:flex;gap:18px;align-items:flex-start;position:relative}.avatarBlock{flex-shrink:0}.avatarRing{position:relative;width:84px;height:84px;border-radius:50%;padding:3px;background:conic-gradient(from 180deg,var(--gold),#6b5a34,var(--gold))}.ring-online{background:conic-gradient(from 180deg,#3ba55d,#1d4a2c,#3ba55d)}.ring-idle{background:conic-gradient(from 180deg,#e8a33d,#6b4c17,#e8a33d)}.ring-dnd{background:conic-gradient(from 180deg,#ed4245,#5c1618,#ed4245)}.ring-offline{background:conic-gradient(from 180deg,#6b6560,#302d2a,#6b6560)}.avatar,.avatarPlaceholder{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover;background:var(--surface-2)}.avatarPlaceholder{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;color:var(--gold-soft)}.avatarDecoration{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);pointer-events:none}.statusDot{position:absolute;right:2px;bottom:2px;width:18px;height:18px;border-radius:50%;border:3px solid var(--surface)}.idBlock{min-width:0;padding-top:2px}.nameRow{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;row-gap:4px}.nameRow h1{font-family:var(--font-display);font-weight:600;font-size:25px;letter-spacing:-.01em;margin:0;color:var(--ink)}.badgeRow{display:flex;gap:6px}.badge{font-size:10.5px;letter-spacing:.02em;padding:3px 8px;border-radius:100px;border:1px solid var(--hairline);color:var(--gold-soft);background:#d4af6a12;white-space:nowrap}.handle{display:inline-flex;align-items:center;gap:8px;margin-top:3px;color:var(--ink-dim);font-size:13.5px;padding:0}.handle:hover .copyHint,.handle:focus-visible .copyHint{opacity:1;transform:translate(0)}.copyHint{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;color:var(--ink-faint);opacity:0;transform:translate(-4px);transition:opacity .15s ease,transform .15s ease}.tagline{margin:8px 0 0;font-size:13.5px;color:var(--ink-dim);line-height:1.5}.bio{margin:6px 0 0;font-size:12px;color:var(--gold-soft);line-height:1.5;opacity:.9}.notesWidget{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#8c72ff1a,#d4af6a0d);border:1px solid rgba(140,114,255,.2)}.notesLabel{font-size:14px;flex-shrink:0;line-height:1.4}.notes{margin:0;font-size:12.5px;color:var(--ink-dim);line-height:1.5;word-break:break-word}.divider{height:1px;margin:20px 0;background:linear-gradient(90deg,transparent,var(--hairline-soft) 15%,var(--hairline-soft) 85%,transparent)}.statusSection{display:flex;flex-direction:column;gap:12px}.statusLine{display:flex;align-items:center;gap:8px;font-size:13px}.statusPip{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.statusText{font-weight:600;color:var(--ink)}.connectingText,.lastSeen{color:var(--ink-faint)}.activityCard{display:flex;gap:12px;padding:12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--hairline-soft);text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease}.activityCard:hover{border-color:var(--hairline)}.activityArt,.activityArtFallback{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0;background:linear-gradient(150deg,#2a2530,#17151b)}.activityInfo{min-width:0;display:flex;flex-direction:column;gap:1px}.activityKind{font-size:10.5px;letter-spacing:.02em;color:var(--gold-soft)}.activityTitle{font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activitySub{font-size:12px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activityElapsed{font-size:11px;color:var(--ink-faint);margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.progressTrack{margin-top:5px;height:3px;border-radius:2px;background:#ffffff14;overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,var(--gold),var(--violet));transition:width 1s linear}.idleNote,.fallbackNote{font-size:12.5px;color:var(--ink-faint);line-height:1.6;margin:0}.fallbackNote a{color:var(--gold-soft);text-decoration:underline;text-underline-offset:2px}.socialRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.audioControl{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--hairline-soft);background:var(--surface-2);color:var(--ink-dim);font-size:16px;cursor:pointer;transition:transform .18s ease,color .18s ease,border-color .18s ease,background .18s ease}.audioControl:hover,.audioControl:focus-visible{color:var(--gold-soft);border-color:var(--hairline);background:#d4af6a14;transform:translateY(-2px)}.socialLink{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--hairline-soft);background:var(--surface-2);color:var(--ink-dim);transition:transform .18s ease,color .18s ease,border-color .18s ease,background .18s ease}.socialLink:hover,.socialLink:focus-visible{color:var(--gold-soft);border-color:var(--hairline);background:#d4af6a14;transform:translateY(-2px)}.poweredBy{text-align:center;margin:16px 0 0;font-size:11px;color:var(--ink-faint)}.poweredBy a{color:var(--ink-dim);text-decoration:underline;text-underline-offset:2px}@media (max-width: 460px){.card{padding:24px 20px 20px}.avatarRing{width:72px;height:72px}.nameRow h1{font-size:21px}}@media (prefers-reduced-motion: reduce){.card{animation:none}.socialLink,.cardWrap{transition:none}}