:root{color:#f3f3f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--accent:#f3f3f5;--bg:#0f0f0f;--card:#191919;--inset:#191919;--muted:#f3f3f5;--edge:16px;--toolbar:84px;--dock-bottom:max(12px,env(safe-area-inset-bottom,0px));--dock-space:calc(var(--dock-bottom) + 88px);--safe-top:env(safe-area-inset-top,0px);background:#0f0f0f;font-family:ui-rounded,SF Pro Rounded,Ribyl Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg)}button,input,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .16s}button:disabled{opacity:.45;cursor:default}button:active:not(:disabled){transform:scale(.95)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{flex-shrink:0}h1,h2,p{margin:0}::selection{background:#191919}[hidden]{display:none!important}.app{width:min(100%,660px);height:100dvh;height:var(--app-height,100dvh);padding:0 var(--edge);flex-direction:column;margin:auto;display:flex;overflow:hidden}.toolbar{z-index:30;height:calc(var(--toolbar) + var(--safe-top));background:var(--bg);padding-top:var(--safe-top);position:fixed;top:0;left:0;right:0}.toolbar-inner{width:min(100%,660px);height:var(--toolbar);padding:0 var(--edge);justify-content:space-between;align-items:center;gap:12px;margin:auto;display:flex}.toolbar h1{letter-spacing:-1px;font-size:29px;font-weight:600;line-height:44px}.toolbar-actions{gap:8px;display:flex}.circle{width:44px;height:44px;color:var(--accent);background:var(--card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.circle:hover{background:#191919}.inset-circle{background:var(--inset);width:32px;height:32px}.small-circle{width:36px;height:36px}.mini-circle{width:27px;height:27px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mini-circle:hover{background:#191919}.connection-control{color:#f3f3f5;position:relative}.connection-control i{background:#191919;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:9px}.main{min-height:0;margin-top:calc(var(--toolbar) + var(--safe-top));flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.page{background:var(--bg);flex-direction:column;grid-area:1/1;min-width:0;min-height:0;display:flex;overflow:hidden}.scroll-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#505057 transparent;min-height:0;overflow-y:auto}.brand-line{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin:0 3px 16px;display:flex}.brand-name{color:#f3f3f5;align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.brand-name svg{color:var(--accent)}.network-status{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.network-status i{background:#191919;border-radius:50%;width:5px;height:5px}.network-status i.online{background:#191919}.card{background:var(--card);border:0;border-radius:30px;padding:24px}.action-grid{flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.action-card{aspect-ratio:1;flex-direction:column;gap:16px;min-width:0;min-height:0;padding:22px;display:flex}.tile-heading{flex-shrink:0;align-items:center;gap:8px;min-height:32px;display:flex}.tile-heading h2{letter-spacing:-.3px;font-size:15px;font-weight:500}.tile-icon{color:var(--accent);align-items:center;display:flex}.tile-heading .circle{margin-left:auto}.clipboard-card textarea{resize:none;background:var(--inset);color:#f3f3f5;scrollbar-width:thin;scrollbar-color:#505057 transparent;border:0;border-radius:17px;flex:1;width:100%;min-height:0;padding:14px;font-size:16px;line-height:1.5;display:block}.clipboard-card textarea::placeholder{color:#f3f3f5;font-size:13px;line-height:1.6}.primary,.secondary{border-radius:30px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:13px;font-weight:600;display:flex}.primary{background:var(--accent);color:#f3f3f5}.secondary{background:var(--inset);color:var(--accent)}.tile-send{flex-shrink:0;width:100%;min-height:46px;font-size:12px}.send-count{background:#191919;border-radius:7px;padding:2px 5px;font-size:10px}.file-placeholder{background:var(--inset);color:var(--accent);border-radius:17px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;width:100%;min-height:0;padding:12px;display:flex}.file-placeholder:hover{background:#191919}.file-placeholder strong{color:#f3f3f5;font-size:13px;font-weight:500}.file-placeholder span{color:var(--muted);font-size:10px}.files-card.dragging{outline:2px solid var(--accent);outline-offset:-2px;background:#191919}.file-list{background:var(--inset);border-radius:17px;flex:1;min-height:0;padding:7px}.queued-file{color:var(--accent);align-items:center;gap:7px;padding:7px 2px;display:flex}.queued-file>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.queued-file strong{white-space:nowrap;text-overflow:ellipsis;color:#f3f3f5;font-size:11px;font-weight:500;overflow:hidden}.queued-file span{color:var(--muted);font-size:9px}.recipient-line{height:43px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.recipient-line strong{white-space:nowrap;text-overflow:ellipsis;color:#f3f3f5;max-width:160px;font-weight:500;overflow:hidden}.recipient-line svg{color:var(--accent)}.devices-section{flex-direction:column;flex:1;min-height:0;padding-top:5px;display:flex}.section-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading h2{letter-spacing:-.3px;align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.count{color:var(--muted);background:var(--inset);border-radius:50%;place-items:center;min-width:21px;height:21px;font-size:10px;font-weight:400;display:grid}.device-list{padding:4px 0 var(--dock-space);flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:21px 12px;display:grid}.device{flex-direction:column;justify-content:flex-start;align-items:center;gap:9px;min-width:0;padding:0 3px;display:flex}.device-symbol{background:var(--card);width:72px;height:72px;color:var(--accent);border-radius:50%;place-items:center;transition:background .16s;display:grid;position:relative}.device.selected .device-symbol{background:var(--accent);color:#f3f3f5}.selected-tick{background:var(--accent);color:#f3f3f5;border:3px solid var(--bg);border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;bottom:1px;right:0}.device-symbol>i{border:2px solid var(--bg);background:#191919;border-radius:50%;width:9px;height:9px;position:absolute;bottom:4px;right:4px}.device strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:500;overflow:hidden}.device-platform{color:var(--muted);margin-top:-4px;font-size:9px}.device-list-note{color:#f3f3f5;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;margin:4px 0 0;font-size:10px;display:flex}.empty-devices{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:26px 20px;display:flex}.empty-devices>svg{color:var(--accent)}.empty-devices strong{font-size:13px;font-weight:500}.empty-devices p{color:var(--muted);max-width:260px;font-size:11px;line-height:1.6}.empty-devices .secondary{min-height:38px;font-size:12px}.incoming-banner{color:#f3f3f5;background:#191919;border-radius:20px;flex-shrink:0;align-items:center;gap:9px;margin-bottom:10px;padding:12px 16px;font-size:11px;display:flex}.incoming-banner>span:last-child{align-items:center;gap:4px;margin-left:auto;display:flex}.tab-bar{z-index:90;top:auto;right:var(--edge);bottom:calc(var(--dock-bottom) + var(--keyboard-inset,0px));left:var(--edge);background:var(--card);max-width:588px;height:72px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:36px;justify-content:space-around;align-items:center;gap:5px;margin:0 auto;padding:7px;display:flex;position:fixed;transform:none}.tab{height:58px;color:var(--muted);border-radius:30px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:500;display:flex;position:relative}.tab.selected{color:#f3f3f5;background:var(--accent)}.tab:not(.selected):hover,.tab:not(.selected):active{background:var(--inset)}.activity-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:10px;right:28px}.tab.selected .activity-dot{background:#191919}.filters{flex-shrink:0;gap:8px;margin:0 0 18px;display:flex}.filters button{background:var(--card);height:39px;color:var(--muted);border-radius:30px;flex:1;font-size:12px}.filters button.selected{color:#f3f3f5;background:var(--accent)}.transfer-list{padding-bottom:var(--dock-space);flex:1}.transfer{margin-bottom:12px;padding:20px}.transfer-head{align-items:center;gap:12px;display:flex}.transfer-icon{width:41px;height:41px;color:var(--accent);background:var(--inset);border-radius:50%;place-items:center;display:grid}.transfer-head>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.transfer-head strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.transfer-head>div>span{color:var(--muted);font-size:10px}.transfer-status{color:var(--muted);justify-content:space-between;align-items:center;margin-top:15px;font-size:11px;display:flex}.transfer progress{appearance:none;border:0;border-radius:30px;width:100%;height:5px;margin-top:15px}.transfer progress::-webkit-progress-bar{background:var(--inset);border-radius:30px}.transfer progress::-webkit-progress-value{background:var(--accent);border-radius:30px}.receive-actions{gap:10px;margin-top:18px;display:flex}.receive-actions button{flex:1}.received-text{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--inset);color:#f3f3f5;border-radius:17px;max-height:160px;margin:15px 0 0;padding:15px;font-family:inherit;font-size:12px;line-height:1.7;overflow:auto}.result-action{width:100%;margin-top:14px}.transfer-error{color:#f3f3f5;margin-top:10px;font-size:11px;line-height:1.6}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:17px;padding:42px 24px;display:flex}.empty-state>svg{color:var(--accent)}.empty-state strong{color:#f3f3f5;font-size:14px;font-weight:500}.empty-state p{font-size:12px;line-height:1.7}.empty-state .secondary{margin-top:5px;font-size:12px}.settings-list{padding-bottom:var(--dock-space);flex:1}.your-device{align-items:center;gap:16px;margin-bottom:16px;padding:24px;display:flex}.your-symbol{background:var(--inset);width:58px;height:58px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.your-device>div{flex-direction:column;gap:7px;min-width:0;display:flex}.your-device>div>span{letter-spacing:1.2px;color:var(--muted);font-size:9px}.your-device strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.your-device small{color:var(--muted);font-size:11px}.settings-card{padding:8px}.setting-row{text-align:left;cursor:pointer;border-radius:24px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:64px;padding:0 16px;font-size:13px;font-weight:400;display:flex}.setting-row:hover,.setting-row:active{background:var(--inset)}.setting-row>span{align-items:center;gap:13px;display:flex}.setting-row>span>svg{color:var(--accent)}.setting-row>svg{color:var(--muted);width:17px}.setting-row input{appearance:none;cursor:pointer;background:#191919;border-radius:30px;flex-shrink:0;width:42px;height:26px;margin:0;position:relative}.setting-row input:before{content:"";background:#191919;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:4px;left:4px}.setting-row input:checked{background:var(--accent)}.setting-row input:checked:before{background:#191919;transform:translate(16px)}.about-note{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:27px;font-size:12px;display:flex}.about-note svg{color:var(--accent)}.about-note small{color:#f3f3f5;font-size:10px}.toast{bottom:calc(var(--dock-bottom) + 88px + var(--keyboard-inset,0px));color:#f3f3f5;z-index:100;width:max-content;max-width:calc(100% - var(--edge)*2);background:#191919;border-radius:30px;align-items:center;gap:12px;padding:12px 15px 12px 21px;font-size:12px;line-height:1.5;display:flex;position:fixed;left:50%;transform:translate(-50%)}.modal-backdrop{height:var(--app-height,100dvh);z-index:110;padding:var(--edge);background:#191919bb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0 0 auto}.modal{width:100%;max-width:540px;max-height:calc(var(--app-height,100dvh) - 32px);overscroll-behavior:contain;padding:24px;overflow-y:auto}.modal .section-heading{margin:0}.modal h2{font-size:17px;font-weight:500;line-height:1.4}.modal .icon-btn{background:var(--inset);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.modal p{color:#f3f3f5;margin:20px 0;font-size:13px;line-height:1.7}.modal form{flex-direction:column;gap:12px;margin-top:24px;display:flex}.modal label{color:#f3f3f5;font-size:12px}.modal input{background:var(--inset);color:#f3f3f5;border:0;border-radius:18px;width:100%;min-width:0;padding:16px;font-size:16px}.modal .primary{width:100%;min-height:48px;margin-top:2px}.modal .hint{color:#f3f3f5;font-size:11px}.join-panel{background:var(--inset);border-radius:20px;align-items:center;gap:18px;margin:20px 0;padding:18px;display:flex}.join-panel img{border-radius:14px;width:116px;height:116px}.join-panel>div{flex-direction:column;gap:10px;min-width:0;display:flex}.join-panel strong{font-size:13px;font-weight:500}.join-panel small{color:#f3f3f5;font-size:10px;line-height:1.6}.address-btn{color:#f3f3f5;text-align:left;overflow-wrap:anywhere;align-items:center;gap:8px;padding:0;font-size:11px;display:flex}.settings-detail{background:var(--inset);color:#f3f3f5;border-radius:20px;grid-template-columns:auto 1fr;gap:15px;margin:24px 0;padding:18px;font-size:11px;display:grid}.settings-detail span:nth-child(2n){text-align:right;overflow-wrap:anywhere}.text-btn{color:var(--accent);align-items:center;gap:7px;padding:5px 0;font-size:12px;display:inline-flex}.nearby-server{background:var(--inset);border-radius:18px;gap:10px;width:100%;margin-top:8px;padding:15px;font-size:12px;display:flex}.nearby-server svg:last-child{margin-left:auto}.help-inset{background:var(--inset);color:var(--accent);border-radius:20px;align-items:center;gap:12px;padding:17px;display:flex}.help-inset p{margin:0;font-size:12px}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=701px){:root:where(:not(.native-desktop)){--edge:24px;--toolbar:100px;--dock-bottom:18px}:where(html:not(.native-desktop)) .action-card{padding:24px}:where(html:not(.native-desktop)) .device-list{grid-template-columns:repeat(5,minmax(0,1fr))}:where(html:not(.native-desktop)) .devices-section{padding-top:12px}:where(html:not(.native-desktop)) .brand-line{margin-bottom:20px}:where(html:not(.native-desktop)) .recipient-line{height:49px}:where(html:not(.native-desktop)) .toolbar h1{font-size:30px}:where(html:not(.native-desktop)) .tab-bar{left:0;right:0}}@media (width<=450px){:where(html:not(.native-desktop)) .action-grid{gap:12px}:where(html:not(.native-desktop)) .action-card{gap:12px;padding:15px}:where(html:not(.native-desktop)) .tile-heading{gap:6px;min-height:24px}:where(html:not(.native-desktop)) .tile-heading h2{font-size:13px}:where(html:not(.native-desktop)) .tile-heading>.tile-icon>svg{width:18px;height:18px}:where(html:not(.native-desktop)) .tile-heading .circle{width:25px;height:25px}:where(html:not(.native-desktop)) .tile-heading .circle svg{width:14px;height:14px}:where(html:not(.native-desktop)) .tile-send{gap:6px;min-height:37px;padding:0 9px;font-size:11px}:where(html:not(.native-desktop)) .tile-send svg{width:15px;height:15px}:where(html:not(.native-desktop)) .clipboard-card textarea{border-radius:14px;padding:10px}:where(html:not(.native-desktop)) .clipboard-card textarea::placeholder{font-size:11px}:where(html:not(.native-desktop)) .file-placeholder{border-radius:14px;gap:6px;padding:7px}:where(html:not(.native-desktop)) .file-placeholder svg{width:23px;height:23px}:where(html:not(.native-desktop)) .file-placeholder strong{font-size:11px}:where(html:not(.native-desktop)) .file-placeholder span{font-size:8px}:where(html:not(.native-desktop)) .device-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 10px}:where(html:not(.native-desktop)) .device-symbol{width:70px;height:70px}:where(html:not(.native-desktop)) .recipient-line{height:39px}:where(html:not(.native-desktop)) .brand-line{margin-bottom:14px}:where(html:not(.native-desktop)) .queued-file>svg{display:none}:where(html:not(.native-desktop)) .queued-file{gap:2px;padding:6px 0}:where(html:not(.native-desktop)) .queued-file strong{font-size:9px}:where(html:not(.native-desktop)) .queued-file span{font-size:8px}:where(html:not(.native-desktop)) .queued-file .mini-circle{width:20px;height:20px}:where(html:not(.native-desktop)) .file-list{padding:5px}:where(html:not(.native-desktop)) .join-panel{flex-direction:column;align-items:flex-start}:where(html:not(.native-desktop)) .join-panel img{align-self:center;width:150px;height:150px}}@media (width<=370px){:root:where(:not(.native-desktop)){--edge:12px}:where(html:not(.native-desktop)) .toolbar h1{font-size:27px}:where(html:not(.native-desktop)) .action-card{gap:10px;padding:13px}:where(html:not(.native-desktop)) .tile-heading h2{font-size:12px}:where(html:not(.native-desktop)) .tile-heading{gap:5px}:where(html:not(.native-desktop)) .file-placeholder span{display:none}:where(html:not(.native-desktop)) .network-status{font-size:9px}:where(html:not(.native-desktop)) .brand-name{font-size:11px}}@media (height<=650px){:root:where(:not(.native-desktop)){--toolbar:66px}:where(html:not(.native-desktop)) .brand-line{margin-bottom:10px}:where(html:not(.native-desktop)) .action-card{aspect-ratio:auto;gap:10px;height:clamp(145px,32dvh,210px);padding:14px}:where(html:not(.native-desktop)) .recipient-line{height:34px}:where(html:not(.native-desktop)) .devices-section{padding-top:0}:where(html:not(.native-desktop)) .section-heading{margin-bottom:9px}:where(html:not(.native-desktop)) .device-list{gap:14px 10px}:where(html:not(.native-desktop)) .device-symbol{width:56px;height:56px}:where(html:not(.native-desktop)) .file-placeholder>span{display:none}}@media (height<=450px){:where(html:not(.native-desktop)) .brand-line{display:none}:where(html:not(.native-desktop)) .action-card{gap:8px;height:135px;padding:11px}:where(html:not(.native-desktop)) .tile-send{min-height:30px}:where(html:not(.native-desktop)) .recipient-line{height:27px}:where(html:not(.native-desktop)) .devices-section .section-heading{margin-bottom:5px}:where(html:not(.native-desktop)) .small-circle{width:25px;height:25px}:where(html:not(.native-desktop)) .tab-bar{height:60px;padding:6px}:where(html:not(.native-desktop)) .tab{height:48px}:where(html:not(.native-desktop)) .device-symbol{width:45px;height:45px}:where(html:not(.native-desktop)) .device-symbol>svg{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root{--edge:16px;--dock-space:calc(var(--tab-bottom) + 72px + var(--edge))}.app{width:min(100%,620px);height:100dvh;min-height:100dvh;position:relative}.toolbar-inner{width:min(100%,620px)}body:before{content:"";height:env(safe-area-inset-top,0px);background:var(--bg);pointer-events:none;z-index:119;position:fixed;top:0;left:0;right:0}.iphone-pwa,.iphone-pwa body,.iphone-pwa #root{height:var(--pwa-screen-height);min-height:var(--pwa-screen-height);overflow:hidden}.iphone-pwa .app{height:var(--pwa-screen-height);min-height:var(--pwa-screen-height)}.modal-backdrop{height:100dvh}.iphone-pwa .modal-backdrop{height:var(--pwa-screen-height)}.tab svg{width:20px;height:20px}.tab{gap:5px}.activity-dot{top:8px;right:26px}.action-grid{grid-template-columns:minmax(0,1fr);gap:14px}.action-card{aspect-ratio:auto;gap:12px;height:auto;padding:20px}.tile-heading{gap:8px;min-height:28px}.clipboard-card{min-height:122px;max-height:204px}.clipboard-actions{flex-shrink:0;gap:10px;display:flex}.clipboard-actions>button{flex:1;min-height:46px}.clipboard-preview{background:var(--inset);border-radius:18px;flex:1;max-height:70px;padding:12px 14px;font-size:12px;line-height:1.5}.clipboard-preview p{white-space:pre-wrap;overflow-wrap:anywhere}.clipboard-file{color:var(--accent);align-items:center;gap:8px;display:flex}.clipboard-file strong{color:#f3f3f5;flex:1;font-size:12px;font-weight:500}.clipboard-file span{color:var(--muted);font-size:10px}.files-card{height:clamp(190px,27dvh,240px)}.file-list{background:0 0;border-radius:0;flex-direction:column;gap:8px;padding:0;display:flex}.queued-file{background:var(--inset);border-radius:18px;flex-shrink:0;gap:10px;min-height:58px;padding:12px}.queued-file strong{font-size:12px}.queued-file .file-symbol{width:34px;height:34px;color:var(--accent);background:#191919;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.file-placeholder{border-radius:20px;flex-direction:row;gap:10px}.file-placeholder strong{font-size:13px}.file-placeholder svg{width:24px;height:24px}.tile-send{min-height:44px;font-size:13px}.tile-send svg{width:18px;height:18px}.devices-section>.section-heading{margin-bottom:12px}.device-list{padding-bottom:var(--dock-space);scrollbar-width:none}.device-list::-webkit-scrollbar{display:none}.connection-control.offline i{background:#191919}.connection-control.connecting i{background:var(--accent);animation:1.2s infinite pulse}.paste-target{background:var(--inset);min-height:130px;color:var(--accent);border-radius:20px;outline:none;place-items:center;margin-top:20px;display:grid}.paste-target:focus{outline:2px solid var(--accent)}@keyframes pulse{50%{opacity:.3}}@media (height<=650px){:where(html:not(.native-desktop)) .action-grid{grid-template-columns:1fr 1fr;gap:12px}:where(html:not(.native-desktop)) .action-card{height:176px;padding:14px}:where(html:not(.native-desktop)) .clipboard-card{max-height:176px}:where(html:not(.native-desktop)) .clipboard-actions{flex-wrap:wrap}:where(html:not(.native-desktop)) .clipboard-actions>button{min-height:36px}:where(html:not(.native-desktop)) .devices-section{padding-top:12px}}@media (height<=450px){:where(html:not(.native-desktop)) .action-card{gap:8px;height:136px;padding:12px}:where(html:not(.native-desktop)) .clipboard-card{min-height:0}:where(html:not(.native-desktop)) .clipboard-preview{max-height:30px}:where(html:not(.native-desktop)) .tile-send,:where(html:not(.native-desktop)) .clipboard-actions>button{min-height:30px}:where(html:not(.native-desktop)) .devices-section{padding-top:8px}:where(html:not(.native-desktop)) .devices-section>.section-heading{margin-bottom:6px}}.mode-picker{background:var(--card);isolation:isolate;border-radius:30px;flex-shrink:0;height:54px;margin-bottom:14px;padding:5px;display:flex;position:relative}.mode-slider{background:var(--accent);z-index:-1;border-radius:25px;width:calc(50% - 5px);transition:transform .25s cubic-bezier(.2,.8,.2,1);position:absolute;inset:5px auto 5px 5px}.mode-slider.on-files{transform:translate(100%)}.mode-picker button{color:var(--muted);border-radius:25px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.mode-picker button[aria-selected=true]{color:#f3f3f5}.action-grid{flex-direction:column;flex:0 0 clamp(250px,39dvh,360px);gap:0;min-height:0;display:flex}.action-card,.clipboard-card,.files-card{flex:1;gap:14px;height:100%;min-height:0;max-height:none;padding:22px}.clipboard-preview{border-radius:20px;flex:1;max-height:none;padding:18px}.clipboard-card:not(:has(.clipboard-preview)) .clipboard-actions{margin-top:auto}.clipboard-card:not(:has(.clipboard-preview)):after{content:"";order:-1;display:none}.clipboard-actions>button,.tile-send{min-height:48px}.file-placeholder{background:var(--inset);flex-direction:column;gap:12px}.queued-file{background:var(--inset)}.transfer.incoming{background:#191919}.devices-section{background:var(--card);border-radius:30px 30px 0 0;flex:1;min-height:0;margin-top:14px;padding:20px 20px 0;overflow:hidden}.device-symbol{background:var(--inset)}.selected-tick,.device-symbol>i{border-color:var(--card)}.device-list{gap:22px 10px;margin:0 -4px;padding-left:4px;padding-right:4px}.empty-devices .secondary{background:var(--inset)}.room-controls{flex-direction:column;gap:14px;margin-top:20px;display:flex}.room-controls form{flex-direction:row;gap:10px;margin:0;display:flex}.room-controls input{letter-spacing:2px;flex:1;min-width:0;font-size:13px}.room-controls form button{flex-shrink:0}.room-code{letter-spacing:3px;text-align:center;color:var(--accent);font-size:19px;font-weight:500}@media (height<=650px){:where(html:not(.native-desktop)) .mode-picker{height:46px;margin-bottom:10px}:where(html:not(.native-desktop)) .action-grid{flex-basis:clamp(175px,34dvh,230px)}:where(html:not(.native-desktop)) .action-card{gap:10px;padding:16px}:where(html:not(.native-desktop)) .devices-section{margin-top:10px;padding:14px 14px 0}:where(html:not(.native-desktop)) .clipboard-actions>button,:where(html:not(.native-desktop)) .tile-send{min-height:40px}}@media (height<=450px){:where(html:not(.native-desktop)) .action-grid{flex-basis:140px}:where(html:not(.native-desktop)) .action-card{gap:8px;padding:12px}:where(html:not(.native-desktop)) .clipboard-actions>button,:where(html:not(.native-desktop)) .tile-send{min-height:32px}:where(html:not(.native-desktop)) .devices-section{padding-top:10px}}.devices-section{border-radius:30px}.clipboard-card:not(:has(.clipboard-preview)) .clipboard-actions{flex:1;margin-top:0}.clipboard-card:not(:has(.clipboard-preview)) .paste-button{background:var(--inset);color:var(--accent);border-radius:22px;flex-direction:column;gap:12px}.address-btn{color:var(--accent)}:root{--accent:#f3f3f5;--card:#191919;--inset:#191919;--muted:#f3f3f5;color:#f3f3f5}.primary,.tab.selected,.mode-picker button[aria-selected=true]{color:#f3f3f5}.tab-bar{background:var(--card);border:0}.mode-slider{background:var(--accent)}.device-symbol{background:var(--inset);color:var(--accent)}.device:hover .device-symbol,.queued-file .file-symbol,.circle:hover{background:#191919}.incoming-banner{color:#f3f3f5;background:#191919}.files-card.dragging,.transfer.incoming{background:#191919}.transfer-icon.done{color:#f3f3f5}.toast{color:#f3f3f5;background:#191919}.avatar-initials{letter-spacing:-1px;font-size:23px;font-weight:550}.device-symbol img{object-fit:cover;border-radius:50%;width:100%;height:100%}.device-symbol{width:72px;height:72px;position:relative}.device:active:not(:disabled){transform:scale(.95)}.device-progress{pointer-events:none;width:84px;height:84px;position:absolute;inset:-6px;overflow:visible;transform:rotate(-90deg)}.device-progress circle{fill:none;stroke-width:2.5px}.ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dasharray .16s linear}.device-progress.waiting{animation:1.2s linear infinite spin}.devices-section{padding-top:24px}.device-list{gap:25px 12px;padding-top:6px}.device strong{font-size:12px}.clipboard-actions,.clipboard-actions>button{width:100%}.your-symbol{border:0;padding:0;overflow:hidden}.your-symbol img{object-fit:cover;border-radius:50%;width:100%;height:100%}:root{--hover:#505057;--card-gap:14px}html,body,button,a{touch-action:pan-x pan-y}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true],.received-text,.clipboard-preview p{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,svg{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{font-size:16px!important}.modal-backdrop{padding-top:calc(var(--safe-top) + 20px);align-items:flex-start;overflow:hidden}.modal{max-height:calc(100dvh - var(--safe-top) - 40px);padding:24px}.iphone-pwa .modal{max-height:calc(var(--pwa-screen-height) - var(--safe-top) - 40px)}.send-page{padding-bottom:calc(var(--tab-bottom) + 72px + var(--card-gap))}.devices-section{border-radius:30px;padding-bottom:20px}.devices-section .device-list{padding-bottom:6px}.circle:hover,.mini-circle:hover,.setting-row:hover,.tab:not(.selected):hover,.tab:not(.selected):active,.secondary:hover,.file-placeholder:hover,.device:hover .device-symbol{background:var(--hover)}.connection-detail{background:var(--inset);color:var(--muted);border-radius:18px;flex-direction:column;gap:8px;margin-top:18px;padding:18px;font-size:13px;display:flex}.connection-detail strong{color:#f3f3f5;font-weight:500}@media (hover:hover) and (pointer:fine){.primary:hover:not(:disabled){background:var(--hover);color:var(--accent)}}.toolbar-room{letter-spacing:2px;background:var(--inset,#191919);color:#f3f3f5;border-radius:18px;padding:10px 14px;font-size:16px;font-weight:650}.room-code{flex-direction:column;align-items:center;gap:14px;padding:14px 0 24px;display:flex}.room-code>span{color:#f3f3f5}.room-code>strong{letter-spacing:8px;font-variant-numeric:tabular-nums;font-size:40px}.room-actions{gap:12px;display:flex}.room-actions>*{flex:1}.join-room input{letter-spacing:8px;font-variant-numeric:tabular-nums}.join-room .secondary{width:100%;margin-top:14px}.empty-devices .secondary{white-space:nowrap}.auth-main{padding:calc(var(--toolbar-height,72px) + env(safe-area-inset-top,0px) + 20px) 16px 24px;justify-content:center;align-items:flex-start;height:100%;display:flex;overflow-y:auto}.auth-card{border-radius:30px;width:100%;max-width:440px;padding:24px}.auth-heading{align-items:center;gap:12px;margin-bottom:26px;display:flex}.auth-heading h2{margin:0;font-size:22px}.auth-card label{color:#f3f3f5;margin:18px 0 9px;font-size:14px;display:block}.auth-card input{box-sizing:border-box;color:#f3f3f5;width:100%;min-height:54px;font:inherit;background:#191919;border:1px solid #0000;border-radius:18px;outline:none;padding:14px 16px;font-size:16px;display:block}.auth-card .primary{justify-content:center;width:100%;min-height:50px;margin-top:24px}.auth-switch{color:#f3f3f5;background:0 0;width:100%;margin-top:18px;padding:12px;font-size:14px;display:block}.auth-error{color:#f3f3f5;margin:14px 0 0;font-size:14px;line-height:1.5}.auth-loading{align-items:center;gap:12px;display:flex}.offline-person strong{color:#f3f3f5}.sign-out{justify-content:center;width:100%}.join-room .primary{width:100%;margin-top:14px}.auth-main{padding:calc(env(safe-area-inset-top,0px) + 20px) 16px 20px}.auth-card{max-width:400px;padding:18px}.auth-title{text-align:center;letter-spacing:-.5px;margin:4px 0 22px;font-size:23px;font-weight:650}.auth-card form{flex-direction:column;gap:12px;display:flex}.auth-card input{border-radius:22px;min-height:54px}.auth-card .primary{border-radius:22px;margin-top:4px}.auth-switch{margin-top:8px;padding:10px}.auth-error{margin:0}.onboard-photo{color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:0 0 10px;font-size:13px;display:flex}.photo-picker{background:var(--inset);width:100px;height:100px;color:var(--accent);cursor:pointer;border-radius:50%;place-items:center;position:relative;margin:0!important;padding:0!important;display:grid!important}.photo-picker>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.photo-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.photo-plus{background:var(--accent);color:#f3f3f5;border:3px solid var(--card);pointer-events:none;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:0;right:0}input,textarea,.modal input{border-radius:22px}.settings-list{flex-direction:column;gap:14px;display:flex}.your-device small{font-size:13px}.settings-card{overflow:hidden}.sign-out{color:#fff;background:#191919;border-radius:22px;width:100%;min-height:50px;font-size:15px;font-weight:600}.sign-out:active{transform:scale(.98)}.filters{background:var(--card);border-radius:30px;flex-shrink:0;gap:4px;min-height:54px;padding:5px;display:flex}.filters button{background:0 0;border-radius:24px;flex:1;min-height:44px;font-size:14px}.filters button.selected{background:var(--accent);color:#f3f3f5}.device small{color:#f3f3f5;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;line-height:1.4;display:block;overflow:hidden}.device strong{text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.offline-person{opacity:.45}.offline-person .device-symbol{opacity:1}.device:active{transform:scale(.95)}.device-list{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));align-content:start;gap:20px 12px}.devices-section{flex:0 200px;min-height:136px;margin-top:14px;padding:18px}.devices-section .device-list{height:100%;padding:6px 4px}.send-page .action-grid{flex:360px;max-height:none}.send-page{gap:0}.empty-devices{padding:12px 0}.clipboard-card{cursor:pointer}@media (height<=650px){:where(html:not(.native-desktop)) .devices-section{flex-basis:150px;min-height:105px;padding:12px}:where(html:not(.native-desktop)) .device-symbol{width:56px;height:56px}:where(html:not(.native-desktop)) .device-progress{width:68px;height:68px;inset:-6px}:where(html:not(.native-desktop)) .send-page .action-grid{flex-basis:180px}:where(html:not(.native-desktop)) .device-list{gap:12px}:where(html:not(.native-desktop)) .device small{font-size:10px}}.device.sending{opacity:1}.settings-list>.card{flex-shrink:0}.auth-app{width:100%;padding:0}.auth-main{width:100%;padding:20px 12px calc(20px + var(--keyboard-inset,0px));flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.auth-card{border-radius:46px;flex-shrink:0;max-height:100%;padding:20px 16px;overflow-y:auto}.app input:not([type=checkbox]):not([type=radio]):not([type=file]),.modal input:not([type=checkbox]):not([type=radio]):not([type=file]),.auth-card .primary,.auth-card .auth-switch,.primary,.secondary,.sign-out{border-radius:999px}@media (width<=600px){.auth-main{padding-left:16px;padding-right:16px;padding-top:max(12px,env(safe-area-inset-top,0px));justify-content:flex-end;padding-bottom:16px}.auth-card{border-radius:54px;max-width:none;padding:20px 16px}.auth-app,.iphone-pwa .auth-app{left:0;top:var(--auth-visible-top,0px);height:var(--auth-visible-height,100dvh);min-height:0;position:fixed}}:root{--card-radius:54px}.card,.devices-section,.mode-picker,.filters{border-radius:var(--card-radius)}.modal-backdrop.profile-sheet{top:var(--auth-visible-top,0px);height:var(--auth-visible-height,100dvh);-webkit-backdrop-filter:none;opacity:1;background:0 0;align-items:flex-end;padding:16px;animation:none}.profile-sheet .modal{border-radius:var(--card-radius);background:var(--card);max-height:100%;box-shadow:none;filter:none;opacity:1;border:1px solid #505057;animation:none}.iphone-pwa .modal-backdrop.profile-sheet{height:var(--auth-visible-height,var(--pwa-screen-height))}.iphone-pwa .profile-sheet .modal{max-height:100%}body{overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}.auth-card{overscroll-behavior:none;overflow:hidden}.modal-backdrop.input-sheet,.iphone-pwa .modal-backdrop.input-sheet{top:var(--auth-visible-top,0px);height:var(--auth-visible-height,100dvh);align-items:flex-end;padding:16px;overflow:hidden}.input-sheet .modal,.iphone-pwa .input-sheet .modal{overscroll-behavior:none;max-height:100%;overflow:hidden}:root{--card-inset:24px;--inset-radius:calc(var(--card-radius) - var(--card-inset));--list-gap:12px}.card{padding:var(--card-inset)}.action-card,.clipboard-card,.files-card{padding:var(--card-inset);gap:16px}.tile-heading{gap:10px;min-height:34px;padding:0 4px}.tile-heading h2{font-size:15px}.file-list{gap:var(--list-gap);border-radius:var(--inset-radius);scroll-padding-block:var(--list-gap);padding:0}.queued-file strong{font-size:14px;line-height:1.35}.queued-file span{font-size:12px}.queued-file .file-symbol{border-radius:18px;width:42px;height:42px;display:grid}.clipboard-file strong{font-size:14px}.clipboard-file span{font-size:12px}.clipboard-actions>button{min-height:52px}.mode-picker,.filters{gap:4px;height:60px;min-height:60px;margin-bottom:14px;padding:6px}.mode-picker button,.filters button{border-radius:999px;height:48px;min-height:48px;font-size:14px}.mode-slider{border-radius:999px;width:calc(50% - 6px);inset:6px auto 6px 6px}.devices-section{padding:var(--card-inset);flex-basis:180px;min-height:160px}.device{gap:6px}.your-device{padding:var(--card-inset);gap:16px;margin-bottom:0}.settings-card{padding:var(--card-inset);flex-direction:column;gap:4px;display:flex}.transfer{padding:var(--card-inset);margin-bottom:14px}.transfer-head strong{font-size:14px}.transfer-head>div>span,.transfer-status{font-size:12px}.received-text{margin-top:18px;font-size:14px}.empty-state{gap:16px;padding:32px 24px}.auth-card{padding:24px}.auth-card form{gap:12px}.auth-card .primary{min-height:54px}.modal{padding:var(--card-inset)}@media (height<=650px){:where(html:not(.native-desktop)) .devices-section{flex-basis:160px;min-height:152px}:where(html:not(.native-desktop)) .device-symbol{width:56px;height:56px}:where(html:not(.native-desktop)) .device-progress{width:68px;height:68px}}.auth-card,.input-sheet .modal,.iphone-pwa .input-sheet .modal,.profile-sheet .modal{flex:none;max-height:none}.modal-backdrop.input-sheet,.iphone-pwa .modal-backdrop.input-sheet{align-items:flex-end;padding:16px}@media (width<=600px){.auth-app,.iphone-pwa .auth-app{top:var(--input-sheet-bottom,100dvh);height:auto;min-height:0;transform:translateY(-100%)}.auth-main{flex:none;height:auto;padding:0 16px 16px;overflow:visible}}.action-card{--panel-inset:24px;--panel-radius:calc(var(--card-radius) - var(--panel-inset));padding:var(--panel-inset)}.tile-heading{text-align:center;justify-content:center;min-height:32px;padding:0;position:relative}.tile-heading h2{text-align:center;width:100%;font-size:16px}.tile-heading .circle{margin:0;position:absolute;right:0}.file-placeholder,.clipboard-preview,.file-list{border-radius:var(--panel-radius);width:100%;margin:0}.queued-file{border-radius:var(--panel-radius)}.files-footer{flex-shrink:0;justify-content:center;display:flex}.files-footer .secondary{width:100%;min-height:48px}.your-device{align-items:center;min-height:0;padding:24px 24px 16px}.your-device strong{font-size:18px;line-height:1.25}.your-device small{font-size:12px;line-height:1.3}.settings-card{--settings-inset:12px;padding:var(--settings-inset);gap:4px}.setting-row{border-radius:18px;min-height:64px;padding:12px}.profile-sheet .modal{padding:24px}.profile-sheet .modal form{gap:12px;margin-top:20px}.profile-sheet .modal label{display:none}:root{--card-radius:30px;--card-inset:16px;--inset-radius:14px;--list-gap:10px}.card:not(.auth-card){padding:var(--card-inset);border-radius:var(--card-radius)}.action-card{--panel-inset:16px;--panel-radius:calc(var(--card-radius) - var(--panel-inset));gap:12px}.tile-heading{min-height:28px}.tile-heading h2{font-size:15px;line-height:28px}.tile-heading .circle{width:30px;height:30px}.file-placeholder,.clipboard-preview,.received-text{border-radius:var(--inset-radius);padding:14px}.file-list{gap:var(--list-gap);border-radius:var(--inset-radius)}.queued-file{border-radius:var(--inset-radius);gap:10px;min-height:64px;padding:10px}.queued-file .file-symbol{border-radius:6px;width:36px;height:36px}.queued-file .mini-circle{width:28px;height:28px}.queued-file strong,.clipboard-file strong{font-size:13px}.queued-file span,.clipboard-file span{font-size:11px}.clipboard-actions>button,.files-footer .secondary{min-height:46px}.mode-picker,.filters{border-radius:30px;gap:4px;height:54px;min-height:54px;padding:5px}.mode-picker button,.filters button{height:44px;min-height:44px;font-size:14px}.mode-slider{width:calc(50% - 5px);inset:5px auto 5px 5px}.devices-section.card{flex-basis:164px;min-height:144px;padding:16px}.devices-section .device-list{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px;margin:0;padding:0}.device{gap:5px;padding:6px}.device-symbol{width:56px;height:56px}.device-progress{width:68px;height:68px;inset:-6px}.empty-devices{gap:10px;padding:4px}.your-device.card{gap:14px;margin:0;padding:16px}.your-symbol{width:52px;height:52px}.your-device>div{gap:4px}.your-device strong{font-size:17px}.settings-card.card{--settings-inset:8px;gap:2px;padding:8px}.setting-row{border-radius:22px;min-height:56px;padding:8px;font-size:14px}.setting-row:first-child{border-radius:22px}.setting-row>span{gap:12px}.sign-out-row{padding:8px}.transfer.card{margin-bottom:12px;padding:16px}.transfer-head{gap:12px}.transfer-icon{width:40px;height:40px}.transfer-status{margin-top:12px}.receive-actions{gap:10px;margin-top:14px}.receive-actions button,.result-action{min-height:46px}.received-text{margin-top:12px}.empty-state.card{gap:14px;padding:24px 16px}.modal.card,.profile-sheet .modal.card{border-radius:30px;padding:20px}.modal form,.profile-sheet .modal form{gap:12px;margin-top:16px}.modal .section-heading{justify-content:center;min-height:34px;position:relative}.modal .section-heading h2{text-align:center;width:100%;padding:0 38px}.modal .section-heading .icon-btn{position:absolute;right:0}.room-code{gap:12px;padding:12px 0 16px}.join-room{margin-top:16px}@media (height<=650px){:where(html:not(.native-desktop)) .devices-section.card{flex-basis:152px;min-height:144px}}:root{--card-radius:40px;--inset-radius:30px}.card:not(.auth-card),.devices-section.card,.modal.card,.profile-sheet .modal.card{border-radius:40px}.auth-card{border-radius:54px}.action-card{--panel-radius:30px}.file-placeholder,.clipboard-preview,.file-list,.queued-file,.received-text{border-radius:30px}.clipboard-card:not(:has(.clipboard-preview)) .paste-button{border-radius:30px}.settings-card.card{padding:8px}.setting-row,.setting-row:first-child{border-radius:30px;min-height:66px;padding:0 16px}.queued-file .file-symbol{border-radius:18px}.modal-backdrop.input-sheet,.modal-backdrop.profile-sheet,.iphone-pwa .modal-backdrop.input-sheet,.iphone-pwa .modal-backdrop.profile-sheet{top:var(--auth-visible-top,0px);height:var(--auth-visible-height,100dvh);padding:calc(var(--safe-top) + 20px) 16px 16px;align-items:flex-start;transform:none}.devices-section .device-list{overscroll-behavior:contain;touch-action:pan-x;flex-flow:row;flex:0 0 68px;justify-content:flex-start;align-items:center;gap:12px;height:68px;min-height:68px;margin:0;padding:0;scroll-padding-inline:0;display:flex;overflow:auto hidden}.device-list .device{border-radius:calc(var(--card-radius) - 16px);background:var(--inset);flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:12px;min-width:180px;max-width:240px;height:68px;padding:6px;display:flex}.device-list .device:hover{background:var(--hover)}.device-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-width:0;max-width:150px;padding-right:8px;display:flex}.device-copy strong,.device-copy small{text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.device-copy strong{font-size:13px;line-height:18px}.device-copy small{font-size:11px;line-height:15px}.devices-section .empty-devices{flex-direction:row;flex:1;justify-content:center;gap:12px;min-width:100%;height:68px;padding:0}.devices-section.card{border-radius:999px;padding:16px}.device-list .device{border-radius:999px;gap:12px;width:max-content;min-width:0;padding:6px}.device-list .device-symbol,.device-list .device-symbol img{border-radius:50%}.device-copy{padding:0}.ios-paste-control{cursor:pointer;caret-color:#0000;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:manipulation;flex:1;width:100%;min-height:46px}.ios-paste-control>span{pointer-events:none;justify-content:center;align-items:center;gap:9px;display:flex}.clipboard-card:not(:has(.clipboard-preview)) .ios-paste-control>span{flex-direction:column;gap:12px}.ios-paste-control:active{transform:scale(.95)}.devices-section.card{position:relative;overflow:visible}.devices-section .device-list{border-radius:999px;gap:12px}.device-list .device,.device-list .device:hover{background:0 0;border-radius:50%;gap:0;width:68px;min-width:68px;max-width:68px;height:68px;padding:6px}.device-list .device-symbol,.device-list .device:hover .device-symbol{background:0 0}.device-progress circle{stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.recipient-accepted .ring-fill,.recipient-complete .ring-fill,.recipient-failed .ring-fill,.recipient-declined .ring-fill,.recipient-cancelled .ring-fill{stroke:#f3f3f5}.recipient-result{color:#f3f3f5;pointer-events:none;background:#191919;border-radius:50%;place-items:center;display:grid;position:absolute;inset:10px}.sharing-live-preview{z-index:25;background:var(--inset);pointer-events:none;border-radius:24px;padding:14px 18px;position:absolute;bottom:calc(100% + 10px);left:0;right:0;box-shadow:0 6px 24px #19191933}.sharing-live-preview>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.sharing-live-preview strong{font-size:13px;font-weight:600}.sharing-live-preview small{color:var(--muted);font-size:11px}.accepted-label{color:#f3f3f5;align-items:center;gap:4px;margin-left:auto;font-size:11px;display:flex}.preview-complete,.preview-accepted,.preview-failed,.preview-declined,.preview-cancelled{color:#f3f3f5}.sharing-live-preview progress,.transfer progress{appearance:none;background:#191919;border:0;border-radius:999px;width:100%;height:6px;margin:12px 0 0;display:block;overflow:hidden}.sharing-live-preview progress::-webkit-progress-bar{background:#191919;border-radius:999px}.transfer progress::-webkit-progress-bar{background:#191919;border-radius:999px}.sharing-live-preview progress::-webkit-progress-value{background:var(--accent);border-radius:999px}.transfer progress::-webkit-progress-value{background:var(--accent);border-radius:999px}.sharing-live-preview progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.transfer progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.transfer.card{border-radius:var(--card-radius);margin-bottom:10px;padding:18px}.transfer.incoming{background:var(--card);border:1px solid #505057}.transfer-head>div>span{font-size:11px;line-height:16px}.transfer-icon{flex:0 0 38px;width:38px;height:38px}.transfer-status{gap:12px;margin-top:14px;font-size:11px}.transfer-status>span:first-child{background:var(--inset);color:#f3f3f5;border-radius:999px;padding:5px 10px;font-weight:500}.state-complete .transfer-status>span:first-child{color:#f3f3f5;background:#191919}.state-connecting .transfer-status>span:first-child{color:#f3f3f5}.state-failed .transfer-status>span:first-child,.state-declined .transfer-status>span:first-child{color:#f3f3f5;background:#191919}.transfer .result-action{width:100%;min-height:44px;margin-top:12px}.transfer .receive-actions{gap:10px;margin-top:14px}.transfer .receive-actions button{min-height:44px}.transfer .received-text{border-radius:18px;margin-top:12px;padding:14px;font-size:13px;line-height:1.55}.clipboard-card,.files-card,.files-card.dragging{background:var(--card);box-shadow:none;border:0;outline:none}.clipboard-card .paste-button,.clipboard-card .paste-button:hover,.clipboard-card .paste-button:active,.clipboard-card .paste-button:focus,.clipboard-card .paste-button:focus-visible,.files-card .file-placeholder,.files-card .file-placeholder:hover,.files-card .file-placeholder:active,.files-card .file-placeholder:focus,.files-card .file-placeholder:focus-visible,.files-card .secondary,.files-card .secondary:hover,.files-card .secondary:active,.files-card .secondary:focus-visible{background:var(--inset);color:#f3f3f5;box-shadow:none;border:0;outline:none}.clipboard-card:not(:has(.clipboard-preview)) .paste-button{background:var(--inset);color:#f3f3f5;box-shadow:none;border:0;outline:none}.clipboard-card:not(:has(.clipboard-preview)) .paste-button:hover{background:var(--inset);color:#f3f3f5;box-shadow:none;border:0;outline:none}.clipboard-card .paste-button svg,.files-card .file-placeholder svg{color:inherit}.files-card .queued-file,.files-card .file-symbol,.clipboard-card .clipboard-file{color:#f3f3f5}.action-card .circle,.action-card .mini-circle{color:var(--muted);outline:none}.action-card .circle:hover,.action-card .mini-circle:hover{background:var(--inset)}.files-card button:focus-visible,.clipboard-card button:focus-visible{outline:none;text-decoration:underline}.toolbar-room{background:var(--card);border-radius:999px;justify-content:center;align-items:center;height:44px;min-height:44px;padding:0 16px;display:inline-flex}.connection-control.online,.connection-control.connecting,.connection-control.offline{color:#f3f3f5}.connection-control.online i,.connection-control.connecting i,.connection-control.offline i{background:#191919}.code-dialog .section-heading{height:0;min-height:0}.code-dialog .section-heading .icon-btn{top:0}.code-dialog .room-code{gap:14px;padding:6px 0 0}.code-dialog .room-code>span{padding:0 38px;font-size:14px}.devices-section .empty-devices>svg{color:var(--muted)}.smooth-progress{background:#191919;border-radius:999px;width:100%;height:6px;margin-top:14px;overflow:hidden}.smooth-progress>span{background:var(--accent);transform-origin:0;will-change:transform;border-radius:999px;width:100%;height:100%;transition:transform .18s linear;display:block}.smooth-progress.indeterminate>span{width:35%;animation:1.3s ease-in-out infinite transfer-glide}@keyframes transfer-glide{0%{transform:translate(-110%)}to{transform:translate(390%)}}.state-complete .smooth-progress>span{background:#191919}.transfer.card{border-radius:var(--card-radius);background:var(--card);padding:18px}.transfer-head>div{gap:4px}.transfer-head strong{font-size:15px;font-weight:600;line-height:20px}.transfer-head>div>span{color:#f3f3f5;font-size:12px;line-height:16px}.transfer-head small{color:var(--muted);font-size:11px}.transfer-icon{background:var(--inset);border-radius:16px;flex:0 0 48px;width:48px;height:48px;position:relative}.transfer-icon.has-image{flex-basis:60px;width:60px;height:60px}.transfer-thumbnail{object-fit:cover;border-radius:16px;width:60px;height:60px;display:block}.transfer-direction{color:#f3f3f5;border:2px solid var(--card);background:#191919;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-4px;right:-4px}.done .transfer-direction{color:#f3f3f5;background:#191919}.transfer-status>span:first-child{align-items:center;gap:4px;display:inline-flex}.transfer-percentage{font-variant-numeric:tabular-nums;color:#f3f3f5}.received-image{background:var(--inset);border-radius:22px;justify-content:center;align-items:center;margin-top:16px;display:flex;overflow:hidden}.received-image img{object-fit:contain;width:100%;height:auto;max-height:280px;display:block}.transfer .result-action{min-height:48px;font-size:14px}.sharing-live-preview .smooth-progress{margin-top:10px}.toast{--notification-color:#f3f3f5;--notification-bg:#191919;color:#f3f3f5;background:#191919;border:1px solid #505057;border-radius:30px;align-items:center;gap:14px;width:calc(100% - 32px);max-width:588px;min-height:84px;padding:16px;display:flex;box-shadow:0 8px 28px #19191955}.toast-success,.toast-error,.toast-warning,.toast-incoming{--notification-color:#f3f3f5;--notification-bg:#191919}.toast-icon{background:var(--notification-bg);width:48px;height:48px;color:var(--notification-color);border-radius:16px;flex:0 0 48px;place-items:center;display:grid;overflow:hidden}.toast-icon img{object-fit:cover;border-radius:16px;width:48px;height:48px}.toast-copy{flex-direction:column;flex:1;gap:5px;min-width:0;line-height:1.35;display:flex}.toast-copy strong{font-size:14px;font-weight:600}.toast-copy span{color:#f3f3f5;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.toast-copy.actionable{cursor:pointer}.toast-close{color:#f3f3f5;background:#191919;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;display:grid}@media (prefers-reduced-motion:reduce){.smooth-progress>span{transition:none}.smooth-progress.indeterminate>span{animation:none;transform:none}}.sign-out{min-height:56px}.modal .section-heading h2,.code-dialog .room-code>span{letter-spacing:0;color:#f3f3f5;text-align:center;padding:0 38px;font-size:14px;font-weight:500;line-height:20px}.code-dialog .section-heading{min-height:0}.modal>p,.modal .hint,.modal .connection-detail,.modal input{text-align:center}.clipboard-card .clipboard-preview{min-height:0;max-height:none;width:calc(100% + var(--panel-inset));margin:0 calc(-1 * var(--panel-inset)) 0 0;background:0 0;border-radius:0;flex-direction:column;flex:1;padding:0;display:flex;position:relative;overflow:hidden}.clipboard-preview:before{content:"";inset:0 var(--panel-inset) 0 0;background:var(--inset);pointer-events:none;border-radius:30px;position:absolute}.clipboard-card .clipboard-editor{width:100%;min-height:0;padding:20px calc(20px + var(--panel-inset)) 20px 20px;box-shadow:none;resize:none;color:inherit;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#505057 transparent;background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0;font-size:18px;line-height:1.5;display:block;position:relative;overflow-y:auto}.clipboard-files{margin-right:var(--panel-inset);flex:0 auto;min-height:0;max-height:100%;padding:16px 20px;position:relative}@font-face{font-family:Ribyl Rounded;src:url(/fonts/nunito-rounded.ttf)format("truetype");font-style:normal;font-weight:200 1000;font-display:optional}:root{--accent:#f3f3f5;--hover:#505057;--accent-soft:#191919}.solar-icon{flex-shrink:0;display:block}.files-card .file-list{flex:1;gap:12px;scroll-padding-block:0}.files-card .queued-file{border-radius:30px;gap:12px;min-height:80px;padding:12px}.files-card .queued-file>div{flex:1;min-width:0}.files-card .queued-file strong{font-size:14px;line-height:19px}.files-card .queued-file span:not(.file-symbol){font-size:12px;line-height:17px}.queued-file .file-symbol,.clipboard-file .file-symbol{color:#f3f3f5;background:#191919;border-radius:18px;flex:0 0 56px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.queued-thumbnail{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.files-card .queued-file .mini-circle{color:#f3f3f5;background:#191919;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;display:grid}.clipboard-file{gap:12px;min-height:64px}.devices-section.card{flex:0 0 96px;height:96px;min-height:96px;max-height:96px;padding:16px}.devices-section .device-list{scrollbar-width:none;border-radius:999px;flex:0 0 76px;gap:16px;width:calc(100% + 12px);height:76px;min-height:76px;margin:-6px;padding:6px}.devices-section .device-list::-webkit-scrollbar{display:none}.device-list .device,.device-list .device:hover{flex:0 0 64px;width:64px;min-width:64px;max-width:64px;height:64px;padding:0}.device-list .device-symbol{flex:0 0 64px;width:64px;height:64px}.device-list .device-symbol img{object-fit:cover;border-radius:50%;width:100%;height:100%}.device-list .device-progress{width:76px;height:76px;inset:-6px}.devices-section .empty-devices{height:64px}.activity-tools{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:0 0 12px;display:flex}.history-sort{background:var(--card);min-height:44px;color:var(--muted);border-radius:999px;align-items:center;gap:9px;padding:0 14px;display:flex;position:relative}.history-sort select{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:none;min-height:44px;padding:0 24px 0 0;font-size:13px}.history-sort>svg:last-child{pointer-events:none;position:absolute;right:14px}.history-sort option{background:var(--inset);color:#f3f3f5}.activity-tools .select-all{border-radius:999px;min-height:44px;padding:0 16px;font-size:13px}.selection-count{color:var(--muted);margin-left:auto;font-size:12px}.delete-selected{color:#f3f3f5;background:var(--card)}.activity-row{--selection-offset:42px;margin-bottom:12px;display:block;position:relative}.activity-row .transfer.card{width:100%;min-width:0;margin-bottom:0;transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .15s;transform:translate(0)}.history-checkbox-slot{opacity:0;visibility:hidden;width:32px;transform:translateX(calc(-1 * var(--selection-offset)));justify-content:flex-start;align-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s,visibility 0s linear .3s;display:flex;position:absolute;inset:0 auto 0 0}.is-selecting .activity-row .transfer.card{transform:translateX(var(--selection-offset))}.is-selecting .history-checkbox-slot{opacity:1;visibility:visible;transition-delay:0s;transform:translate(0)}.history-checkbox{color:#f3f3f5;background:0 0;border:2px solid #505057;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;display:grid}.history-checkbox[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.is-selected .transfer.card{background:#191919}.transfer-head time{font-variant-numeric:tabular-nums}.toast-info,.toast-incoming{--notification-color:#f3f3f5;--notification-bg:#191919}.modal .section-heading h2{text-align:center;justify-content:center;width:100%;margin:0;display:block}.modal-backdrop.profile-sheet{-webkit-backdrop-filter:none;background:#191919bb}.profile-sheet .modal.card{border:0}.transfer-head{align-items:center;gap:10px}.transfer-head .transfer-summary{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.transfer-title-line{align-items:center;gap:8px;min-width:0;display:flex}.transfer-title-line>strong{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.transfer-title-line .transfer-status{flex:none;margin:0;font-size:10px;line-height:16px;display:inline-flex}.transfer-title-line .transfer-status>span:first-child{white-space:nowrap;padding:3px 7px}.transfer-summary>small{text-overflow:ellipsis;white-space:nowrap;line-height:16px;overflow:hidden}.transfer-head .transfer-person{flex:none;align-items:center;gap:7px;max-width:112px;margin-left:auto;display:flex}.transfer-person-photo{background:var(--accent-soft);color:#f3f3f5;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.transfer-person-photo img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.transfer-person-photo>span{font-size:11px;font-weight:600}.transfer-person>span:last-child{text-overflow:ellipsis;white-space:nowrap;color:#f3f3f5;max-width:65px;font-size:12px;overflow:hidden}@media (width<=480px){:where(html:not(.native-desktop)) .transfer-head .transfer-person{flex-direction:column;gap:4px;max-width:58px}:where(html:not(.native-desktop)) .transfer-person>span:last-child{max-width:58px;font-size:10px}:where(html:not(.native-desktop)) .transfer-title-line{gap:5px}:where(html:not(.native-desktop)) .transfer-title-line>strong{font-size:14px}:where(html:not(.native-desktop)) .transfer-head .transfer-icon:not(.has-image){flex-basis:36px;width:36px;height:36px}}.notification-review{color:var(--notification-color);align-items:center;gap:4px;margin-top:3px;font-size:12px;display:flex}.devices-section .device-list{overflow-anchor:none;scroll-snap-type:none;direction:ltr;place-content:flex-start}.device-list .device{order:0;margin:0;animation:none}.tile-heading h2{letter-spacing:0;color:#f3f3f5;text-align:center;width:100%;margin:0;font-size:14px;font-weight:500;line-height:20px;display:block}.empty-devices strong{color:var(--muted);font-size:13px;font-weight:500}.transfer-title-line>strong{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;flex:1;line-height:20px;display:block;overflow:visible}.transfer-head{align-items:flex-start}.transfer-head .transfer-icon{margin-top:1px}.transfer-head .transfer-person{padding-top:1px}.transfer-progress-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:12px;line-height:18px;display:flex}.transfer-progress-caption+.smooth-progress{margin-top:7px}.activity-page .filters{gap:4px}.activity-page .filters>button{white-space:nowrap;justify-content:center;align-items:center;gap:5px;min-width:0;padding-left:6px;padding-right:6px;font-size:13px;display:flex}.receiving-count{font-variant-numeric:tabular-nums;background:#191919;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;display:grid}@media (width<=360px){:where(html:not(.native-desktop)) .activity-page .filters>button{gap:3px;font-size:12px}:where(html:not(.native-desktop)) .receiving-count{min-width:15px;height:15px}}.files-card .file-list{width:calc(100% + var(--panel-inset));margin:0 calc(-1 * var(--panel-inset)) 0 0;padding:0 var(--panel-inset) 0 0;scrollbar-width:thin;scrollbar-color:#505057 transparent;border-radius:0;overflow:hidden auto}.activity-history-divider{background:#191919;flex-shrink:0;height:1px;margin:8px 16px 20px}.clipboard-card .clipboard-clear{background:var(--inset);color:#f3f3f5;border:0;border-radius:50%;outline:none;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;right:0}.clipboard-card .clipboard-clear:hover,.clipboard-card .clipboard-clear:focus{background:var(--inset)}.device-progress.rotating{transform-origin:50%;animation:2.6s linear infinite recipient-ring-spin}@keyframes recipient-ring-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media (prefers-reduced-motion:reduce){.device-progress.rotating{animation:none}}.transfer.card .transfer-head .transfer-icon{background:var(--inset);color:#f3f3f5;border-radius:14px;flex:0 0 40px;width:40px;height:40px}.transfer.card .transfer-thumbnail{object-fit:cover;border-radius:14px;width:40px;height:40px;display:block}.transfer.card.incoming{background:var(--card);border:0}.transfer.card .circle,.transfer.card .circle:hover,.transfer.card .secondary,.transfer.card .secondary:hover{background:var(--inset);color:#f3f3f5}.transfer.card .primary,.transfer.card .primary:hover:not(:disabled){background:var(--accent);color:#f3f3f5}.transfer-title-line>strong{text-overflow:ellipsis;white-space:nowrap;line-height:20px;overflow:hidden}.transfer.card .result-action{border-radius:999px;width:100%;min-height:48px;margin-top:16px;padding:0 16px;font-size:14px}.activity-page .transfer-list{width:calc(100% + var(--edge));margin-right:calc(-1 * var(--edge));padding-right:var(--edge);scrollbar-width:thin;scrollbar-color:#505057 transparent;flex-direction:column;gap:12px;display:flex;overflow-x:hidden}.activity-row{flex-shrink:0;margin-bottom:0}.activity-history-divider{background:#191919;flex-shrink:0;height:1px;min-height:1px;margin:8px 32px}.received-text-shell{width:calc(100% + 18px);min-width:0;margin:16px -18px 0 0;position:relative}.received-text-shell:before{content:"";background:var(--inset);pointer-events:none;border-radius:30px;position:absolute;inset:0 18px 0 0}.transfer.card .received-text{white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#505057 transparent;background:0 0;border:0;border-radius:0;width:100%;max-height:180px;margin:0;padding:20px 38px 20px 20px;font-family:inherit;font-size:18px;line-height:1.5;position:relative;overflow:hidden auto}.toast.toast-confirmation{background:var(--card);border:0;border-radius:999px;gap:10px;width:max-content;max-width:calc(100% - 64px);min-height:56px;padding:10px 16px;box-shadow:0 6px 20px #19191933}.toast-confirmation .toast-icon{border-radius:50%;flex:0 0 36px;width:36px;height:36px}.toast-confirmation .toast-icon img{border-radius:50%;width:36px;height:36px}.toast-confirmation .toast-copy{text-align:center;flex:0 auto;gap:0}.toast-confirmation .toast-copy strong{font-size:14px;font-weight:500;line-height:20px}.transfer.card .transfer-error{background:var(--inset);color:#f3f3f5;overflow-wrap:anywhere;border-radius:22px;margin:16px 0 0;padding:16px;font-size:14px;line-height:1.5}.transfer-head .transfer-person{flex-direction:row;flex:0 0 34px;gap:0;max-width:34px;padding-top:1px}.device-progress.determinate{animation:none;transform:rotate(-90deg)}.device-progress.determinate .ring-fill{transition:stroke-dasharray .2s linear}.toast.toast-confirmation{--toast-background:#191919;--toast-foreground:#f3f3f5;--toast-icon-background:#191919;background:var(--toast-background);width:max-content;max-width:calc(100% - 64px);height:56px;min-height:56px;color:var(--toast-foreground);border:0;border-radius:999px;gap:10px;padding:10px 16px}.toast.toast-confirmation.toast-error,.toast.toast-confirmation.toast-warning{--toast-background:#191919;--toast-foreground:#f3f3f5;--toast-icon-background:#191919;border:0}.toast.toast-confirmation.toast-copied{border:1px solid #505057}.toast-confirmation .toast-icon{background:var(--toast-icon-background);color:#f3f3f5;border-radius:50%;flex:0 0 36px;width:36px;height:36px}.toast-confirmation .toast-copy{text-align:center;flex:0 auto;min-width:0}.toast-confirmation .toast-copy strong{color:inherit;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:18px;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.activity-row .transfer.card,.history-checkbox-slot{transition:none}}:root{--tab-bottom:max(8px,calc(env(safe-area-inset-bottom,0px) - 18px))}.tab-bar{z-index:90;top:auto;right:var(--edge);bottom:var(--tab-bottom);left:var(--edge);width:auto;max-width:588px;box-shadow:none;-webkit-backdrop-filter:none;background:var(--card);border:0;border-radius:36px;justify-content:space-around;align-items:center;gap:5px;height:72px;margin:0 auto;padding:7px;display:flex;position:fixed;transform:none}.toast{top:auto;bottom:calc(var(--tab-bottom) + 88px);z-index:100;position:fixed}@media (width>=768px){:root{--tab-bottom:14px}.tab-bar{width:588px;left:50%;right:auto;transform:translate(-50%)}}.iphone-pwa{--tab-bottom:var(--edge)}.iphone-pwa .tab-bar{top:calc(var(--pwa-screen-height) - 72px - var(--edge));bottom:auto}.iphone-pwa .toast{top:calc(var(--pwa-screen-height) - 72px - var(--edge) - 16px);bottom:auto;transform:translate(-50%,-100%)}.toast.toast-top,.iphone-pwa .toast.toast-top{top:calc(var(--safe-top) + 20px);z-index:120;bottom:auto;left:50%;transform:translate(-50%)}.toast.toast-confirmation{--toast-border:0px;width:max-content;max-width:calc(100% - 48px);height:56px;min-height:56px;padding:calc(8px - var(--toast-border));border:0;border-radius:999px;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;display:grid;box-shadow:0 6px 20px #19191933}.toast.toast-confirmation.toast-copied{--toast-border:1px;border:1px solid #505057}.toast.toast-confirmation.toast-error,.toast.toast-confirmation.toast-warning{--toast-border:0px;border:0}.toast.toast-confirmation .toast-icon{background:var(--status-icon-background);color:#f3f3f5;border:0;border-radius:50%;align-self:center;place-items:center;width:40px;height:40px;margin:0;padding:0;display:grid;overflow:hidden}.toast.toast-confirmation .toast-icon svg{width:21px;height:21px}.toast.toast-confirmation .toast-icon img{object-fit:cover;border-radius:50%;width:40px;height:40px}.toast.toast-confirmation .toast-copy{text-align:center;min-width:0;color:inherit;margin:0;padding:0;line-height:18px;display:block}.toast.toast-confirmation .toast-copy strong{-webkit-line-clamp:2;color:inherit;-webkit-box-orient:vertical;margin:0;padding:0;font-size:14px;font-weight:600;line-height:18px;display:-webkit-box;overflow:hidden}.toast-balance{pointer-events:none;width:40px;height:40px}:root{--bg:#0f0f0f;--card:#141414;--inset:#191919;--button:#191919;--hover:#17201c;--accent:#202b27;--accent-soft:#202b27;--muted:#919195;color:#f3f3f5;background:#0f0f0f}.connection-control.online{color:#76d6a5}.connection-control.connecting{color:#edc96e}.connection-control.offline{color:#ed858b}.transfer.card button.declined-action{background:var(--danger-background);color:#f5dddf;opacity:1;cursor:default}.primary,.tab.selected,.filters button.selected,.mode-picker button[aria-selected=true]{color:#14251d}.primary:hover:not(:disabled){background:#cbe3d6}.circle:hover,.mini-circle:hover,.setting-row:hover,.setting-row:active{background:#191919}.auth-switch{color:#c2c2c7}.photo-picker,.setting-row>span>svg{color:#929299}.photo-plus{color:#141414;background:#7f9b8b}.sign-out{background:var(--danger-background);color:#fff}.sign-out:hover{background:var(--danger-hover)}.modal .section-heading h2,.code-dialog .room-code>span,.tile-heading h2{color:#929299}.auth-card input,.modal input,.clipboard-card textarea{color:#f3f3f5}.clipboard-card textarea::placeholder{color:#77777f}.modal p{color:#aaaab3}.modal label{color:#b4b4bd}.queued-file strong{color:#e5eee8}.queued-file .file-symbol,.clipboard-file .file-symbol{color:#aaa;background:#242424}.files-card .queued-file .mini-circle{color:#c2c2c7;background:#272727}.files-card .queued-file .mini-circle:hover{background:#191919}.clipboard-card .clipboard-clear,.transfer.card .transfer-head .transfer-icon{color:#c2c2c7}.transfer.card .primary,.transfer.card .primary:hover:not(:disabled){color:#14251d}.transfer.card .transfer-error{color:#e6a6ac}.activity-history-divider{background:#303034}.history-checkbox{color:#0f1512;border-color:#4a4a50}.delete-selected{color:#ed858b}.transfer-person-photo{color:#c2c2c7}.recipient-result{color:#76d6a5;background:#16352a}.recipient-failed .recipient-result,.recipient-declined .recipient-result,.recipient-cancelled .recipient-result{color:#ed858b;background:#3b2025}.ring-track{stroke:#343441}.toast.toast-confirmation{box-shadow:0 6px 20px #0003}.toast.toast-confirmation.toast-copied{border-color:#779786}.toast.toast-confirmation .toast-icon{color:#000}.modal-backdrop,.modal-backdrop.profile-sheet{background:#000b}.desktop-pwa{--desktop-app-width:min(660px,100vw);--desktop-app-height:min(852px,100dvh);--tab-bottom:14px;background:#0f0f0f}.desktop-pwa .app{width:var(--desktop-app-width);height:var(--desktop-app-height);max-height:852px}.desktop-pwa .toolbar{width:var(--desktop-app-width);background:#0f0f0f;left:50%;right:auto;transform:translate(-50%)}.desktop-pwa .toolbar-inner{width:100%}.desktop-pwa .tab-bar{width:calc(var(--desktop-app-width) - 32px);max-width:628px;left:50%;right:auto;top:calc(var(--desktop-app-height) - 86px);bottom:auto;transform:translate(-50%)}.desktop-pwa .toast{max-width:calc(var(--desktop-app-width) - 48px);top:calc(var(--desktop-app-height) - 102px);bottom:auto;transform:translate(-50%,-100%)}.desktop-pwa .toast.toast-top{top:calc(var(--safe-top) + 20px);transform:translate(-50%)}.desktop-pwa .modal{max-width:calc(var(--desktop-app-width) - 32px);max-height:calc(var(--desktop-app-height) - var(--safe-top) - 40px)}.desktop-pwa .auth-app{height:var(--desktop-app-height);width:var(--desktop-app-width);position:relative;top:auto;left:auto;transform:none}.desktop-pwa .auth-main{justify-content:center;height:100%}.desktop-pwa .auth-card{max-width:361px}.desktop-shell{--safe-top:env(titlebar-area-height,32px)}.desktop-shell body:before{content:"";z-index:200;left:env(titlebar-area-x,0px);top:env(titlebar-area-y,0px);width:env(titlebar-area-width,calc(100% - 140px));height:env(titlebar-area-height,32px);-webkit-app-region:drag;app-region:drag;background:#0f0f0f;position:fixed}:root{--accent:#202b27;--hover:#17201c;--accent-soft:#202b27;--accent-foreground:#e5eee8}.primary,.tab.selected,.filters button.selected,.mode-picker button[aria-selected=true],.transfer.card .primary,.transfer.card .primary:hover:not(:disabled){color:var(--accent-foreground)}.primary:hover:not(:disabled),.transfer.card .primary:hover:not(:disabled){background:var(--hover);color:var(--accent-foreground)}.circle:hover,.mini-circle:hover,.setting-row:hover,.setting-row:active,.tab:not(.selected):hover,.tab:not(.selected):active,.secondary:hover{background:#191919}.circle,.mini-circle,.secondary,.file-placeholder,.paste-button,.room-code{color:#f3f3f5}.clipboard-card:not(:has(.clipboard-preview)) .paste-button{color:#f3f3f5}.photo-picker,.setting-row>span>svg,.tile-icon,.file-placeholder>svg,.paste-button>svg,.paste-button>span>svg,.empty-devices>svg,.empty-state>svg,.your-symbol,.device-symbol{color:#929299}.circle>svg,.mini-circle>svg,.secondary>svg{color:#c2c2c7}.photo-plus{background:var(--accent);color:var(--accent-foreground)}.auth-card input:focus{border-color:var(--hover)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--hover)}.history-checkbox[aria-checked=true]{background:var(--accent);border-color:var(--hover);color:var(--accent-foreground)}.device-progress .ring-fill{stroke:#a9c3b4}.recipient-accepted .ring-fill,.recipient-complete .ring-fill{stroke:#76d6a5}.recipient-failed .ring-fill,.recipient-declined .ring-fill,.recipient-cancelled .ring-fill{stroke:#ed858b}.smooth-progress{background:var(--accent)}.smooth-progress>span{background:var(--hover)}.transfer.card .result-action{justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;display:flex}.transfer.card .declined-action{background:var(--danger-background);color:#f5dddf;opacity:1}.transfer.card .result-action>svg{flex:0 0 16px;width:16px;height:16px;display:block}.transfer.card .transfer-head{align-items:center;gap:12px}.transfer.card .transfer-head .transfer-icon{margin-top:0}.transfer.card .transfer-head .transfer-summary{min-width:0;padding-right:6px;overflow:hidden}.transfer.card .transfer-title-line{width:100%;min-width:0;overflow:hidden}.transfer.card .transfer-title-line>strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;display:block;overflow:hidden}.transfer.card .transfer-head .transfer-person{justify-content:center;align-self:center;align-items:center;margin-left:auto;padding-top:0}.tab-bar{-webkit-backdrop-filter:blur(12px);background:#141414eb}.setting-row input[type=checkbox]{appearance:none;background:#303034;border:1px solid #4a4a50;border-radius:999px;flex:0 0 42px;width:42px;height:26px;margin:0;transition:background-color .16s,border-color .16s;position:relative}.setting-row input[type=checkbox]:before{content:"";background:#d5d5da;border-radius:50%;width:18px;height:18px;transition:transform .16s,background-color .16s;position:absolute;top:3px;left:3px;transform:translate(0)}.setting-row input[type=checkbox]:checked{background:var(--accent);border-color:#53685e}.setting-row input[type=checkbox]:checked:before{background:#a9c3b4;transform:translate(16px)}.activity-page .transfer-list{scrollbar-width:thin;scrollbar-color:#505057 transparent;overflow-y:scroll}.transfer.card.incoming{border:1px solid var(--accent)}.toast.toast-confirmation:not(.toast-error):not(.toast-warning){--toast-border:1px;border:1px solid #373d39}.toast.toast-confirmation:not(.toast-error):not(.toast-warning) .toast-icon{color:#e5eee8}.transfer.card .declined-action{cursor:default;pointer-events:none;transition:none}.toast.toast-confirmation{will-change:transform;backface-visibility:hidden}.toast.toast-entering{animation:.42s cubic-bezier(.16,1,.3,1) both toast-slide-down}.toast.toast-leaving{pointer-events:none;animation:.28s cubic-bezier(.4,0,1,1) both toast-slide-up}@keyframes toast-slide-down{0%{transform:translate3d(-50%,calc(-100% - var(--safe-top) - 24px),0)}to{transform:translate(-50%)}}@keyframes toast-slide-up{0%{transform:translate(-50%)}to{transform:translate3d(-50%,calc(-100% - var(--safe-top) - 24px),0)}}@media (prefers-reduced-motion:reduce){.toast.toast-confirmation{will-change:auto;animation:none}}.activity-page .filters>button{gap:7px}.activity-page .filters>button>svg{flex:0 0 17px;width:17px;height:17px}@media (width<=360px){:where(html:not(.native-desktop)) .activity-page .filters>button{gap:4px;font-size:12px}:where(html:not(.native-desktop)) .activity-page .filters>button>svg{flex-basis:15px;width:15px;height:15px}}.setting-row input[type=checkbox]{background:#17201c;border:0}.setting-row input[type=checkbox]:before{background:#a9c3b4;top:4px;left:4px}.setting-row input[type=checkbox]:checked{background:var(--accent);border:0}.setting-row input[type=checkbox]:checked:before{background:#a9c3b4}.dock-scroll-glass{z-index:89;pointer-events:none;width:min(100%,660px);height:calc(var(--tab-bottom) + 72px);-webkit-backdrop-filter:blur(7px)saturate(1.02);background:linear-gradient(#0f0f0f00,#0f0f0f33 46%,#0f0f0f77);margin:0 auto;position:fixed;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 40px);mask-image:linear-gradient(#0000,#000 40px)}.iphone-pwa .dock-scroll-glass{top:calc(var(--pwa-screen-height) - 72px - var(--edge));height:calc(72px + var(--edge));bottom:auto}.desktop-pwa .dock-scroll-glass{top:calc(var(--desktop-app-height) - 86px);width:var(--desktop-app-width);height:86px;bottom:auto}@media (prefers-reduced-transparency:reduce){.dock-scroll-glass{-webkit-backdrop-filter:none;background:linear-gradient(#0f0f0f00,#0f0f0f 40px)}.tab-bar{-webkit-backdrop-filter:none;background:#141414}}.transfer.card .smooth-progress{width:calc(100% - 32px);margin-left:16px;margin-right:16px}.transfer.card .cancel-transfer{background:var(--danger-background);color:#f5dddf}.transfer.card .cancel-transfer:hover:not(:disabled){background:var(--danger-hover);color:#f5dddf}.modal .section-heading .icon-btn,.modal .section-heading .icon-btn:hover,.modal .section-heading .icon-btn:active{color:#c2c2c7;background:#191919}.toolbar-room{background:var(--accent);color:#f3f3f5}.connection-control.online,.connection-control.online>svg{color:#8dbba4}.connection-control.connecting>svg{color:#edc96e}.connection-control.offline>svg{color:#ed858b}.connection-control,.connection-control:hover,.connection-control:active{background:var(--card)}.mode-picker button[aria-selected=false]:hover,.mode-picker button[aria-selected=false]:active,.filters button:not(.selected):hover,.filters button:not(.selected):active{background:#191919}.mode-picker button,.filters button{transition:background-color .16s,transform .16s cubic-bezier(.2,.8,.2,1)}.modal .section-heading{min-height:44px}.modal .section-heading h2{padding:0 54px}.modal .section-heading .icon-btn{flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;transition:transform .16s cubic-bezier(.2,.8,.2,1);display:grid;top:0}.modal .section-heading .icon-btn>svg{width:22px;height:22px}.clipboard-card .tile-heading,.files-card .tile-heading{justify-content:center;align-items:center;height:44px;min-height:44px;padding:0;display:flex}.clipboard-card .tile-heading h2,.files-card .tile-heading h2{color:#929299;text-align:center;padding:0 54px;font-size:14px;font-weight:500;line-height:20px}.clipboard-card .clipboard-clear{background:#191919;flex:0 0 44px;width:44px;height:44px;transition:transform .16s cubic-bezier(.2,.8,.2,1);top:0}.clipboard-card .clipboard-clear>svg{width:22px;height:22px}.modal .section-heading .icon-btn:active,.clipboard-card .clipboard-clear:active{transform:scale(.95)}.clipboard-card:has(.clipboard-preview) .clipboard-actions{flex:0 0 48px;align-items:center;margin-top:auto}.clipboard-card:has(.clipboard-preview) .paste-button{border-radius:999px;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;min-height:48px;max-height:48px;padding:0 16px;font-size:14px;font-weight:600;line-height:20px;display:flex}.clipboard-card:has(.clipboard-preview) .paste-button svg{width:19px;height:19px}.clipboard-card .ios-paste-control{touch-action:manipulation;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.clipboard-card .ios-paste-control:active{transform:scale(.95)}.sign-out{border-radius:999px;justify-content:center;align-items:center;height:48px;min-height:48px;padding:0 16px;font-size:14px;font-weight:600;line-height:20px;display:flex}.connection-summary{justify-content:center;align-items:center;gap:10px;margin:20px 0;font-size:15px;display:flex}.connection-summary.online>svg{color:#8dbba4}.connection-summary.connecting>svg{color:#edc96e}.connection-summary.offline>svg{color:#ed858b}.connection-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.connection-stats>div{background:#191919;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:18px 12px;display:flex}.connection-stats dt{color:#929299;font-size:12px}.connection-stats dd{font-variant-numeric:tabular-nums;color:#f3f3f5;margin:0;font-size:24px;font-weight:600}.smooth-progress>span{transition:transform 60ms linear}@media (prefers-reduced-motion:reduce){.smooth-progress>span{transition:none}}.clipboard-card:not(:has(.clipboard-preview)) .clipboard-actions{flex:1;align-items:stretch;min-height:0;margin-top:0}.clipboard-card:not(:has(.clipboard-preview)) .paste-button{background:#191919;border-radius:30px;flex-direction:column;flex:1;gap:12px;height:auto;min-height:48px;max-height:none}.clipboard-card:not(:has(.clipboard-preview)) .paste-button svg{width:30px;height:30px}:is(.files-card .file-placeholder,.clipboard-card:not(:has(.clipboard-preview)) .paste-button){color:#f3f3f5;background:#191919;border-radius:30px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;width:100%;height:auto;min-height:48px;max-height:none;margin:0;padding:14px;font-size:13px;line-height:20px;display:flex}:is(.files-card .file-placeholder>svg,.clipboard-card:not(:has(.clipboard-preview)) .paste-button svg){width:24px;height:24px;color:inherit;flex:0 0 24px;display:block}:is(.files-card .file-placeholder strong,.clipboard-card:not(:has(.clipboard-preview)) .paste-button strong){font-size:13px;font-weight:700;line-height:20px}.clipboard-card:not(:has(.clipboard-preview)) .ios-paste-control>span{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.clipboard-card:has(.clipboard-preview) .paste-button strong{font-size:inherit;font-weight:inherit;line-height:inherit}.transfer-pending-note{color:#929299;text-align:center;background:#191919;border-radius:22px;margin:16px 0 0;padding:14px 16px;font-size:13px;line-height:20px}.app,.iphone-pwa .app{height:var(--shell-height,100dvh);min-height:0}.desktop-pwa{--desktop-app-height:var(--shell-height,min(852px,100dvh))}.desktop-pwa .app{min-height:0}.tab-bar,.iphone-pwa .tab-bar,.desktop-pwa .tab-bar{top:calc(var(--shell-height,100dvh) - 72px - var(--tab-bottom));bottom:auto}.dock-scroll-glass,.iphone-pwa .dock-scroll-glass,.desktop-pwa .dock-scroll-glass{top:calc(var(--shell-height,100dvh) - 72px - var(--tab-bottom));height:calc(72px + var(--tab-bottom));bottom:auto}@media (width<=600px){.auth-app,.iphone-pwa .auth-app{height:auto;min-height:0}}.desktop-pwa .auth-app{height:var(--desktop-app-height)}.transfer.card .transfer-head .transfer-icon,.transfer.card .transfer-head .transfer-icon.has-image,.transfer.card .transfer-head .transfer-icon:not(.has-image){border-radius:20px;flex:0 0 60px;width:60px;height:60px;overflow:hidden}.transfer.card .transfer-head .transfer-icon>svg{width:26px;height:26px}.transfer-thumbnail,.queued-thumbnail{object-fit:cover;width:100%;height:100%;display:block}.cached-image{opacity:0;transition:opacity .14s}.cached-image.image-ready{opacity:1}.selection-actions{background:#191919;border-radius:999px;align-items:center;gap:12px;height:44px;margin-left:auto;padding:4px 4px 4px 16px;display:flex}.selection-actions .selection-count{color:#c2c2c7;font-variant-numeric:tabular-nums;margin:0}.selection-actions .delete-selected{background:var(--danger-background);color:#f5dddf;flex:0 0 36px;width:36px;height:36px}.selection-actions .delete-selected>svg{color:inherit}.selection-actions .delete-selected:hover:not(:disabled){background:var(--danger-hover)}.is-selected .transfer.card .result-action,.is-selected .transfer.card .group-file{color:#f3f3f5;background:#262626}.is-selected .transfer.card .result-action:hover{background:#303030}.file-group{flex-direction:column;gap:8px;margin-top:14px;display:flex}.group-file{background:#191919;border-radius:24px;align-items:center;gap:12px;min-width:0;padding:10px;display:flex}.group-file .transfer-icon{border-radius:16px;flex:0 0 60px;width:60px;height:60px;overflow:hidden}.group-file strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.group-file .mini-circle{background:#262626;flex:0 0 40px;width:40px;height:40px}.file-group .result-action{margin-top:4px}.recipient-complete .ring-fill{stroke:#76d6a5}.recipient-declined .ring-fill,.recipient-failed .ring-fill,.recipient-cancelled .ring-fill{stroke:#ed858b}@media (prefers-reduced-motion:reduce){.cached-image{transition:none}}.queued-file .file-symbol,.clipboard-file .file-symbol{border-radius:20px;flex:0 0 60px;width:60px;height:60px;overflow:hidden}.queued-file .file-symbol>svg,.clipboard-file .file-symbol>svg{width:26px;height:26px}.password-field{min-width:0;position:relative}.auth-card .password-field input{padding-right:62px}.password-visibility{background:var(--card);color:#c2c2c7;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.password-visibility:hover{background:var(--hover)}.password-visibility:active:not(:disabled){transform:translateY(-50%)scale(.95)}.auth-card .auth-switch{color:#c2c2c7;background:0 0;border-radius:999px;width:100%;min-height:0;margin-top:8px;padding:10px;font-size:14px;font-weight:400;display:block}.auth-card .auth-switch:hover:not(:disabled){color:#f3f3f5;background:0 0}.auth-card .auth-sign-out{background:var(--danger-background);color:#fff;justify-content:center;align-items:center;min-height:54px;margin-top:12px;padding:14px 18px;font-size:16px;font-weight:600;display:flex}.auth-card .auth-sign-out:hover:not(:disabled){background:var(--danger-hover)}.auth-card .password-field input[type=password]:not(:placeholder-shown){font-size-adjust:.4}.auth-card{padding-top:20px}.auth-card .auth-title{margin:0 0 20px}.clipboard-card,.files-card{gap:var(--card-inset)}.clipboard-card .tile-heading,.files-card .tile-heading{flex:0 0 20px;height:20px;min-height:20px}.clipboard-card .clipboard-clear{top:-12px}.clipboard-card:has(.clipboard-preview) .clipboard-actions{flex-wrap:nowrap}.clipboard-card .clipboard-actions .clipboard-cancel{background:var(--danger-background);color:#fff;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;width:auto;min-width:0;height:48px;min-height:48px;padding:0 16px;font-size:14px;font-weight:600;line-height:20px;display:flex}.clipboard-card .clipboard-actions .clipboard-cancel strong{font:inherit}.clipboard-card .clipboard-actions .clipboard-cancel:hover{background:var(--danger-background)}.clipboard-card:has(.clipboard-preview) .paste-button{width:auto;min-width:0}.transfer.card .receive-actions .decline-transfer,.transfer.card .receive-actions .decline-transfer:hover{background:var(--danger-background);color:#fff}.mode-picker>button,.activity-page .filters>button{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:0;height:44px;min-height:44px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;display:flex}.mode-picker>button>svg,.activity-page .filters>button>svg{flex:0 0 18px;width:18px;height:18px}.desktop-pwa .settings-page .settings-list,.desktop-pwa .activity-page .transfer-list{width:calc(100% + var(--edge));margin-right:calc(-1 * var(--edge));padding-right:var(--edge);scrollbar-width:thin;scrollbar-color:#505057 transparent;overflow-y:scroll}.desktop-pwa .app:not(.auth-app){width:100%;max-width:none}.setting-row>small{color:var(--muted);margin-left:auto;font-size:12px}.desktop-pwa .settings-page,.desktop-pwa .activity-page{overflow:visible}.native-desktop .tab-bar{background:#141414fa}.transfer.card .transfer-icon>img.transfer-thumbnail{border-radius:inherit;object-fit:cover;width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0}.transfer.card:focus{outline:none}.modal-backdrop,.modal-backdrop.input-sheet,.modal-backdrop.profile-sheet,.iphone-pwa .modal-backdrop,.iphone-pwa .modal-backdrop.input-sheet,.iphone-pwa .modal-backdrop.profile-sheet{height:var(--shell-height,100dvh);-webkit-backdrop-filter:none;background:#0006;top:0;bottom:auto}html.modal-open{background:#090909}.clipboard-preview[role=button]{cursor:pointer}.clipboard-text{caret-color:#0000;-webkit-user-select:none;user-select:none}.transfer.card .receive-actions>.primary,.transfer.card .receive-actions>.primary:hover:not(:disabled){background:var(--accent);color:var(--accent-foreground)}.is-selected .transfer.card .transfer-error{background:#262626}.native-desktop{--desktop-app-width:100vw;--desktop-app-height:var(--shell-height,100dvh)}.native-desktop .app{max-height:none}.native-desktop .auth-main{justify-content:center;height:100%;padding:0 16px 16px}.native-desktop .auth-card{border-radius:54px;padding:20px 24px 24px}.native-desktop .transfer-head .transfer-person{flex-direction:column;gap:4px;max-width:58px}.native-desktop .transfer-person>span:last-child{max-width:58px;font-size:10px}.native-desktop .transfer-title-line{gap:5px}.native-desktop .transfer-title-line>strong{font-size:14px}.is-selected .transfer.card .transfer-icon,.is-selected .transfer.card .received-text-shell:before{background:#262626}.is-selected .transfer.card .group-file .transfer-icon,.is-selected .transfer.card .group-file .mini-circle{background:#303030}.transfer.card,.transfer.card .transfer-icon,.transfer.card .received-text-shell:before,.transfer.card .transfer-error,.transfer.card .result-action,.transfer.card .group-file,.transfer.card .group-file .mini-circle{transition:background-color .15s,color .15s,transform .16s cubic-bezier(.2,.8,.2,1)}:root{--danger-background:#793f46;--danger-hover:#914c54}.connection-control,.connection-control:hover{background:var(--card);cursor:default}.main:has(>.activity-page:not([hidden])){overflow:visible}.activity-page{width:calc(100% + var(--edge))}.activity-page .filters,.activity-page .activity-tools{margin-right:var(--edge)}.activity-page .transfer-list,.desktop-pwa .activity-page .transfer-list{width:100%;padding-right:var(--edge);scrollbar-width:thin;scrollbar-color:#505057 transparent;margin-right:0;overflow:hidden auto}.modal.help-dialog{flex-direction:column;display:flex;overflow:hidden}.help-dialog>.section-heading{flex-shrink:0}.help-faq{scrollbar-width:thin;scrollbar-color:#505057 transparent;flex-direction:column;gap:10px;min-height:0;padding-right:5px;display:flex;overflow-y:auto}.faq-item{background:var(--inset);border-radius:24px;flex-shrink:0;overflow:hidden}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:600;line-height:1.45;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{color:var(--muted);transition:transform .15s}.faq-item[open] summary svg{transform:rotate(180deg)}.faq-answer{color:#aaaab3;padding:0 16px 16px;font-size:14px;line-height:1.6}.faq-answer p{font-size:inherit;line-height:inherit;margin:0 0 12px}.faq-answer p:last-child{margin-bottom:0}.faq-answer ol{margin:0;padding-left:20px}.faq-answer li+li{margin-top:8px}.scroll-area{--scroll-track-inset:var(--edge);--scroll-clip-radius:40px;flex:1;min-width:0;min-height:0;display:flex;position:relative}.scroll-area>.app-scroller{min-height:0;width:calc(100% - var(--scroll-track-inset));max-width:calc(100% - var(--scroll-track-inset));border-radius:var(--scroll-clip-radius);scrollbar-width:auto;scrollbar-color:auto;flex:1;height:100%;margin:0;padding-right:0;display:block;overflow:hidden auto}.scroll-area-content{gap:inherit;flex-direction:column;min-width:0;display:flex}.activity-scroll-area{width:100%}.activity-scroll-area>.transfer-list{width:calc(100% - var(--edge));margin:0;padding-right:0}.activity-scroll-area>.transfer-list .scroll-area-content{gap:12px}.settings-scroll-area{width:calc(100% + var(--edge));margin-right:calc(-1 * var(--edge))}.settings-scroll-area>.settings-list{width:calc(100% - var(--edge));margin:0;padding-right:0}.settings-scroll-area>.settings-list .scroll-area-content{padding-bottom:var(--dock-space);gap:14px}.files-scroll-area{--scroll-track-inset:var(--panel-inset);--scroll-clip-radius:var(--panel-radius);width:calc(100% + var(--panel-inset));margin-right:calc(-1 * var(--panel-inset))}.files-scroll-area>.file-list{width:calc(100% - var(--panel-inset));border-radius:var(--panel-radius);margin:0;padding:0}.files-scroll-area>.file-list .scroll-area-content{gap:12px}:is(.main:has(>.settings-page:not([hidden])),.settings-page){overflow:visible}.auth-card .password-visibility,.auth-card .password-visibility:hover,.auth-card .password-visibility:active{background:var(--card);color:#c2c2c7}.auth-card .primary,.auth-card .primary:hover:not(:disabled),.auth-card .primary:active:not(:disabled){background:var(--accent);color:var(--accent-foreground)}.scroll-area.activity-scroll-area>.transfer-list{width:calc(100% - var(--edge));margin:0;padding-right:0}.scroll-area.settings-scroll-area>.settings-list{width:calc(100% - var(--edge));margin:0;padding:0}.app-scroller>.scroll-area-content{min-height:100%}.modal.help-dialog{gap:20px}.modal.help-dialog>.section-heading{margin:0}.help-scroll-area{--scroll-track-inset:20px;--scroll-clip-radius:24px;width:calc(100% + 20px);margin-right:-20px}.help-scroll-area>.help-faq{width:calc(100% - 20px);max-width:calc(100% - 20px);margin:0;padding:0}.help-faq>.scroll-area-content{gap:10px}.modal .primary:hover:not(:disabled),.modal .primary:active:not(:disabled){background:var(--accent);color:var(--accent-foreground)}.sign-out:hover,.sign-out:active,.auth-card .auth-sign-out:hover:not(:disabled),.auth-card .auth-sign-out:active:not(:disabled){background:var(--danger-background)}.files-card .queued-file .mini-circle:hover,.files-card .queued-file .mini-circle:active{background:#272727}.modal.help-dialog{height:min(720px,calc(var(--app-height,100dvh) - 2 * var(--edge) - env(safe-area-inset-top,0px)))}.help-scroll-area{flex-basis:0;overflow:visible}.help-scroll-area>.help-faq{height:100%}.scroll-area>.app-scroller,.scroll-area.activity-scroll-area>.transfer-list,.scroll-area.settings-scroll-area>.settings-list,.scroll-area.files-scroll-area>.file-list,.scroll-area.help-scroll-area>.help-faq{scrollbar-color:auto;width:100%;max-width:100%;clip-path:inset(0 round var(--scroll-clip-radius) 0 0 var(--scroll-clip-radius));border-radius:var(--scroll-clip-radius) 0 0 var(--scroll-clip-radius);margin:0;padding:0;scrollbar-width:auto!important}.scroll-area>.app-scroller>.scroll-area-content{margin-right:var(--scroll-track-inset)}.clipboard-card .clipboard-editor,.transfer.card .received-text{scrollbar-width:auto;scrollbar-color:auto}.scroll-area>.app-scroller{clip-path:inset(0 round var(--scroll-clip-radius) 0 0 var(--scroll-clip-radius))}.help-scroll-area:after{content:"";inset:0 var(--scroll-track-inset) 0 0;border-radius:var(--scroll-clip-radius);box-shadow:0 0 0 var(--scroll-clip-radius) var(--card);clip-path:inset(0);pointer-events:none;z-index:1;position:absolute}:root .scroll-area>.app-scroller,:root .clipboard-editor,:root .received-text,:root .clipboard-files{scrollbar-color:transparent transparent;scrollbar-width:thin!important}:root .scroll-area>.app-scroller>.scroll-area-content{margin-right:max(0px,calc(var(--scroll-track-inset) - var(--native-scrollbar-gutter,0px)))}:root .clipboard-card .clipboard-editor{padding-right:calc(20px + var(--panel-inset) - var(--native-scrollbar-gutter,0px))}:root .transfer.card .received-text{padding-right:calc(38px - var(--native-scrollbar-gutter,0px))}@supports selector(::-webkit-scrollbar){:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files){scrollbar-color:auto;scrollbar-width:auto!important}:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files)::-webkit-scrollbar{background:0 0;width:8px;height:8px}:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files)::-webkit-scrollbar-track{box-shadow:none;background:0 0;border:0}:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files)::-webkit-scrollbar-corner{box-shadow:none;background:0 0;border:0}:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files)::-webkit-scrollbar-button{width:0;height:0;display:none}:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files)::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:8px;min-height:28px;transition:background-color .15s}:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files)::-webkit-scrollbar-thumb:hover{background-color:var(--accent);border-width:0}:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files)::-webkit-scrollbar-thumb:active{background-color:var(--accent);border-width:0}}:root :is(.activity-scroll-area,.settings-scroll-area):after{content:"";inset:0 var(--scroll-track-inset) 0 0;border-radius:var(--scroll-clip-radius);box-shadow:0 0 0 var(--scroll-clip-radius) var(--bg);clip-path:inset(0);pointer-events:none;z-index:1;position:absolute}:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files).is-scrolling{scrollbar-color:var(--accent) transparent}@supports selector(::-webkit-scrollbar){:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files).is-scrolling{scrollbar-color:auto}:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files).is-scrolling::-webkit-scrollbar-thumb{background-color:var(--accent)}:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files):not(.is-scrolling)::-webkit-scrollbar-thumb{background-color:#0000;border-width:2px}:root :is(.scroll-area>.app-scroller,.clipboard-editor,.received-text,.clipboard-files)::-webkit-scrollbar-thumb:active{background-color:var(--accent)}}.received-text{overscroll-behavior-y:auto}.activity-page,.settings-page{padding-bottom:calc(72px + var(--tab-bottom) + var(--card-gap))}.settings-scroll-area>.settings-list .scroll-area-content{padding-bottom:0}.files-scroll-area:after{content:"";inset:0 var(--scroll-track-inset) 0 0;border-radius:var(--scroll-clip-radius);box-shadow:0 0 0 var(--scroll-clip-radius) var(--card);clip-path:inset(0);pointer-events:none;z-index:1;position:absolute}:root .scroll-area>.app-scroller.help-faq::-webkit-scrollbar-track{margin-block:var(--scroll-clip-radius)}
