:root{--color-ink:#3a3242;--color-body:#4b4655;--color-muted:#6b6675;--color-rule:#e4e2e8;--color-accent:#e44a3d;--color-link:#2e5f93;--color-page:#f7f6f8;--color-surface:#fff;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-card:12px;--radius-control:8px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-page);color:var(--color-body);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.5}a{color:var(--color-link)}.shell{flex-direction:column;gap:20px;max-width:640px;min-height:100vh;margin:0 auto;padding:24px 16px 32px;display:flex}.brand{justify-content:center;display:flex}.logo{width:220px;max-width:70%;height:auto;display:block}.card{background:var(--color-surface);border:1px solid var(--color-rule);border-top:4px solid var(--color-accent);border-radius:var(--radius-card);padding:24px 20px}.heading{color:var(--color-ink);margin:0 0 8px;font-size:1.5rem;line-height:1.25}.job{color:var(--color-ink);overflow-wrap:anywhere;margin:0 0 20px;font-weight:600}.text{margin:0 0 16px}.slots{margin:0;padding:0;list-style:none}.slot{border-top:1px solid var(--color-rule);flex-direction:column;align-items:flex-start;gap:10px;padding:16px 0;display:flex}.slot:last-child{border-bottom:1px solid var(--color-rule)}.slot-label{color:var(--color-ink);margin:0;font-size:1.0625rem}.received{color:var(--color-ink);margin:0;font-weight:600}.received:before{content:"✓ "}.picker{position:relative}.picker-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.picker-label{border:1px solid var(--color-muted);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink);cursor:pointer;padding:10px 16px;font-weight:600;display:inline-block}.picker:focus-within .picker-label{outline:2px solid var(--color-link);outline-offset:2px}.picker:has(.picker-input:disabled) .picker-label{color:var(--color-muted);border-color:var(--color-rule);cursor:default}.file{overflow-wrap:anywhere;margin:0}.file-name{color:var(--color-ink)}.file-size{color:var(--color-muted);white-space:nowrap}.problem{border-left:3px solid var(--color-accent);color:var(--color-ink);margin:0;padding-left:10px}.button{appearance:none;border-radius:var(--radius-control);background:var(--color-ink);min-height:44px;color:var(--color-surface);font:inherit;cursor:pointer;border:0;padding:10px 22px;font-weight:600}.button:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.button:disabled{background:var(--color-rule);color:var(--color-muted);cursor:default}.progress{appearance:none;background:var(--color-rule);width:100%;height:10px;color:var(--color-ink);border:0;border-radius:5px;overflow:hidden}.progress::-webkit-progress-bar{background:var(--color-rule)}.progress::-webkit-progress-value{background:var(--color-ink)}.progress::-moz-progress-bar{background:var(--color-ink)}.status{color:var(--color-body);margin:0}.expiry{color:var(--color-muted);margin:16px 0 0;font-size:.875rem}.footer{color:var(--color-muted);text-align:center;margin-top:auto;font-size:.8125rem}@media (width>=640px){.shell{padding-top:48px}.card{padding:32px 36px}}
