:root{--bg: #f5f6f8;--card: #ffffff;--text: #1f2933;--muted: #64707d;--border: #dde2e8;--primary: #1d5fd1;--primary-text: #ffffff;--ok: #18794e;--ok-bg: #e6f6ee;--ng: #b42318;--ng-bg: #fdecea;color-scheme:light;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;line-height:1.7;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1,h2,p{margin:0}.header{background:var(--primary);color:var(--primary-text)}.header-inner{max-width:560px;margin:0 auto;padding:14px 16px}.header h1{font-size:1.1rem}.header-sub{font-size:.85rem;opacity:.85}.header-company{font-size:.78rem;opacity:.85;letter-spacing:.02em}.main{max-width:560px;margin:0 auto;padding:16px;display:grid;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 16px;display:grid;gap:12px}.card h2{font-size:1rem}.notice{text-align:center;margin-top:32px}.greeting{font-weight:600}.done{color:var(--ok);font-weight:600}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--ng)}.facts{margin:0;display:grid;gap:4px;font-size:.9rem}.facts div{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:4px}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:600}.guide summary{font-weight:600;cursor:pointer}.trust-head{display:flex;gap:14px;align-items:center;font-size:.92rem}.marks{display:flex;gap:8px;flex-shrink:0}.marks img{height:72px;width:auto}.trust summary{font-weight:600;cursor:pointer;font-size:.92rem}.trust ul{margin:8px 0;padding-left:1.2em;display:grid;gap:6px;font-size:.9rem}.small{font-size:.8rem}@media(max-width:420px){.trust-head{flex-direction:column;align-items:flex-start}}.footer{max-width:560px;margin:8px auto 0;padding:20px 16px 32px;display:grid;gap:6px;justify-items:center;text-align:center;font-size:.85rem;border-top:1px solid var(--border)}.footer-logo{height:26px;width:auto}.footer nav{display:flex;gap:6px 16px;flex-wrap:wrap;justify-content:center}.footer a,.trust a{color:var(--primary)}.guide ul{margin:8px 0 0;padding-left:1.2em;display:grid;gap:6px;font-size:.92rem}.actions{display:grid;gap:10px}.btn{appearance:none;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:14px 16px;font-size:1rem;font-weight:600;cursor:pointer}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn:disabled{opacity:.5}.preview{width:100%;max-height:60vh;object-fit:contain;border-radius:8px;background:#000}.preview.dim{opacity:.6}.camera{position:relative;border-radius:8px;overflow:hidden;background:#000;aspect-ratio:3 / 4}.camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.camera-guide{position:absolute;left:50%;top:46%;width:58%;aspect-ratio:3 / 4;transform:translate(-50%,-50%);border:3px dashed rgba(255,255,255,.85);border-radius:50%;box-shadow:0 0 0 9999px #00000040;pointer-events:none}.camera-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}progress{width:100%}.status{text-align:center;color:var(--muted)}.result{border-radius:8px;padding:12px 14px;display:grid;gap:6px}.result.ok{background:var(--ok-bg)}.result.ng{background:var(--ng-bg)}.result-title{font-weight:700}.result.ok .result-title{color:var(--ok)}.result.ng .result-title{color:var(--ng)}.result ul{margin:0;padding-left:1.2em}.history-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.history-item{width:100%;display:grid;gap:4px;justify-items:start;padding:6px;border:1px solid var(--border);border-radius:8px;background:#fff;font:inherit;color:inherit;cursor:pointer;text-align:left}.history-item:disabled{cursor:default}.history-item img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:4px;background:#eee}.history-noimage{width:100%;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#eee;color:var(--muted);font-size:.8rem}.viewer{position:fixed;inset:0;z-index:10;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:16px}.viewer-body{width:100%;max-width:520px;max-height:100%;overflow:auto;background:var(--card);border-radius:12px;padding:12px;display:grid;gap:10px}.viewer-body img{width:100%;max-height:70vh;object-fit:contain;border-radius:8px;background:#000}.viewer-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.viewer-issues{margin:0;padding-left:1.2em;font-size:.9rem;color:var(--ng)}.badge{font-size:.8rem;padding:2px 10px;border-radius:999px;background:var(--border);white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.ng{background:var(--ng-bg);color:var(--ng)}.center{display:flex;justify-content:center;padding:64px 0}.spinner{width:36px;height:36px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;display:inline-block;animation:spin .9s linear infinite;vertical-align:middle}.spinner.small{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}