*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased}img,picture,svg{display:block;max-width:100%}input,button{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--accent: #8a6f4e;--bg: #faf8f4;--surface: #ffffff;--line: #e7e2d8;--line-strong: #d4cdbf;--text: #23201c;--text-soft: #6b6459;--text-faint: #9c958a;--ok: #4a7c59;--err: #a8443a;--radius: 10px;--radius-lg: 14px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--tap: 44px}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}.page{max-width:680px;margin:0 auto;padding:var(--sp-7) var(--sp-4);padding-bottom:calc(var(--sp-7) + env(safe-area-inset-bottom,0px))}.header{text-align:center;margin-bottom:var(--sp-7)}.header__logo{width:100%;height:auto;margin:0 auto var(--sp-4);max-height:40vh;object-fit:contain}.header h1{font-family:var(--serif);font-size:clamp(2rem,7vw,2.75rem);font-weight:400;letter-spacing:.01em;line-height:1.15}.header p{margin-top:var(--sp-3);color:var(--text-soft);font-size:1rem;white-space:pre-line}.dropzone{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);padding:var(--sp-7) var(--sp-4);text-align:center;transition:border-color .15s,background-color .15s}.dropzone.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.dropzone.compact{padding:var(--sp-5) var(--sp-4)}.dropzone__label{color:var(--text-soft);margin-bottom:var(--sp-4)}.dropzone__or{color:var(--text-faint);font-size:.875rem;margin:var(--sp-3) 0}.dropzone__note{margin-top:var(--sp-4);color:var(--text-faint);font-size:.8125rem}.btn{min-height:var(--tap);padding:0 var(--sp-5);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:.9375rem;transition:border-color .15s,background-color .15s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%;font-size:1rem}.btn--primary:hover:not(:disabled){filter:brightness(.93)}.btn--small{min-height:32px;padding:0 var(--sp-3);font-size:.8125rem;border-radius:6px}.btn--ghost{border-color:transparent;color:var(--text-soft)}.btn--ghost:hover{color:var(--text)}.list{margin-top:var(--sp-5)}.list__head{display:flex;justify-content:space-between;align-items:baseline;padding:0 var(--sp-1) var(--sp-2);color:var(--text-soft);font-size:.875rem}.row{display:grid;grid-template-columns:1fr auto;gap:var(--sp-1) var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-1);border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem}.row__meta{display:flex;align-items:center;gap:var(--sp-3);font-size:.8125rem;color:var(--text-soft);font-variant-numeric:tabular-nums}.row__bar{grid-column:1 / -1}.row__err{grid-column:1 / -1;color:var(--err);font-size:.8125rem}.status--done{color:var(--ok)}.status--skipped{color:var(--text-faint)}.status--failed,.status--fatal{color:var(--err)}.bar{height:4px;background:var(--line);border-radius:2px;overflow:hidden}.bar__fill{height:100%;background:var(--accent);border-radius:2px;transition:width .45s ease-out}.bar__fill--done{background:var(--ok)}.bar__fill--err{background:var(--err)}.bar__fill--muted{background:var(--line-strong)}.summary{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--line)}.summary__line{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);font-size:.875rem;color:var(--text-soft);margin-bottom:var(--sp-3);font-variant-numeric:tabular-nums}.summary__actions{margin-top:var(--sp-5);display:grid;gap:var(--sp-3)}.banner{padding:var(--sp-4);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);font-size:.875rem;color:var(--text-soft);margin-bottom:var(--sp-5)}.banner strong{color:var(--text);font-weight:600}.banner--warn{border-color:color-mix(in srgb,var(--err) 35%,var(--line))}.banner--done{border-color:color-mix(in srgb,var(--ok) 40%,var(--line));text-align:center;color:var(--text)}.gate{max-width:380px;margin:0 auto}.gate__form{display:grid;gap:var(--sp-4);margin-top:var(--sp-6)}.field{display:grid;gap:var(--sp-2)}.field label{font-size:.875rem;color:var(--text-soft)}.field input{min-height:var(--tap);padding:0 var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);font-size:1rem}.field input:focus{outline:none;border-color:var(--accent)}.gate__error{color:var(--err);font-size:.875rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width: 520px){.page{padding:var(--sp-6) var(--sp-4)}.row__meta{gap:var(--sp-2)}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}