:root{--air:#f4f7fb;--air-2:#e9eff8;--ink:#141a2b;--slate:#616b82;--line:#dde4ef;--white:#fff;--send:#ff5a3c;--send-soft:#ffede8;--recv:#2b6bff;--recv-soft:#e8f0ff;--ok:#12a150;--warn:#b5561b;--warn-soft:#fceddf;--accent:var(--send);--accent-soft:var(--send-soft);--shadow:0 24px 60px -22px #141a2b47;--radius:22px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);background:var(--air);-webkit-font-smoothing:antialiased;place-items:center;min-height:100dvh;margin:0;font-family:Inter,system-ui,sans-serif;display:grid;position:relative;overflow-x:hidden}.sky{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.streak{opacity:.1;background:linear-gradient(90deg, transparent, var(--ink));border-radius:2px;height:2px;position:absolute}@media (prefers-reduced-motion:no-preference){.streak{animation:linear infinite drift}}@keyframes drift{0%{transform:translate(-40vw)}to{transform:translate(140vw)}}.stage{z-index:1;width:min(92vw,440px);padding:18px 0;position:relative}.app{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;min-height:560px;padding:24px 24px 22px;display:flex;position:relative;overflow:hidden}.app:before{content:"";background:var(--accent);height:4px;transition:background .35s;position:absolute;top:0;left:0;right:0}.bar{align-items:center;gap:10px;min-height:34px;margin-bottom:8px;display:flex}.back{color:var(--slate);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:4px;padding:6px;font-weight:600;display:none}.back:hover{color:var(--ink);background:var(--air)}.back svg{width:16px;height:16px}.wordmark{letter-spacing:-.02em;cursor:pointer;color:var(--ink);background:0 0;border:none;align-items:center;gap:2px;padding:0;font-family:Bricolage Grotesque,sans-serif;font-size:19px;font-weight:800;display:flex}.wordmark .w{color:var(--accent);transition:color .35s}.spacer{flex:1}.chip{text-transform:uppercase;letter-spacing:.08em;color:var(--slate);border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700}.screen{flex-direction:column;flex:1;animation:.38s cubic-bezier(.2,.8,.2,1) in;display:flex}@keyframes in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}h1{letter-spacing:-.03em;margin:0;font-family:Bricolage Grotesque,sans-serif;font-weight:800;line-height:1.02}.home h1{margin-top:12px;font-size:39px}.home .glow{color:var(--send)}.lede{color:var(--slate);max-width:34ch;margin:12px 0 24px;font-size:15px;line-height:1.5}h2{letter-spacing:-.02em;margin:6px 0 4px;font-family:Bricolage Grotesque,sans-serif;font-size:24px;font-weight:700}.sub{color:var(--slate);margin:0 0 20px;font-size:14px;line-height:1.5}.home .hero,.home .actions{display:contents}.choices{flex-direction:column;gap:14px;margin-top:auto;display:flex}.choice{text-align:left;background:var(--white);border:1.5px solid var(--line);font:inherit;cursor:pointer;color:var(--ink);border-radius:18px;align-items:center;gap:16px;padding:18px;transition:transform .15s,border-color .15s,box-shadow .2s;display:flex}.choice:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px #141a2b66}.choice:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.choice .ic{border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.choice .ic svg{width:24px;height:24px}.choice .t{font-family:Bricolage Grotesque,sans-serif;font-size:17px;font-weight:700}.choice .d{color:var(--slate);margin-top:2px;font-size:13px;line-height:1.4}.choice .go{color:var(--slate);margin-left:auto}.ic.send{background:var(--send-soft);color:var(--send)}.ic.recv{background:var(--recv-soft);color:var(--recv)}.choice.send:hover{border-color:var(--send)}.choice.recv:hover{border-color:var(--recv)}.link-btn{color:var(--slate);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-self:center;padding:14px 4px 0;font-size:13px;font-weight:600;text-decoration:underline}.link-btn:hover{color:var(--ink)}.drop{border:2px dashed var(--line);text-align:center;background:var(--air);cursor:pointer;border-radius:18px;margin-bottom:6px;padding:44px 18px;transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop .di{width:46px;height:46px;color:var(--accent);margin:0 auto 12px}.drop .di svg{width:46px;height:46px}.drop .dt{font-size:15px;font-weight:600}.drop .ds{color:var(--slate);margin-top:4px;font-size:13px}.warn{background:var(--warn-soft);color:var(--warn);border-radius:12px;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 13px;font-size:13px;line-height:1.4;display:flex}.warn svg{flex:none;width:18px;height:18px;margin-top:1px}.qrwrap{text-align:center;flex-direction:column;align-items:center;margin-top:6px;display:flex}.qrframe{background:var(--white);border:1.5px solid var(--line);border-radius:20px;padding:15px;box-shadow:0 12px 30px -20px #141a2b80}#qr img,#qr canvas{border-radius:6px;display:block}.qrfallback{width:196px;height:196px;color:var(--slate);background:var(--air);border-radius:8px;place-items:center;font-size:12px;display:grid}.payload-note{color:var(--slate);text-overflow:ellipsis;white-space:nowrap;max-width:30ch;margin-top:16px;font-size:13px;overflow:hidden}.share-btn{width:100%;font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:14px;font-size:15px;font-weight:700;display:flex}.share-btn:hover{filter:brightness(1.05)}.share-btn svg{width:18px;height:18px}.status{color:var(--slate);justify-content:center;align-items:center;gap:9px;margin-top:18px;font-size:13.5px;display:flex}.dot{background:var(--accent);border-radius:50%;width:9px;height:9px;position:relative}@media (prefers-reduced-motion:no-preference){.dot:after{content:"";background:var(--accent);border-radius:50%;animation:1.4s ease-out infinite ping;position:absolute;inset:0}}@keyframes ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.flight{height:130px;margin:10px 0 4px;position:relative;overflow:hidden}.rail{background:var(--line);height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.node{background:var(--white);border:1.5px solid var(--line);width:40px;height:40px;color:var(--slate);border-radius:12px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.node svg{width:20px;height:20px}.node.a{left:2px}.node.b{right:2px}.parcel{background:var(--accent);color:#fff;width:36px;height:36px;box-shadow:0 8px 20px -6px var(--accent);border-radius:11px;place-items:center;display:grid;position:absolute;top:50%;left:44px;transform:translateY(-50%)}.parcel svg{width:18px;height:18px}.parcel .trail{background:linear-gradient(90deg, transparent, var(--accent));opacity:.35;border-radius:8px;width:60px;height:14px;margin-right:2px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}@media (prefers-reduced-motion:no-preference){.flying .parcel{animation:2.4s cubic-bezier(.5,0,.5,1) forwards whoosh}}@keyframes whoosh{0%{left:44px}12%{transform:translateY(-50%)rotate(-3deg)}to{left:calc(100% - 80px);transform:translateY(-50%)}}.pct{text-align:center;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:34px;font-weight:700}.pbar{background:var(--air-2);border-radius:99px;height:8px;margin:12px 0 10px;overflow:hidden}.pbar i{background:var(--accent);border-radius:99px;width:0;height:100%;transition:width .2s linear;display:block}.stats{color:var(--slate);justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:12.5px;display:flex}.plabel{text-align:center;color:var(--slate);margin-top:2px;font-size:13.5px}.center-wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.seal{border-radius:50%;place-items:center;width:82px;height:82px;margin-bottom:18px;animation:.5s cubic-bezier(.2,1.3,.4,1) pop;display:grid}.seal svg{width:38px;height:38px}.seal.ok{background:var(--accent-soft);color:var(--accent)}.seal.bad{color:#c6362f;background:#fbe7e7}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.center-wrap h2{font-size:26px}.done-name{color:var(--slate);margin-top:8px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.6}.steps{flex-direction:column;gap:16px;margin:8px 0 auto;display:flex}.step{align-items:flex-start;gap:14px;display:flex}.step .n{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:9px;flex:none;place-items:center;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:800;display:grid}.step .st{font-size:15px;font-weight:600}.step .sd{color:var(--slate);margin-top:2px;font-size:13.5px;line-height:1.45}.btn{width:100%;font:inherit;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:15px;font-weight:700;transition:transform .12s,filter .15s;display:flex}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:var(--white);color:var(--ink);border:1.5px solid var(--line)}.btn.ghost:hover{background:var(--air)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.foot{flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.fineprint{text-align:center;color:#9aa3b4;margin-top:14px;font-size:11.5px}.toasts{z-index:50;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;border-radius:12px;padding:11px 16px;font-size:13.5px;font-weight:500;animation:.3s cubic-bezier(.2,.9,.2,1) toastin;box-shadow:0 12px 30px -10px #0006}@keyframes toastin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=640px){.stage{width:100%;min-height:100dvh;padding:0;display:flex}.app{--edge-r:max(24px, env(safe-area-inset-right));--edge-b:max(22px, env(safe-area-inset-bottom));--edge-l:max(24px, env(safe-area-inset-left));width:100%;box-shadow:none;min-height:100dvh;padding:0 var(--edge-r) var(--edge-b) var(--edge-l);border:none;border-radius:0;flex:1}.app:before{display:none}.bar{background:var(--accent);margin:0 calc(-1 * var(--edge-r)) 20px calc(-1 * var(--edge-l));padding:calc(max(24px, env(safe-area-inset-top)) + 14px) var(--edge-r) 14px var(--edge-l);transition:background .35s}.wordmark,.wordmark .w{color:#fff}.back{color:#ffffffd9}.back:hover{color:#fff;background:#ffffff26}.chip{background:#ffffffeb;border-color:#0000}.app:has(.home) .bar{margin-bottom:0}.app:has(.home){padding-bottom:0}.home{margin:0 calc(-1 * var(--edge-r)) 0 calc(-1 * var(--edge-l));background:var(--accent)}.home .hero{padding:4px var(--edge-r) 14px var(--edge-l);flex-direction:column;flex:1;justify-content:center;display:flex}.home .hero h1{color:#fff}.home .glow{color:var(--ink)}.home .lede{color:#ffffffe0}.home .actions{background:var(--white);padding:26px var(--edge-r) calc(14px + var(--edge-b)) var(--edge-l);flex-direction:column;display:flex}.home .actions .choices{margin-top:0}}