:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202b28;background:#f6f8f7;font-synthesis:none;letter-spacing:0;--green:#126b4b;--muted:#697670;--line:#dce3de;--red:#b84138}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #70bda2;outline-offset:4px}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}.topbar{height:92px;border-bottom:1px solid var(--line);padding:0 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}.brand{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:750}.brand-muted{font-weight:500;color:var(--muted)}.brand-mark{background:#173e2f;color:#fff;width:43px;height:43px;display:grid;place-content:center;grid-auto-flow:column;font-size:24px;border-radius:6px}.brand-mark span{color:#a4e17e}.service-state{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}.status-dot{height:7px;width:7px;border-radius:50%;background:#29855b}main{max-width:860px;margin:0 auto;padding:64px 30px 24px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.eyebrow{font-size:11px;font-weight:700;color:#69766f;margin:0 0 14px}h1{font-size:42px;line-height:1.16;margin:0;font-weight:700;letter-spacing:0}h1 span{color:var(--green);white-space:nowrap}.time-stamp{display:flex;align-items:center;gap:10px;font:500 24px ui-monospace,monospace;color:#748077;white-space:nowrap}.time-stamp svg{width:25px;height:25px}.dropzone{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:304px;padding:32px;border:1.5px dashed #b4c8bb;border-radius:6px;background:#fff;transition:background .15s,border-color .15s}.dropzone.drag{background:#e8f3ec;border-color:var(--green)}.upload-symbol{width:66px;height:66px;display:grid;place-items:center;color:var(--green);background:#edf5f0;border-radius:50%;margin-bottom:17px}.upload-symbol svg{width:34px;height:34px;stroke-width:1.5}h2{font-size:18px;line-height:1.3;margin:0;font-weight:650}.muted{color:var(--muted)}.dropzone p{font-size:13px;margin:8px 0 23px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;color:#fff;background:var(--green);border:1px solid var(--green);border-radius:5px;font-weight:600;font-size:14px}.primary:hover{background:#0d543b}.primary svg{width:19px;height:19px}.notice{font-size:13px;color:var(--red);border-left:3px solid var(--red);padding:12px 16px;margin-top:20px;background:#fff3ef}.files-section{margin-top:36px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px}.section-heading h2{font-size:15px}.section-heading h2 span{font-size:12px;font-weight:500;color:var(--muted);margin-left:8px}.small{font-size:12px}.empty{font-size:13px;color:#89938c;padding:22px 0 16px;margin:0}.file{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.file-icon{height:44px;width:38px;display:grid;place-items:center;color:#6a77a2;background:#edf0f9;border-radius:4px}.file-icon svg{height:23px;width:23px}.file-name{font-size:14px;font-weight:600;overflow-wrap:anywhere;line-height:1.4;margin-bottom:5px}.file-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.remaining{font-variant-numeric:tabular-nums;color:var(--green)}.file-actions{display:flex;align-items:center;gap:6px}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid transparent;background:transparent;color:#5f6c64;border-radius:4px}.icon-button:hover{background:#e6ede8;border-color:#d2ded6}.icon-button svg{width:18px;height:18px}.icon-button.danger:hover{color:var(--red);background:#f8e5e2}.progress{height:3px;background:#e5ebe6;margin-top:9px;overflow:hidden;border-radius:2px}.progress span{display:block;height:100%;background:var(--green);width:0;transition:width .2s}.file.expired .file-icon{background:#e9ecea;color:#9aa29d}.file.expired .file-name{color:#849087}.file.expired .remaining{color:#849087}.receive{background:white;border:1px solid var(--line);border-radius:6px;padding:42px 32px;text-align:center;min-height:304px}.receive .upload-symbol{margin:0 auto 20px}.receive h2{overflow-wrap:anywhere;font-size:23px}.receive p{margin:12px 0 20px}.receive .progress{max-width:320px;margin:24px auto}.receive .primary{margin-top:8px}.receive .expired-mark{color:var(--red);background:#faece8}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:40px;margin-top:14px;font-size:12px;color:#78847c}footer>span,footer a{display:inline-flex;align-items:center;gap:7px}footer svg{width:14px;height:14px}footer a:hover{color:var(--green)}
@media(max-width:640px){.topbar{height:72px;padding:0 22px}.brand{font-size:20px;gap:10px}.brand-mark{width:35px;height:35px;font-size:21px}.service-state{font-size:11px}main{padding:38px 22px 24px}.intro{margin-bottom:28px;align-items:flex-end}h1{font-size:32px;max-width:280px}h1 span{display:block}.eyebrow{font-size:9px;margin-bottom:12px}.time-stamp{font-size:18px;gap:5px;margin-bottom:5px}.time-stamp svg{width:20px;height:20px}.dropzone{min-height:282px;padding:28px 15px}.section-heading .small{font-size:10px}.file{gap:10px;grid-template-columns:33px minmax(0,1fr) auto}.file-icon{width:32px;height:40px}.file-actions{gap:0}.icon-button{width:31px;height:36px}.file-name{font-size:13px}.file-meta{font-size:11px;gap:7px}.receive{padding:32px 18px}.receive h2{font-size:20px}footer{font-size:11px;gap:10px;padding-top:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}