:root{
  color-scheme:dark;
  --ink:#e6efe8;--muted:#96a79a;--line:#26362d;--green:#b6fa72;--deep:#17231c;--paper:#080e0b;
  --mono:'DM Mono',ui-monospace,monospace;--sans:'Manrope',ui-sans-serif,system-ui,sans-serif;
}
body{color:var(--ink);background:#080e0b;background-image:radial-gradient(ellipse at 16% 18%,#14271c 0%,transparent 44%),radial-gradient(ellipse at 88% 72%,#101f17 0%,transparent 42%)}
body::before,body::after{content:"";position:fixed;inset:-25%;pointer-events:none;z-index:-1}
body::before{background:radial-gradient(circle at 25% 35%,#a4ee5a12 0,transparent 23%),radial-gradient(circle at 76% 61%,#54c98c0c 0,transparent 26%);filter:blur(24px);animation:ambient-drift 18s ease-in-out infinite alternate}
body::after{inset:0;opacity:.1;background-image:linear-gradient(#8ee45912 1px,transparent 1px),linear-gradient(90deg,#8ee45912 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.topbar{border-color:#24332a}
.brand{color:#eff8f0}
.brand-mark{box-shadow:0 0 24px #b7f26c24;animation:mark-glow 4s ease-in-out infinite}
.network-state{color:#a8b7ac}
.network-private{color:#91a393}
.pulse,.searching i{background:#9be96b;box-shadow:0 0 0 4px #9be96b1a,0 0 14px #9be96b85;animation:status-pulse 2.2s ease-in-out infinite}
.avatar{background:#233728;color:#c4f492}
.hero .eyebrow{color:#9aac9e}
.eyebrow-line{background:#3a4c3e}
.hero h1{color:#e7f0e8}
.hero h1 span{background:linear-gradient(100deg,#c4ff83,#7ccc70 55%,#77dca2);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-copy{color:#98a99d}
.send-card,.receivers-section,.activity-section{background:linear-gradient(145deg,#121b16f2,#0e1712f5);border-color:#293b30;box-shadow:0 18px 60px #0005,inset 0 1px #ffffff08}
.send-card,.side-panel,.hero{animation:rise-in .7s cubic-bezier(.2,.8,.2,1) both}
.side-panel{animation-delay:.12s}
.send-card-top{border-color:#26372d}
.section-label{color:#9bac9f}
.section-label span,.button-arrow{color:#b7f26c}
.limit-label{color:#92a196}
.drop-area{background:linear-gradient(145deg,#101a14,#0c1510);border-color:#344b39;box-shadow:inset 0 0 42px #9de85a05;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.drop-area:hover,.drop-area.dragging{background:linear-gradient(145deg,#17251a,#101b13);border-color:#8ab95b;box-shadow:inset 0 0 54px #9de85a0b,0 0 25px #9de85a0a;transform:translateY(-2px)}
.upload-icon{background:#20321f;color:#b8ed83;box-shadow:0 0 30px #a2eb5b12;animation:icon-float 4s ease-in-out infinite}
.drop-area h2{color:#e7f0e8}
.drop-area h2 span{color:#9eafa2}
.browse-button{color:#b8ed83;text-decoration-color:#557743}
.drop-area p{color:#98a99c}
.drop-hint{color:#94a397}
.key-icon{border-color:#37463c;color:#a9b6aa}
.secure-note{color:#a2afa4}
.lock-icon,.tiny-lock{color:#aedb83}
.send-button{background:#b7f26c;color:#172315;box-shadow:0 6px 24px #9eea571c;transition:transform .2s,box-shadow .2s,background .2s}
.send-button:not(:disabled):hover{background:#c8ff88;transform:translateY(-2px);box-shadow:0 9px 30px #9eea5737}
.send-button:disabled{background:#202c24;color:#7e8d81;box-shadow:none}
.send-button:disabled .button-arrow{color:#83937f}
.receiver-heading h2{color:#e4ede5}
.count{background:#1c2b21;color:#b2c2b3}
.refresh-button,.clear-button{background:#131d17;border-color:#2d3c32;color:#a5b4a8;transition:transform .3s,color .2s,border-color .2s}
.refresh-button:hover{color:#c3f38f;border-color:#52684c}
.empty-state{background:#111a15;border-color:#2a3b30}
.radar{border-color:#344b38;background:#152119;overflow:visible}
.radar::before,.radar::after{content:"";position:absolute;inset:-5px;border:1px solid #9de85a42;border-radius:50%;animation:radar-wave 3s ease-out infinite}
.radar::after{animation-delay:1.5s}
.radar span:not(.radar-center){border-color:#4a6346}
.radar-center{color:#b8ed83}
.empty-state strong{color:#dce9de}
.empty-state p{color:#9aab9f}
.searching{color:#a2b39f}
.peer-card{background:#111a15;border-color:#2b3b30;transition:transform .2s,border-color .2s,background .2s}
.peer-card:hover{transform:translateY(-2px);border-color:#587449;background:#142019}
.peer-avatar{background:#243622;color:#c1ee8b}
.peer-info strong{color:#e3ece4}
.peer-info small{color:#9baa9e}
.peer-send{background:#18231b;border-color:#344633;color:#bee78e;transition:background .2s,border-color .2s}
.peer-send:hover,.peer-send.selected{background:#273b24;border-color:#68884b}
.network-foot{color:#9ba99e}
.foot-separator{color:#56665a}
.network-foot button{color:#b6e58e}
.activity-row{border-color:#26372d}
.activity-row{transition:background .2s,border-color .2s,transform .2s}
.activity-row:hover{background:#17241b;transform:translateX(2px)}
.activity-row.transferring{border-left:2px solid #a8ee68;padding-left:8px;background:linear-gradient(90deg,#9be96b0b,transparent 70%)}
.activity-state{min-width:58px;text-align:right;align-self:center}
.activity-status{font:600 9px var(--mono);letter-spacing:.03em}
.activity-speed{display:block;margin-top:3px;font:8px var(--mono);color:#94b97d}
.progress-track{overflow:hidden}
.progress-track span{position:relative;transition:width .16s linear}
.activity-row.transferring .progress-track span::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff75,transparent);transform:translateX(-100%);animation:progress-shimmer 1.6s ease-in-out infinite}
body.is-transferring .send-card{border-color:#607f45;box-shadow:0 18px 60px #0005,0 0 32px #9de85a12,inset 0 1px #ffffff08}
body.is-transferring .brand-mark{animation-duration:1.2s}
.file-symbol,.queue-file{background:#1d2c1f;color:#bbe891}
.activity-details strong,.queue-copy strong{color:#e1ebe3}
.activity-details small,.queue-copy small{color:#9aaa9e}
.activity-status{color:#b9e891}
.progress-track{background:#29372c}
.progress-track span{background:linear-gradient(90deg,#7fc85a,#c1f87c);box-shadow:0 0 10px #a4eb65aa}
.queue-item{border-color:#28392e}
.queue-remove{color:#a5b2a8}
footer{border-color:#24332a;color:#829186}
.footer-brand{color:#a9baac}
.toast{background:#d4f8b5;color:#172315;box-shadow:0 10px 35px #0008}
.modal-backdrop{background:#030805d9}
.modal{background:#111a15;border:1px solid #304435;box-shadow:0 24px 100px #000a}
.modal-close{color:#a6b4a9}
.modal h2{color:#e7f0e8}
.modal p{color:#9dac9f}
.modal input{background:#0b120e;border-color:#34463a;color:#e6efe8}
.modal input::placeholder{color:#738477}
.modal-save{background:#b7f26c;color:#182315}
.modal-save span{color:#365126}
@keyframes ambient-drift{0%{transform:translate3d(-1.5%,0,0) scale(1)}100%{transform:translate3d(1.5%,-1%,0) scale(1.04)}}
@keyframes mark-glow{0%,100%{box-shadow:0 0 18px #b7f26c19}50%{box-shadow:0 0 28px #b7f26c3a}}
@keyframes status-pulse{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes radar-wave{0%{transform:scale(.7);opacity:.8}100%{transform:scale(1.65);opacity:0}}
@keyframes rise-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes progress-shimmer{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Black + purple light leaks */
:root{--ink:#f0eafa;--muted:#a99bb9;--line:#30243b;--green:#c8a3ff;--deep:#1a1025;--paper:#07050b}
body{color:var(--ink);background:#07050b;background-image:radial-gradient(ellipse at 14% 20%,#1b1028 0%,transparent 42%),radial-gradient(ellipse at 85% 78%,#180c20 0%,transparent 43%)}
body::before{inset:-24%;background:radial-gradient(ellipse 28% 52% at 15% 42%,#b331ff35 0,transparent 72%),radial-gradient(ellipse 30% 55% at 85% 28%,#693dff2b 0,transparent 72%),radial-gradient(ellipse 34% 42% at 62% 94%,#f044ad1c 0,transparent 73%);filter:blur(48px);animation:ambient-drift 17s ease-in-out infinite alternate}
body::after{opacity:.055;background-image:linear-gradient(#b885ff1a 1px,transparent 1px),linear-gradient(90deg,#b885ff1a 1px,transparent 1px);background-size:64px 64px}
.topbar,footer{border-color:#282034}
.brand{color:#f6efff}.brand-mark{background:#20132d;box-shadow:0 0 25px #b05cff3a;animation:mark-glow 4s ease-in-out infinite}
.network-state{color:#b5a9c1}.network-private,.hero .eyebrow,.section-label{color:#b4a3c5}.eyebrow-line{background:#493553}
.pulse,.searching i{background:#d394ff;box-shadow:0 0 0 4px #b35bff24,0 0 14px #cf8aff99}
.avatar{background:#2a1c39;color:#e3caff}.hero h1{color:#f2ebfa}.hero h1 span{background:linear-gradient(100deg,#e2b7ff,#a574ff 53%,#f08bc9);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-copy{color:#aa9bb7}
.send-card,.receivers-section,.activity-section{background:linear-gradient(145deg,#17111df5,#100b15f7);border-color:#332641;box-shadow:0 18px 60px #0007,inset 0 1px #ffffff0a}
.send-card-top{border-color:#30233a}.section-label span,.button-arrow{color:#d1a4ff}.limit-label{color:#a99db2}
.drop-area{background:linear-gradient(145deg,#15101b,#0d0912);border-color:#443452;box-shadow:inset 0 0 45px #bd62ff0b;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.drop-area:hover,.drop-area.dragging{background:linear-gradient(145deg,#22142d,#130d1c);border-color:#b97bff;box-shadow:inset 0 0 54px #bc70ff17,0 0 28px #b757ff1c;transform:translateY(-2px)}
.upload-icon{background:#281a36;color:#d3a9ff;box-shadow:0 0 32px #b855ff24}.drop-area h2{color:#f1eafa}.drop-area h2 span,.drop-area p,.drop-hint{color:#ac9eb7}.browse-button{color:#d0a6ff;text-decoration-color:#80589e}.key-icon{border-color:#453650;color:#c2b4cc}
.secure-note{color:#b1a4bb}.lock-icon,.tiny-lock{color:#d0a6ff}
.send-button{background:#c9a2ff;color:#1a1025;box-shadow:0 6px 24px #b85cff24}.send-button:not(:disabled):hover{background:#e0c5ff;box-shadow:0 9px 30px #b85cff42}.send-button:disabled{background:#2b2233;color:#90839a}.send-button:disabled .button-arrow{color:#a99bb9}
.receiver-heading h2{color:#f0e9f7}.count{background:#291d35;color:#d6b5ff}.refresh-button,.clear-button{background:#17111e;border-color:#3a2b46;color:#b9a8c8}.refresh-button:hover{color:#e0c3ff;border-color:#805aa1}
.empty-state{background:#15101b;border-color:#352641}.radar{border-color:#533a67;background:#1d1426}.radar::before,.radar::after{border-color:#c779ff54}.radar span:not(.radar-center){border-color:#614575}.radar-center{color:#d0a6ff}.empty-state strong{color:#eee5f5}.empty-state p,.searching{color:#b0a1ba}
.peer-card{background:#15101b;border-color:#352642}.peer-card:hover{border-color:#8f5db8;background:#1d1426}.peer-avatar{background:#30203e;color:#e0c2ff}.peer-info strong{color:#f0e9f7}.peer-info small{color:#b0a1ba}.peer-send{background:#20172a;border-color:#493657;color:#d5b8f2}.peer-send:hover,.peer-send.selected{background:#382449;border-color:#9765bd}
.network-foot{color:#b0a2b9}.foot-separator{color:#65566c}.network-foot button{color:#d1a8ff}
.activity-row{border-color:#34253f}.activity-row:hover{background:#201629}.activity-row.transferring{border-left-color:#ce8cff;background:linear-gradient(90deg,#bd6cff14,transparent 72%)}
.file-symbol,.queue-file{background:#291d35;color:#d6b5ff}.activity-details strong,.queue-copy strong{color:#eee7f5}.activity-details small,.queue-copy small{color:#ad9eb7}.activity-status{color:#d8b5ff}.activity-speed{color:#c8a0eb}.progress-track{background:#34263d}.progress-track span{background:linear-gradient(90deg,#8e4bd4,#d1a5ff,#f08bc9);box-shadow:0 0 12px #bb75ffbb}
.queue-item{border-color:#34253f}.queue-remove{color:#b2a5bb}
.toast{background:#e3caff;color:#20132b;box-shadow:0 10px 35px #0009}.modal-backdrop{background:#05030be8}.modal{background:#17111f;border-color:#473355;box-shadow:0 24px 100px #000c}.modal-close{color:#b8a9c2}.modal h2{color:#f2ebfa}.modal p{color:#b1a2bb}.modal input{background:#0e0a13;border-color:#493654;color:#f0eafa}.modal input::placeholder{color:#8d7e98}.modal-save{background:#c9a2ff;color:#21142c}.modal-save span{color:#6c4695}
.cancel-all{height:34px;flex:none;padding:0 10px;border:1px solid #59406c;border-radius:7px;background:#201529;color:#d3b2ed;font:600 9px var(--sans);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.cancel-all:hover{background:#392246;border-color:#a576c8;transform:translateY(-1px)}
.activity-cancel{margin-top:4px;padding:2px 5px;border:1px solid #634056;border-radius:5px;background:#25131e;color:#f2a7c5;font:8px var(--sans);cursor:pointer}.activity-cancel:hover{background:#462238;border-color:#b76d9b}
.history-actions{display:flex;align-items:center;gap:6px}.history-actions .cancel-all{height:27px;padding:0 8px}
.receivers-section{background:linear-gradient(145deg,#1d1428f5,#17101ff7);border-color:#49345a;box-shadow:0 18px 60px #0007,0 0 30px #a855f70d,inset 0 1px #ffffff0a}
.topbar-actions{display:flex;align-items:center;gap:12px}
.install-button{height:32px;padding:0 11px;border:1px solid #493657;border-radius:8px;background:#1b1323;color:#e0c4fb;font:600 10px var(--sans);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.install-button:hover{background:#30203d;border-color:#9668b2;transform:translateY(-1px)}
.install-button span{margin-left:5px;color:#d0a6ff}
@media(min-width:981px){.app-shell{padding-inline:clamp(32px,5vw,88px)}.workspace-grid{gap:24px}.send-card{padding-inline:22px}.send-card-top{height:50px}.drop-area h2{font-size:17px}.drop-area p{font-size:12px}.send-footer{height:64px}.receiver-heading h2{font-size:18px}.empty-state{padding:17px 19px}.peer-card{padding:11px}.activity-row{padding:11px 5px}}
@media(max-width:760px){.topbar-actions{gap:5px}.install-button{height:30px;padding:0 8px;font-size:9px}.profile-button{gap:5px}}

/* App workspace: one roomy view at a time, matching the compact app layout. */
main{grid-template-rows:auto auto minmax(0,1fr)}
.app-shell .mobile-nav{height:50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:center;margin:0 0 12px;padding:5px;border:1px solid #342541;border-radius:12px;background:#100c16;box-shadow:0 10px 34px #0003}
.mobile-nav button{height:38px;border:0;border-radius:8px;background:transparent;color:#aa9bb8;font:600 11px var(--sans);cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.mobile-nav button span{margin-right:6px;color:#cb9aff;font-size:13px}
.mobile-nav button.active{background:linear-gradient(120deg,#30203d,#241830);color:#f5edff;box-shadow:inset 0 0 0 1px #63477b,0 4px 16px #b565ff13}
.mobile-nav button:active{transform:scale(.985)}
.workspace-grid{display:block;min-height:0;width:min(1360px,100%);margin:0 auto;padding-bottom:8px}
.workspace-grid[data-mobile-view="send"] .send-card{display:flex;width:100%;height:100%;max-width:none;min-height:0;padding:0 clamp(16px,2.4vw,30px);border-radius:17px}
.workspace-grid[data-mobile-view="send"] .side-panel{display:none}
.workspace-grid[data-mobile-view="devices"] .send-card,.workspace-grid[data-mobile-view="activity"] .send-card{display:none}
.workspace-grid[data-mobile-view="devices"] .side-panel,.workspace-grid[data-mobile-view="activity"] .side-panel{display:flex;height:100%;min-height:0;gap:0}
.workspace-grid[data-mobile-view="devices"] .receivers-section{display:flex;flex:1;min-height:0;padding:clamp(18px,3vw,34px)}
.workspace-grid[data-mobile-view="devices"] .activity-section,.workspace-grid[data-mobile-view="activity"] .receivers-section{display:none!important}
.workspace-grid[data-mobile-view="activity"] .activity-section{display:flex!important;flex:1;min-height:0;padding:clamp(18px,3vw,34px)}
.workspace-grid[data-mobile-view="activity"] .activity-list{max-height:none}
.workspace-grid[data-mobile-view="activity"] #activity-list:empty::before{content:"Your sent and received files will appear here.";display:grid;place-items:center;min-height:160px;color:#aa9bb8;font:12px var(--sans)}
.send-card-top{min-height:52px;height:auto;gap:12px;padding:9px 0}
.send-card-top .section-label{font-size:10px}
.send-card-top .limit-label{font-size:9px}
.drop-area{width:100%;min-width:0;min-height:180px;border-radius:14px}
.send-footer{min-height:66px;height:66px}
.workspace-grid .receivers-section{background:linear-gradient(145deg,#21172b,#1a1222);border-color:#5a416c;box-shadow:0 18px 55px #0007,0 0 38px #bd76ff11,inset 0 1px #ffffff0d;border-radius:17px}
.workspace-grid .empty-state{background:linear-gradient(120deg,#21172b,#191320);border-color:#533c65}
.workspace-grid .peer-card{background:#1c1424;border-color:#493556}
.workspace-grid .activity-section{border-radius:17px}
.workspace-grid.view-enter{animation:workspace-enter .28s cubic-bezier(.2,.8,.2,1) both}
@keyframes workspace-enter{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
  main{grid-template-rows:auto auto minmax(0,1fr)}
  .app-shell .mobile-nav{height:48px;margin-bottom:9px}
  .workspace-grid{padding-bottom:5px}
  .workspace-grid[data-mobile-view="send"] .send-card{padding:0 13px}
  .send-card-top{min-height:42px;padding:7px 0}
  .drop-area{min-height:170px;margin:10px 0}
  .send-footer{height:48px;min-height:48px}
  .workspace-grid[data-mobile-view="devices"] .receivers-section,.workspace-grid[data-mobile-view="activity"] .activity-section{padding:13px}
  .workspace-grid[data-mobile-view="activity"] #activity-list:empty::before{min-height:100px;font-size:10px}
}
.receive-size{margin:14px 0;padding:11px 12px;border:1px solid #382846;border-radius:8px;background:#100b17;color:#d3b9eb;font:10px var(--mono)}
.receive-actions{display:flex;gap:8px;margin-top:8px}.receive-actions .modal-save{margin-top:0;flex:1}.receive-decline{padding:0 14px;border:1px solid #49364f;border-radius:7px;background:#211522;color:#d8bad1;font:600 10px var(--sans);cursor:pointer}
.mobile-nav{display:none}
@keyframes ambient-drift{0%{transform:translate3d(-1.5%,0,0) scale(1) rotate(-1deg)}50%{transform:translate3d(1%,1.3%,0) scale(1.05) rotate(1deg)}100%{transform:translate3d(1.5%,-1%,0) scale(1.08) rotate(-1deg)}}

/* Ready devices surface as floating, selectable chips on the Send workspace. */
.send-peers{flex:none;margin:0 0 4px;padding:11px 13px 12px;border:1px solid #49345a;border-radius:13px;background:linear-gradient(105deg,#21172b,#191220);box-shadow:inset 0 1px #ffffff0a,0 8px 26px #0003;animation:rise-in .35s cubic-bezier(.2,.8,.2,1) both}
.send-peers-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#d9cbe4;font:600 10px var(--sans)}
.send-peers-heading span+span{color:#b19cbe;font:8px var(--mono);letter-spacing:.04em}
.send-peer-list{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 5px;scrollbar-width:thin;scrollbar-color:#67477c transparent}
.send-peer-chip{flex:0 0 auto;min-width:170px;max-width:min(250px,72vw);display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #4b355a;border-radius:11px;background:linear-gradient(130deg,#2a1c37,#21162b);color:#f2e9fb;text-align:left;cursor:pointer;box-shadow:0 8px 24px #0003;animation:device-float 5.6s ease-in-out infinite;animation-delay:var(--float-delay,0s);transition:border-color .2s,background .2s,box-shadow .2s}
.send-peer-chip:hover,.send-peer-chip.selected{border-color:#bd82e6;background:linear-gradient(130deg,#3b2750,#2a1b38);box-shadow:0 8px 28px #c47bff21}
.send-peer-avatar{width:29px;height:29px;display:grid;place-items:center;flex:none;border:1px solid #694880;border-radius:9px;background:#382449;color:#e5c7ff;font:700 11px var(--sans)}
.send-peer-copy{min-width:0;flex:1}.send-peer-copy strong,.send-peer-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-peer-copy strong{font-size:10px}.send-peer-copy small{margin-top:2px;color:#b6a4c3;font-size:8px}.send-peer-arrow{color:#d3a5f7;font-size:13px}
.google-signin-area{display:flex;align-items:center;gap:8px}.google-note{color:#a99bb7;font:8px var(--mono);white-space:nowrap}.google-signin-area iframe{max-width:160px}
.profile-button{cursor:default}
@keyframes device-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:760px){.google-note{max-width:112px;overflow:hidden;text-overflow:ellipsis;font-size:7px}.google-signin-area{gap:4px}.google-signin-area iframe{max-width:130px}.send-peers{margin-bottom:2px;padding:8px 9px}.send-peer-list{gap:7px}.send-peer-chip{min-width:145px;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.send-peer-chip{animation:none}}

/* Faceted Local Host mark and subtle dimensional card surfaces. */
.brand-mark{position:relative;isolation:isolate;display:grid;place-items:center;overflow:visible;border:1px solid #674282;border-radius:9px 9px 9px 4px;background:linear-gradient(145deg,#48265e 0%,#251733 56%,#160f1d 100%);box-shadow:inset 1px 1px #ffffff2b,inset -2px -3px 6px #08050b88,0 5px 12px #0007,0 0 22px #b05cff38;transform:translateY(-1px);transition:transform .25s,box-shadow .25s}
.brand-mark::after{content:"";position:absolute;left:5px;right:5px;top:2px;height:7px;border-radius:8px;background:linear-gradient(90deg,#e7c9ff66,#ffffff08);filter:blur(2px);pointer-events:none}
.brand-mark svg{position:relative;z-index:1;width:24px;height:24px;overflow:visible;filter:drop-shadow(0 0 5px #d193ff88)}
.mark-shell{fill:#2b1938;stroke:#d6a8ff;stroke-width:1.35;stroke-linejoin:round}
.mark-face{stroke:#b879e8;stroke-width:.75;stroke-linejoin:round}
.mark-left{fill:#402450}.mark-right{fill:#241532}
.mark-light,.mark-base{fill:none;stroke:#f0d7ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.brand:hover .brand-mark{transform:translateY(-2px) rotate(-3deg) scale(1.04);box-shadow:inset 1px 1px #ffffff3b,inset -2px -3px 6px #08050b88,0 8px 16px #0008,0 0 28px #c77aff66}
.brand-mark.small{width:17px;height:17px;border-radius:5px 5px 5px 2px;padding:0}
.brand-mark.small svg{width:15px;height:15px}
.brand-mark.small::after{left:3px;right:3px;top:1px;height:4px}
.send-card,.receivers-section,.activity-section{position:relative;isolation:isolate;transform-style:preserve-3d;transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .16s ease-out,box-shadow .25s,border-color .25s}
.send-card::before,.receivers-section::before,.activity-section::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff0a,transparent 24%,transparent 72%,#bd76ff08);box-shadow:inset 1px 1px #ffffff12,inset -1px -1px #0005}
.send-card{box-shadow:0 22px 54px #0008,0 5px 0 #180f20,inset 0 1px #ffffff16}
.receivers-section{box-shadow:0 19px 44px #0008,0 4px 0 #24182d,inset 0 1px #ffffff19}
.activity-section{box-shadow:0 18px 40px #0007,0 4px 0 #1c1323,inset 0 1px #ffffff14}
.drop-area{box-shadow:inset 0 2px 8px #0005,inset 0 1px #ffffff0a,0 2px 0 #291d33}
.send-button,.refresh-button,.peer-send,.install-button,.cancel-all{box-shadow:0 3px 0 #100a15,0 6px 12px #0004;transition:transform .18s,box-shadow .18s,background .2s,border-color .2s}
.send-button:not(:disabled):active,.refresh-button:active,.peer-send:active,.install-button:active,.cancel-all:active{transform:translateY(2px);box-shadow:0 1px 0 #100a15,0 2px 6px #0004}
@media(hover:hover) and (pointer:fine){.send-card:hover,.receivers-section:hover,.activity-section:hover{box-shadow:0 26px 64px #0009,0 6px 0 #24182d,inset 0 1px #ffffff1a}.send-card:hover{border-color:#634977}.receivers-section:hover,.activity-section:hover{border-color:#73538a}}
@media(max-width:760px){.brand-mark{width:23px;height:23px}.brand-mark svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.brand-mark,.send-card,.receivers-section,.activity-section{transition:none}}
.brand-wordmark{display:flex;align-items:baseline;gap:4px;white-space:nowrap;font-family:'Trebuchet MS',ui-sans-serif,sans-serif;font-size:20px;font-weight:900;line-height:1;letter-spacing:-1.25px}
.brand-word-local{color:#f5edff;text-shadow:0 1px 0 #ffffff28,0 4px 16px #d2a0ff24}
.brand-word-host{font-family:Georgia,'Times New Roman',serif;font-size:.96em;font-weight:700;font-style:italic;letter-spacing:-1.4px;background:linear-gradient(100deg,#e5c2ff,#bb83ff 62%,#f0a0d4);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:0 4px 16px #bc79ff24}
.footer-brand .brand-wordmark{gap:2px;font-size:11px;letter-spacing:-.65px}.footer-brand .brand-word-host{letter-spacing:-.7px}
@media(max-width:760px){.brand-wordmark{font-size:18px;gap:3px}.brand-word-host{letter-spacing:-1.2px}}
.send-footer.idle{height:12px;min-height:12px}
@media(max-width:760px){.send-footer.idle{height:10px;min-height:10px}}