*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;background:#1a1d24;font-family:DM Sans,sans-serif;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.widget-root{width:100%;max-width:480px;min-height:120px;overflow:hidden}.widget-root.style-compact{max-width:300px}.widget-root.style-tall{max-width:220px}.widget-root.style-banner{max-width:480px}.widget-compact{width:100%;background:#1a1d24;border:1px solid #2a2d36;border-radius:14px;padding:16px 18px;position:relative;overflow:hidden;font-family:DM Sans,sans-serif}.widget-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f97316,#fb923c,transparent)}.widget-compact .header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.widget-compact .logo{width:24px;height:24px;background:#f97316;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.widget-compact .server-name{font-size:13px;font-weight:600;color:#e8eaf0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-compact .live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:w-pulse 2s infinite;flex-shrink:0}.widget-compact .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.widget-compact .stat{background:#12141a;border-radius:8px;padding:10px 8px;text-align:center}.widget-compact .stat .value{font-family:DM Mono,monospace;font-size:16px;font-weight:500;color:#f97316;line-height:1;margin-bottom:2px}.widget-compact .stat .label{font-size:8px;color:#555;text-transform:uppercase;letter-spacing:.3px}.widget-compact .footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between}.widget-compact .footer a{font-size:10px;color:#444;text-decoration:none;letter-spacing:.3px}.widget-compact .footer a:hover{color:#f97316}.widget-compact .streak-bar{display:flex;gap:3px;align-items:center}.widget-compact .streak-bar span{display:block;width:4px;height:14px;border-radius:2px;background:#2a2d36}.widget-compact .streak-bar span.active{background:#f97316}.widget-compact .streak-bar span.active:nth-child(1){height:8px}.widget-compact .streak-bar span.active:nth-child(2){height:10px}.widget-compact .streak-bar span.active:nth-child(3){height:12px}.widget-compact .streak-bar span.active:nth-child(4){height:14px}.widget-compact .streak-bar span.active:nth-child(5){height:14px}.widget-compact .streak-bar span.active:nth-child(6){height:14px}.widget-compact .streak-bar span.active:nth-child(7){height:12px}@keyframes w-pulse{0%,to{opacity:1}50%{opacity:.3}}.widget-state{width:100%;background:#1a1d24;border:1px solid #2a2d36;border-radius:14px;padding:24px 18px;text-align:center;color:#888;font-size:13px}.widget-state.loading{color:#666}.widget-state.error{color:#ef4444}.widget-tall{width:100%;background:#1a1d24;border:1px solid #2a2d36;border-radius:14px;padding:20px 16px;position:relative;overflow:hidden;font-family:DM Sans,sans-serif}.widget-tall:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f97316,#fb923c,transparent)}.widget-tall .glow{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(249,115,22,.12) 0%,transparent 70%);pointer-events:none}.widget-tall .icon{font-size:32px;text-align:center;margin-bottom:4px}.widget-tall .server{text-align:center;font-size:11px;color:#555;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.widget-tall .big-streak{text-align:center;margin-bottom:16px}.widget-tall .big-streak .number{font-family:DM Mono,monospace;font-size:48px;font-weight:500;color:#f97316;line-height:1}.widget-tall .big-streak .sublabel{font-size:11px;color:#555;margin-top:4px;text-transform:uppercase;letter-spacing:1px}.widget-tall .divider{height:1px;background:#2a2d36;margin:12px 0}.widget-tall .mini-stats{display:flex;flex-direction:column;gap:8px}.widget-tall .mini-stat{display:flex;justify-content:space-between;align-items:center}.widget-tall .mini-stat .k{font-size:11px;color:#555}.widget-tall .mini-stat .v{font-family:DM Mono,monospace;font-size:12px;color:#e8eaf0;font-weight:500}.widget-tall .cta{display:block;margin-top:16px;background:#f97316;color:#fff;text-align:center;text-decoration:none;font-size:11px;font-weight:600;padding:8px;border-radius:8px;letter-spacing:.3px;transition:background .2s}.widget-tall .cta:hover{background:#ea6a0a}.widget-tall .branding{text-align:center;margin-top:10px;font-size:9px;color:#333;letter-spacing:.5px}.widget-banner{width:100%;min-height:74px;background:#1a1d24;border:1px solid #2a2d36;border-radius:14px;padding:16px 20px;position:relative;overflow:hidden;font-family:DM Sans,sans-serif;display:flex;align-items:center;gap:20px;flex-wrap:nowrap}.widget-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f97316,#fb923c,transparent);z-index:0;pointer-events:none}.widget-banner .left,.widget-banner .right{position:relative;z-index:1}.widget-banner .left{display:flex;align-items:center;gap:12px;flex:1;min-width:140px;overflow:hidden;flex-shrink:0}.widget-banner .left .info{min-width:0;overflow:hidden}.widget-banner .left .info .name,.widget-banner .left .info .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-banner .avatar{width:42px;height:42px;background:linear-gradient(135deg,#f97316,#c2410c);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.widget-banner .info .name{font-size:14px;font-weight:600;color:#e8eaf0;margin-bottom:2px}.widget-banner .info .sub{font-size:11px;color:#555}.widget-banner .info .sub span{color:#f97316;font-weight:600}.widget-banner .right{display:flex;gap:16px;align-items:center;flex-shrink:0}.widget-banner .bstat{text-align:center;min-width:44px}.widget-banner .bstat .bval{font-family:DM Mono,monospace;font-size:18px;font-weight:500;color:#f97316;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px;margin:0 auto}.widget-banner .bstat .blabel{font-size:9px;color:#555;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;white-space:nowrap}.widget-banner .vsep{width:1px;height:32px;background:#2a2d36}.widget-banner .join-btn{background:#f97316;color:#fff;text-decoration:none;font-size:11px;font-weight:600;padding:8px 14px;border-radius:8px;white-space:nowrap;transition:background .2s}.widget-banner .join-btn:hover{background:#ea6a0a}.widget-badges{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.widget-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;background:#f9731626;border:1px solid rgba(249,115,22,.3);color:#f97316;white-space:nowrap}.widget-tall .widget-badges{justify-content:center;margin-top:6px;margin-bottom:4px}.widget-banner .widget-badges{margin-top:4px}.widget-compact .widget-badges{margin-top:6px}