*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.page{max-width:720px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}header{display:grid;grid-template-columns:minmax(52px,1fr) minmax(0,2fr) minmax(52px,1fr);align-items:center;gap:6px;min-height:44px}header h1{grid-column:2;font-size:clamp(1.05rem,4.5vw,1.5rem);text-align:center;overflow-wrap:break-word;line-height:1.25}.back{grid-column:1;justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:#8b90a8;text-decoration:none;font-size:.9rem;white-space:nowrap}.back:hover{color:#eee}.mute{grid-column:3;justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;background:none;border:none;padding:4px;font-size:1.3rem;line-height:1;cursor:pointer}.mute:hover{filter:brightness(1.2)}main{display:flex;flex-direction:column;align-items:center;gap:8px}canvas{max-width:100%;height:auto;border-radius:8px;background:#0f0f1a}.content{width:100%;max-width:640px;margin:4px auto 0;font-size:.92rem;line-height:1.65;color:#999}.content h2{font-size:1.05rem;color:#eee;margin:20px 0 8px}.content h2:first-child{margin-top:0}.content p{margin:0 0 10px}.content ul{margin:0 0 10px;padding-left:20px}.content li{margin-bottom:6px}@media(max-width:480px){.content{font-size:.88rem}}footer{text-align:center;color:#777}footer a{color:#999}