:root{color-scheme:dark;--bg: radial-gradient(circle at top right, rgba(99, 102, 241, .35), transparent 42%), linear-gradient(145deg, #0f172a, #111827 56%, #020617);--border: rgba(148, 163, 184, .18);--text: #e2e8f0;--muted: rgba(191, 219, 254, .72);--accent: #818cf8;--accent-strong: #6366f1;--success: #22c55e;--inner-bg: linear-gradient(180deg, rgba(15, 23, 42, .18), rgba(15, 23, 42, .45));--brand: rgba(226, 232, 240, .58);--protocol-bg: rgba(129, 140, 248, .16);--protocol-border: rgba(129, 140, 248, .22);--protocol-text: #c7d2fe}:root[data-theme=light]{color-scheme:light;--bg: radial-gradient(circle at top right, rgba(99, 102, 241, .18), transparent 42%), linear-gradient(145deg, #f8fafc, #eef2ff 58%, #e2e8f0);--border: rgba(99, 102, 241, .18);--text: #0f172a;--muted: rgba(51, 65, 85, .72);--accent: #4f46e5;--inner-bg: linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, .78));--brand: rgba(51, 65, 85, .58);--protocol-bg: rgba(99, 102, 241, .1);--protocol-border: rgba(99, 102, 241, .16);--protocol-text: #4338ca}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Roboto,Arial,sans-serif;background:transparent}body{padding:0}.widget{width:100%;height:100%;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--inner-bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.dot{width:9px;height:9px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 6px #22c55e1a;flex:0 0 auto}.protocol{padding:4px 9px;border-radius:999px;background:var(--protocol-bg);border:1px solid var(--protocol-border);color:var(--protocol-text);font-size:11px;white-space:nowrap}.ip-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}.label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.18em}.ip{font-family:Consolas,Monaco,monospace;color:var(--accent);font-weight:700;line-height:1.05;word-break:break-word;-webkit-user-select:text;user-select:text}.actions{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.brand{color:var(--brand);font-size:12px}.copy-btn{appearance:none;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#fff;font-weight:700;padding:10px 14px;cursor:pointer;transition:transform .14s ease,opacity .14s ease,background .14s ease}.copy-btn:hover{transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.copy-btn.is-success{background:linear-gradient(135deg,#16a34a,var(--success))}.widget-xs .inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top top" "ip actions";align-items:center;padding:10px 12px;gap:6px 10px}.widget-xs .protocol,.widget-xs .brand,.widget-xs .label{display:none}.widget-xs .topbar{grid-area:top}.widget-xs .ip-wrap{grid-area:ip}.widget-xs .actions{grid-area:actions;justify-content:flex-end}.widget-xs .copy-btn{padding:7px 10px;border-radius:10px;font-size:11px;white-space:nowrap}.widget-xs .ip{font-size:14px;line-height:1.15}