:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111316;color:#f3f3f4;font-size:17px;line-height:1.55}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}main{max-width:700px;margin:0 auto;padding:38px 22px 42px}.eyebrow{font-size:.78rem;letter-spacing:.16em;color:#b7bbc2;font-weight:650;margin:0 0 14px}h1{font-size:clamp(2.2rem,8vw,3.1rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 16px}h2{font-size:1.22rem;line-height:1.3;margin:0 0 14px}.intro{color:#bfc3ca;margin:0 0 24px}p{margin:0 0 16px}.card{background:#1b1e23;border:1px solid #383d46;border-radius:18px;padding:24px;margin:18px 0}.notice{border:1px solid #464c56;background:#22262c;padding:13px 16px;border-radius:12px;color:#d6d9de;font-size:.92rem}.notice.offline{border-color:#c4aa73;color:#f4ddae}dl{margin:0 0 20px}dl div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #343840}dt{color:#bfc3ca}dd{margin:0;text-align:right;overflow-wrap:anywhere}button{font:inherit;font-weight:650;color:#15171b;background:#eceef1;border:2px solid #eceef1;padding:12px 18px;min-height:48px;max-width:100%;border-radius:10px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e8c98b;outline-offset:4px}.result{margin:14px 0 0;color:#c4c9d1;font-size:.94rem;overflow-wrap:anywhere}.result.pass{color:#d3e5d1}.result.fail{color:#f3c8b8}summary{margin-top:16px;cursor:pointer}pre{overflow-wrap:anywhere;white-space:pre-wrap;background:#121418;border-radius:8px;padding:14px;max-height:300px;overflow-y:auto;font-size:.8rem}footer{color:#a8afb9;font-size:.83rem;margin-top:28px}footer p{margin-bottom:10px}a{color:#e1e3e8;text-underline-offset:3px}ol{padding-left:23px}li{margin-bottom:13px}code{overflow-wrap:anywhere}@media(max-width:420px){main{padding:28px 16px 36px}.card{padding:20px}dl div{flex-direction:column;gap:3px}dd{text-align:left}button{width:100%}}@media(prefers-reduced-motion:no-preference){button{transition:background .12s ease}button:hover{background:#fff}}