:root{--bg:#fff;--panel:#f4f4f5;--text:#18181b;--muted:#71717a;--line:#e4e4e7;--accent:#2563eb;--accent-text:#fff;--bad:#dc2626;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f0f11;--panel:#1c1c1f;--text:#ededf0;--muted:#9a9aa3;--line:#2c2c31;--accent:#3b82f6;--bad:#f87171}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.6}header,main{max-width:792px;margin-inline:auto;padding:10px 16px}header{border-bottom:1px solid var(--line)}h1{margin:0;font-size:1.05rem}h1 a{color:inherit;text-decoration:none}h2{margin:0;font-size:.95rem}a{color:var(--accent)}.intro,.about{color:var(--muted);margin:4px 0 8px;font-size:.85rem}.controls{flex-wrap:wrap;align-items:center;gap:8px 14px;margin:8px 0 16px;font-size:.85rem;display:flex}button,select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:6px 12px;font-size:.85rem}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}section{border-top:1px solid var(--line);padding:12px 0}.head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.head .state{color:var(--muted);font-size:.8rem}.overall{font-variant-numeric:tabular-nums;margin:-8px 0 12px;font-size:.85rem}.progress{color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 12px;margin:8px 0 2px;font-size:.8rem;display:grid}.progress[hidden]{display:none}.progress .bar{background:var(--line);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.progress .bar>div{background:var(--accent);border-radius:3px;width:0;height:100%;transition:width .3s}.progress .bar.unknown>div{width:30%;animation:1.6s ease-in-out infinite alternate sweep}@keyframes sweep{0%{margin-left:0}to{margin-left:70%}}@media (prefers-reduced-motion:reduce){.progress .bar.unknown>div{opacity:.35;width:100%;animation:none}}.progress .stage{overflow-wrap:anywhere}.progress .elapsed{font-variant-numeric:tabular-nums;white-space:nowrap}.state.ok{color:inherit}.state.wrong,.state.error{color:var(--bad)}#clipboard{color:var(--bad);margin:4px 0 8px;font-size:.85rem}.out{overflow-x:auto}.out table{border-collapse:collapse;font-variant-numeric:tabular-nums;margin:6px 0;font-size:.8rem}.out th,.out td{text-align:left;vertical-align:top;white-space:nowrap;padding:3px 12px 3px 0}.out table.pairs th,.out table.pairs td{white-space:normal;overflow-wrap:break-word}.out th{color:var(--muted);border-bottom:1px solid var(--line);font-weight:500}.out p{overflow-wrap:anywhere;margin:4px 0;font-size:.8rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);border-radius:10px;padding:10px;font-size:.75rem}
