@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#151c27;background:#f9f9ff;font-synthesis:none;--primary: #0058be;--primary-hover: #004395;--surface: #fff;--muted: #424754;--border: #c2c6d6;--soft: #f0f3ff;--success: #006c49;--error: #ba1a1a}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(0,88,190,.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 #e3e7f0;background:#f9f9ffe6}.brand{display:flex;gap:9px;align-items:center;color:#151c27;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 #e3e7f0;font-size:.82rem}footer strong{color:#151c27}.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:#e7eefe}.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:#93000a;background:#ffdad6;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:#eff6ff;box-shadow:0 4px 20px #0000000a;transform:translateY(-1px)}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-zone strong{color:#151c27;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:48px auto 0;padding:18px 22px;border-radius:14px;text-align:center}.how-it-works:target{animation:anchor-highlight 2.2s ease-out}.how-it-works h2{margin-bottom:16px;font-size:.92rem;color:var(--muted);font-weight:600}.steps-flow{max-width:680px;margin:0 auto;padding:0;list-style:none;display:flex;justify-content:center;align-items:center;gap:44px}.steps-flow li{position:relative;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:.88rem;color:#151c27}.steps-flow li+li:before{content:"→";position:absolute;right:calc(100% + 15px);color:#8da5c7;font-weight:400}.steps-flow li>span{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:var(--primary);font-size:.75rem;font-weight:700;box-shadow:0 2px 7px #0058be2e}@keyframes anchor-highlight{0%,22%{background:#e9f1ff;box-shadow:0 0 0 1px #0058be14}to{background:transparent;box-shadow:none}}.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:#d8e2ff;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 #e0e4ee;border-radius:16px;background:#fff;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:#d8e2ff;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:#dce2f3;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:#151c27}.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:#fff;box-shadow:0 10px 32px #00000014;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:#d8e2ff;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:#ffdad6;color:#93000a;font-weight:700}.join-page{min-height:100vh;padding:24px;display:grid;place-items:center;background:#151c2738}.join-card{width:min(390px,100%);background:#fff;padding:34px 28px;border-radius:16px;box-shadow:0 10px 32px #00000014;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:#924700}.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 #e0e4ee;border-radius:16px;background:#fff}.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 #e7eaf2;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:#151c2773;-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:#fff;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 #e0e4ee}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@keyframes arrival{0%,45%{background:#e4f9ef}to{background:#fff}}@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{padding:18px 12px}.steps-flow{width:max-content;max-width:100%;align-items:flex-start;flex-direction:column;gap:20px}.steps-flow li+li:before{content:"↓";top:-19px;right:auto;left:8px}.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}}