@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#eaf2ff;background:#07111f;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #eaf2ff;--muted: #8fa2b9;--panel: rgba(12, 27, 46, .78);--line: rgba(156, 183, 214, .14);--mint: #53e6c3;--blue: #6388ff;--danger: #ff6e80}*{box-sizing:border-box}html{min-width:320px;background:#07111f}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% -20%,#162b46 0,#091626 42%,#060e19)}.app-shell:before{content:"";position:fixed;inset:0;opacity:.25;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 70%);mask-image:linear-gradient(to bottom,black,transparent 70%)}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none}.ambient-one{width:420px;height:420px;top:8%;left:-180px;background:#22e2bc}.ambient-two{width:520px;height:520px;right:-220px;bottom:-180px;background:#486eff}.topbar{width:min(1180px,calc(100% - 40px));height:86px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:11px;font:800 20px/1 Manrope,sans-serif;letter-spacing:-.7px}.brand span span{color:var(--mint)}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#07111f;background:linear-gradient(135deg,var(--mint),#68a1ff);box-shadow:0 10px 30px #44d6c52e}.header-actions{display:flex;align-items:center;gap:10px}.network-pill,.icon-button{border:1px solid var(--line);background:#0a1829c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}.network-pill{height:40px;display:flex;align-items:center;gap:9px;padding:0 14px;border-radius:999px;color:#c4d1df;font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%;background:#718096;box-shadow:0 0 0 4px #7180961a}.status-dot.online{background:var(--mint);box-shadow:0 0 0 4px #53e6c31a,0 0 16px #53e6c366}.status-dot.connecting{background:#fc6;animation:pulse 1.3s infinite}.icon-button{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--muted)}.icon-button:hover,.network-pill:hover{border-color:#53e6c359;color:var(--ink)}main{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:56px 0 38px}.intro{max-width:680px;margin-bottom:46px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--mint);font-size:12px;font-weight:700}.eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px}.intro h1{margin:0;font:800 clamp(42px,6vw,76px)/.98 "Manrope",sans-serif;letter-spacing:clamp(-4px,-.06em,-1.5px)}.intro h1 span{color:transparent;background:linear-gradient(90deg,var(--mint),#80a0ff);background-clip:text;-webkit-background-clip:text}.intro p{max-width:540px;margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.55}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:20px}.drop-zone,.devices-panel{border:1px solid var(--line);background:var(--panel);box-shadow:0 30px 80px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.drop-zone{min-height:390px;padding:38px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;transition:border-color .2s,transform .2s,background .2s}.drop-zone:before{content:"";position:absolute;inset:14px;border:1.5px dashed rgba(132,164,199,.18);border-radius:20px;pointer-events:none}.drop-zone.dragging{transform:translateY(-3px);border-color:var(--mint);background:#122d41e6}.drop-zone.has-files{align-items:stretch;justify-content:flex-start;text-align:left}.upload-orbit{width:72px;height:72px;display:grid;place-items:center;border-radius:23px;color:#07111f;background:linear-gradient(135deg,var(--mint),#70a3ff);box-shadow:0 0 0 12px #53e6c30d,0 20px 50px #41afc22b;margin-bottom:24px}.drop-zone h2,.devices-panel h2{margin:0;font:700 21px/1.25 Manrope,sans-serif;letter-spacing:-.5px}.drop-zone>p{color:var(--muted);margin:8px 0 24px}.picker-actions{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1}.picker-actions.compact{justify-content:space-between;margin-top:18px}.button{min-height:46px;border-radius:13px;border:1px solid transparent;padding:0 18px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.button:hover{transform:translateY(-1px)}.button.primary{color:#07111f;background:linear-gradient(135deg,var(--mint),#72dcdd);box-shadow:0 12px 30px #3fd8be24}.button.secondary{border-color:var(--line);background:#ffffff09;color:#d6e0ec}.button.wide{width:100%;margin-top:18px}.selection-head,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;position:relative;z-index:1}.section-kicker{display:block;margin-bottom:8px}.text-button,.reject-button{border:0;background:transparent;color:var(--muted);cursor:pointer}.text-button{display:flex;align-items:center;gap:6px}.text-button:hover,.reject-button:hover{color:var(--danger)}.file-list{width:100%;display:grid;gap:8px;margin-top:26px;position:relative;z-index:1}.file-row{min-width:0;height:52px;border:1px solid rgba(151,183,217,.1);border-radius:13px;padding:0 15px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;background:#ffffff06}.file-row svg{color:var(--mint)}.file-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row small,.selection-hint{color:var(--muted)}.more-files{color:var(--muted);text-align:center;font-size:14px;padding-top:6px}.devices-panel{min-height:390px;border-radius:28px;padding:25px;display:flex;flex-direction:column}.panel-heading svg{color:var(--mint)}.devices-list{flex:1;display:grid;align-content:start;gap:9px;margin-top:22px}.device-card{width:100%;min-height:72px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:10px 12px;border-radius:16px;border:1px solid transparent;background:#ffffff06;text-align:left;transition:background .16s,border-color .16s,transform .16s}.device-card.ready{cursor:pointer;border-color:#53e6c329;background:#53e6c30b}.device-card.ready:hover{transform:translate(3px);border-color:#53e6c36b;background:#53e6c314}.device-card:disabled{opacity:.66}.device-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#162b42;color:#9eb5cc}.device-card.ready .device-avatar{color:var(--mint)}.device-card strong,.device-card span{display:block}.device-card strong{font-size:15px}.device-card span{margin-top:3px;color:var(--muted);font-size:12px}.device-arrow{color:#65788d}.empty-devices{display:grid;place-items:center;min-height:190px;text-align:center;color:var(--muted)}.empty-devices p{margin:16px 0 0;font-size:14px;line-height:1.55}.empty-devices strong{color:#c8d6e5}.radar{width:72px;height:72px;position:relative;display:grid;place-items:center;border-radius:50%;color:var(--mint);background:#53e6c30d}.radar span{position:absolute;inset:0;border:1px solid rgba(83,230,195,.22);border-radius:50%;animation:radar 2.4s infinite}.radar span:nth-child(2){animation-delay:1.2s}.this-device{margin-top:18px;padding-top:17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--mint)}.device-mini{display:flex;align-items:center;gap:10px}.device-mini>svg{width:19px}.device-mini small,.device-mini strong{display:block}.device-mini small{color:var(--muted);font-size:11px}.device-mini strong{color:#cbd7e4;font-size:14px;margin-top:2px}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;padding:28px 0 0;color:#74889e;font-size:13px}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row svg{color:#7c9dba}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#02080fc2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade .18s ease-out}.modal-card{width:min(450px,100%);position:relative;padding:34px;border:1px solid rgba(163,193,225,.18);border-radius:26px;background:linear-gradient(160deg,#11243a,#091522);box-shadow:0 35px 100px #00000080;text-align:center;animation:rise .22s ease-out}.modal-card.small{width:min(400px,100%);text-align:left}.modal-card h2{margin:8px 0 0;font:700 23px/1.25 Manrope,sans-serif;letter-spacing:-.6px}.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:#ffffff0a;color:var(--muted);cursor:pointer}.modal-copy{color:var(--muted);line-height:1.5;font-size:14px}.input{width:100%;height:48px;border:1px solid var(--line);border-radius:13px;padding:0 14px;background:#0000002e;color:var(--ink)}.room-input{text-transform:uppercase;letter-spacing:.08em}.incoming-icon{width:62px;height:62px;margin:0 auto 21px;display:grid;place-items:center;border-radius:20px;color:#07111f;background:linear-gradient(135deg,var(--mint),#70a0ff)}.incoming-summary{margin:24px 0;display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#ffffff06;text-align:left}.incoming-summary svg{color:var(--mint);flex:0 0 auto}.incoming-summary strong,.incoming-summary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-summary>div{min-width:0}.incoming-summary span{margin-top:3px;color:var(--muted);font-size:13px}.modal-actions{display:flex;gap:9px}.modal-actions .button{flex:1}.reject-button{margin-top:17px}.progress-hero{margin-bottom:21px}.progress-ring{--progress: 0deg;width:94px;height:94px;margin:0 auto;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--mint) var(--progress),rgba(255,255,255,.07) 0);color:var(--ink);font-weight:800}.progress-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#0e1e30}.progress-ring>*,.progress-ring>span{position:relative;z-index:1}.progress-hero.done .progress-ring{background:var(--mint);color:#07111f}.progress-hero.error .progress-ring,.progress-hero.cancelled .progress-ring{background:var(--danger);color:#07111f}.progress-file{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linear-progress{height:7px;overflow:hidden;margin-top:24px;border-radius:99px;background:#ffffff12}.linear-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),#6b94ff);transition:width .15s linear}.progress-stats{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:13px}.connection-note{display:flex;justify-content:center;align-items:center;gap:7px;color:#8196ab;font-size:13px;margin-top:22px}.connection-note svg{color:var(--mint)}.error-copy{padding:12px;border-radius:12px;background:#ff6e8014;color:#ff9dab;font-size:14px;line-height:1.45}.spin{animation:spin 1s linear infinite}@keyframes pulse{50%{opacity:.45}}@keyframes radar{0%{transform:scale(.55);opacity:.8}to{transform:scale(1.55);opacity:0}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(12px) scale(.98);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.topbar,main{width:min(100% - 28px,620px)}.topbar{height:72px}main{padding-top:34px}.intro{margin-bottom:32px}.intro h1{font-size:clamp(42px,13vw,62px)}.intro p{font-size:16px}.workspace{grid-template-columns:1fr}.drop-zone{min-height:340px;padding:30px 24px;border-radius:23px}.devices-panel{min-height:330px;border-radius:23px}.trust-row{gap:12px 22px;justify-content:flex-start}}@media(max-width:480px){.brand{font-size:18px}.network-pill span:not(.status-dot){display:none}.network-pill{width:40px;padding:0;justify-content:center}.intro h1{letter-spacing:-2.5px}.intro p{margin-top:16px}.picker-actions{width:100%;flex-direction:column}.picker-actions .button{width:100%}.picker-actions.compact{flex-direction:row}.picker-actions.compact .button{width:auto}.selection-hint{font-size:12px;text-align:right}.modal-card{padding:30px 22px 24px}.modal-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}