:root{--ink:#29223b;--pink:#f3a7bd;--paper:#fff9ee;--line:#ded4e4;--muted:#746882;--purple:#7659a8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'Trebuchet MS',Arial,sans-serif}body:before{content:'>w<';position:fixed;right:-30px;bottom:-150px;color:var(--pink);opacity:.18;font-size:440px;font-weight:700;letter-spacing:-45px;transform:rotate(25deg);pointer-events:none;z-index:-1}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:5px}button:hover{color:var(--purple)}aside{max-width:1140px;margin:auto;padding:32px 40px 0;display:flex;align-items:center;gap:27px}.brand{font-size:22px;font-weight:700;letter-spacing:-1px;margin-right:auto}.mark{color:var(--purple);font-size:28px}.brand .mark{margin-right:6px}.label,.aside-note,.profile{display:none}.nav{background:none;font-size:16px;padding:8px 0;border-bottom:2px solid transparent}.nav.active{color:var(--purple);border-bottom-color:var(--pink)}.nav span:last-child{font-size:12px;margin-left:8px}.nav:first-of-type{font-size:0}.nav:first-of-type:after{content:'my parcels';font-size:16px}.nav:first-of-type span{display:none}main{max-width:1140px;margin:auto;padding:0 40px 40px}.top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;padding:23px 0;border-bottom:1px solid var(--line)}.pill{font-size:12px;letter-spacing:.7px;color:var(--purple)}.hello{position:relative;margin:47px 0 38px;min-height:230px;display:flex;align-items:center;justify-content:space-between;gap:30px}h1{font-size:clamp(70px,9.3vw,126px);line-height:.78;letter-spacing:-.085em;margin:0 0 27px;font-weight:700}h1 em{color:var(--purple);font-style:normal}p{color:var(--muted);margin:0;line-height:1.5}.hello p{font-size:16px}.primary{background:var(--ink);color:var(--paper);padding:14px 23px;border-radius:5px;font-weight:700}.primary:hover{background:var(--purple);color:var(--paper)}.primary.pink{background:var(--pink);color:var(--ink);box-shadow:none}.primary.pink:hover{background:#ee94af}.hello>.primary{align-self:center;white-space:nowrap}.hero{display:grid;grid-template-columns:1.65fr 1fr;gap:50px;align-items:center;margin-bottom:45px}.drop{border:1px dashed #b9a4cb;padding:30px 24px;background:#ffffff30;min-height:180px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px}.drop.over{background:#f9dbe5}.drop-icon{font-size:26px;color:var(--purple);margin-bottom:9px}.drop h2{font-size:24px;font-weight:400;letter-spacing:-1px;margin:0 0 8px}.drop p{font-size:14px}.drop p:last-of-type{color:var(--muted)!important}.link-button{background:none;padding:0;color:var(--purple);text-decoration:underline}.welcome{background:none;padding:0 15px}.welcome .spark{float:right;color:var(--pink);font-size:38px}.welcome .pill{font-family:monospace;background:none!important;padding:0;letter-spacing:1px}.welcome h2{font-size:31px;letter-spacing:-1.5px;font-weight:400;margin:14px 0 11px}.welcome p{font-size:15px;max-width:280px}.welcome button{margin-top:18px;padding:0 0 4px;background:none;border-bottom:1px solid var(--pink);font-size:16px;color:var(--purple)}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 15px;margin-bottom:0}.section-head h2{font-family:monospace;text-transform:lowercase;font-size:15px;color:var(--purple);letter-spacing:1px;font-weight:400;margin:0}.section-head h2 span{font-size:13px!important;color:var(--muted)!important;margin-left:10px}.tabs{display:flex;gap:21px}.tab{padding:8px 0;background:none;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.tab.selected{color:var(--purple);border-bottom-color:var(--pink)}.cards{display:flex;flex-direction:column}.card{display:flex;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);background:none}.card-top{width:74px;height:77px;flex-shrink:0;background:#efe6f5!important;color:var(--purple)!important;display:grid;place-items:center;border-radius:4px;position:relative}.card:nth-child(2) .card-top{background:#f9e0e6!important}.card:nth-child(3) .card-top{background:#ebe2f1!important}.file-icon{font-family:monospace;font-size:14px;border:1px solid currentColor;border-radius:2px;padding:16px 9px;background:#fff9ee99;transform:rotate(-7deg)}.tag,.dots{display:none}.card-body{flex:1;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:20px}.card h3{font-size:25px;font-weight:400;letter-spacing:-1px;margin:0 0 7px;grid-column:1}.meta{font-size:13px;color:var(--muted);grid-column:1}.card-footer{grid-column:2;grid-row:1/3;display:flex;gap:27px;align-items:center;font-size:13px}.share{background:transparent;border-bottom:1px solid var(--pink);padding:8px 0;color:var(--purple);font-size:16px}.footer{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:29px}.empty{padding:35px 0;color:var(--muted)}dialog{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:32px;width:460px;max-width:calc(100% - 32px);color:var(--ink);box-shadow:0 25px 90px #29223b30}dialog::backdrop{background:#29223b66;backdrop-filter:blur(4px)}dialog h2{font-size:30px;letter-spacing:-1px;font-weight:400;margin:0 0 12px}dialog p{font-size:14px}.field{display:block;margin-top:22px;font-size:14px;color:var(--purple)}.field input,.field select{width:100%;border:1px solid #cdbddc;border-radius:4px;padding:12px;margin-top:8px;background:var(--paper);color:var(--ink)}.dialog-actions{display:flex;justify-content:flex-end;gap:13px;margin-top:26px}.secondary{background:#ede3f3;padding:12px 17px;border-radius:4px}.recipient{background:#f9e4e9;padding:29px;text-align:center;margin-top:23px;border-radius:4px}.recipient h3{font-size:31px;letter-spacing:-1.5px;font-weight:400;margin:14px 0}.recipient .primary{margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:15px 24px;background:var(--ink);color:var(--paper);border-radius:4px;z-index:5;font-size:14px}.hidden{display:none!important}@media(max-width:800px){aside{padding:25px 25px 0;gap:18px}main{padding:0 25px 30px}.hello{min-height:190px;margin-top:40px}.hero{gap:25px}.card-footer{gap:15px}.card-footer>span{display:none}.card h3{font-size:22px}}@media(max-width:560px){aside{padding:22px 18px 0;gap:16px}.brand{font-size:18px}.brand .mark{display:none}.nav{font-size:14px}.nav:first-of-type:after{font-size:14px}main{padding:0 18px 30px}.top{font-size:12px;gap:15px}.hello{margin:38px 0 27px;min-height:0;display:block}h1{font-size:88px;letter-spacing:-8px;line-height:.8;margin-bottom:22px}.hello p{font-size:14px}.hello>.primary{margin-top:25px}.hero{display:block;margin-bottom:30px}.welcome{display:none}.drop{padding:25px 12px}.drop h2{font-size:23px}.section-head{display:block}.tabs{margin-top:15px;gap:24px}.card{gap:14px;padding:21px 0}.card-top{width:55px;height:66px}.file-icon{font-size:12px;padding:13px 6px}.card h3{font-size:21px;line-height:1.15}.card-body{column-gap:13px}.share{font-size:14px;white-space:nowrap}.meta{font-size:12px}.footer{gap:24px;line-height:1.5}body:before{font-size:280px;bottom:-80px}}
/* Working application surfaces */
.loading{padding:70px 0}.eyebrow{font-family:monospace;color:var(--purple);font-size:13px;letter-spacing:1px}.small-note{font-size:13px;margin-top:15px;line-height:1.6}.quiet{background:none;padding:7px 0;font-size:14px;color:var(--purple);text-decoration:none;border:0;cursor:pointer}.quiet:hover,.share:hover{text-decoration:underline}.danger{color:#98415c}.optional{color:var(--muted);font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:disabled{opacity:.5;cursor:not-allowed}aside{flex-wrap:wrap}.nav:first-of-type{font-size:16px}.nav:first-of-type:after{content:none}.search-label input{border:1px solid var(--line);background:transparent;border-radius:4px;padding:10px 12px;font-size:14px;color:var(--ink);width:230px}.selection-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:14px;color:var(--muted)}.selection-bar .secondary{font-size:14px;padding:9px 12px}.file-row .card-body h3{overflow-wrap:anywhere}.card-body{min-width:0}.card h3{overflow-wrap:anywhere}.file-select input,.file-picker input{accent-color:var(--purple);width:18px;height:18px;flex-shrink:0}.file-row .card-footer{gap:18px}.trash-note{margin:20px 0}.upload-status{width:100%;max-width:340px;font-size:13px;margin-top:15px;color:var(--purple)}progress{width:100%;height:8px;accent-color:var(--purple);display:block;margin-bottom:9px}.login{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;min-height:90vh}.login h1{font-size:clamp(90px,10vw,140px)}.login-form{max-width:340px}.login-form h2{font-weight:400;font-size:32px;letter-spacing:-1px;margin:14px 0}.login-form .primary{width:100%;margin-top:12px}.form-error{color:#98415c;margin:14px 0;font-size:14px;min-height:0}.form-error:empty{display:none}.field textarea{width:100%;background:var(--paper);border:1px solid #cdbddc;padding:12px;border-radius:4px;font:inherit;margin-top:8px;color:var(--ink);resize:vertical}.field textarea:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.file-picker{border:1px solid var(--line);margin:24px 0 0;padding:10px 14px;max-height:230px;overflow:auto;border-radius:4px}.file-picker legend{font-size:14px;color:var(--purple)}.file-picker label{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer;font-size:14px}.file-picker span{overflow-wrap:anywhere}.file-picker small{display:block;color:var(--muted);font-size:12px;margin-top:4px}dialog{max-height:90vh;overflow:auto;width:540px}.dialog-actions{flex-wrap:wrap}.share-list{margin:24px 0;border-top:1px solid var(--line)}.share-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px}.share-row small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.share-row>div:last-child{display:flex;gap:12px}.delivery{max-width:800px;padding-top:65px}.delivery h1{font-size:120px;margin:45px 0 35px}.delivery h2{font-size:35px;font-weight:400;letter-spacing:-1.5px;margin:0 0 15px;overflow-wrap:anywhere}.parcel-message{white-space:pre-wrap;color:var(--ink);margin-bottom:18px}.download-all{display:inline-block;text-decoration:none;margin:27px 0 10px}.delivery-files{margin-top:30px}.unlock-form{max-width:340px}.unlock-form .primary{margin-top:20px}.delivery .card h3{font-size:23px}.nav.active{border-bottom-color:var(--pink)}@media(max-width:800px){.login{gap:40px}.file-row .card-body{display:block}.file-row .card-footer{margin-top:10px}.login h1{font-size:110px}}@media(max-width:560px){aside{gap:15px}.brand{width:100%;margin-bottom:6px}.nav:first-of-type{font-size:14px}.hello h1{font-size:88px}.search-label{display:block;margin-top:17px}.search-label input{width:100%;font-size:16px}.login{display:block;padding-top:45px;min-height:0}.login h1{font-size:100px}.login-form{margin:45px 0;max-width:none}.delivery{padding-top:35px}.delivery h1{font-size:96px;margin-top:35px}.delivery h2{font-size:29px}.delivery .card-body{display:block}.delivery .card-footer{margin-top:10px}.card-footer{gap:12px}.share-row{align-items:flex-start;flex-direction:column}.field input,.field select,.field textarea{font-size:16px}.footer{font-size:12px}.file-row .card-top{display:none}.card-body h3{font-size:23px}.delivery .card-top{width:50px}.selection-bar{gap:15px}}
/* File thumbnails and image delivery */
.preview-thumb{overflow:hidden;position:relative;padding:0;cursor:zoom-in}.preview-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumbnail-fallback{position:relative}.preview-failed img{display:none}.image-preview{display:block;width:100%;max-height:65vh;object-fit:contain;margin:24px 0;background:#efe6f5;border-radius:5px}.dialog-actions a{text-decoration:none}.preview-error{font-size:14px;color:var(--muted);margin-top:18px}.delivery-preview{margin-top:25px;background:#efe6f5;border-radius:5px;overflow:hidden}.delivery-preview img{display:block;width:100%;max-height:65vh;object-fit:contain}.delivery-preview .preview-error{padding:20px}.file-row .card-footer{flex-wrap:wrap;justify-content:flex-end}.card h3{line-height:1.15}.preview-thumb:focus-visible{outline:3px solid var(--purple);outline-offset:3px}@media(max-width:560px){.file-row .preview-thumb{display:grid;width:62px;height:74px}.file-row .card-footer{justify-content:flex-start;gap:16px}.file-row{align-items:flex-start}.delivery-preview img{max-height:55vh}.file-row .card-top{flex-shrink:0}}

.audio-preview{display:block;width:100%;margin:24px 0}.delivery-preview video{margin:0;max-height:65vh}.delivery-preview audio{width:calc(100% - 40px);margin:24px 20px}video.image-preview{background:#29223b}