.relay-page{background:radial-gradient(circle at 50% 10%,#d9f8d8,transparent 33%),var(--paper);flex-direction:column;align-items:center;min-height:100vh;padding:30px;display:flex}.relay-page>.brand{align-self:flex-start}.relay-card,.sender-card{text-align:center;background:var(--cream);border:1px solid var(--line);border-radius:23px;width:min(630px,100%);margin:auto;padding:46px;box-shadow:0 20px 55px #2b554315}.car-relay{background:var(--ink);color:var(--cream)}.car-relay .brand{color:var(--cream)}.car-relay .relay-card{background:#1e3935;border-color:#385c56}.relay-card h1,.sender-card h1{margin-bottom:19px;font-size:clamp(40px,6vw,68px)}.relay-card>p:not(.eyebrow),.sender-card>p:not(.eyebrow){color:#6e7e77;max-width:400px;margin-inline:auto;line-height:1.55}.car-relay .relay-card>p:not(.eyebrow){color:#bfd0c6}.relay-qr{border-radius:13px;width:240px;height:240px;margin:27px auto 13px;display:block}.qr-loading{background:#e7e6de;border-radius:13px;width:240px;height:240px;margin:27px auto 13px}.session-code{letter-spacing:3px;font-size:16px;display:block}.relay-card small,.sender-card small{color:#8c9993;margin-top:15px;font-size:11px;display:block}.received-url{font-weight:700;color:#b9edca!important;margin-bottom:23px!important;font-size:17px!important}.car-relay .button{margin:22px auto 18px}.sender-card{text-align:left;max-width:510px}.sender-card form{margin-top:30px}.sender-card label{margin-bottom:8px;font-size:12px;font-weight:700;display:block}.sender-card input{outline-color:var(--orange);background:#fff;border:1px solid #cbd2ca;border-radius:9px;width:100%;margin-bottom:11px;padding:15px}.sender-card .button{width:100%}.send-message{font-size:13px;font-weight:700;color:#2c7c53!important;margin-top:17px!important}.link-preview{background:#edf4ed;border:1px solid #cce0cd;border-radius:11px;align-items:stretch;gap:12px;margin:-2px 0 12px;padding:9px;display:flex}.preview-art{background:linear-gradient(135deg,#d0ead4,#8fcfa1);border-radius:8px;flex:none;place-items:center;width:66px;display:grid;position:relative;overflow:hidden}.preview-art:before,.preview-art:after{content:"";opacity:.9;background:#f7f3e9;border-radius:99px;position:absolute}.preview-art:before{width:110px;height:10px;rotate:-28deg}.preview-art:after{width:85px;height:8px;rotate:38deg}.preview-art span{z-index:1;color:#21603f;background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:17px;font-weight:900;display:grid;position:relative;box-shadow:0 2px 7px #34604445}.link-preview.video .preview-art{background:linear-gradient(135deg,#213b5c,#ca6544)}.link-preview.video .preview-art:before{opacity:.65;background:#f8c170;width:88px;height:88px}.link-preview.video .preview-art:after{display:none}.link-preview.reservation .preview-art{background:linear-gradient(135deg,#413c61,#b59d7c)}.link-preview.reservation .preview-art:before{width:54px;height:42px;rotate:0;background:#f7e4b9;border-radius:4px}.link-preview.reservation .preview-art:after{width:25px;height:25px;rotate:0;background:#5c4b48;bottom:0}.link-preview.website .preview-art{background:linear-gradient(135deg,#7fc1b1,#e2dc9b)}.link-preview.website .preview-art:before{opacity:.55;background:#fff6d7;width:78px;height:78px}.link-preview.website .preview-art:after{display:none}.preview-copy{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.link-preview b,.link-preview small{display:block}.link-preview b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.link-preview small{color:#63776d;margin:3px 0 0;font-size:10px}.photo-sender{border-top:1px solid var(--line);margin-top:26px;padding-top:23px}.photo-sender>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.photo-sender>div b{font-size:14px}.photo-sender>div small{text-align:right;max-width:220px;margin:0}.photo-picker{color:#315a4b;cursor:pointer;background:#f7fbf5;border:1px dashed #88a69a;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:14px 15px;display:flex!important}.photo-picker input{clip:rect(0,0,0,0);white-space:nowrap;border:0;height:1px;position:absolute;overflow:hidden;width:1px!important;margin:-1px!important;padding:0!important}.photo-picker b{font-size:22px;line-height:1}.photo-picker.is-disabled{opacity:.6;pointer-events:none}.received-photo{border-radius:12px;max-width:100%;max-height:52vh;margin:22px auto 12px;display:block;box-shadow:0 12px 32px #0005}.gallery-actions{justify-content:center;align-items:center;gap:17px;display:flex}.gallery-actions .button{margin:12px 0!important}.car-link-card{color:#16342c;text-align:left;background:#eaf4eb;border-radius:13px;align-items:stretch;gap:14px;max-width:390px;margin:0 auto 22px;padding:10px;display:flex;box-shadow:0 7px 18px #0002}.car-link-card .preview-copy small,.car-link-card .preview-copy span{color:#5c756b;font-size:10px;display:block}.car-link-card .preview-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0;font-size:15px;line-height:1.16;display:-webkit-box;overflow:hidden}.car-relay .text-button{text-underline-offset:4px;font-weight:750;text-decoration:underline;color:#f8fbf5!important}.car-relay .text-button:hover{color:var(--mint)!important}.end-pairing{color:#98bcb0;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:18px auto 0;font-size:12px;text-decoration:underline;display:block}.end-pairing:hover{color:#fff}.end-pairing:disabled{opacity:.55;cursor:wait}@media (width<=480px){.car-link-card .preview-art{width:76px}.link-preview .preview-art{width:60px}}.link-preview .preview-art{width:100%;min-height:154px}.link-preview .preview-copy{padding:10px 3px 3px}.link-preview{display:block}.link-preview b{font-size:14px}.link-preview small{white-space:normal;font-size:11px}.car-link-card{max-width:430px;display:block}.car-link-card .preview-art{width:100%;min-height:150px}.car-link-card .preview-copy{padding:12px 3px 3px}.preview-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preview-art img+span,.preview-art.has-image:before,.preview-art.has-image:after{display:none}.received-preview{margin-top:12px}