:root{--cl-key:#1f4e8c;--cl-on-key:#fff;--cl-txt:#222;--cl-bg:#fff;--cl-bggr:#f4f5f7;--cl-gr:#d5d8dd;--cl-muted:#6b7280;--cl-error:#c62828;--cl-error-bg:#fdecea;--sp-s:1.6rem;--sp-xs:0.8rem;--radius:0.4rem;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--cl-key:#8ab4f8;--cl-on-key:#16181c;--cl-txt:#e6e6e6;--cl-bg:#16181c;--cl-bggr:#22252b;--cl-gr:#3a3f47;--cl-muted:#9aa0a6;--cl-error:#f28b82;--cl-error-bg:#3b2321}}html{font-size:62.5%}body{margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:1.6rem;line-height:1.7;color:var(--cl-txt);background:var(--cl-bg)}.l-head{display:flex;flex-wrap:wrap;gap:var(--sp-xs);align-items:center;justify-content:space-between;padding:var(--sp-xs) var(--sp-s);border-block-end:1px solid var(--cl-gr)}.l-head-title{margin:0;font-weight:700}.l-head-user{display:flex;gap:var(--sp-xs);align-items:center;font-size:1.4rem;overflow-wrap:anywhere}.l-main{max-width:96rem;margin-inline:auto;padding:var(--sp-s)}.l-login{display:grid;gap:var(--sp-s);justify-items:start;padding-block-start:10vh}.c-title{margin:0 0 var(--sp-xs);font-size:2.4rem}.c-muted{color:var(--cl-muted);font-size:1.4rem}.c-alert{margin:0;padding:var(--sp-xs) var(--sp-s);color:var(--cl-txt);background:var(--cl-error-bg);border-inline-start:4px solid var(--cl-error);border-radius:var(--radius)}.c-btn{display:inline-block;padding:.6rem 1.6rem;font:inherit;color:var(--cl-on-key);text-decoration:none;cursor:pointer;background:var(--cl-key);border:1px solid var(--cl-key);border-radius:var(--radius);&._sub{padding:.2rem 1rem;font-size:1.4rem;color:var(--cl-key);background:transparent}}.l-head-title{color:inherit;text-decoration:none}.c-input{box-sizing:border-box;inline-size:100%;min-inline-size:0;padding:.6rem 1rem;font:inherit;color:var(--cl-txt);background:var(--cl-bg);border:1px solid var(--cl-gr);border-radius:var(--radius)}.c-btn:disabled{cursor:default;opacity:.5}.p-dns-form{display:grid;gap:var(--sp-xs);margin-block-start:var(--sp-s)}.p-dns-label{font-weight:700}.p-dns-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-xs)}.p-result-bar{display:flex;flex-wrap:wrap;gap:var(--sp-xs);align-items:center;padding:var(--sp-xs) var(--sp-s);background:var(--cl-bggr)}.p-result-title{flex:1 1 20rem;min-inline-size:0;margin:0;overflow-wrap:anywhere}.p-result-frame{display:block;inline-size:100%;block-size:calc(100dvh - 15rem);border:0;background:#fff}.c-subtitle{margin:0 0 var(--sp-xs);font-size:1.8rem}.c-error{color:var(--cl-error);font-size:1.4rem}.p-recent{margin-block-start:calc(var(--sp-s) * 2)}.p-filter{display:grid;gap:var(--sp-xs);margin-block:var(--sp-s)}.p-pager{display:flex;gap:var(--sp-xs);justify-content:space-between;margin-block-start:var(--sp-s)}.p-table-wrap{overflow-x:auto}.p-table{inline-size:100%;font-size:1.4rem;border-collapse:collapse;& td,& th{padding:.6rem .8rem;text-align:start;vertical-align:top;border-block-end:1px solid var(--cl-gr)}& th{font-weight:700;white-space:nowrap;background:var(--cl-bggr)}& a{color:var(--cl-key);overflow-wrap:anywhere}}.p-nowrap{white-space:nowrap}.p-email{overflow-wrap:anywhere}.p-score{font-weight:700;&._good{color:#2e7d32}&._mid{color:#b26a00}&._bad{color:var(--cl-error)}}@media (prefers-color-scheme:dark){.p-score._good{color:#81c995}.p-score._mid{color:#fdd663}}.p-shown{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:var(--sp-xs);align-items:center}.p-shown-label{font-size:1.4rem;font-weight:700}.p-shown .c-input{flex:1 1 20rem;inline-size:auto}