:root{font-family:system-ui,sans-serif;color:#eef0f5;background:#11151c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:28px 24px 60px}header{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#a7b2c5;letter-spacing:.05em}.brand{font-weight:800;color:#a3e8d3}h1{font-size:clamp(32px,6vw,54px);line-height:1.08;max-width:720px;margin:50px 0 20px;letter-spacing:-.035em}.intro{color:#bcc5d5;max-width:650px;font-size:18px;line-height:1.6}section{padding:24px;background:#1b222d;border:1px solid #303a4b;border-radius:16px;margin:16px 0}h2{font-size:20px;margin:0 0 18px}button{font:inherit;font-weight:650;padding:13px 18px;border:0;border-radius:9px;background:#a3e8d3;color:#10251f;cursor:pointer;margin:4px 8px 4px 0;min-height:46px}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:4px}.danger{background:#fac0b5;color:#441b13}a{color:#a3e8d3;overflow-wrap:anywhere}p,footer{line-height:1.6;color:#bcc5d5}footer{font-size:14px;margin-top:28px}.status{display:flex;align-items:center;gap:12px;padding:20px 0}.status small{color:#9ba7ba}.dot{width:12px;height:12px;background:#d7bb77;border-radius:50%}.live{background:#a3e8d3}.notice{border-left:3px solid #d7bb77;padding:14px;background:#27271f}label{display:block;margin:12px 0}input:not([type=checkbox]){width:100%;margin-top:9px;padding:10px;background:#11151c;color:#eef0f5;border:1px solid #59677d;border-radius:6px}.check{display:flex;gap:10px;align-items:center}input[type=checkbox]{width:20px;height:20px;accent-color:#a3e8d3}img{display:block;border-radius:8px;max-width:100%;height:auto}pre{white-space:pre-wrap;background:#11151c;padding:16px;border-radius:8px}.controls{display:flex;flex-wrap:wrap}@media(max-width:550px){main{padding:20px 16px}header{flex-direction:column;gap:8px}section{padding:20px}button{width:100%;margin:6px 0}h1{margin-top:32px}}