:root{color-scheme:light;--ink:#333;--muted:#666;--line:#ccc;--bg:#f2f2f2;--blue:#0066be;--blue-hover:#0055ad;--blue-active:#00428c;--blue-tint:#c0e4ff;--link:#00118f;--focus:#ffd43d;--error-bg:#fdeeee;--shoulder:#ce0000;--success:#197a4b;--error:#ec0000}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.7;letter-spacing:.02em}main{max-width:48rem;margin:0 auto;padding:1.5rem 1rem 4rem}.brand{display:flex;gap:.5rem;align-items:center;color:#1a1a1a;font-weight:700}.brand img{width:2rem;height:2rem}.beta{font-size:.875rem;font-weight:400;padding:0 .5rem;border:1px solid var(--line);border-radius:9999px;color:var(--muted)}h1{font-size:2rem;line-height:1.5;letter-spacing:.01em;margin:1.5rem 0 1rem}h2{font-size:1.25rem;line-height:1.5;margin:2rem 0 .5rem}p{margin:1rem 0}.card{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.5rem;margin-top:1.5rem}.card>:first-child{margin-top:0}.eyebrow{display:block;font-weight:700;color:var(--shoulder)}.muted{color:var(--muted);font-size:.875rem}.hostname{display:block;overflow-wrap:anywhere;font:1rem/1.5 "Noto Sans Mono",monospace;padding:1rem;background:var(--bg);border-radius:.5rem;margin:.5rem 0 1rem}.notice{margin:1.5rem 0;padding:1rem 1.5rem;border:3px solid var(--error);border-radius:.75rem;background:var(--error-bg)}.actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}button,a.button{font:inherit;font-weight:700;letter-spacing:.02em;min-width:6rem;min-height:3rem;padding:.5rem 1rem;border:1px solid currentcolor;border-radius:.5rem;cursor:pointer;background:#fff;color:var(--blue);text-decoration:none}button.primary,a.primary{background:var(--blue);color:#fff;border:4px double transparent}button:active:not(:disabled){background:var(--blue-tint);color:var(--blue-active)}button.primary:active:not(:disabled){background:var(--blue-active);color:#fff}button:disabled{background:var(--bg);color:#949494;border:1px solid #b3b3b3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:4px solid #000;outline-offset:2px;box-shadow:0 0 0 2px var(--focus)}a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:visited{color:#6c006c}a:active{color:#8b3200}a:focus-visible{background:var(--focus)}@media(hover:hover){button:hover:not(:disabled),a.button:hover{background:var(--blue-tint);color:var(--blue-hover)}button.primary:hover:not(:disabled),a.primary:hover{background:var(--blue-hover);color:#fff}a:hover{text-decoration-thickness:3px}}label{display:flex;gap:1rem;align-items:flex-start;margin:1.5rem 0;cursor:pointer}label input{width:1.5rem;height:1.5rem;margin:.1rem 0 0;accent-color:var(--blue);flex-shrink:0}label small{display:block;color:var(--muted);font-size:.875rem;font-weight:400}details{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}summary{cursor:pointer;padding:.5rem 0}.danger{color:var(--error)}footer{margin-top:1.5rem;color:var(--muted);font-size:.875rem}.status{min-height:1.5rem;font-size:.875rem;color:var(--success)}.popup{width:360px;background:#fff}.popup main{padding:1.5rem 1rem}.popup h1{font-size:1.25rem;margin:1rem 0 .5rem}.popup .card{padding:1rem;margin-top:1rem}.popup .actions{margin-top:1rem}.popup label{margin:.5rem 0}@media(min-width:48rem){main{padding:4rem 2rem}.card{padding:2rem}.actions{flex-direction:row;flex-wrap:wrap}}