:root{color-scheme:dark;--bg:#04080f;--panel:rgba(7, 12, 20, 0.78);--accent:#30b6ff;--accent-soft:rgba(48, 182, 255, 0.25);--text:#d6e9f7;--muted:#6c8aa3;--grid:rgba(48, 182, 255, 0.2);--glow:0 0 18px rgba(48, 182, 255, 0.35)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,64px);background:radial-gradient(60% 80%at 15% 10%,rgba(48,182,255,.18),transparent 60%),radial-gradient(50% 70%at 85% 20%,rgba(12,60,90,.35),transparent 60%),linear-gradient(150deg,rgba(6,22,40,.6),transparent 40%),var(--bg);color:var(--text);font-family:"IBM Plex Mono","Share Tech Mono",ui-monospace,monospace;letter-spacing:.02em;overflow-x:hidden}main.frame{width:min(1100px,100%);background:var(--panel);border:1px solid var(--grid);border-radius:18px;padding:clamp(24px,4vw,56px);box-shadow:0 24px 60px rgba(4,8,15,.9),var(--glow);backdrop-filter:blur(10px);position:relative}main.frame::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(48,182,255,.2);border-radius:12px;pointer-events:none}.tag{text-transform:uppercase;letter-spacing:.4em;font-size:.75rem;color:var(--muted)}.title{font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;font-size:clamp(28px,4vw,48px);letter-spacing:.16em;text-transform:lowercase;margin:10px 0 16px;line-height:1.1;white-space:nowrap;--title-max:48;--title-min:16}.lead{color:var(--muted);line-height:1.6;font-size:.95rem}.frame-inner{width:100%;display:grid;gap:12px}.status{margin:10px 0 0;display:grid;gap:8px}.status-row{display:flex;align-items:center;gap:10px}.status-label{min-width:34px;font-size:.68rem;text-transform:uppercase;letter-spacing:.22em;color:var(--muted)}.account-btn,.account-line,.status-chip{align-items:center;text-transform:uppercase}.account-line{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;font-size:.68rem;letter-spacing:.2em;color:var(--muted)}.account-line span{color:var(--text);letter-spacing:.1em}.account-btn,.status-chip{display:inline-flex}.account-btn{justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(48,182,255,.45);letter-spacing:.2em;font-size:.6rem;color:var(--text);background:rgba(8,14,20,.7);text-decoration:none;cursor:pointer}.account-btn:hover{box-shadow:0 0 12px rgba(48,182,255,.35)}.status-chip{gap:8px;font-size:.72rem;letter-spacing:.25em;color:var(--muted)}.status-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 10px rgba(48,182,255,.35)}.account-btn:hover,.status-chip[data-state=online]{color:var(--accent)}.status-chip[data-state=online]::before{background:var(--accent);box-shadow:0 0 10px rgba(48,182,255,.6)}.status-chip[data-state=offline]{color:#ff7a55}.status-chip[data-state=offline]::before{background:#ff7a55;box-shadow:0 0 10px rgba(255,122,85,.6)}.address{margin:22px 0;padding:18px;border-radius:12px;border:1px solid rgba(48,182,255,.3);background:rgba(6,10,16,.75);display:grid;gap:8px}.address .label{text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;color:var(--muted)}.address .value{font-size:1.1rem;color:var(--accent);overflow-wrap:anywhere}.actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;border:1px solid rgba(48,182,255,.45);text-transform:uppercase;letter-spacing:.28em;font-size:.75rem;color:var(--text);background:rgba(8,14,20,.7);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:linear-gradient(130deg,rgba(48,182,255,.3),rgba(48,182,255,.1));box-shadow:0 0 16px rgba(48,182,255,.25)}.btn:hover{transform:translateY(-1px);box-shadow:0 0 16px rgba(48,182,255,.4)}@media (max-width:720px){body{padding:10px;letter-spacing:.01em;display:block}main.frame{padding:12px;border-radius:12px}main.frame::before{inset:4px}.frame-inner{width:100%;gap:10px}.address .label,.tag{letter-spacing:.1em;font-size:.58rem}.title{letter-spacing:.06em;font-size:clamp(18px,6.8vw,26px)}.lead{font-size:.82rem;line-height:1.5}.address{padding:12px;margin:16px 0}.address .label{font-size:.62rem}.address .value{font-size:.95rem}.actions{flex-direction:column;align-items:stretch}.btn{width:100%;letter-spacing:.08em;font-size:.6rem;padding:9px 12px}.status-chip{font-size:.62rem;letter-spacing:.14em}.status-label{font-size:.58rem;letter-spacing:.16em}.account-line{letter-spacing:.12em;font-size:.6rem}.account-btn{letter-spacing:.1em;font-size:.56rem}}@media (max-width:420px){.lead{font-size:.78rem}.btn{font-size:.58rem}}@media (max-width:360px){.title{font-size:clamp(18px,7.5vw,24px)}}