:root{font-family:system-ui,Noto Sans JP,sans-serif;color:#00214d;background:#f2f4f6;--bg:#f2f4f6;--panel:#fffffe;--ink:#00214d;--soft:#1b2d45;--muted:#566475;--line:#d8dde4;--accent:#007a68;--accent-soft:#e7fbf7;--fill:#00ad93;--fill-ink:#001534;--ok:#0a7a55;--warn:#b42d43;--highlight:#fde24f}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.top{background:var(--panel);color:var(--ink);padding:26px max(20px,calc((100% - 920px)/2));border-bottom:1px solid var(--line)}.top h1{margin:0;font-size:clamp(28px,5vw,46px);font-weight:900;letter-spacing:.06em}.top h1:before{content:"";display:inline-block;width:34px;height:34px;margin-right:12px;vertical-align:-5px;background:var(--fill);border-radius:3px;clip-path:polygon(50% 0,100% 38%,88% 38%,88% 100%,12% 100%,12% 38%,0 38%)}.top p{margin:6px 0;color:var(--muted)}.wrap{max-width:920px;margin:auto;padding:18px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.toolbar{display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:16px;margin:14px 0}.card h2,.card h3{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}label{display:grid;gap:5px;font-size:13px;font-weight:700}input,select{width:100%;border:0;border-bottom:2px solid #667a94;border-radius:0;padding:9px;background:var(--panel);color:var(--ink)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]{width:auto}.check{display:flex;align-items:flex-start;font-weight:500}.primary,.secondary{border-radius:6px;padding:10px 14px;font-weight:700}.primary{background:var(--fill);color:var(--fill-ink);border:0}.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.danger{color:var(--warn)}.verdict{border-radius:4px;padding:4px 10px;font-size:12px;letter-spacing:.08em;font-weight:900;color:#fffffe}.ok{background:var(--ok)}.ng{background:var(--warn)}.unknown{background:var(--line);color:var(--muted)}.na{background:var(--highlight);color:var(--fill-ink)}.method{display:grid;grid-template-columns:92px 1fr;gap:12px}.roof{width:90px;height:58px}.roof path,.roof line,.roof rect,.roof polyline{stroke:var(--muted);stroke-width:3;fill:none}.roof .sup{stroke:var(--accent);stroke-width:3.5}.roof .exh{stroke:var(--warn);stroke-width:3.5}.opening{border-top:1px solid var(--line);padding:14px 0}.result{border-left:5px solid var(--fill)}.result p{font-variant-numeric:tabular-nums}.notice{background:var(--highlight);color:var(--ink);padding:10px;border-radius:4px}.muted{color:var(--muted);font-size:13px}.hidden{display:none}footer{text-align:center;padding:30px;color:var(--muted)}footer a{color:var(--accent)}@media(prefers-color-scheme:dark){:root{--bg:#001534;--panel:#00214d;--ink:#fffffe;--soft:#ccd4de;--muted:#9dabbc;--line:#17395f;--accent:#00ebc7;--accent-soft:#0d2b52;--fill:#00ebc7;--fill-ink:#00214d;--ok:#3ddc97;--warn:#ff5470}.ok,.ng{color:#00214d}}@media(max-width:650px){.wrap{padding:10px}.card{padding:13px}.method{grid-template-columns:1fr}.toolbar{position:static}}