:root{color-scheme:dark;font-family:Inter,"Segoe UI",sans-serif;background:#141418;color:#eeeef3;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid #555561;background:#272730;color:#eeeef3;padding:10px 16px;border-radius:8px;min-height:42px}button:hover{background:#363640}button:disabled{opacity:.4;cursor:default}.primary{background:#e9e3d6;color:#18181d;border:0;font-weight:650;width:100%}.primary:hover{background:#fff6e5}input{display:block;width:100%;padding:12px;border:1px solid #60606c;border-radius:8px;background:#1c1c23;color:#fff;margin-top:7px}label{display:block;margin:20px 0;font-size:14px;font-weight:600}h1{font-size:clamp(30px,5vw,44px);line-height:1.15;letter-spacing:-1px;font-weight:600;margin:18px 0}h2{font-size:20px;font-weight:600}.auth{width:min(440px,calc(100vw - 40px));margin:10vh auto}.brand{font-size:28px;letter-spacing:-1px;font-weight:700;text-decoration:none}.brand span{color:#b4b4c2;font-weight:400}.eyebrow{font-size:11px;letter-spacing:2px;color:#a8b8ac;margin-top:48px}p{color:#c0c0cd}.muted{font-size:13px;color:#acacbd}#error{color:#ffb8ae;min-height:22px;font-size:14px}.account{width:min(1080px,calc(100vw - 40px));margin:30px auto 70px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}nav{display:flex;align-items:center;gap:18px;font-size:13px}section{margin:26px 0;padding:24px;border:1px solid #42424e;border-radius:12px;background:#1c1c23}.usage strong{font-size:24px}progress{width:100%;height:9px;margin:20px 0 2px;accent-color:#91dfac}.fileToolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.fileToolbar h2{margin-right:auto}select{border:1px solid #555561;background:#272730;color:#eeeef3;padding:10px;border-radius:8px}.file{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #393943}.file input{width:19px;height:19px;flex-shrink:0;margin:0}.file .details{min-width:0;flex:1}.file .name{display:block;overflow-wrap:anywhere}.file .meta{font-size:12px;color:#acacbd}.file a{font-size:13px}.user{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:12px 0}output{display:block;overflow-wrap:anywhere;color:#b7e4c4}dialog{border:1px solid #555561;border-radius:12px;background:#202027;color:#eeeef3;max-width:480px;padding:26px}dialog::backdrop{background:#0009}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}.danger{background:#6c3030;color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #91dfac}@media(max-width:600px){header{align-items:flex-start}nav{flex-direction:column;gap:10px;align-items:flex-end}.auth{margin-top:7vh}section{padding:18px}.file{gap:10px}.file a{max-width:75px}.user{align-items:flex-start;flex-wrap:wrap}}

:root{font-family:Onest,sans-serif;background:#141716;color:#f2f3ee}h1,h2{font-family:Unbounded,Onest,sans-serif;letter-spacing:-.04em;font-weight:400}h1{font-size:clamp(25px,4vw,36px)}.brand{display:inline-flex;align-items:center;gap:9px;position:relative;min-height:42px}.brand .emblem{width:22px;height:34px}.brand .wordmark{width:145px;height:auto;filter:invert(1)}.brand small{position:absolute;left:32px;bottom:-9px;font:8px Onest,sans-serif;letter-spacing:2px;color:#afb6b0}section{background:#1c201e;border-color:#39403b;border-radius:8px}button,select,input{border-radius:5px;background:#252d27;border-color:#4b594d;color:#f2f3ee}label{font-weight:400}.primary{background:#f2f3ee;color:#141716}.primary:hover{background:white}progress{accent-color:#becdb6}.muted,.file .meta{color:#afb6b0}.file{gap:13px}.file-size{font-size:12px;white-space:nowrap;color:#f2f3ee;font-variant-numeric:tabular-nums}.file .meta{display:block;margin-top:5px}.file a{font-size:12px}.eyebrow{color:#afb6b0}dialog{background:#1c201e;border-color:#4b594d;border-radius:8px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#c1d1b9}
*:focus,*:focus-visible{outline:none!important;box-shadow:none!important}section,dialog,button,input,select{border:0!important}button:focus-visible,a:focus-visible{background:#354337}
