:root{
  --ground:#08191c; --stone:#5d6b6e; --stone-dark:#3a4548; --stone-light:#8c9a9c;
  --aqua:#8fd3d0; --aqua-dim:#5fb3b3; --aqua-deep:#2f7c80;
  --silver:#e6ecec; --text:#d7e3e3; --text-dim:rgba(215,227,227,.62);
  --amber:#c98a3a; --red:#c9463a;
  --panel:rgba(12,34,38,.94); --panel-soft:rgba(12,34,38,.82);
  --border:rgba(143,211,208,.42); --border-strong:rgba(143,211,208,.75);
  --glow:0 0 18px rgba(143,211,208,.25); --shadow:0 24px 48px rgba(0,0,0,.8);
  --gold:#e8d6a0; --gold-fill:rgba(232,214,160,.16); --gold-fill-hover:rgba(232,214,160,.34);
  --gold-border:rgba(232,214,160,.55); --gold-border-strong:rgba(232,214,160,.9);
  --title:'Cinzel','Trajan Pro',Georgia,serif;
  --ui:'Roboto Condensed','Futura Condensed',sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--ground);color:var(--text);font-family:var(--ui);font-size:16px;line-height:1.65;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(60% 45% at 18% 22%,rgba(47,124,128,.55),transparent 70%),
    radial-gradient(55% 40% at 82% 30%,rgba(95,179,179,.38),transparent 70%),
    radial-gradient(45% 35% at 70% 82%,rgba(201,138,58,.20),transparent 72%),
    radial-gradient(50% 40% at 25% 85%,rgba(47,124,128,.30),transparent 72%),var(--ground);}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background-image:
    radial-gradient(1.4px 1.4px at 12% 18%,#fff,transparent),
    radial-gradient(1.1px 1.1px at 28% 62%,#dff3f2,transparent),
    radial-gradient(1.6px 1.6px at 47% 11%,#fff,transparent),
    radial-gradient(1.1px 1.1px at 63% 44%,#cfeae9,transparent),
    radial-gradient(1.5px 1.5px at 78% 73%,#fff,transparent),
    radial-gradient(1.2px 1.2px at 88% 26%,#dff3f2,transparent),
    radial-gradient(1.1px 1.1px at 36% 88%,#fff,transparent),
    radial-gradient(1.3px 1.3px at 6% 54%,#cfeae9,transparent);
  background-size:520px 520px;}
.wm{position:fixed;right:-70px;top:50%;transform:translateY(-50%);width:min(640px,58vw);
  opacity:.07;z-index:-1;pointer-events:none;filter:drop-shadow(0 0 40px rgba(143,211,208,.35))}
.wrap{max-width:880px;margin:0 auto;padding:3rem 1.25rem 5rem}
h1{font-family:var(--title);font-weight:600;color:var(--silver);font-size:clamp(2.2rem,7vw,4rem);
  letter-spacing:.20em;margin:.2rem 0 .4rem;text-shadow:0 0 24px rgba(143,211,208,.35),0 2px 0 rgba(0,0,0,.6)}
h2{font-family:var(--title);font-weight:400;color:var(--aqua);letter-spacing:.13em;text-transform:uppercase;
  font-size:1rem;margin:2.8rem 0 .9rem;padding-bottom:.45rem;border-bottom:1px solid var(--border)}
.tag{color:var(--text-dim);letter-spacing:.17em;text-transform:uppercase;font-size:.82rem}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.3rem 1.5rem;
  box-shadow:var(--shadow),var(--glow);backdrop-filter:blur(3px)}
.addr{font-family:var(--title);font-size:clamp(1.3rem,3.6vw,1.9rem);color:var(--aqua);letter-spacing:.08em;
  text-align:center;text-shadow:0 0 18px rgba(143,211,208,.45)}
.row{display:flex;justify-content:space-between;gap:1rem;padding:.48rem 0;border-bottom:1px solid rgba(143,211,208,.13)}
.row:last-of-type{border-bottom:0}
.k{color:var(--text-dim);letter-spacing:.05em;white-space:nowrap}
.v{font-family:ui-monospace,Consolas,monospace;font-size:.88rem;text-align:right;word-break:break-word}
button,a.btn{font-family:var(--ui);font-size:.95rem;letter-spacing:.09em;text-transform:uppercase;
  background:var(--gold-fill);color:var(--gold);border:1px solid var(--gold-border);padding:.72rem 1.4rem;
  border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block;transition:background 140ms ease,border-color 140ms ease}
button:hover:not(:disabled),a.btn:hover{background:var(--gold-fill-hover);border-color:var(--gold-border-strong)}
button:disabled{opacity:.45;cursor:not-allowed}
button.ghost,a.ghost{background:rgba(143,211,208,.08);color:var(--aqua);border-color:var(--border)}
button.ghost:hover:not(:disabled),a.ghost:hover{background:rgba(143,211,208,.18);border-color:var(--border-strong)}
a.dl{font-size:1.05rem;padding:.95rem 2rem}
.ok{color:var(--aqua)}.warn{color:var(--amber)}.bad{color:var(--red)}
.meta{color:var(--text-dim);font-size:.82rem;margin-top:.7rem}
code,pre{background:rgba(8,25,28,.85);border:1px solid rgba(143,211,208,.22);border-radius:6px;color:var(--text)}
code{padding:.12rem .4rem;font-size:.88em}
pre{padding:.9rem 1rem;overflow-x:auto;font-size:.84rem;line-height:1.5}
ol{padding-left:1.25rem}li{margin:.55rem 0}
.note{border-left:3px solid var(--amber);background:var(--panel-soft);padding:.9rem 1.1rem;border-radius:0 8px 8px 0;margin:1.2rem 0}
.note b{color:var(--amber)}
.badge{display:inline-block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.18rem .6rem;border-radius:4px;border:1px solid currentColor}
footer{text-align:center;color:var(--text-dim);font-size:.78rem;margin-top:3.5rem;letter-spacing:.08em}
a{color:var(--aqua)}
.dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;margin-right:.45rem;vertical-align:baseline}
.dot.up{background:var(--aqua);box-shadow:0 0 10px var(--aqua)}
.dot.down{background:var(--red);box-shadow:0 0 10px var(--red)}