:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;color:#edf4ff;--ink:#edf4ff;--muted:#a2b3ca;--dim:#8197b3;--line:#263b53;--panel:#111f31;--blue:#2189fa;--cyan:#70dcff;--mint:#5ce1bb;--danger:#ffb6af;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ease:cubic-bezier(.22, 1, .36, 1);background:#060c15;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background-color:#060c15;background-image:radial-gradient(at 6% 80%,#10396a45,#0000 43%),radial-gradient(at 91% 4%,#1342634d,#0000 45%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}button,a{transition:color .2s, background .2s, border-color .2s, box-shadow .25s, transform .25s var(--ease)}button:active:not(:disabled),a.small-primary:active{transform:translateY(1px)scale(.98)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin:0}p{text-wrap:pretty}svg{flex-shrink:0}::selection{color:#fff;background:#32659d}.shell{isolation:isolate;width:min(1360px,100% - 80px);min-height:calc(100svh - 80px);animation:shell-enter .8s var(--ease) both;background:radial-gradient(at 92% 0,#14334f55,#0000 48%),#0b1422;border:1px solid #365573;border-radius:20px;margin:40px auto;position:relative;box-shadow:0 30px 100px #0005,inset 0 1px #c5e8ff0c}.shell:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#68cbff99,#0000);height:1px;position:absolute;inset:auto 14% -1px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:83px;padding:0 29px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:25px;font-weight:650;display:flex}.brand-mark{filter:drop-shadow(0 0 10px #258fff50)}.brand-caption{color:#c8d7eb;letter-spacing:1.5px;border-left:1px solid #37506b;margin-left:15px;padding-left:15px;font-size:14px;font-weight:500}.header-actions{align-items:center;gap:22px;display:flex}.header-caption{color:var(--dim);font:9px var(--mono);letter-spacing:1.6px}.motion-toggle{min-height:44px;color:var(--dim);background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-size:11px;display:flex}.motion-toggle[aria-pressed=true]{color:#b2d6f1}.toggle-track{background:#152338;border:1px solid #425773;border-radius:20px;width:26px;height:15px;padding:3px}.toggle-track i{width:7px;height:7px;transition:transform .25s var(--ease), background .25s;background:#8499b5;border-radius:50%;display:block}.motion-toggle[aria-pressed=true] .toggle-track{background:#133a56;border-color:#357cb3}.motion-toggle[aria-pressed=true] i{background:var(--cyan);transform:translate(10px);box-shadow:0 0 6px #70dcff55}.status-pill{color:var(--muted);white-space:nowrap;border:1px solid #32445b;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.dot{background:var(--dim);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.live{color:var(--mint);background:#173b3029;border-color:#2b594f}.live .dot,.code-meta .dot,.online .dot{background:var(--mint);box-shadow:0 0 9px #5ce1bb55}.pending .dot{background:var(--cyan);animation:2.6s ease-in-out infinite status-breathe}.app-body{grid-template-columns:190px minmax(0,1fr);min-height:calc(100svh - 165px);display:grid}.device-sidebar{border-right:1px solid var(--line);flex-direction:column;padding:27px 18px 25px;display:flex;position:relative;overflow:hidden}.device-sidebar:after{content:"";pointer-events:none;border:1px solid #2689dc40;border-radius:50%;width:360px;height:440px;position:absolute;bottom:-35px;left:-235px;transform:rotate(40deg);box-shadow:2px 0 19px #2386ed17}.sidebar-topline{color:#b4c4d9;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:11px;display:flex}.sidebar-count{font:10px var(--mono);color:#7db5df}.sidebar-label{color:var(--dim);margin-bottom:11px;padding:0 8px;font-size:10px}.sidebar-device{color:#b9cde4;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:13px 9px;display:flex}.sidebar-device>div{min-width:0}.sidebar-device strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.sidebar-device div>span{color:var(--dim);align-items:center;gap:5px;margin-top:8px;font-size:9px;display:flex}.local-device{background:#142236;border-color:#2c405b}.peer-device{border:1px dashed #314660}.peer-device>svg{color:#7995b5}.peer-device.online{background:linear-gradient(130deg,#183b5a,#10273f);border:1px solid #3e84b3;box-shadow:inset 0 0 18px #2288dc13,0 0 15px #2588df15}.peer-device.online>svg{color:var(--cyan)}.peer-device.online div>span{color:#a0d6c8}.sidebar-connector{flex-direction:column;gap:6px;padding:12px 22px;display:flex}.sidebar-connector i{background:#446386;border-radius:50%;width:2px;height:2px}.sidebar-bottom{z-index:1;margin-top:auto;padding:80px 6px 0;position:relative}.sidebar-security{color:#bbd0e7;align-items:center;gap:8px;font-size:11px;display:flex}.sidebar-security svg{color:#8fb7d8}.sidebar-bottom p{color:var(--dim);margin:13px 0 22px;font-size:10px;line-height:1.9}.sidebar-wordmark{font:7px var(--mono);letter-spacing:1px;color:#718cac}.main-content{flex-direction:column;min-width:0;padding:0 36px;display:flex}main{flex:1;min-width:0}.pair-layout{padding:35px 0 25px}.intro{grid-template-columns:1fr 1.05fr;align-items:center;gap:18px;margin-bottom:34px;display:grid}.eyebrow{color:#94bce3;letter-spacing:1.4px;align-items:center;gap:8px;font-size:10px;display:flex}.eyebrow i{background:#70baf7;width:18px;height:1px}h1{letter-spacing:-1.7px;margin-top:18px;font-size:clamp(32px,3.1vw,46px);font-weight:570;line-height:1.3}.intro h1 span{color:#aec7e3}.intro-copy{color:var(--muted);margin-top:17px;font-size:12px;line-height:1.9}.intro-visual{min-width:0;padding-top:8px}.privacy{color:#8ea9c8;justify-content:center;align-items:center;gap:7px;font-size:10px;line-height:1.8;display:flex}.privacy svg{color:#85b5d7}.pair-panel{background:linear-gradient(140deg,#15253a99,#0f1d2fe6);border:1px solid #304964;border-radius:15px;box-shadow:0 14px 40px #0002,inset 0 1px #e2f5ff08}.device-name{border-bottom:1px solid var(--line);color:#8caccb;background:#0c182754;border-radius:15px 15px 0 0;align-items:center;gap:11px;padding:14px 25px;display:flex}.device-name label{color:var(--dim);white-space:nowrap;font-size:11px}.device-name input{color:#d9e7f8;background:0 0;border:1px solid #0000;border-radius:5px;width:190px;min-width:0;padding:6px 8px;font-size:12px}.device-name input:hover:not(:disabled){border-color:#3b5572}.device-name input:focus{background:#0b1726;border-color:#5b9bc7;outline:none;box-shadow:0 0 0 3px #70dcff0b}.name-hint{color:var(--dim);margin-left:auto;font-size:9px}.pair-options{grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);display:grid}.create-panel,.join-panel{min-width:0;padding:26px 25px 22px}.option-overline{color:#829dbc;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:10px;display:flex}.option-overline svg{color:#7298bf}.section-heading{align-items:center;gap:10px;display:flex}h2{letter-spacing:-.4px;font-size:19px;font-weight:550}.step{font:9px var(--mono);color:#86bde9;background:#18334d55;border:1px solid #365575;border-radius:5px;padding:5px}.subtle{color:var(--muted);margin-top:11px;font-size:11px;line-height:1.9;display:block}.primary,.secondary,.small-primary,.small-secondary{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-size:12px;font-weight:550;display:inline-flex;position:relative}.primary,.small-primary{color:#fff;background:linear-gradient(110deg,#1499ef,#207af0);border-color:#55b4ff;box-shadow:inset 0 1px #d7f3ff2b,0 3px 14px #178eff24}.primary:hover:not(:disabled),.small-primary:hover:not(:disabled){background:linear-gradient(110deg,#22b0ff,#338bf9);border-color:#8bdaff;transform:translateY(-1px);box-shadow:0 0 23px #178eff40,inset 0 1px #dcf6ff40}.secondary,.small-secondary{color:#d1e3f9;background:linear-gradient(140deg,#1d314a,#16263c);border-color:#405c7b;box-shadow:inset 0 1px #bce5ff09}.secondary:hover:not(:disabled),.small-secondary:hover:not(:disabled){background:#233e59;border-color:#79a3c6;transform:translateY(-1px)}.full{width:100%;min-height:49px;margin-top:25px}.full>svg:last-child{margin-left:auto}.option-note{color:var(--dim);justify-content:center;align-items:center;gap:6px;margin-top:15px;font-size:9px;line-height:1.7;display:flex}.divider{color:#7f96b0;flex-direction:column;align-items:center;gap:13px;padding:26px 0;font-size:9px;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(#0000,#30455f);flex:1;width:1px}.divider:after{transform:rotate(180deg)}.join-row{gap:9px;margin-top:25px;display:flex}.join-row input{color:#e4f6ff;width:0;min-width:0;height:49px;font:22px var(--mono);letter-spacing:4px;text-align:center;background:#091523;border:1px solid #365675;border-radius:8px;flex:1;padding:11px 10px;transition:border-color .2s,box-shadow .2s}.join-row input::placeholder{color:#69809a}.join-row input:focus{border-color:var(--cyan);outline:0;box-shadow:0 0 0 3px #70dcff10}.join-row button{padding:11px 12px;font-size:11px}.waiting{grid-template-columns:1.1fr 1fr;gap:35px;padding:30px;display:grid}.waiting-info{min-width:0}.pair-code{font:48px var(--mono);letter-spacing:9px;color:#eaf8ff;text-shadow:0 0 30px #4cafff30;text-align:center;-webkit-user-select:all;user-select:all;margin:27px -9px 20px 0;font-weight:500}.code-meta{color:var(--mint);align-items:center;gap:7px;font-size:10px;display:flex}.code-meta .dot{animation:2.6s ease-in-out infinite status-breathe}.code-meta span:last-child{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.pair-actions{gap:9px;margin-top:22px;display:flex}.pair-actions button{flex:1;padding:10px 8px;font-size:11px}.qr-row{border-top:1px solid var(--line);align-items:center;gap:18px;margin-top:24px;padding-top:22px;display:flex}.qr-row img{border-radius:8px}.qr-row strong{font-size:12px;font-weight:500}.qr-row p{color:var(--dim);margin-top:8px;font-size:10px;line-height:1.8}.text-button{color:#9bb7d6;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 10px;font-size:11px;display:inline-flex}.text-button:hover{color:var(--cyan)}.cancel-wait{width:100%;margin-top:11px}.waiting-aside{border-left:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-left:25px;display:flex}.waiting-radar{color:#9edaff;background:radial-gradient(circle,#24578844,#14263a44);border:1px solid #3a79a4;border-radius:50%;place-items:center;width:76px;height:76px;margin:25px 0 35px;display:grid;position:relative;box-shadow:0 0 30px #2d98e41c}.waiting-radar i{border:1px solid #4aabef55;border-radius:50%;animation:3.6s ease-out infinite radar-wave;position:absolute;inset:-1px}.waiting-radar i:nth-child(2){animation-delay:-1.8s}.waiting-aside h3{letter-spacing:1px;font-size:21px;font-weight:500}.waiting-aside p{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.9}.waiting-aside>span{color:var(--dim);align-items:center;gap:6px;margin-top:24px;font-size:9px;display:flex}.connecting{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:310px;padding:36px 24px;display:flex}.connecting-orbit{width:72px;height:72px;color:var(--cyan);border:1px solid #396f9d;border-radius:50%;place-items:center;margin-bottom:26px;display:grid;position:relative;box-shadow:0 0 0 12px #2b8ec907,0 0 35px #2482e317}.spinner{border:2px solid #0000;border-color:currentColor #0000 #0000 currentColor;border-radius:50%;animation:1.2s linear infinite spin;display:inline-block}.connecting-orbit .spinner{position:absolute;inset:-1px}.connecting p{color:var(--muted);margin:14px 0 22px;font-size:12px;line-height:1.9}.alert{color:var(--danger);animation:enter .3s var(--ease);background:#321e29;border:1px solid #70414c;border-radius:10px;align-items:flex-start;gap:12px;margin:0 0 20px;padding:15px;font-size:12px;line-height:1.8;display:flex}.notice,.local-note{color:#8eabc9;margin-bottom:20px;font-size:10px;line-height:1.9}.local-note{background:#14233755;border:1px solid #263c56;border-radius:7px;padding:11px 13px}footer{border-top:1px solid var(--line);color:#879fbc;justify-content:space-between;align-items:center;gap:16px;min-height:71px;font-size:9px;display:flex}footer>span{white-space:nowrap;align-items:center;gap:6px;display:flex}footer>span:first-child{color:#a9bfd7}.version{font:7px var(--mono);letter-spacing:.9px;color:#7190b1}.device-link{isolation:isolate;align-items:center;width:100%;min-width:0;min-height:185px;padding:24px 10px 36px;display:flex;position:relative}.scene-orbit{pointer-events:none;z-index:-1;border:1px solid #28609b20;border-radius:50%;width:86%;height:150px;position:absolute;top:12px;left:7%;transform:rotate(-19deg)}.orbit-two{border-color:#28609b15;width:72%;height:205px;top:-16px;left:14%;transform:rotate(21deg)}.link-device{background:linear-gradient(145deg,#1c3852,#102238 80%);border:1px solid #3b6384;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;width:95px;padding:17px 8px 12px;display:flex;position:relative;box-shadow:inset 0 1px #c2e7ff12,0 12px 28px #0003}.link-device.remote{transform:translateY(14px)}.device-symbol{color:#b1e0ff;filter:drop-shadow(0 0 10px #369dff35);display:flex}.link-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#d7e9fb;width:100%;margin-top:12px;font-size:10px;overflow:hidden}.link-caption{color:#8da8c5;align-items:center;gap:4px;margin-top:6px;font-size:8px;display:flex}.link-caption i{background:#829bb8;border-radius:50%;width:4px;height:4px}.device-halo{pointer-events:none;z-index:-1;border:1px solid #3299e22b;border-radius:50%;width:133px;height:133px;animation:5s ease-in-out infinite halo-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #167ed916}.device-halo:before,.device-halo:after{content:"";border:1px solid #3299e216;border-radius:50%;position:absolute;inset:-15px}.device-halo:after{border-color:#4bb9ff3b;inset:14px}.remote .device-halo{animation-delay:-2.5s}.beam-wrap{flex:1;min-width:20px;position:relative}.link-beam{width:100%;height:80px;display:block;overflow:visible}.beam-track{stroke:#3176a6;stroke-width:1px;opacity:.65}.beam-secondary{stroke:#397faf;stroke-width:.7px;opacity:.25}.beam-light{stroke:#54c5ff;stroke-width:1.5px;opacity:.3;filter:drop-shadow(0 0 5px #29a9ff)}.beam-dots,.beam-return{stroke:#c2f5ff;stroke-width:4px;stroke-linecap:round;stroke-dasharray:1 65;opacity:0;filter:drop-shadow(0 0 4px #24b5ff)}.beam-label{font:6px var(--mono);letter-spacing:1px;color:#82a4c6;white-space:nowrap;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.device-link[data-state=connecting] .beam-dots,.device-link[data-state=connected] .beam-dots{opacity:1;animation:4s linear infinite beam-flow}.device-link[data-state=connecting] .beam-dots{opacity:.6;animation-duration:5s}.device-link[data-state=connected] .beam-light{opacity:.85}.device-link[data-state=connected] .remote{border-color:#4499c8}.device-link[data-state=connected] .remote .link-caption{color:var(--mint)}.device-link[data-state=connected] .link-caption i{background:var(--mint);box-shadow:0 0 6px #5ce1bb66}.device-link[data-flow=send] .beam-dots,.device-link[data-flow=both] .beam-dots{animation-duration:1.1s}.device-link[data-flow=receive] .beam-dots{animation-duration:1.1s;animation-direction:reverse}.device-link[data-flow=both] .beam-return{opacity:.85;animation:1.4s linear infinite reverse beam-flow}.device-link[data-state=disconnected] .device-halo{opacity:.4;animation:none}.workspace-heading{justify-content:space-between;align-items:center;gap:15px;padding:30px 0 24px;display:flex}.workspace-heading h1{letter-spacing:-.9px;margin-top:11px;font-size:31px}.workspace-heading>button{min-height:40px;font-size:11px}.connection-bar{background:radial-gradient(at 35%,#16416d33,#0000 75%),#101f31;border:1px solid #305574;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;padding:0 21px;display:flex}.device-link.compact{width:410px;min-height:100px;padding:18px 0}.compact .scene-orbit{display:none}.compact .link-device{border-radius:9px;flex-direction:row;gap:9px;width:auto;max-width:150px;padding:12px 11px}.compact .link-device.remote{transform:none}.compact .device-symbol svg{width:22px;height:22px}.compact .link-name{text-align:left;margin:0;font-size:11px}.compact .link-caption{display:none}.compact .device-halo{width:65px;height:65px}.compact .link-beam{height:44px}.compact .beam-label{display:none}.connection-security{color:#a3c8ce;align-items:center;gap:6px;font-size:10px;line-height:1.8;display:flex}.connection-security svg{color:var(--mint)}.transfer-layout{grid-template-columns:1.2fr 1fr;align-items:start;gap:20px;margin-bottom:22px;display:grid}.panel{background:linear-gradient(150deg,#14233799,#101d2ef0);border:1px solid #2c435e;border-radius:13px;min-width:0;padding:21px}.panel-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.panel-heading h2{align-items:center;gap:8px;font-size:15px;display:flex}.panel-heading h2 svg{color:#96c4ed;width:18px;height:18px}.panel-heading>span{color:var(--dim);font-size:9px}.drop-zone{isolation:isolate;background:radial-gradient(at 85% 100%,#1b59933b,#0000 65%),#0d1c2e;border:1px dashed #477398;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:251px;padding:27px 16px;transition:background .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.drop-zone:before,.drop-zone:after{content:"";z-index:-1;pointer-events:none;border:1px solid #267eb53d;border-radius:50%;width:140%;height:160px;position:absolute;bottom:-130px;left:-20%;transform:rotate(-18deg)}.drop-zone:after{border-color:#45baff4d;bottom:-153px;box-shadow:0 -2px 20px #2997ef1c}.drop-zone:hover{background-color:#102339;border-color:#66a4d0}.drop-zone.dragging{border-color:var(--cyan);background:#173e59;border-style:solid;box-shadow:inset 0 0 35px #3cbbff15,0 0 0 4px #36aaff12}.drop-zone.disabled{opacity:.5}.upload-mark{color:#67ceff;width:58px;height:58px;transition:transform .35s var(--ease);background:linear-gradient(140deg,#1a4162,#122941);border:1px solid #31729e55;border-radius:15px;place-items:center;margin-bottom:17px;display:grid;position:relative;box-shadow:inset 0 1px #b8eaff0d,0 0 24px #238dce1c}.drop-zone:hover .upload-mark,.drop-zone.dragging .upload-mark{transform:translateY(-5px)rotate(-4deg)}.upload-mark svg{filter:drop-shadow(0 0 6px #159aff55)}.drop-zone h3{font-size:17px;font-weight:550}.drop-zone p{color:var(--muted);text-align:center;margin-top:10px;font-size:11px;line-height:1.8}.file-picker-actions{flex-shrink:0;gap:10px;width:min(360px,100%);margin-top:21px;display:flex}.drop-zone .file-picker-actions button{flex:1;width:100%;min-width:0;margin:0}.empty-note{color:var(--dim);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:10px;line-height:1.8;display:flex}.text-panel textarea{resize:vertical;width:100%;min-height:193px;max-height:400px;color:var(--ink);background:#0b1726;border:1px solid #304864;border-radius:9px;padding:15px;font-size:13px;line-height:1.8;transition:border-color .2s,box-shadow .2s;display:block}.text-panel textarea::placeholder{color:#8196b0}.text-panel textarea:focus{border-color:#66acd9;outline:0;box-shadow:0 0 0 3px #70dcff0c}.text-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.text-toolbar>span{font:9px var(--mono);color:var(--dim)}.text-toolbar button{min-height:44px;font-size:11px}.messages,.file-list{flex-direction:column;gap:12px;display:flex}.message{animation:enter .4s var(--ease) both;background:#0c1a2b;border:1px solid #2a435e;border-radius:9px;padding:14px}.message.receive{background:#10262d;border-color:#2b4b50}.message:first-child,.transfer-card:first-child{margin-top:20px}.message-meta{color:#91abc7;justify-content:space-between;gap:10px;font-size:9px;display:flex}.message-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:65%;overflow:hidden}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;font-size:13px;line-height:1.8}.message button{min-height:34px;margin-top:7px;padding-left:0}.history-clear{margin:-8px 0 14px;padding-left:0}.transfer-card{animation:enter .4s var(--ease) both;background:#0e1d30;border:1px solid #2c4561;border-radius:10px;padding:15px;transition:border-color .3s,background .3s}.transfer-card.transferring{background:linear-gradient(120deg,#15385966,#0e1d30);border-color:#377bad}.transfer-card.done{animation:completion-pop .55s var(--ease) both;border-color:#31594f}.transfer-card.error{border-color:#71404b}.file-top{align-items:center;gap:10px;display:flex}.file-icon{color:#b8dbff;background:#203952;border:1px solid #37516f;border-radius:8px;flex-shrink:0;place-items:center;width:37px;height:41px;display:grid}.file-icon.image{color:#a4dfd1;background:#1b3d3c;border-color:#335b56}.file-icon.video{color:#a7cfff;background:#20395c}.file-info{flex:1;min-width:0}.file-info h3{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.file-info p{color:var(--dim);align-items:center;gap:5px;margin-top:7px;font-size:9px;display:flex}.file-status{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}.done .file-status,.success{color:var(--mint)}.done .file-status svg{animation:check-pop .4s var(--ease) both}.file-message{color:var(--muted);margin-top:12px;font-size:10px;line-height:1.8}.file-message.success{color:#92cbbd}.file-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.file-actions:has(>*){margin-top:12px}.file-actions .small-primary,.file-actions .small-secondary{min-height:40px;padding:8px 10px;font-size:10px}.file-progress{margin-top:18px}.progress-wrap{position:relative}.progress-wrap progress{appearance:none;background:#273e57;border:0;border-radius:5px;width:100%;height:5px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#273e57}progress::-webkit-progress-value{background:linear-gradient(90deg,#207fee,#62d6ff);border-radius:5px}progress::-moz-progress-bar{background:#53c6ff;border-radius:5px}.progress-head{top:-1px;left:clamp(0px, calc(var(--progress) - 7px), calc(100% - 7px));background:#d2f7ff;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite status-breathe;position:absolute;box-shadow:0 0 10px #54ceff,0 0 20px #178ffa}.transfer-metrics{font:9px var(--mono);color:var(--muted);justify-content:space-between;gap:8px;margin-top:10px;display:flex}.byte-count{font-size:8px}.toast{bottom:max(28px, env(safe-area-inset-bottom));z-index:10;text-align:center;width:max-content;max-width:calc(100% - 32px);animation:toast-enter .35s var(--ease) both;background:#1b344c;border:1px solid #4c789b;border-radius:11px;padding:14px 21px;font-size:12px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #0008}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.state-enter{animation:enter .45s var(--ease) both}@media (width>=1600px){.shell{min-height:calc(100svh - 110px);margin-top:55px}.app-body{min-height:calc(100svh - 195px)}.pair-layout{padding-top:48px}.intro{margin-bottom:46px}}@media (width<=1150px){.shell{width:calc(100% - 40px);min-height:calc(100svh - 48px);margin:24px auto}.app-body{grid-template-columns:164px minmax(0,1fr);min-height:calc(100svh - 133px)}.device-sidebar{padding:25px 12px}.main-content{padding:0 25px}.header-caption{display:none}.link-device{width:82px}.device-halo{width:115px;height:115px}.create-panel,.join-panel{padding:23px 18px 20px}.pair-options{grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr)}.join-row{gap:6px}.join-row input{letter-spacing:2px;padding:10px 6px;font-size:19px}.join-row button{padding:10px}.join-row button svg{display:none}.transfer-layout{gap:15px}.panel{padding:17px}.panel-heading>span{font-size:8px}.pair-code{letter-spacing:7px;font-size:39px}.connection-bar{gap:15px;padding:0 16px}.connection-security{max-width:115px;font-size:9px}.version{display:none}}@media (width<=900px){.app-body{grid-template-columns:1fr}.device-sidebar{display:none}.main-content{padding:0 28px}.pair-layout{padding-top:32px}.intro{grid-template-columns:1fr 1fr}h1{font-size:40px}.intro-visual{max-width:360px}.link-device{width:90px}.create-panel,.join-panel{padding:25px}.version{display:flex}}.mobile-transfer-switch{display:none}@media (width<=600px){.shell{width:calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(100svh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;margin:calc(8px + env(safe-area-inset-top)) auto calc(8px + env(safe-area-inset-bottom));border-radius:16px;flex-direction:column;display:flex}.topbar{flex-shrink:0;gap:12px;height:56px;padding:0 16px}.brand{gap:6px;min-height:44px;font-size:23px}.brand-mark{width:30px;height:30px}.brand-caption,.motion-toggle>span{display:none}.header-actions{gap:8px}.motion-toggle{justify-content:center;min-width:44px}.status-pill{padding:7px 9px;font-size:11px}.app-body{flex:1;min-height:0;display:flex}.main-content{flex:1;min-height:0;padding:0 16px}main{flex-direction:column;min-height:0;display:flex}.pair-layout{flex-direction:column;flex:1;justify-content:safe center;gap:clamp(12px,2.3dvh,24px);min-height:0;padding:12px 0;display:flex}.intro{flex-shrink:0;grid-template-columns:minmax(0,1fr) 148px;gap:8px;margin:0}.eyebrow{letter-spacing:0;gap:6px;font-size:10px}.intro .eyebrow{display:none}h1{letter-spacing:-1px;margin:0;font-size:29px;line-height:1.3}.intro-copy{margin-top:8px;font-size:12px;line-height:1.7}.intro-copy br{display:none}.intro-copy{max-width:180px}.intro-visual{padding:0}.device-link{min-height:88px;padding:10px 0}.link-device{border-radius:9px;width:54px;padding:10px 4px}.link-device.remote{transform:translateY(5px)}.device-symbol svg{width:22px;height:22px}.link-name{margin-top:6px;font-size:9px}.link-caption,.scene-orbit,.beam-label{display:none}.device-halo{width:64px;height:64px}.device-halo:before{inset:-6px}.device-halo:after{inset:8px}.link-beam{height:36px}.privacy{white-space:nowrap;gap:4px;font-size:9px}.privacy svg{width:12px}.pair-panel{border-radius:12px;flex-shrink:0}.device-name{border-radius:12px 12px 0 0;gap:8px;padding:2px 14px}.device-name input{text-align:right;flex:1;width:0;min-height:44px;font-size:16px}.device-name label{font-size:12px}.name-hint{display:none}.pair-options{flex-direction:column;display:flex}.create-panel,.join-panel{padding:16px}.option-overline{display:none}h2{font-size:17px}.subtle{margin-top:6px;font-size:12px;line-height:1.6}.full{min-height:46px;margin-top:12px;font-size:14px}.option-note{margin-top:8px;font-size:10px}.join-panel .option-note{display:none}.divider{flex-direction:row;gap:12px;padding:0 16px;line-height:12px}.divider:before,.divider:after{background:var(--line);width:auto;height:1px}.join-row{gap:8px;margin-top:12px}.join-row input{letter-spacing:4px;height:46px;padding:8px;font-size:23px}.join-row button{min-height:46px;padding:10px 12px;font-size:13px}.join-row button svg{display:none}.waiting{padding:18px 16px 8px;display:block}.waiting-aside{display:none}.pair-code{letter-spacing:7px;margin:18px -7px 14px 0;font-size:42px}.code-meta{font-size:11px}.pair-actions{gap:8px;margin-top:14px}.pair-actions button{min-height:44px;font-size:12px}.qr-row{gap:14px;margin-top:14px;padding-top:14px}.qr-row img{width:88px;height:88px}.qr-row strong{font-size:12px}.qr-row p{font-size:11px}.cancel-wait{min-height:44px;margin-top:4px;font-size:12px}.connecting{min-height:250px;padding:24px 16px}.session-workspace{flex-direction:column;flex:1;min-height:0;display:flex}.workspace-heading{flex-shrink:0;gap:8px;padding:14px 0 12px}.workspace-heading .eyebrow{font-size:10px;line-height:1.5}.workspace-heading h1{margin-top:5px;font-size:24px}.workspace-heading>button{gap:5px;min-height:44px;padding:8px 10px;font-size:12px}.connection-bar{flex-direction:column;flex-shrink:0;gap:0;margin-bottom:12px;padding:0 12px 8px}.device-link.compact{width:100%;min-height:64px;padding:12px 0}.compact .link-device{gap:6px;max-width:120px;padding:9px 8px}.compact .link-name{font-size:11px}.compact .device-halo{width:44px;height:44px}.compact .device-symbol svg{width:18px;height:18px}.connection-security{max-width:none;font-size:10px}.mobile-transfer-switch{border:1px solid var(--line);background:#0b1726;border-radius:11px;flex-shrink:0;gap:4px;margin-bottom:12px;padding:4px;display:flex}.mobile-transfer-switch button{min-height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:14px;display:flex}.mobile-transfer-switch button[aria-pressed=true]{color:var(--ink);background:#1d314a;border-color:#405c7b}.mobile-transfer-switch button>span{min-width:18px;color:var(--cyan);font:10px var(--mono);background:#263b53;border-radius:10px;padding:2px 5px}.transfer-layout{flex:1;align-items:stretch;min-height:0;margin-bottom:10px;display:flex}.transfer-layout[data-mobile-view=files] .text-panel,.transfer-layout[data-mobile-view=text] .files-panel{display:none}.panel{border-radius:11px;flex-direction:column;flex:1;min-height:0;padding:14px;display:flex}.panel-heading{flex-shrink:0;margin-bottom:12px}.panel-heading>span{font-size:11px}.drop-zone{flex:1;min-height:0;padding:16px 12px}.drop-zone h3{font-size:17px}.drop-zone p{font-size:12px}.drop-zone button{width:min(220px,100%);min-height:46px;font-size:14px}.file-picker-actions{gap:8px;width:100%}.drop-zone .file-picker-actions button{white-space:nowrap;gap:6px;padding:10px 8px;font-size:13px}.empty-note{flex-shrink:0;margin-top:12px;font-size:11px}.files-panel[data-has-records=true] .drop-zone{background:0 0;border:0;flex:none;padding:0;overflow:visible}.files-panel[data-has-records=true] .drop-zone :is(.upload-mark,h3,p),.files-panel[data-has-records=true] .drop-zone:before,.files-panel[data-has-records=true] .drop-zone:after{display:none}.files-panel[data-has-records=true] .drop-zone button,.files-panel[data-has-records=true] .file-picker-actions{width:100%;margin:0}.text-panel form{flex-shrink:0}.text-panel textarea{resize:none;height:clamp(72px,18dvh,160px);min-height:0;max-height:none;padding:12px;font-size:16px}.text-toolbar{margin-top:8px}.text-toolbar>span{font-size:10px}.text-toolbar button{font-size:13px}.file-list,.messages{overscroll-behavior-y:contain;overflow-wrap:anywhere;scrollbar-width:thin;flex:1;gap:10px;min-height:0;overflow-y:auto}.file-list:not(:empty),.messages:not(:empty){margin-top:12px;padding:2px}.file-list:empty,.messages:empty{display:none}.transfer-card,.message{flex-shrink:0;padding:12px}.message:first-child,.transfer-card:first-child{margin-top:0}.message p{font-size:14px}.message button,.file-actions .small-primary,.file-actions .small-secondary{min-height:44px;font-size:12px}.file-info h3{font-size:12px}.file-info p,.file-status,.message-meta{font-size:10px}.file-message{font-size:12px}.history-clear{flex-shrink:0;align-self:center;min-height:44px;margin:-4px 0 0;font-size:12px}.local-note,.notice,.alert{flex-shrink:0;margin-bottom:8px;font-size:11px;line-height:1.6}.local-note{padding:6px 9px}.alert{gap:8px;padding:10px}footer{flex-shrink:0;gap:8px;min-height:32px;font-size:10px}footer p,.version{display:none}}@media (width<=600px) and (height<=740px){.pair-layout{gap:12px;padding:10px 0}.intro{display:block}.intro h1{font-size:25px}.intro h1 br,.intro-visual,.intro-copy{display:none}.create-panel,.join-panel{padding:12px 14px}.full,.join-row{margin-top:10px}.waiting{padding:14px 14px 4px}.waiting .subtle{font-size:11px}.pair-code{margin-top:12px;margin-bottom:10px}.workspace-heading{padding:10px 0}.workspace-heading h1{font-size:22px}.connection-bar,.mobile-transfer-switch{margin-bottom:8px}.panel-heading{margin-bottom:10px}.upload-mark{width:46px;height:46px;margin-bottom:12px}.drop-zone{padding:10px}.file-picker-actions{margin-top:14px}.text-panel textarea{height:80px}.shell:has(.alert) .intro{display:none}.shell:has(.alert) .create-panel :is(.subtle,.option-note){display:none}}@media (width<=600px) and (height<=640px){.create-panel :is(.subtle,.option-note),.waiting .subtle,.in-session footer,.panel-heading,.upload-mark,.empty-note{display:none}.text-panel textarea{height:64px}.connection-security{display:none}.connection-bar{padding-bottom:0}}@media (width<=370px){.main-content,.topbar{padding:0 12px}.header-actions{gap:0}.intro{display:block}.intro h1{font-size:24px}.intro h1 br,.intro-visual,.intro-copy{display:none}.join-row{gap:6px}.join-row input{letter-spacing:3px;font-size:20px}.join-row button{padding:10px}.pair-actions button{gap:5px;font-size:11px}.panel{padding:12px}.panel-heading>span{font-size:10px}.byte-count{display:none}.compact .link-device{max-width:101px}}@media (width<=600px) and (height<=500px){.shell{margin-top:env(safe-area-inset-top);margin-bottom:env(safe-area-inset-bottom);height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.pair-layout{justify-content:flex-start;overflow-y:auto}.intro,footer,.in-session .workspace-heading,.in-session .connection-bar{display:none}.mobile-transfer-switch{margin-top:8px}.text-panel textarea{height:64px}.text-panel .panel-heading{display:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes beam-flow{to{stroke-dashoffset:-200px}}@keyframes halo-breathe{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.97)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}@keyframes radar-wave{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}@keyframes status-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes shell-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes completion-pop{0%{box-shadow:0 0 #5ce1bb00}35%{box-shadow:0 0 0 3px #5ce1bb16}to{box-shadow:0 0 0 6px #5ce1bb00}}@keyframes check-pop{0%{opacity:0;transform:scale(.5)}65%{transform:scale(1.16)}to{opacity:1;transform:scale(1)}}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.shell[data-visible=false],.shell[data-visible=false] *,.shell[data-visible=false] :before,.shell[data-visible=false] :after{animation-play-state:paused!important}.shell[data-motion=reduced],.shell[data-motion=reduced] *,.shell[data-motion=reduced] :before,.shell[data-motion=reduced] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}