:root{
  --bg:#000;
  --fg:#e9e9e9;
  --muted:#b9b9b9;
  --accent:#ff4fd8;
  --line:#262626;
}

*{box-sizing:border-box}

html,body{
  height:100%;
  overflow:hidden;
}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font:14px/1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
a:hover{filter:brightness(1.08)}

.wrap{
  width:min(760px, 96vw);
  height:100vh;
  margin:0 auto;
  padding:24px 0 20px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  transform-origin: top center;
}

.top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.brand{
  font-weight:700;
  letter-spacing:0.2px;
  white-space:nowrap;
}

.brand .u{
  display:inline-block;
  border-bottom:2px solid var(--accent);
  padding-bottom:2px;
}

.nav{
  display:flex;
  gap:10px;
  align-items:center;
  white-space:nowrap;
  color:var(--muted);
}

.nav a{color:var(--accent)}

.content{margin-top:18px}

p{margin:0 0 12px}

.spacer{height:6px}

.section{
  margin-top:14px;
}

.h3{
  margin:16px 0 6px;
  font-weight:700;
  color:var(--fg);
}

.h3::before{
  content:"### ";
  color:var(--fg);
}

ul{
  margin:0;
  padding:0 0 0 18px;
  list-style:none;
}

li{
  margin:2px 0;
  position:relative;
  padding-left:14px;
}

li::before{
  content:"■";
  position:absolute;
  left:0;
  top:0;
  color:var(--accent);
  font-size:10px;
  transform:translateY(2px);
}

.hr{
  margin:16px 0 10px;
  border:0;
  border-top:1px solid var(--line);
}

.buttons{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  padding:2px 0 0;
}

.btn88{
  width:88px;
  height:31px;
  display:block;
}

.foot{
  margin-top:10px;
  color:var(--muted);
}

.foot strong{color:var(--fg);font-weight:700}

@media (max-height: 780px){
  .wrap{
    transform: scale(calc(100vh / 780));
  }
}
.nav-link{ text-decoration:none }
.nav-link-text{ text-decoration:underline; text-underline-offset:3px }
.nav-link:hover .nav-link-text{ filter:brightness(1.08) }