:root{font-family:Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;color:#172019;background:#edf0eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#edf0eb}button,input{font:inherit}button{color:inherit}.app-shell{width:100%;min-height:100vh;background:#f8f9f6;position:relative;overflow:hidden}.screen{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:20px 22px 112px;position:relative}.brand-row,.simple-header,.page-header{height:52px;display:flex;align-items:center;gap:10px}.brand-row strong{font-size:19px;letter-spacing:0}.brand-mark{width:27px;height:27px;position:relative}.brand-mark span{position:absolute;width:14px;height:21px;border-radius:2px;transform:skew(-12deg)}.brand-mark span:first-child{left:2px;top:1px;background:#19a867}.brand-mark span:last-child{right:1px;bottom:1px;background:#ff765f;mix-blend-mode:multiply}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;padding:0;border-radius:50%;cursor:pointer}.icon-button:hover{background:#1720190f}.brand-row .icon-button{margin-left:auto}.hero-copy{padding:48px 2px 30px}.eyebrow{margin:0 0 10px;color:#698075;font-size:13px;font-weight:600}.hero-copy h1,.page-header h1,.receive-hero h1{margin:0;font-size:clamp(34px,10vw,46px);line-height:1.2;letter-spacing:0}.hero-copy h1 em{color:#17a665;font-style:normal}.hero-copy>p:last-child{color:#718077;font-size:14px;margin:18px 0 0}.upload-panel{background:#fff;border:1px solid #e3e8e2;padding:32px 20px 24px;text-align:center;border-radius:8px;box-shadow:0 14px 38px #192d210f;transition:.2s ease}.upload-panel.dragging{border-color:#19a867;transform:translateY(-2px);box-shadow:0 18px 45px #19a86721}.upload-visual{width:136px;height:112px;position:relative;margin:0 auto 10px;display:grid;place-items:center}.upload-core{width:66px;height:66px;border-radius:50%;background:#172019;color:#fff;display:grid;place-items:center;box-shadow:0 12px 22px #1720192e;z-index:2}.upload-core svg{width:28px;height:28px}.orbit{position:absolute;top:12px;right:3px;bottom:12px;left:3px;border:1px solid #cfddd4;border-radius:50%;transform:rotate(-12deg)}.orbit-two{top:2px;right:30px;bottom:2px;left:30px;transform:rotate(54deg);border-color:#ffd0c7}.orbit:after,.orbit-two:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#19a867;top:10px;right:12px}.orbit-two:after{background:#ff765f;top:auto;right:auto;bottom:5px;left:8px}.upload-panel h2{margin:8px 0;font-size:20px}.upload-panel>p{margin:0 auto 24px;max-width:280px;color:#77827b;font-size:12px;line-height:1.7}.drop-title-field{display:block;text-align:left;margin:0 0 12px}.drop-title-field span{display:block;color:#718077;font-size:10px;margin:0 0 6px 2px}.drop-title-field input{width:100%;height:44px;padding:0 13px;color:#172019;background:#f3f5f2;border:1px solid #e2e7e2;border-radius:6px;outline:0}.drop-title-field input:focus{border-color:#19a867;box-shadow:0 0 0 3px #19a8671a}.continue-drop{margin-top:9px}.upload-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-button,.secondary-button,.ghost-button{min-height:48px;border-radius:6px;border:0;display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;text-decoration:none;font-weight:600;transition:.2s ease}.primary-button{background:#172019;color:#fff;padding:0 18px}.primary-button:hover{background:#26342b;transform:translateY(-1px)}.secondary-button{background:#edf8f2;color:#138452;padding:0 14px}.ghost-button{border:1px solid rgba(255,255,255,.22);background:transparent;color:inherit;padding:0 18px}.primary-button svg,.secondary-button svg,.ghost-button svg{width:18px}.recent-section{padding:34px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-heading span{font-size:11px;color:#879087}.section-heading h2{margin:2px 0 0;font-size:20px}.section-heading button{border:0;background:transparent;color:#178d59;font-size:12px;cursor:pointer}.file-row{border:0;width:100%;padding:12px 4px;border-bottom:1px solid #e5e9e4;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.file-row:hover{background:#f1f4ef}.file-row>svg{width:18px;color:#8d968f}.file-type{width:42px;height:42px;flex:0 0 42px;border-radius:6px;display:grid;place-items:center}.file-type svg{width:21px}.file-type.green{background:#e4f5eb;color:#159258}.file-type.coral{background:#fff0ec;color:#ee6854}.file-type.violet{background:#eeeafb;color:#7663c8}.file-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.file-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.file-meta small{color:#859088;font-size:11px}.empty-row{display:flex;align-items:center;gap:13px;padding:16px 2px}.empty-icon{width:42px;height:42px;display:grid;place-items:center;background:#edf1ec;color:#829087;border-radius:50%}.empty-row div:last-child{display:flex;flex-direction:column;gap:3px}.empty-row strong{font-size:13px}.empty-row span{font-size:11px;color:#879087}.bottom-nav{height:82px;position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:min(100%,520px);padding:10px 58px max(10px,env(safe-area-inset-bottom));background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #e6eae5;display:flex;justify-content:space-between;align-items:center}.nav-item{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;color:#8b958e;font-size:10px;cursor:pointer;min-width:50px}.nav-item svg{width:21px}.nav-item.active{color:#128553}.scan-fab{position:absolute;left:50%;top:-26px;transform:translate(-50%);width:62px;height:62px;border-radius:50%;border:5px solid #f8f9f6;background:#ff765f;color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px #ee68544d;cursor:pointer}.scan-fab svg{width:27px;height:27px}.simple-header{justify-content:space-between;font-weight:600}.simple-header .icon-button:first-child{margin-left:-10px}.simple-header .icon-button:last-child{margin-right:-10px}.selected-file{padding:48px 0 42px;display:flex;flex-direction:column;align-items:center;text-align:center}.file-type.large{width:78px;height:78px;border-radius:8px;margin-bottom:22px}.file-type.large svg{width:36px;height:36px}.selected-file h1{font-size:23px;line-height:1.35;overflow-wrap:anywhere;margin:0 0 8px}.selected-file p{color:#7b877f;font-size:12px;margin:0}.settings-block{border-top:1px solid #e3e7e2;padding:24px 0}.settings-block h2{font-size:13px;margin:0 0 12px}.segment-control{background:#e9ede8;padding:4px;border-radius:7px;display:grid;grid-template-columns:repeat(3,1fr)}.segment-control button{height:38px;border:0;background:transparent;border-radius:5px;color:#6d786f;cursor:pointer;font-size:12px}.segment-control button.active{background:#fff;color:#172019;font-weight:600;box-shadow:0 3px 10px #17201914}.info-note{display:flex;gap:12px;padding:16px;background:#eef7f1;color:#26704d;border-radius:6px}.info-note svg{width:21px;flex:0 0 21px}.info-note div{display:flex;flex-direction:column;gap:4px}.info-note strong{font-size:12px}.info-note span{color:#668274;font-size:10px;line-height:1.5}.upload-footer{position:absolute;left:22px;right:22px;bottom:28px}.wide{width:100%}.progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e15118f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;display:grid;place-items:center;padding:24px}.progress-overlay[hidden]{display:none}.progress-card{width:min(100%,330px);padding:32px 26px;background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:10px}.spinner{width:46px;height:46px;border-radius:50%;border:3px solid #def0e6;border-top-color:#18a665;animation:spin 1s linear infinite}.progress-card span{font-size:12px;color:#738077}.progress-track{width:100%;height:5px;background:#e6ebe7;border-radius:5px;overflow:hidden;margin-top:6px}.progress-track span{display:block;width:0;height:100%;background:#19a867;transition:width .2s}@keyframes spin{to{transform:rotate(360deg)}}.share-bg,.scanner-bg{background:#142019;color:#fff}.owner-screen{padding-bottom:36px}.owner-title{text-align:center;padding:23px 0 18px}.owner-title p{display:inline-flex;align-items:center;gap:7px;margin:0 0 6px;color:#9aaca1;font-size:11px}.owner-title h1{margin:0;font-size:25px;overflow-wrap:anywhere}.live-dot{display:inline-block;width:7px;height:7px;background:#2bd783;border-radius:50%;box-shadow:0 0 0 4px #2bd7831f;animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.45}}.owner-qr{background:#fff;color:#172019;border-radius:8px;padding:18px 18px 14px;text-align:center}.owner-qr .qr-corners{width:226px}.owner-qr p{margin:13px 0 0;color:#77847c;font-size:10px}.incoming-panel{margin-top:14px;padding:18px;color:#172019;background:#f8f9f6;border-radius:8px;min-height:150px}.incoming-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px;border-bottom:1px solid #e3e8e3}.incoming-heading>div{display:flex;align-items:baseline;gap:8px}.incoming-heading span{color:#77847c;font-size:10px}.incoming-heading strong{font-size:13px}.poll-icon{width:15px;color:#18a665;animation:spin 2.5s linear infinite}.incoming-empty{min-height:92px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#8b968f;font-size:10px}.incoming-empty svg{width:23px}.incoming-file{text-decoration:none;color:inherit}.incoming-file>svg{width:18px;color:#188f59}.share-screen{text-align:center}.simple-header.light .icon-button{color:#fff}.success-mark{margin:30px auto 13px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#18a665}.success-mark svg{width:20px}.ready-label{margin:0 0 6px;color:#9db0a4;font-size:11px}.share-screen>h1{margin:0 0 24px;font-size:27px}.qr-ticket{background:#fff;color:#172019;border-radius:8px;padding:24px 20px 16px;box-shadow:0 22px 55px #00000038}.qr-corners{margin:0 auto;width:240px;max-width:100%;position:relative;padding:8px}.qr-corners canvas{display:block;width:100%!important;height:auto!important}.qr-corners>span{width:21px;height:21px;position:absolute;border-color:#ff765f;border-style:solid}.qr-corners>span:nth-child(1){top:0;left:0;border-width:3px 0 0 3px}.qr-corners>span:nth-child(2){top:0;right:0;border-width:3px 3px 0 0}.qr-corners>span:nth-child(3){bottom:0;left:0;border-width:0 0 3px 3px}.qr-corners>span:nth-child(4){bottom:0;right:0;border-width:0 3px 3px 0}.ticket-file{margin-top:17px;border-top:1px dashed #dce2dc;padding-top:15px;display:flex;align-items:center;gap:11px;text-align:left}.ticket-file>div{min-width:0;display:flex;flex-direction:column;gap:3px}.ticket-file strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-file small{color:#7d8981;font-size:10px}.nearby-note{margin:18px 0 22px;display:flex;justify-content:center;align-items:center;gap:7px;color:#94a69b;font-size:10px}.nearby-note svg{width:15px}.share-actions{display:grid;gap:10px}.light-button{background:#fff;color:#172019}.light-button:hover{background:#edf3ef}.page-header{height:auto;padding:30px 0 26px;justify-content:space-between;align-items:end}.page-header h1{font-size:34px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dde4de;border-bottom:1px solid #dde4de;padding:18px 0;margin-bottom:17px}.stat-strip div{display:flex;flex-direction:column;gap:4px;padding-left:14px;border-right:1px solid #dde4de}.stat-strip div:first-child{padding-left:0}.stat-strip div:last-child{border-right:0}.stat-strip strong{font-size:16px}.stat-strip span{font-size:10px;color:#819087}.status-dot{font-size:10px;color:#188f59;white-space:nowrap}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#1ab06b;margin-right:5px}.receive-screen{display:flex;flex-direction:column}.guest-intro{padding:28px 0 24px;text-align:center}.guest-intro h1{margin:0;font-size:30px;overflow-wrap:anywhere}.guest-intro>p:last-child{margin:10px 0 0;color:#7a867e;font-size:12px}.guest-upload{padding-top:24px}.guest-upload .upload-visual{height:100px}.invite-header-button{margin-left:auto;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:6px;background:#18a6651a;color:#168452;padding:9px 10px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.invite-header-button svg{width:16px;height:16px}.owner-screen .invite-header-button{margin-left:0;background:#ffffff1f;color:#fff}.invite-panel{padding:18px;margin-bottom:16px;border:1px solid #bfe2ce;border-radius:8px;background:#edf8f2}.invite-heading{display:flex;align-items:center;gap:10px}.invite-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#158452;background:#d8f0e2;flex-shrink:0}.invite-symbol svg{width:19px}.invite-heading h2{font-size:15px;margin:0 0 4px}.invite-heading p{font-size:11px;color:#698075;margin:0}.invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.invite-actions button{min-width:0;padding:0 8px;font-size:12px}.invite-actions svg{flex-shrink:0;width:16px}.invite-expiry{margin:12px 0 0;color:#718077;font-size:10px;line-height:1.7}.space-invite-dialog{width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:26px 22px 20px;border:0;border-radius:14px;background:#fff;color:#172019;text-align:center;overflow-y:auto;box-shadow:0 24px 80px #00000040}.space-invite-dialog::backdrop{background:#0d1410a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.space-invite-dialog .invite-close{position:absolute;top:4px;right:4px}.space-invite-dialog .eyebrow{padding:0 20px;font-size:11px}.space-invite-dialog h2{margin:0 0 8px;font-size:23px}.invite-space-name{margin:0;font-size:13px;color:#698075;overflow-wrap:anywhere}.invite-qr-stage{width:min(260px,100%);aspect-ratio:1;margin:10px auto 0;display:grid;place-items:center}.invite-qr-image{width:100%;height:auto;display:block}.invite-qr-status{color:#718077;font-size:12px}.invite-qr-tip{margin:0 0 16px;color:#718077;font-size:11px;line-height:1.6}.invite-link-label{display:block;text-align:left;font-size:11px;color:#698075;margin-bottom:6px}.invite-link-input{width:100%;border:1px solid #dbe5dd;border-radius:6px;background:#f3f7f4;color:#26704d;height:42px;padding:0 10px;font-size:13px}.invite-link-input:focus{outline:2px solid #19a867;outline-offset:1px}.invite-save{display:inline-flex;justify-content:center;align-items:center;gap:5px;min-height:40px;margin-top:8px;font-size:12px;color:#158452}.invite-save svg{width:15px;height:15px}.space-invite-dialog [hidden]{display:none}.space-invite-dialog .toast{width:max-content;max-width:calc(100vw - 32px);bottom:24px}.source-option.text-source{border-color:#e4d5b4;background:#fffaf0}.source-icon.text{background:#fae9c7;color:#946724}.text-notes-panel{margin-top:16px;padding:18px;border:1px solid #e1e6e1;border-radius:8px;background:#fff;color:#172019}.text-notes-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.text-notes-heading>div{display:flex;align-items:baseline;gap:8px}.text-notes-heading h2{font-size:15px;margin:0}.text-notes-heading span{font-size:10px;color:#718077;white-space:nowrap}.text-notes-heading button{min-height:36px;padding:0 10px;font-size:12px}.text-notes-heading button svg{width:15px}.text-notes-tip{color:#718077;font-size:10px;line-height:1.7;margin:8px 0 14px}.text-note-card{padding:15px 0;border-top:1px solid #e7ebe6}.text-note-card:last-child{padding-bottom:0}.text-note-card h3{margin:0 0 8px;font-size:14px;overflow-wrap:anywhere}.text-note-preview{margin:0 0 10px;color:#607166;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-note-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#8a958d}.text-note-actions{display:flex;align-items:center;gap:18px;margin-top:12px}.text-note-actions button{min-height:34px;font-size:12px}.text-note-actions a{display:inline-flex;align-items:center;gap:5px;min-height:34px;color:#26704d;font-size:12px}.text-note-actions a svg{width:14px;height:14px}.text-note-dialog{width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 24px);padding:22px;border:0;border-radius:12px;background:#fff;color:#172019;overflow-y:auto;box-shadow:0 24px 80px #00000040}.text-note-dialog::backdrop{background:#0d1410a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.text-editor-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.text-editor-header .eyebrow{font-size:11px;margin-bottom:6px}.text-editor-header h2{font-size:22px;margin:0}.text-editor-close{font-size:28px;flex-shrink:0}.text-editor-tip{margin:16px 0 20px;font-size:11px;line-height:1.7;color:#698075}.text-editor-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:14px 0 7px;font-size:12px;font-weight:600}.text-editor-label span{font-size:10px;color:#849087;font-weight:400}.text-editor-title,.text-editor-body{width:100%;border:1px solid #dbe5dd;border-radius:6px;background:#f7faf7;color:#172019;padding:11px;font:inherit;font-size:14px}.text-editor-title:focus,.text-editor-body:focus{outline:2px solid #19a867;outline-offset:1px}.text-editor-body{display:block;min-height:220px;height:min(34dvh,340px);resize:vertical;line-height:1.8}.text-editor-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#7b887f;font-size:10px;line-height:1.6}.text-editor-meta>span:last-child{flex-shrink:0}.text-editor-error{margin:14px 0 0;padding:12px;border-radius:6px;color:#974d32;background:#fff1e9;font-size:12px;line-height:1.7}.text-editor-discard{margin-top:14px;padding:12px;border-radius:6px;color:#856024;background:#fff7e8;font-size:12px}.text-editor-discard p{margin:0 0 10px;line-height:1.7}.text-editor-discard>div{display:flex;flex-wrap:wrap;gap:8px}.text-editor-discard button{min-height:36px;padding:0 10px;font-size:11px}.text-editor-actions{position:sticky;bottom:-22px;display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding:16px 0 max(12px,env(safe-area-inset-bottom));background:#fff}.text-editor-actions button{font-size:13px}.text-editor-copy-save{margin-top:12px;font-size:12px}.text-note-dialog button:disabled{opacity:.5;cursor:not-allowed;transform:none}.text-note-dialog [hidden]{display:none}.text-note-dialog .toast{width:max-content;max-width:calc(100vw - 32px);bottom:24px}.source-list{display:grid;gap:8px;text-align:left}.source-option{width:100%;min-height:62px;display:flex;align-items:center;gap:11px;padding:8px 10px;border:1px solid #e5e9e4;border-radius:6px;background:#fff;cursor:pointer}.source-option:hover{border-color:#cbd6ce;background:#f9fbf9}.source-option.wechat-source{border-color:#bfe7cf;background:#f0faf4}.source-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:6px;color:#fff;background:#10b65a}.source-icon.local{color:#217b56;background:#e3f3e9}.source-icon.media{color:#df654f;background:#ffede9}.source-icon svg{width:21px;height:21px}.source-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.source-copy strong{font-size:13px}.source-copy small{color:#829087;font-size:10px}.source-option>svg{width:17px;color:#8d9890}.wechat-guide{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center;padding:24px;background:#0d14109e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.wechat-guide-card{width:min(100%,340px);position:relative;padding:32px 24px 24px;border-radius:8px;background:#fff;color:#172019;text-align:center;box-shadow:0 24px 70px #0000003d}.wechat-guide-card>.icon-button{position:absolute;top:6px;right:6px}.wechat-guide-card>.source-icon{margin:3px auto 18px}.wechat-guide-card h2{margin:0 0 9px;font-size:20px}.wechat-guide-card p{margin:0 0 22px;color:#738078;font-size:12px;line-height:1.7}.guest-note{margin-top:14px}.public-files{margin-top:14px;padding:18px;border:1px solid #e1e6e1;border-radius:8px;background:#fff}.mini-refresh{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;color:#168b56;background:#edf8f2;cursor:pointer}.mini-refresh svg{width:16px}.sent-screen .success-mark{width:68px;height:68px;margin:0 0 24px}.sent-screen .success-mark svg{width:31px;height:31px}.receive-hero{text-align:center;padding:68px 0 38px}.receive-pulse{width:126px;height:126px;margin:0 auto 28px;border-radius:50%;background:#eaf5ee;display:grid;place-items:center;box-shadow:0 0 0 18px #f1f7f2,0 0 0 36px #f5f8f5}.file-type.huge{width:72px;height:72px;border-radius:8px}.file-type.huge svg{width:34px;height:34px}.receive-hero h1{font-size:25px;overflow-wrap:anywhere}.receive-hero>p:last-child{color:#77847b;font-size:12px}.download-card{margin-top:auto;padding:22px;background:#fff;border:1px solid #e1e6e1;border-radius:8px;box-shadow:0 15px 40px #182d2012}.download-card>div{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #edf0ed;font-size:12px}.download-card>div span{color:#7d8981}.safe{color:#168b56;display:flex;align-items:center;gap:5px}.safe svg{width:16px}.receive-footnote{text-align:center;font-size:9px;color:#9aa39d;margin:14px 0 0}.scanner-screen{text-align:center}.scanner-stage{position:relative;aspect-ratio:1 / 1.15;max-height:56vh;margin:28px 0 24px;border-radius:8px;overflow:hidden;background:#0b110d}.scanner-stage video{width:100%;height:100%;object-fit:cover}.scanner-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 999px #080e0a6b;pointer-events:none}.scan-frame{position:absolute;z-index:3;width:68%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-frame i{position:absolute;width:28px;height:28px;border-color:#fff;border-style:solid}.scan-frame i:nth-child(1){top:0;left:0;border-width:3px 0 0 3px}.scan-frame i:nth-child(2){top:0;right:0;border-width:3px 3px 0 0}.scan-frame i:nth-child(3){bottom:0;left:0;border-width:0 0 3px 3px}.scan-frame i:nth-child(4){bottom:0;right:0;border-width:0 3px 3px 0}.scan-frame span{position:absolute;left:4px;right:4px;height:2px;top:10%;background:#ff765f;box-shadow:0 0 10px #ff765f;animation:scan 2.2s ease-in-out infinite alternate}@keyframes scan{to{top:90%}}.scanner-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;color:#718078}.scanner-placeholder.visible{display:grid}.scanner-placeholder svg{width:50px;height:50px}.scanner-screen h1{font-size:23px;margin:0 0 8px}.scanner-screen>p{color:#98a79d;font-size:12px}.scan-upload{margin-top:18px;display:inline-flex;cursor:pointer}.header-spacer{width:42px}.centered-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-bottom:40px}.empty-big{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#e9efea;color:#75847a}.empty-big svg{width:36px;height:36px}.centered-screen h1{margin:24px 0 8px}.centered-screen p{margin:0 0 26px;color:#76827a;font-size:13px}.toast{position:fixed;left:50%;bottom:105px;transform:translate(-50%);z-index:100;background:#172019;color:#fff;padding:11px 18px;border-radius:5px;font-size:12px;box-shadow:0 8px 24px #0003;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}}@media(min-width:700px){body{padding:32px 0}.app-shell{width:430px;min-height:calc(100vh - 64px);margin:0 auto;border-radius:8px;box-shadow:0 24px 70px #1d2c2329}.screen{min-height:calc(100vh - 64px)}.bottom-nav{width:430px;bottom:32px;border-radius:0 0 8px 8px}.progress-overlay{border-radius:8px}}@media(max-width:360px){.screen{padding-left:16px;padding-right:16px}.hero-copy{padding-top:30px}.hero-copy h1{font-size:34px}.upload-panel{padding-left:14px;padding-right:14px}.upload-actions{grid-template-columns:1fr}}