:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ui-font:var(--font-biz-udp,"BIZ UDPGothic"), "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Meiryo", sans-serif;--ui-font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--ui-bg:#fbf8f1;--ui-surface:#fff;--ui-surface-soft:#f5f1e6;--ui-border:#e4ddcc;--ui-border-strong:#d3cab4;--ui-border-input:#8f8877;--ui-text:#2c2b27;--ui-muted:#6c6a61;--ui-primary:#3f7d5a;--ui-primary-strong:#2f6447;--ui-primary-weak:#e5f1e9;--ui-on-primary:#fff;--ui-danger:#b4483c;--ui-danger-bg:#fbeae7;--ui-warn:#8a5a00;--ui-warn-bg:#fff4dc;--ui-warn-border:#e9c46a;--ui-ok:#2f7a45;--ui-ok-bg:#eef7e8;--ui-info:#2f5f8f;--ui-info-bg:#e8f1fb;--ui-radius:14px;--ui-radius-small:10px;--ui-shadow:0 1px 2px #3c32140f, 0 2px 8px #3c32140d;--ui-shadow-raised:0 8px 24px #3c321424;--ui-focus-color:var(--ui-primary);--ui-focus-ring:0 0 0 2px var(--ui-bg), 0 0 0 4px var(--ui-focus-color);--ui-touch-min:44px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ui-bg:#171916;--ui-surface:#20231f;--ui-surface-soft:#2a2e29;--ui-border:#363a34;--ui-border-strong:#4a4f47;--ui-border-input:#73776d;--ui-text:#ece8de;--ui-muted:#a8a59a;--ui-primary:#7cc49a;--ui-primary-strong:#9bd6b3;--ui-primary-weak:#1f3a2b;--ui-on-primary:#10231a;--ui-danger:#f09a8c;--ui-danger-bg:#3a1f1b;--ui-warn:#e6b85c;--ui-warn-bg:#352b14;--ui-warn-border:#7a6224;--ui-ok:#86c98f;--ui-ok-bg:#1c3122;--ui-info:#8ab4e0;--ui-info-bg:#1b2a3b;--ui-shadow:none;--ui-shadow-raised:0 8px 24px #00000073}}.ui-icon{vertical-align:-.2em;stroke-width:1.75px;flex:none;width:1.15em;height:1.15em}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--ui-bg);--surface:var(--ui-surface);--surface-soft:var(--ui-surface-soft);--fg:var(--ui-text);--muted:var(--ui-muted);--faint:var(--ui-muted);--border:var(--ui-border);--border-strong:var(--ui-border-strong);--border-input:var(--ui-border-input);--brand:var(--ui-primary);--title:var(--ui-text);--primary:var(--ui-primary);--primary-hover:var(--ui-primary-strong);--on-primary:var(--ui-on-primary);--danger:var(--ui-danger);--error-bg:var(--ui-danger-bg);--notice-bg:var(--ui-ok-bg);--warn:var(--ui-warn);--radius:var(--ui-radius);--radius-small:var(--ui-radius-small)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--ui-font);margin:0;line-height:1.6}:where(a,button,summary,select,input,textarea,[tabindex]):focus-visible{outline-offset:2px;box-shadow:var(--ui-focus-ring);outline:2px solid #0000}.page{max-width:720px;margin:0 auto;padding:16px}.page.wide{max-width:1100px}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.header-right{align-items:center;gap:12px;display:flex}.title{color:var(--title);margin:0;font-size:1.4rem}.h2{margin:0 0 8px;font-size:1.05rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card.narrow{text-align:center;gap:12px;width:100%;max-width:420px;display:grid}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:.875rem}.warn{color:var(--warn)}.error-text{color:var(--danger)}.danger-text{color:var(--danger)!important}.notice,.error{border-radius:var(--radius);margin-bottom:12px;padding:10px 12px}.notice{background:var(--notice-bg)}.error{background:var(--error-bg)}.row{flex-wrap:wrap;gap:8px;display:flex}.select{border-radius:var(--radius-small);border:1px solid var(--border-input);background:var(--surface);min-width:200px;color:var(--fg);flex:1;padding:8px;font-family:inherit;font-size:1rem}.btn{border:1px solid var(--border-strong);background:var(--surface-soft);color:var(--fg);border-radius:var(--radius-small);cursor:pointer;text-align:center;padding:9px 16px;font-family:inherit;font-size:1rem;text-decoration:none;display:inline-block}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.9rem;text-decoration:underline}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 8px}.table th{color:var(--muted);font-size:.85rem;font-weight:600}.table tr.bad td{background:var(--error-bg)}.nowrap{white-space:nowrap}.punch-list{gap:12px;margin:8px 0;padding:0;list-style:none;display:grid}.punch-list li{min-width:0}.url-row{align-items:center;gap:8px;margin-top:4px;display:flex}.url{white-space:nowrap;background:var(--bg);border:1px solid var(--border);min-width:0;font-size:.75rem;font-family:var(--ui-font-mono);border-radius:4px;flex:1;padding:4px 6px;overflow-x:auto}.small-btn{white-space:nowrap;padding:4px 10px;font-size:.8rem}.howto summary{cursor:pointer;align-items:center;gap:4px;margin:8px 0;list-style:none;display:flex}.howto summary::-webkit-details-marker{display:none}.howto .when-open{display:none}.howto[open] .when-open{display:inline-block}.howto[open] .when-closed{display:none}.howto p{margin:6px 0}@media (max-width:640px){.table.stack thead{display:none}.table.stack tr{border-bottom:1px solid var(--border);padding:8px 0;display:block}.table.stack td{border:none;padding:2px 8px;display:block}.table.stack td.lead{font-weight:600}.table.stack td[data-label]:before{content:attr(data-label) "：";color:var(--muted)}.table.stack td.inline{padding-right:0;display:inline-block}.table.stack .actions{flex-flow:wrap;gap:4px 16px;padding-top:6px}}.actions{flex-direction:column;gap:4px;display:flex}.run-now{white-space:nowrap;align-items:center;gap:8px;display:flex}.list{margin:0 0 8px;padding-left:20px}.self-run{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 8px;display:flex}.self-run .btn{border:1px solid var(--border);background:var(--surface);color:var(--fg)}
