:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#090b0e;color:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#15313c 0,transparent 52%),#090b0e}.shell{width:min(100% - 32px,520px);margin:0 auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);min-height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:22px 2px}.brand{display:flex;align-items:center;gap:11px;font-weight:730;font-size:17px;letter-spacing:-.03em}.brand small{display:block;color:#88939b;font-size:9px;letter-spacing:.18em;margin-top:2px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #3c7384;border-radius:11px;color:#79e0ff;box-shadow:0 0 20px #2cbbdb29}.status{font-size:12px;color:#aab5bc}.status::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#70777c;margin-right:8px}.status.online::before{background:#49d99c;box-shadow:0 0 10px #49d99c}.card{margin-top:clamp(45px,12vh,100px);padding:26px 22px;border:1px solid #262d32;border-radius:20px;background:linear-gradient(145deg,#14191deF,#0e1114f5);box-shadow:0 26px 85px #0007}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:#69cee6;margin:0 0 13px}h1{font-size:30px;line-height:1.08;letter-spacing:-.045em;margin:0 0 13px}.muted{color:#a3adb3;font-size:14px;line-height:1.6;margin:0 0 22px}label{display:block;color:#d9e0e4;font-weight:600;font-size:12px;margin:0 0 8px}textarea{width:100%;resize:vertical;background:#090c0f;color:#eaf5fa;border:1px solid #30383d;border-radius:12px;padding:12px;font:12px/1.5 ui-monospace,monospace;outline:none}textarea:focus{border-color:#58bdd3;box-shadow:0 0 0 3px #58bdd31a}button{width:100%;border:0;border-radius:12px;padding:13px 16px;font-size:14px;font-weight:700;cursor:pointer;margin-top:14px}.primary{background:#b8f0ff;color:#091116}.primary:disabled{opacity:.55}.secondary{background:#1a2024;color:#c9d1d5;border:1px solid #30383d}.fine{font-size:11px;line-height:1.5;color:#7f8a90;margin:16px 0 0}.error{font-size:12px;line-height:1.5;color:#ff9eaa;background:#3a1a20;border-radius:10px;padding:10px 12px;margin:14px 0 0}.activity{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:12px;background:#0b0f12;color:#c0c9ce;font-size:13px}.activity-dot{width:8px;height:8px;border-radius:50%;background:#59d5ee;box-shadow:0 0 12px #59d5ee}.items{margin-top:12px;display:grid;gap:8px}.item{padding:12px 13px;border:1px solid #262d32;border-radius:12px;background:#101417}.item strong{display:block;font-size:13px;margin-bottom:5px}.item p{margin:0;color:#a3adb3;font-size:12px;line-height:1.45}.item-actions{display:flex;gap:8px}.item-actions button{font-size:12px;padding:9px;margin-top:10px}.accept{background:#b8f0ff;color:#091116}.reject{background:#242b30;color:#dce3e7}footer{margin-top:auto;text-align:center;padding:25px 0 20px;color:#738087;font-size:10px;letter-spacing:.04em}@media(min-height:850px){.card{margin-top:clamp(80px,18vh,160px)}}
.transfer{margin-top:18px;padding-top:17px;border-top:1px solid #252d32}.transfer h2{font-size:15px;letter-spacing:-.02em;margin:0 0 6px}.transfer .muted{font-size:12px;margin:0 0 8px}.file-name{font-size:12px;color:#aab5bc;overflow-wrap:anywhere;margin:10px 2px}.progress{height:5px;border-radius:8px;background:#252d32;overflow:hidden;margin-top:10px}.progress i{height:100%;display:block;background:#62d6f0;transition:width .15s}.save-file{background:#b8f0ff;color:#091116}
video#qr-camera{width:100%;max-height:280px;object-fit:cover;border-radius:12px;margin-top:10px;background:#000}

.nearby{display:flex;align-items:center;gap:12px;margin:14px 0;padding:13px;border:1px solid #26343a;border-radius:13px;background:linear-gradient(115deg,#101a1e,#0d1114)}.nearby.active{border-color:#4ccbe8;box-shadow:0 0 24px #38bdf833}.nearby-copy{min-width:0;flex:1}.nearby-copy strong{display:block;font-size:12px}.nearby-copy p{margin:5px 0 0;color:#93a1a8;font-size:11px;line-height:1.45}.nearby button{width:auto;flex:none;margin:0;padding:10px 12px;font-size:11px;white-space:nowrap}.nearby.active button{background:#b8f0ff;color:#091116}
.transfer.drop-ready{border:1px dashed #69cee6;border-radius:13px;padding:14px;background:#101e23;box-shadow:0 0 22px #38bdf822}
.item button:disabled{opacity:.45;cursor:not-allowed}.question-group{margin-top:12px}.question-group p{margin-bottom:7px}.question-group select{width:100%;background:#090c0f;color:#eaf5fa;border:1px solid #30383d;border-radius:9px;padding:10px;font:12px/1.4 inherit}.question-choice{display:flex;align-items:center;gap:7px;margin:8px 0;color:#d3dce1;font-weight:450}.question-choice input{accent-color:#69cee6}

.file-chip{display:flex;align-items:center;gap:11px;width:100%;min-height:62px;margin:12px 0 8px;padding:10px 12px;border:1px solid #31505a;border-radius:14px;background:linear-gradient(120deg,#142126,#111619);color:#edfaff;text-align:left;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;transition:opacity .16s,transform .16s,border-color .2s,box-shadow .2s}
body.swipe-send-ready{touch-action:none}
body.swipe-send-ready .file-chip-hint{color:#c6f6ff;text-shadow:0 0 12px #62d6f0}
.file-chip[hidden],.handoff-target[hidden]{display:none}
.file-chip:active{cursor:grabbing}.file-chip.drag-source{opacity:.36;transform:scale(.96)}
.file-chip.handoff-landed{animation:handoff-land .72s cubic-bezier(.2,.85,.25,1)}
.file-chip-icon,.handoff-mark{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #4f8290;border-radius:11px;background:#17313a;color:#a9efff;font-weight:800}
.file-chip-copy,.handoff-copy{display:grid;gap:3px;min-width:0;flex:1}.file-chip-copy strong,.handoff-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-copy small,.handoff-copy small{color:#95a4ab;font-size:10px;line-height:1.35}
.file-chip-hint{flex:none;color:#83dff2;font-size:9px;font-weight:750;letter-spacing:.09em}
.handoff-target{position:relative;isolation:isolate;display:flex;align-items:center;gap:11px;width:100%;min-height:66px;margin:8px 0 10px;padding:11px 13px;overflow:visible;border:1px solid #36505a;border-radius:15px;background:linear-gradient(110deg,#131a1e,#101417);color:#effaff;text-align:left;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.top-handoff-target{position:sticky;top:calc(env(safe-area-inset-top) + 8px);z-index:50;margin:0 0 12px;background:rgba(14,22,26,.96);backdrop-filter:blur(14px);box-shadow:0 10px 30px #0007}
.handoff-target:disabled{opacity:.62;cursor:default}.handoff-target .handoff-mark{width:38px;height:38px;border-radius:13px;font-size:16px;transition:box-shadow .2s,transform .2s}
.handoff-arrow{color:#7b929b;font-size:18px;transition:transform .2s,color .2s}.handoff-target.armed{border-color:#4b8290}.handoff-target.drop-ready,.handoff-target.nearby{border-color:#79e4fa;background:linear-gradient(110deg,#17323b,#12191d);box-shadow:0 0 0 1px #62d8ef33,0 0 28px #38bdf833;transform:scale(1.015)}
.handoff-target.drop-ready .handoff-mark,.handoff-target.nearby .handoff-mark{box-shadow:0 0 20px #38bdf866;transform:scale(1.06)}.handoff-target.drop-ready .handoff-arrow,.handoff-target.handoff-landed .handoff-arrow{color:#b8f0ff;transform:translate(3px,-3px)}
.handoff-target.drop-ready::after{content:"";position:absolute;z-index:-1;inset:-5px;border:1px solid #70e2fa88;border-radius:18px;animation:handoff-target-ring .9s ease-out infinite}
.handoff-target.handoff-landed{animation:handoff-land .72s cubic-bezier(.2,.85,.25,1)}
.drag-ghost{position:fixed;z-index:10000;max-width:min(74vw,330px);overflow:hidden;padding:11px 14px;border:1px solid #8aeaff;border-radius:13px;background:rgba(12,24,29,.96);box-shadow:0 12px 38px #0009,0 0 28px #38bdf866;color:#effcff;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-125%) scale(.96);transition:opacity .12s,transform .12s}
.drag-ghost[hidden]{display:none}.drag-ghost.on{opacity:1;transform:translate(-50%,-125%) scale(1)}
.drag-ghost::after{content:"";position:absolute;left:50%;top:82%;width:2px;height:42px;border-radius:50%;background:linear-gradient(#a9f1ff,transparent);filter:drop-shadow(0 0 5px #62d6f0);opacity:0;pointer-events:none;transform-origin:top}
.drag-ghost.flight{animation:friday-file-flight .58s cubic-bezier(.2,.78,.22,1) forwards}
.drag-ghost.returning{animation:friday-file-return .64s cubic-bezier(.18,.78,.22,1) forwards}
.drag-ghost.flight::after{opacity:.9;animation:friday-file-trail .58s ease-out forwards}
.handoff-target.handoff-landed::after{content:"";position:absolute;z-index:-1;inset:-7px;border:1px solid #a4f1ff;border-radius:19px;animation:handoff-target-ring .75s ease-out}
.outgoing-file{border-color:#31505a;box-shadow:inset 3px 0 #62d6f0}
@keyframes friday-file-flight{0%{opacity:1;transform:translate(-50%,-125%) scale(1) rotate(0)}35%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--flight-x)),calc(-125% + var(--flight-y))) scale(.14) rotate(-7deg)}}
@keyframes friday-file-return{0%{opacity:0;transform:translate(-50%,-125%) scale(.12) rotate(8deg)}22%{opacity:1}100%{opacity:1;transform:translate(calc(-50% + var(--flight-x)),calc(-125% + var(--flight-y))) scale(.92) rotate(0)}}
@keyframes friday-file-trail{0%{opacity:0;transform:scaleY(.2)}35%{opacity:.95}100%{opacity:0;transform:scaleY(1.65)}}
@keyframes handoff-target-ring{from{opacity:.8;transform:scale(.985)}to{opacity:0;transform:scale(1.045)}}
@keyframes handoff-land{0%{transform:scale(1)}40%{transform:scale(1.035);box-shadow:0 0 32px #38bdf866}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.handoff-target,.handoff-mark,.handoff-arrow,.file-chip,.drag-ghost{transition:none}.handoff-target.drop-ready::after,.handoff-target.handoff-landed,.drag-ghost.flight,.drag-ghost.returning,.drag-ghost.flight::after{animation:none}.drag-ghost.flight{opacity:0}}
.file-source-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.file-source-actions button{margin-top:6px;padding-inline:10px}
.paste-photo{margin-top:8px;padding:10px 12px;font-size:12px}
.file-chip-icon.has-preview{padding:0;overflow:hidden}.file-chip-icon.has-preview img,.drag-ghost-thumb.has-preview img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.drag-ghost{display:flex;align-items:center;gap:10px;padding:8px 11px;overflow:visible;white-space:normal}.drag-ghost-thumb{display:grid;place-items:center;flex:none;width:42px;height:42px;overflow:hidden;border:1px solid #65b9cb;border-radius:10px;background:#17313a;color:#b8f0ff;font-size:17px}.drag-ghost-label{max-width:min(60vw,245px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:360px){.file-source-actions button{font-size:12px;padding-inline:6px}}