:root{
  --bg-day:#ffe800;
  --fg-day:#000000;
  --bg-night:#000000;
  --fg-night:#ffe800;
  --font:-apple-system,BlinkMacSystemFont,Inter,Helvetica,Arial,system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0; font-family:var(--font); line-height:1.4; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility}
body.day{background:var(--bg-day); color:var(--fg-day)}
body.night{background:var(--bg-night); color:var(--fg-night)}
.wrap{min-height:calc(100vh - 80px); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2rem}
.brand{font-size:clamp(2rem,6vw,4rem); margin:0 0 1rem; letter-spacing:-.01em; text-align:center}
.icons{display:flex; gap:.75rem; align-items:center; justify-content:center}
.icon{display:inline-flex; width:22px; height:22px; color:currentColor; opacity:.9}
.icon:hover{opacity:1}
.icon svg{width:100%; height:100%; display:block}
.footer{height:80px; display:flex; align-items:center; justify-content:center; font-size:.95rem}