:root{color-scheme:light;--paper:#f4f3ec;--ink:#24352c;--muted:#55645a;--line:#c9cec5;--accent:#275b42}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Georgia,serif}main{max-width:940px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}a{color:inherit;text-underline-offset:4px}.wordmark{font:700 34px/1 system-ui,sans-serif;letter-spacing:-1.2px;text-decoration:none}.dot{color:var(--accent)}header form{display:flex;align-items:center;gap:20px}.username{font:14px system-ui,sans-serif;max-width:180px;overflow:hidden;text-overflow:ellipsis}h1{font-size:clamp(40px,7vw,66px);font-weight:400;letter-spacing:-.035em;line-height:1.08;margin:0 0 20px}p{color:var(--muted);max-width:65ch}.intro{padding:52px 0 26px}.welcome{padding:90px 0 100px}.welcome p{font-size:19px;max-width:40ch;margin-bottom:30px}button,.button{border:1px solid var(--accent);background:var(--accent);color:white;padding:13px 20px;font:600 15px/1.4 system-ui,sans-serif;text-decoration:none;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;gap:24px}button:hover,.button:hover{background:#18432e}.quiet{background:transparent;color:var(--ink);border-color:var(--line);padding:8px 12px}.quiet:hover{background:#e5e8df}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8b4d16;outline-offset:4px}#upload{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}label{display:block;font:600 16px system-ui,sans-serif;margin-bottom:14px}.upload-controls{display:flex;align-items:center;justify-content:space-between;gap:20px}input[type=file]{font:14px system-ui,sans-serif;max-width:100%;min-width:0}input::file-selector-button{padding:10px 14px;margin-right:12px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);cursor:pointer}.hint{font:13px/1.5 system-ui,sans-serif;margin:16px 0 0}.welcome .hint{font-size:13px}#status{font:14px system-ui,sans-serif;margin:12px 0 0}#status:empty{display:none}progress{width:100%;height:9px;margin-top:14px;accent-color:var(--accent)}.files{padding:36px 0}.section-heading{display:flex;align-items:baseline;justify-content:space-between}h2{font:600 21px system-ui,sans-serif;margin:0}.section-heading>span,.file-size{font:13px system-ui,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}ul{list-style:none;margin:20px 0 0;padding:0}li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.file-detail{min-width:0;display:flex;flex-direction:column;gap:6px}.file-name{font:500 16px system-ui,sans-serif;overflow-wrap:anywhere}.download{font:500 14px system-ui,sans-serif;white-space:nowrap}.empty{padding:38px 0 24px}h3{font-size:23px;font-weight:400;margin:0 0 8px}.empty p{margin:0}footer{font:12px system-ui,sans-serif;color:var(--muted);padding:24px 0 32px;border-top:1px solid var(--line)}::selection{background:#c2dac5;color:var(--ink)}@media(max-width:560px){main{padding:0 22px}header{padding:22px 0}.username{display:none}.intro{padding-top:36px}.upload-controls{align-items:stretch;flex-direction:column}.upload-controls button{justify-content:space-between}.welcome{padding:68px 0 80px}li{gap:14px}.download{font-size:13px}}@media(prefers-reduced-motion:no-preference){progress{transition:value .2s ease-out}}

.tokens{padding:36px 0;border-bottom:1px solid var(--line)}.tokens>p{font:15px/1.5 system-ui,sans-serif}.token-controls{display:flex;gap:20px;align-items:flex-end}.token-controls>div{flex:1;min-width:0}.token-controls label{font-size:14px;margin-bottom:8px}.token-controls input,#share-link{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink);font:14px system-ui,sans-serif}.token-controls .hint{margin-top:8px}.token-controls button{align-self:center}#new-link{margin-top:24px}#done-link{margin-top:16px}#token-status{font:14px system-ui,sans-serif}input{caret-color:var(--accent)}@media(max-width:650px){.token-controls{flex-direction:column;align-items:stretch}.token-controls button{align-self:stretch}.token-controls>div{width:100%}}