@font-face{font-family:FoxSans;src:url('/static/fonts/FoxSans.ttf') format('truetype');font-display:swap}@font-face{font-family:FoxMono;src:url('/static/fonts/FoxMono.ttf') format('truetype');font-display:swap}
body{font-family:FoxSans,system-ui,sans-serif;background:radial-gradient(ellipse at 15% 0,#302037 0,transparent 46%),radial-gradient(ellipse at 95% 60%,#17283f 0,transparent 45%),#0c101c}button,input,select,.button{font-family:FoxSans,system-ui,sans-serif}select{font-size:14px;cursor:pointer}button,.button{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,background .2s,filter .2s}button:hover:not(:disabled),.button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ff9a6620}button:active:not(:disabled),.button:active{transform:translateY(0) scale(.97);box-shadow:none}button:focus-visible,a:focus-visible{outline:2px solid #ffc391;outline-offset:4px}
.app-nav{display:flex;gap:8px;align-items:center;background:#ffffff05;border:1px solid #ffffff12;padding:8px;border-radius:15px;margin-bottom:30px}.app-nav a{color:#b9c2d8;text-decoration:none;padding:10px 14px;border-radius:9px;font-size:14px;transition:background .2s,color .2s,transform .2s}.app-nav a:hover{background:#ffffff09;color:white;transform:translateY(-1px)}.app-nav a.active{background:#ffad6918;color:#ffc38f}.app-nav #account{margin-left:auto;color:#929fba;font-size:13px}.small{font-size:13px;padding:8px 12px}.eyebrow{font-size:11px;letter-spacing:2.1px;color:#ffba86;font-weight:700}.hero{text-align:center;padding:22px 10px 30px;animation:rise .7s both}.hero h1{font-size:clamp(33px,5.8vw,58px);line-height:1.12;letter-spacing:-2px;margin:18px 0}.hero h1 span{background:linear-gradient(100deg,#ffcd91,#ed91be);color:transparent;background-clip:text}.hero p,.page-heading>p{color:#aab6d0;font-size:15px}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:24px}.hero-tags span{padding:7px 11px;border-radius:99px;border:1px solid #ffffff13;color:#acb7ce;font-size:11px;background:#ffffff03}.upload-card{max-width:790px;margin:auto;animation:rise .7s .1s both}.drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:185px;transition:background .25s,border-color .25s,transform .25s;overflow:hidden}.drop:hover{background:#ffad6908;border-color:#ffad6970}.drop .drop-icon{font-size:30px;line-height:1.4;color:#ffc38f;display:grid;place-items:center;width:58px;height:58px;background:#ffad6910;border-radius:16px;transition:transform .25s}.drop:hover .drop-icon{transform:translateY(-5px)}.drop strong{font-size:17px}.drop>span:not(.drop-icon){color:#8f9eb8;font-size:12px}.drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.drop.over{transform:scale(1.01);background:#ffad6910}.type-badge{font-size:12px;color:#b8c3d8;overflow-wrap:anywhere}.type-badge:empty{display:none}.actions{margin-top:12px}.fine{font-size:11px;line-height:1.7}.page-heading{margin:34px 0 28px;animation:rise .5s both}.page-heading h1{font-size:35px;letter-spacing:-1px;margin:12px 0}.file-item{background:#ffffff03;border:1px solid #ffffff12;border-radius:15px;margin:16px 0;padding:19px;animation:rise .35s both}.file-heading{display:flex;gap:13px;align-items:center}.file-heading>div{min-width:0}.file-heading strong{font-size:15px;overflow-wrap:anywhere}.file-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:#ffffff08;font-size:24px;flex-shrink:0}.file-meta{font-size:12px;color:#a5b1cb;margin:6px 0}.empty-state{text-align:center;padding:40px 10px;color:#8d9bb7}.link-card{padding:15px 17px;border:1px solid #eea77745;background:linear-gradient(115deg,#ffad6911,#ad87ed0d);box-shadow:inset 0 1px 0 #ffffff07}.link-card code{font-family:FoxMono,monospace;font-size:12px;font-weight:400;line-height:1.7;color:#e9def5;margin-top:9px}.link-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.link-head small{font-family:FoxSans,sans-serif;letter-spacing:1.3px;font-size:9px;margin:0}.copy-pill{display:inline-block;border:1px solid #ffffff20;border-radius:7px;padding:5px 9px;font-family:FoxSans,sans-serif;font-size:11px;color:#ffe0ba;background:#ffffff06;transition:background .2s}.link-card:hover .copy-pill{background:#ffad691c}.link-card.copied{animation:copyPulse .4s}.link-card.copied .copy-pill{color:#8fe7bd;border-color:#8fe7bd50}#uploadResult{animation:rise .4s}.login-card{animation:rise .6s both}.login-card .eyebrow{font-size:9px}#login h1{font-size:24px;letter-spacing:-.5px}details{margin-top:12px;color:#adb9d0;font-size:13px}summary{cursor:pointer}details input{max-width:350px}section:not(.upload-card):not(#login){animation:rise .4s both}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes copyPulse{50%{box-shadow:0 0 0 5px #8fe7bd12}}@media(max-width:650px){.app-nav{flex-wrap:wrap}.app-nav a{padding:9px 10px;font-size:12px}.app-nav #account{font-size:11px}.hero{padding-top:6px}.hero h1{letter-spacing:-1px}.link-card code{font-size:11px}.hero-tags{gap:5px}.hero-tags span{font-size:10px}.upload-card{padding:18px}.file-item{padding:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
