:root{color-scheme:dark;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;background:#0a0a0a;color:#e0e0e0}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:2px solid #fff;outline-offset:5px}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 30px;border-bottom:1px solid #333;flex-wrap:wrap}.brand{font-weight:700;text-decoration:none}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:.9rem}nav a{min-height:44px;display:inline-flex;align-items:center}
main{max-width:1500px;margin:auto;padding:20px 24px}.introduction h1{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 8px}.introduction p,.help{color:#aaa;line-height:1.5}#avatar-status{min-height:24px;font-size:.95rem}iframe{display:block;width:100%;height:max(760px,calc(100dvh - 190px));border:1px solid #333;border-radius:12px;background:#111}.help{font-size:.9rem}
@media(max-width:600px){header{padding:12px 16px;gap:6px}nav{gap:16px;font-size:.8rem}main{padding:16px 10px}iframe{height:1050px;border-radius:8px}.introduction{padding:0 6px}}