@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#1d1d1f;background:#faf9f6;font-synthesis:none;--primary: #ff5a36;--primary-hover: #e94727;--background: #faf9f6;--surface: #ffffff;--text: #1d1d1f;--muted: #6f6d68;--border: #e5e2dc;--soft: #fff0eb;--success: #2e8b62;--error: #d93f36}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,.file-button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,a:focus-visible,.file-button:focus-within{outline:3px solid rgba(255,90,54,.28);outline-offset:3px}h1,h2,p{margin-top:0}h1{font-size:clamp(1.75rem,4vw,3rem);line-height:1.16;letter-spacing:-.025em;margin-bottom:12px}h2{font-size:1.25rem}p{color:var(--muted);line-height:1.55}.app-shell{min-height:100vh;display:flex;flex-direction:column}.header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--border);background:#faf9f6e6}.brand{display:flex;gap:9px;align-items:center;color:var(--text);text-decoration:none;font-size:1.2rem;font-weight:700}.logo-mark{width:30px;height:30px;color:var(--primary);flex:0 0 auto}.header-help{color:var(--muted);display:flex;gap:8px;font-size:.9rem;text-decoration:none}.header-help:hover{color:var(--primary)}footer{margin-top:auto;min-height:88px;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-top:1px solid var(--border);font-size:.82rem}footer strong{color:var(--text)}.primary,.secondary,.code-form button{border:0;min-height:44px;padding:11px 20px;border-radius:8px;font-weight:600;transition:.18s ease}.primary,.code-form button{color:#fff;background:var(--primary)}.primary:hover,.code-form button:hover{background:var(--primary-hover);transform:translateY(-1px)}.secondary{color:var(--primary);background:var(--soft)}.wide{width:100%}.pill{border-radius:999px}.text-button{border:0;color:var(--primary);background:transparent;padding:9px;font-weight:600}.danger{color:var(--error)}.icon-button{border:0;background:transparent;color:var(--muted);font-size:1.5rem;min-width:42px;min-height:42px;border-radius:50%}.icon-button:hover{background:var(--soft);color:var(--primary)}.inline-error{color:var(--error);background:var(--soft);padding:12px 16px;border-radius:8px;margin:18px auto 0;max-width:700px}.center-main{flex:1;display:grid;place-items:center;padding:48px 20px}.loader{color:var(--muted)}@media(max-width:640px){.header{height:64px;padding:0 16px}.header-help span{display:none}footer{padding:24px 16px;gap:8px;align-items:flex-start;flex-direction:column}}.home-main{width:min(1040px,calc(100% - 48px));min-width:0;flex:1;margin:0 auto;padding:70px 0 64px}.hero{max-width:800px;margin:auto;text-align:center}.hero>p{font-size:1.08rem;margin-bottom:32px}.drop-zone{position:relative;min-height:250px;border:2px dashed var(--primary);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:var(--muted);transition:.2s;overflow:hidden}.drop-zone:hover,.drop-zone.dragging{background:var(--soft);box-shadow:0 4px 20px #1d1d1f0a;transform:translateY(-1px)}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-zone strong{color:var(--text);font-size:1.15rem}.drop-icon{color:var(--primary);font-size:2.8rem;line-height:1}.privacy-note{color:var(--muted);font-size:.85rem;margin:18px 0 28px}.how-it-works{scroll-margin-top:24px;margin:64px auto 0;padding:34px 38px 38px;border:1px solid var(--border);border-radius:18px;background:var(--background);text-align:center}.how-it-works:target{animation:anchor-highlight 2.2s ease-out}.journey-copy h2{margin-bottom:8px;color:var(--primary);font-size:.78rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.journey-copy p{margin-bottom:4px;color:var(--text);font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:600;letter-spacing:-.02em}.journey-copy small{color:var(--muted);font-size:.82rem}.file-journey{display:grid;grid-template-columns:82px minmax(260px,1fr) 82px;align-items:center;gap:24px;max-width:760px;min-height:112px;margin:28px auto 0}.journey-device{color:var(--text)}.journey-device svg{display:block;width:100%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.journey-laptop{width:72px}.journey-phone{width:42px}.journey-arrival{display:flex;align-items:center;justify-content:flex-start;gap:9px}.journey-route{position:relative;height:82px}.journey-line{position:absolute;top:35px;left:0;right:0;height:1px;background:var(--border)}.journey-line:after{content:"";position:absolute;top:-3px;right:0;width:7px;height:7px;border-top:1px solid var(--primary);border-right:1px solid var(--primary);transform:rotate(45deg)}.journey-file{position:absolute;z-index:1;top:17px;left:0;padding:6px 9px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--surface);font-size:.7rem;font-weight:600;white-space:nowrap;animation:file-travel 8s ease-in-out infinite}.journey-file:before{content:"";display:inline-block;width:5px;height:7px;margin-right:6px;border:1px solid var(--primary);border-radius:1px;vertical-align:-1px}.journey-options{position:absolute;top:54px;left:50%;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.62rem;font-weight:600;letter-spacing:.08em;transform:translate(-50%);animation:journey-options 8s ease-in-out infinite}.journey-options i{width:3px;height:3px;border-radius:50%;background:var(--primary)}.journey-success{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:var(--surface);background:var(--success);font-size:.78rem;font-weight:700;animation:journey-success 8s ease-in-out infinite}@keyframes anchor-highlight{0%,22%{background:var(--soft);box-shadow:0 0 0 1px #ff5a3614}to{background:transparent;box-shadow:none}}@keyframes file-travel{0%,12%{left:0;transform:translate(0)}72%,90%{left:100%;transform:translate(-100%)}to{left:100%;opacity:0;transform:translate(-100%)}}@keyframes journey-options{0%,22%,78%,to{opacity:.35}38%,64%{opacity:1}}@keyframes journey-success{0%,66%{opacity:0;transform:scale(.75)}76%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.secondary-card{border-radius:16px;background:var(--soft);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.secondary-card>div{display:flex;min-width:0;align-items:center;gap:20px}.secondary-card>div>div{min-width:0}.secondary-card h2,.secondary-card p{overflow-wrap:anywhere}.secondary-card h2,.secondary-card p{margin-bottom:4px}.people-icon,.group-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:50%;color:var(--primary);background:var(--soft);font-size:1.8rem}.code-form{width:min(460px,100%);margin:34px auto 0;text-align:center}.code-form label{color:var(--muted);font-size:.86rem}.code-form>div{display:flex;width:100%;margin-top:8px}.code-form input{min-width:0;flex:1;border:1px solid var(--border);border-radius:8px 0 0 8px;padding:11px 14px;text-transform:uppercase;letter-spacing:.08em}.code-form button{border-radius:0 8px 8px 0}.state-card,.receive-card,.error-state{width:min(620px,100%);margin:10px auto;padding:38px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-align:center;animation:rise .28s ease both}.state-card>p{margin-bottom:30px}.upload-file,.receive-file{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;border-radius:12px;background:var(--soft)}.upload-file>div,.receive-file>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.upload-file strong,.receive-file strong,.file-details strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.upload-file span,.receive-file span,.file-details span{color:var(--muted);font-size:.82rem}.document-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:9px;background:var(--soft);color:var(--primary);font-size:1.5rem}.document-icon.large{margin:0 auto 20px;width:64px;height:64px}.progress-track{height:6px;width:100%;overflow:hidden;background:var(--border);border-radius:99px;margin:22px 0 10px}.progress-fill{height:100%;background:var(--primary);border-radius:inherit;transition:width .15s linear}.progress-copy{display:flex;justify-content:space-between;color:var(--muted);font-size:.84rem}.progress-copy strong{color:var(--text)}.success-icon{width:52px;height:52px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--success);font-size:1.6rem}.qr-card{margin:20px auto;padding:16px;width:min(300px,100%);border-radius:14px;background:var(--surface);box-shadow:0 10px 32px #1d1d1f14;display:flex;flex-direction:column;gap:12px;align-items:center}.qr-card>span{font-size:.83rem;color:var(--muted)}.qr-card img{width:100%;aspect-ratio:1;object-fit:contain}.share-code{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;padding:16px}.share-code strong{font-size:1.35rem;letter-spacing:.14em}.expiry{display:inline-block;color:var(--muted);font-size:.85rem;margin:10px 0 24px}.receive-card{padding:42px}.receive-card>p{margin-bottom:24px}.receive-file{margin:26px 0 8px}.receive-card small{display:block;color:var(--muted);margin-top:18px}.file-type-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:9px;color:var(--primary);background:var(--soft);font-size:.7rem;font-weight:700}.error-state>span{width:48px;height:48px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--error);font-weight:700}.join-page{min-height:100vh;padding:24px;display:grid;place-items:center;background:#1d1d1f38}.join-card{width:min(390px,100%);background:var(--surface);padding:34px 28px;border-radius:16px;box-shadow:0 10px 32px #1d1d1f14;text-align:center;animation:rise .25s ease both}.join-card .group-icon{margin:auto auto 20px}.join-card .text-button{margin-top:5px}.space-main{width:min(1100px,calc(100% - 48px));flex:1;margin:0 auto;padding:54px 0 70px}.space-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.space-heading h1{margin-bottom:4px}.space-heading p,.space-heading .expiry{margin-bottom:0}.space-actions{display:flex;gap:10px}.file-button{display:inline-flex;align-items:center}.file-button input{display:none}.file-button.disabled{pointer-events:none;opacity:.65}.live-status{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--success);text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.08em}.live-status i{width:8px;height:8px;border-radius:50%;background:currentColor}.live-status.reconnecting{color:var(--primary-hover)}.space-upload{padding:16px 20px;margin-bottom:18px;display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;align-items:center;border-radius:12px;background:var(--soft)}.space-upload .progress-track{margin:0}.files-card{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.files-card h2{padding:22px 24px 14px;margin:0}.file-row{display:flex;align-items:center;gap:14px;padding:15px 24px;border-top:1px solid var(--border);transition:background .25s}.file-row.fresh{animation:arrival 1.4s ease}.file-details{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.empty-files{padding:24px;text-align:center}.drop-zone.compact{min-height:140px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#1d1d1f73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .18s ease}.invite-modal{position:relative;width:min(390px,100%);padding:30px;border-radius:16px;background:var(--surface);text-align:center;animation:rise .22s ease}.modal-close{position:absolute;top:12px;right:12px;border:0;background:transparent;color:var(--muted);font-size:1.7rem}.invite-modal .qr-card{width:250px;box-shadow:none;border:1px solid var(--border)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@keyframes arrival{0%,45%{background:#2e8b621f}to{background:var(--surface)}}@media(max-width:700px){.home-main,.space-main{width:calc(100% - 32px);padding:40px 0}.hero>p{font-size:1rem}.drop-zone{min-height:215px}.secondary-card{padding:24px;align-items:stretch;flex-direction:column}.how-it-works{margin-top:52px;padding:28px 20px 30px}.file-journey{grid-template-columns:1fr;grid-template-rows:64px 150px 76px;gap:8px;min-height:0;margin-top:24px}.journey-laptop{width:66px;margin:0 auto}.journey-route{width:min(220px,100%);height:150px;margin:0 auto}.journey-line{inset:0 auto 0 50%;width:1px;height:auto}.journey-line:after{top:auto;right:-3px;bottom:0;transform:rotate(135deg)}.journey-file{top:0;left:50%;animation-name:file-travel-mobile}.journey-options{top:63px;left:calc(50% + 25px);flex-direction:column;gap:5px;transform:none}.journey-arrival{justify-content:center;align-items:flex-start}.secondary-card>div{align-items:flex-start}.state-card,.receive-card{padding:28px 20px;border:0}.space-heading{align-items:stretch;flex-direction:column}.space-actions{display:grid;grid-template-columns:1fr 1.4fr}.space-actions>*{justify-content:center}.space-upload{grid-template-columns:1fr auto}.space-upload .progress-track{grid-column:1 / -1;grid-row:2}.file-row{padding:14px 16px}.join-page{align-items:end;padding:0}.join-card{width:100%;border-radius:20px 20px 0 0;padding:34px 24px 28px}}@keyframes file-travel-mobile{0%,12%{top:0;transform:translate(-50%)}72%,90%{top:100%;transform:translate(-50%,-100%)}to{top:100%;opacity:0;transform:translate(-50%,-100%)}}@media(prefers-reduced-motion:reduce){.how-it-works:target,.journey-file,.journey-options,.journey-success{animation:none}.journey-file{left:100%;transform:translate(-100%)}.journey-options,.journey-success{opacity:1}}@media(max-width:700px)and (prefers-reduced-motion:reduce){.journey-file{top:100%;left:50%;transform:translate(-50%,-100%)}}