:root{color-scheme:dark;font-family:'Segoe UI',sans-serif;color:#fff;background:#000;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:0 6vw}header,footer{display:flex;justify-content:space-between;gap:20px;align-items:center}header{height:100px;border-bottom:1px solid #303030}a{color:inherit;text-decoration:none}.brand{font-size:21px;font-weight:700;letter-spacing:-.8px}.brand span{color:#c8ff56;margin-left:12px}.limit,footer,.eyebrow,.note,#details{font-family:Consolas,monospace;font-size:13px;color:#a0a0a0}main{max-width:900px;margin:70px auto 90px;min-height:560px}h1{font-size:clamp(64px,9vw,112px);line-height:.95;letter-spacing:-6px;margin:0 0 25px;font-weight:650}h1 span{color:#c8ff56}.intro{font-size:18px;color:#a5a5a5;margin:0 0 38px}#drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:210px;border:1px dashed #555;cursor:pointer;background:#090909}#drop:hover,#drop.drag{border-color:#c8ff56;background:#101409}#drop:focus-within{outline:2px solid #c8ff56;outline-offset:5px}.arrow{font-size:42px;line-height:1;color:#c8ff56}#drop strong{font-size:19px;font-weight:500}#drop>span{color:#aaa;font-size:14px}.paste-hint{color:#c8ff56!important;font-family:Consolas,monospace;font-size:12px!important;letter-spacing:.02em}#file{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}#file:disabled{cursor:wait}progress{width:100%;height:5px;accent-color:#c8ff56;margin-top:18px}#status,#copy-status{min-height:24px;color:#c8ff56}.error{color:#ff938d!important}footer{border-top:1px solid #303030;min-height:76px}.eyebrow{color:#c8ff56;margin-bottom:24px}.file-title{font-size:clamp(36px,6vw,70px);letter-spacing:-2px;overflow-wrap:anywhere;line-height:1.1}#details{margin:22px 0 42px}#share>label{display:block;font-size:14px;margin-bottom:12px}.link-row{display:flex;border:1px solid #555}#link{width:100%;min-width:0;border:0;background:#080808;color:#fff;padding:18px;font:14px Consolas,monospace}button,.download{border:0;background:#c8ff56;color:#000;padding:18px 24px;font:600 15px 'Segoe UI',sans-serif;cursor:pointer;white-space:nowrap}button:hover,.download:hover{background:#dcff96}.note{font-size:12px;margin:12px 0 30px}.download{display:inline-block;margin-top:8px}.again{display:inline-block;color:#aaa;font-size:14px;margin-top:35px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #c8ff56;outline-offset:5px}[hidden]{display:none!important}@media(max-width:600px){body{padding:0 6vw}header{height:80px}.brand{font-size:18px}.limit{font-size:10px}main{margin:48px auto;min-height:570px}h1{letter-spacing:-4px}.intro{font-size:15px}.link-row{flex-direction:column}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;font-size:11px}.file-title{letter-spacing:-1px}}
:root{--accent:#c8ff56}nav{margin-left:auto;margin-right:24px;font-size:14px}nav a{color:var(--accent)}.qr-share{display:flex;align-items:center;gap:28px;margin:30px 0}.qr-share p{color:#aaa;line-height:1.7;font-size:15px}canvas{max-width:100%;height:auto!important}#send-tools{border-top:1px solid #303030;padding-top:24px;margin-top:24px}.secondary{background:transparent;color:#fff;border:1px solid #555}.secondary:hover{background:#171717}details{margin:20px 0}summary{cursor:pointer;color:#aaa;font-size:14px;margin-bottom:16px}form label{display:block;margin-bottom:10px;font-size:14px}#receiver-link,#receive-link{background:#080808;border:1px solid #444;padding:16px;color:#fff;width:100%;min-width:0;font:14px Consolas,monospace}#send-status,#receive-status{color:var(--accent);min-height:24px}#receive-link-details{max-width:580px}#copy-receive{margin-top:12px}dialog{background:#080808;color:#fff;border:1px solid #555;padding:24px;width:min(540px,92vw)}dialog::backdrop{background:#000c}.scanner-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.scanner-heading h2{font-size:20px}#camera{display:block;width:100%;max-height:400px;background:#000;margin:20px 0;object-fit:cover}#scan-status{color:#aaa;line-height:1.5}@media(max-width:600px){header{flex-wrap:wrap;gap:8px;padding:16px 0;height:auto;min-height:85px}nav{margin:0 0 0 auto}.limit{width:100%}.qr-share{align-items:flex-start;flex-direction:column;gap:4px}.qr-share p{font-size:13px}#receive-view h1{font-size:64px}}