:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;color:#eef2ff;background:#0b1020}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 10%,#28366a55,transparent 34%),linear-gradient(180deg,#0b1020,#10172b);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.shell{max-width:680px;margin:auto;padding:18px 18px 60px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:950;letter-spacing:-1.7px;font-size:25px}.brand span,.hero h1 span{color:#8cf7c5}.ghost{border:1px solid #ffffff22;background:#ffffff0b;color:#fff;width:38px;height:38px;border-radius:50%;font-size:18px}.hero{padding:44px 2px 24px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#8cf7c5}.hero h1{font-size:clamp(48px,15vw,78px);line-height:.88;letter-spacing:-.07em;margin:10px 0 20px}.hero p{color:#abb5d0;font-size:17px;line-height:1.5;max-width:520px}.device-card,.connect-card,.peer-card,.transfer{border:1px solid #ffffff14;background:#ffffff0b;backdrop-filter:blur(18px);border-radius:26px;padding:18px;margin-top:14px;box-shadow:0 18px 70px #00000030}.device-card{display:flex;align-items:center;gap:14px}.device-icon{width:48px;height:48px;border-radius:16px;background:#8cf7c514;display:grid;place-items:center;color:#8cf7c5;font-size:27px}.device-card div:nth-child(2){display:flex;flex-direction:column;gap:3px}.device-card small,.peer-card small,.code-wrap small{font-size:10px;letter-spacing:.12em;color:#7d8baa;font-weight:800}.device-card span{font-size:12px;color:#73809e}.pulse{margin-left:auto;width:11px;height:11px;border-radius:50%;background:#8cf7c5;box-shadow:0 0 0 0 #8cf7c580;animation:pulse 1.8s infinite}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#070b16;border-radius:15px;padding:4px;margin-bottom:16px}.tabs button{border:0;background:transparent;color:#7885a3;padding:11px;border-radius:12px;font-weight:750}.tabs button.active{background:#1c263e;color:#fff}.primary,.secondary{width:100%;border:0;border-radius:17px;padding:16px;font-size:16px;font-weight:850}.primary{background:#8cf7c5;color:#07140f}.secondary{background:#ffffff10;color:#fff;border:1px solid #ffffff12}.code-wrap{text-align:center;padding:22px 8px 4px}.code{font-size:44px;font-weight:950;letter-spacing:.15em;margin:6px 0}.code-wrap p{color:#8997b6;font-size:13px}.hidden{display:none!important}input{width:100%;padding:17px;border-radius:17px;border:1px solid #ffffff18;background:#090e1c;color:#fff;font-size:24px;letter-spacing:.15em;text-align:center;margin-bottom:10px;outline:none}.peer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.peer-top div{display:flex;flex-direction:column}.status{font-size:12px;background:#8cf7c51a;color:#8cf7c5;padding:7px 10px;border-radius:999px}.drop{border:1.5px dashed #ffffff22;border-radius:23px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;position:relative;overflow:hidden}.drop.drag{border-color:#8cf7c5;background:#8cf7c50c;transform:scale(1.01)}.drop input{display:none}.orb{width:70px;height:70px;border-radius:24px;background:linear-gradient(135deg,#8cf7c5,#7cc6ff);color:#07140f;display:grid;place-items:center;font-weight:950;font-size:30px;margin-bottom:16px;box-shadow:0 20px 60px #8cf7c530;animation:float 3s ease-in-out infinite}.drop span{font-size:13px;color:#8290ae;margin:6px 0 16px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.quick button{padding:14px;border-radius:15px;border:1px solid #ffffff12;background:#ffffff0a;color:#fff;font-weight:750}.flyline{height:52px;position:relative;overflow:hidden}.flyline:before{content:"";position:absolute;left:8%;right:8%;top:25px;border-top:2px dotted #ffffff22}.dot{position:absolute;top:16px;width:18px;height:18px;border-radius:7px;background:#8cf7c5;animation:fly 1.15s ease-in-out infinite}.bar{height:8px;background:#060a14;border-radius:99px;overflow:hidden;margin:12px 0 8px}.bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,#8cf7c5,#7cc6ff);transition:width .2s}.transfer span{color:#8491ad;font-size:12px}.toast{position:fixed;left:50%;bottom:calc(26px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#8cf7c5;color:#06120d;font-weight:900;padding:15px 20px;border-radius:999px;box-shadow:0 20px 80px #0008;animation:pop .35s ease-out}@keyframes pulse{70%{box-shadow:0 0 0 12px #8cf7c500}}@keyframes float{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes fly{0%{left:6%;transform:rotate(-8deg)}50%{transform:translateY(-8px) rotate(8deg)}100%{left:90%;transform:rotate(0)}}@keyframes pop{from{opacity:0;transform:translate(-50%,18px) scale(.92)}}@media(min-width:760px){.shell{padding-top:30px}.peer-card,.connect-card,.device-card{padding:22px}.hero{padding-top:60px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.transfer-success{border-color:#8cf7c555;background:#8cf7c510;animation:completeCard .55s cubic-bezier(.2,.8,.2,1)}
.transfer-success .flyline{overflow:visible}
.transfer-success .dot{animation:completeDot .7s cubic-bezier(.2,.9,.2,1) forwards}
.transfer-success strong{color:#8cf7c5}
@keyframes completeCard{0%{transform:scale(1)}45%{transform:scale(1.025)}100%{transform:scale(1)}}
@keyframes completeDot{0%{left:90%;transform:scale(1)}45%{left:90%;transform:scale(1.75) rotate(12deg);box-shadow:0 0 0 14px #8cf7c522}100%{left:90%;transform:scale(1);box-shadow:0 0 0 24px #8cf7c500}}

/* Beta 0.2 */
.device-actions{margin-left:auto!important;display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important}.edit-hint{font-size:10px!important;color:#697995!important}.pair-grid{display:grid;gap:14px;margin-top:20px}.qr-card,.share-card{border:1px solid #ffffff12;background:#070b16aa;border-radius:20px;padding:16px}.qr-card{display:flex;align-items:center;flex-direction:column;gap:10px}.qr{width:184px;min-height:184px;background:white;border-radius:18px;padding:8px;display:grid;place-items:center}.qr img,.qr canvas{max-width:100%;border-radius:10px}.qr-card>span{font-size:11px;color:#7f8eac}.qr-fallback{color:#101828;font-size:12px}.share-card{text-align:left}.share-card strong{font-size:16px}.share-card p,.microcopy{color:#7f8eac;font-size:12px;line-height:1.45}.compact{padding:13px;margin-top:8px}.text-button{width:100%;border:0;background:transparent;color:#8cf7c5;padding:12px;font-weight:800}.quick-3{grid-template-columns:repeat(3,1fr)}.quick button{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.quick button b{font-size:20px}.quick button span{font-size:11px}.privacy-strip{display:flex;gap:11px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:16px;background:#8cf7c509;border:1px solid #8cf7c514}.privacy-strip .lock{color:#8cf7c5;font-size:22px}.privacy-strip div{display:flex;flex-direction:column;gap:2px}.privacy-strip strong{font-size:12px}.privacy-strip small{font-size:10px;color:#7585a3}.transfer-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.transfer-head #speed{font-size:11px;color:#8cf7c5;white-space:nowrap}.sheet-backdrop{position:fixed;inset:0;background:#02040aaa;backdrop-filter:blur(5px);z-index:50}.sheet{position:fixed;z-index:51;left:0;right:0;bottom:0;background:#111a2d;border:1px solid #ffffff15;border-radius:28px 28px 0 0;padding:12px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -30px 100px #0009;animation:sheetUp .32s cubic-bezier(.2,.8,.2,1)}.sheet-handle{width:42px;height:5px;background:#ffffff25;border-radius:99px;margin:0 auto 18px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-head>div{display:flex;flex-direction:column;gap:2px}.sheet-head small{font-size:10px;letter-spacing:.12em;color:#8cf7c5;font-weight:800}.sheet-head strong{font-size:22px}.ghost.small{width:34px;height:34px;font-size:23px}.sheet textarea{width:100%;resize:none;border-radius:18px;background:#090e1c;border:1px solid #ffffff16;color:white;padding:16px;font:inherit;font-size:16px;line-height:1.45;outline:none;margin-bottom:10px}.peer-enter{animation:peerIn .48s cubic-bezier(.2,.9,.2,1)}@keyframes peerIn{from{opacity:.2;transform:translateY(14px) scale(.98)}}@keyframes sheetUp{from{transform:translateY(100%)}}@media(min-width:560px){.pair-grid{grid-template-columns:1fr 1fr}.sheet{left:50%;right:auto;width:min(520px,calc(100% - 24px));transform:translateX(-50%);bottom:20px;border-radius:28px;padding-bottom:22px}@keyframes sheetUp{from{transform:translate(-50%,100%)}}}