:root{color:#111;background:#0a0a0a;font-family:Courier New,Courier,monospace;font-synthesis:none;--acid: #d8ff38;--paper: #f2eedf;--ink: #111;--muted: #6b685f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 20%,#252525 0 1px,transparent 1.5px) 0 0 / 13px 13px,#0a0a0a}.page-shell{width:min(760px,calc(100% - 32px));margin:0 auto;padding:44px 0 28px}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;color:var(--paper)}.brand-mark{display:flex;flex-direction:column;font:900 clamp(2.3rem,9vw,5.25rem)/.72 Arial Black,Impact,sans-serif;letter-spacing:-.08em;transform:rotate(-1deg)}.brand-mark span:last-child{color:var(--acid)}.compilation{max-width:220px;margin:0 0 4px;text-align:right;font-size:.72rem;line-height:1.5;text-transform:uppercase}.paper-panel{position:relative;padding:clamp(28px,7vw,58px);background:linear-gradient(93deg,transparent 0 48%,rgb(0 0 0 / 2%) 50%,transparent 52%),var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--acid)}h1{max-width:560px;margin:0;font:900 clamp(2.5rem,8vw,5rem)/.94 Arial Black,Impact,sans-serif;letter-spacing:-.055em;text-transform:uppercase}.intro{margin:18px 0 34px;color:var(--muted);font-size:.86rem}.access-state{padding:18px 0;border-top:1px solid var(--ink);font-size:.78rem}form{border-top:1px solid var(--ink);padding-top:28px}label{display:block;margin:0 0 9px;font-size:.69rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}input[type=text]{width:100%;margin-bottom:24px;padding:15px 14px;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:inherit;outline:none}input[type=text]:focus{box-shadow:4px 4px 0 var(--acid)}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.file-pick{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;margin:0;padding:13px 14px;border:1px dashed var(--ink);cursor:pointer;text-transform:none;letter-spacing:0}.file-pick:hover,.file-pick:focus-within{background:var(--acid)}.file-pick strong{text-transform:uppercase;font-size:.68rem}.file-detail{margin:8px 0 28px;color:var(--muted);font-size:.68rem}button{width:100%;padding:17px 20px;border:2px solid var(--ink);background:var(--acid);color:var(--ink);font:600 .8rem Courier New,Courier,monospace;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}button:disabled{opacity:.55;cursor:wait;transform:none}.upload-state,.result{margin-top:28px;padding-top:20px;border-top:1px solid var(--ink)}.progress-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:.72rem}.progress-track{height:14px;border:1px solid var(--ink);background:transparent}.progress-bar{width:0;height:100%;background:var(--acid);transition:width .18s ease}.result{font-size:.8rem;line-height:1.6}.result.success{border-top-width:4px}.result.warning{padding:16px;border:2px solid var(--ink);background:#ffda45}.result.error{padding:16px;border:2px solid #b82020;color:#8b1010}[hidden]{display:none!important}@media(max-width:560px){.page-shell{width:min(100% - 22px,760px);padding-top:24px}.masthead{display:block}.compilation{margin-top:20px;text-align:left}.paper-panel{box-shadow:5px 5px 0 var(--acid)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
