:root{font-family:Segoe UI Variable,Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#202033;background:#f5f6fa;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #6857d9;--primary-dark: #5645c2;--teal: #2ca9a3;--muted: #85879a;--border: #e6e7ef;--panel: #ffffff;--surface: #ffffff;--surface-soft: #fbfaff;--surface-tint: #f6f3ff;--line: #eae7f3;--line-strong: #e5e3ef;--text-strong: #2b2a3d;--text-body: #5f5e77;--text-weak: #9a9bac;--radius-card: 14px;--radius-control: 10px;--radius-chip: 9px;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.2, .7, .3, 1);--ease-in: cubic-bezier(.4, 0, .6, 1);--t-hover: .18s;--t-enter: .26s;--t-exit: .2s}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:360px;height:100%;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6857d92b;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{width:238px;height:100vh;position:sticky;top:0;z-index:20;display:flex;flex-direction:column;padding:30px 20px 22px;background:#fff;border-right:1px solid var(--border);flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0 8px;text-align:left;color:#222135}.brand-mark{width:43px;height:43px;position:relative;display:grid;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(145deg,#7968e7,#5545ba);box-shadow:0 8px 20px #6857d938;transform:rotate(-8deg)}.brand-mark svg{transform:rotate(8deg)}.brand-mark i{position:absolute;width:6px;height:6px;right:7px;top:7px;background:#7cf0dc;border:2px solid #6b59d2;border-radius:50%}.brand strong{display:block;font-size:19px;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:2.2px;color:#9b9caf;margin-top:3px;font-weight:600}.main-nav{display:flex;flex-direction:column;gap:8px;margin-top:55px}.main-nav button{position:relative;display:flex;align-items:center;gap:13px;width:100%;border:0;border-radius:12px;padding:13px 15px;background:transparent;color:#77798d;font-size:14px;font-weight:500;transition:.2s ease}.main-nav button:hover{background:#f6f5fc;color:var(--primary)}.main-nav button.active{background:#efedfb;color:#5e4bc9;font-weight:600}.main-nav button.active i{position:absolute;right:-20px;width:3px;height:24px;background:var(--primary);border-radius:4px 0 0 4px}.sidebar-bottom{margin-top:auto}.desktop-card{position:relative;padding:18px 15px 15px;border:1px solid #e8e5f8;border-radius:15px;background:linear-gradient(145deg,#f8f7ff,#f4f6fc);overflow:hidden}.desktop-card-icon{color:var(--primary);width:fit-content;position:relative;margin-bottom:11px}.desktop-card-icon span{position:absolute;right:-9px;top:-7px;color:#42bdb0}.desktop-card strong{font-size:13px}.desktop-card p{color:#8a8b9d;font-size:11px;line-height:1.65;margin:6px 0 0}.desktop-running{display:flex;align-items:center;gap:3px;color:#27988e;font-size:10px;margin-top:8px}.settings-link{display:flex;align-items:center;gap:10px;width:100%;padding:14px 10px 8px;border:0;background:none;color:#7f8193;font-size:13px}.settings-link:hover{color:var(--primary)}.version{font-size:8px;letter-spacing:1.25px;color:#b0b1bf;padding:16px 10px 0}.main-content{position:relative;flex:1;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.ambient{pointer-events:none;position:absolute;border-radius:50%;filter:blur(2px);opacity:.45}.ambient-one{width:500px;height:500px;right:-250px;top:-300px;background:radial-gradient(circle,#e7e2ff,transparent 70%)}.ambient-two{width:400px;height:400px;left:20%;bottom:-350px;background:radial-gradient(circle,#dcf4f1,transparent 70%)}.topbar{position:relative;z-index:2;flex:0 0 64px;height:64px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e7e8f0}.topbar-left{display:flex;flex-direction:column;gap:2px;min-width:0}.topbar-left:empty{display:none}.topbar-left strong{color:#232235;font-size:15px;letter-spacing:-.2px}.topbar-left span{color:#9a9bac;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{margin-left:auto}.service-status{display:flex;align-items:center;gap:8px;color:#858699;font-size:12px}.service-status i{width:7px;height:7px;border-radius:50%}.service-status i.online{background:#38b59b;box-shadow:0 0 0 4px #38b59b14}.service-status i.offline{background:#d6a144;box-shadow:0 0 0 4px #d6a14414}.topbar-right{display:flex;align-items:center;gap:18px}.no-login{display:flex;align-items:center;gap:6px;font-size:12px;color:#7a7c8e}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:var(--radius-chip);color:#858698;background:transparent;transition:var(--t-hover) var(--ease-out);flex-shrink:0}.icon-button:hover{background:#f0eef9;color:var(--primary)}.top-settings{border:1px solid var(--border);background:#fff}.page-content{position:relative;z-index:1;flex:1 1 auto;min-height:0;width:100%;max-width:1320px;margin:0 auto;padding:clamp(18px,3vh,38px) 44px clamp(8px,1.6vh,20px);display:flex;flex-direction:column}.page-heading{margin-bottom:clamp(14px,2.4vh,28px);flex-shrink:0}.page-heading h1{font-size:clamp(26px,2.2vw,34px);letter-spacing:-.8px;margin:0 0 10px;font-weight:700;color:#232235}.page-heading p{margin:0;color:#8a8c9e;font-size:13px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 28px #34325a05}.send-layout{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr);gap:24px;align-items:stretch}.file-picker-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:28px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-shrink:0}.panel-heading h2,.transfer-topline h2{margin:5px 0 0;font-size:20px;letter-spacing:-.3px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;color:#9697a9;text-transform:uppercase}.soft-badge,.network-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:20px;background:#f2f0fc;color:#7666cf;font-size:10px;white-space:nowrap}.drop-zone{flex:1 1 auto;margin-top:24px;min-height:148px;border:1.5px dashed #d9d7e8;border-radius:16px;background:#fafaff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 28px;text-align:center;transition:.2s;cursor:pointer}.drop-zone:hover,.drop-zone.is-dragging{border-color:#8b7ce2;background:#f6f4ff}.upload-illustration{position:relative;width:66px;height:66px;display:grid;place-items:center;color:#6c59d3;background:#ede9ff;border-radius:21px;transform:rotate(-4deg);margin-bottom:17px;animation:upload-float 5s ease-in-out infinite;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease}.upload-illustration svg{width:28px;height:28px;transform:rotate(4deg);transition:transform .3s cubic-bezier(.2,.7,.3,1)}.orbit{position:absolute;border:1px solid #dcd5ff;border-radius:50%;transform:rotate(4deg);animation:orbit-spin 18s linear infinite}.orbit-one{inset:-8px;border-left-color:transparent}.orbit-two{inset:-15px;border-right-color:transparent;opacity:.6;animation-duration:26s;animation-direction:reverse}@keyframes upload-float{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-5px)}}@keyframes orbit-spin{0%{transform:rotate(4deg)}to{transform:rotate(364deg)}}.drop-zone:hover .upload-illustration,.drop-zone.is-dragging .upload-illustration{animation-play-state:paused;transform:rotate(0) translateY(-2px) scale(1.06);background:#e6e0ff;box-shadow:0 14px 28px #6c59d32b}.drop-zone:hover .upload-illustration svg,.drop-zone.is-dragging .upload-illustration svg{transform:rotate(0) translateY(-3px) scale(1.06)}.drop-zone h3{font-size:15px;margin:0 0 8px}.drop-zone p{font-size:11px;color:#9a9bad;margin:0 0 20px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-control);min-height:42px;padding:0 19px;font-size:12px;font-weight:600;transition:transform var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out),background var(--t-hover) var(--ease-out),border-color var(--t-hover) var(--ease-out),color var(--t-hover) var(--ease-out)}.primary-button{border:1px solid var(--primary);color:#fff;background:linear-gradient(135deg,#7563df,#5c49c5);box-shadow:0 6px 16px #6857d929}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #6857d93b;background:linear-gradient(135deg,#806ee5,#6450ce)}.secondary-button{border:1px solid #e2e0ed;color:#6254b1;background:#fff;box-shadow:0 3px 8px #25213b05}.secondary-button:hover{border-color:#c8c0ed;background:#faf9ff}.send-aside{display:flex;flex-direction:column;gap:17px;align-content:start;min-height:0}.aside-visual{min-height:96px;padding:20px 23px;display:flex;align-items:center;gap:20px;color:#fff;border-radius:18px;background:radial-gradient(circle at 85% 15%,#9082e3 0,transparent 38%),linear-gradient(120deg,#29263f,#444064);overflow:hidden;position:relative}.aside-visual:after{content:"";position:absolute;width:110px;height:110px;border:1px solid #ffffff17;border-radius:50%;right:-35px;top:15px;box-shadow:0 0 0 16px #ffffff05}.aside-visual svg{color:#8ee1d4}.aside-visual span{font-size:16px;line-height:1.5;letter-spacing:2px;font-weight:600}.steps-card{padding:22px}.step{display:flex;gap:13px;margin-top:20px}.step i{width:25px;height:25px;flex-shrink:0;display:grid;place-items:center;background:#f0edfc;color:#6a57cc;border-radius:8px;font-size:11px;font-style:normal;font-weight:600}.step strong{display:block;font-size:12px;margin:2px 0 4px}.step p{margin:0;font-size:10px;color:#9697a8}.privacy-note{display:flex;gap:11px;padding:4px 8px;color:#898b9c}.privacy-note svg{color:#49a99f;flex-shrink:0;margin-top:2px}.privacy-note strong{display:block;color:#686a7e;font-size:11px}.privacy-note p{margin:5px 0 0;font-size:10px;line-height:1.6}.selected-files{display:flex;flex-direction:column;min-height:0;flex:0 1 auto;margin-top:16px}.selected-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.selected-heading strong{font-size:12px}.selected-heading strong span{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:5px;border-radius:6px;background:#efedfa;color:var(--primary);font-size:10px}.selected-heading button{border:0;background:none;color:#a0a1b1;font-size:10px}.selected-list,.incoming-list{min-height:62px;max-height:min(46vh,360px);overflow:auto;border:1px solid #eeeef4;border-radius:12px}.selected-list{flex:0 1 auto}.selected-file{display:flex;align-items:center;gap:12px;padding:12px 13px;background:#fff;border-bottom:1px solid #f0f0f5}.selected-file:last-child{border-bottom:0}.file-type{width:38px;height:38px;display:grid;place-items:center;background:#f0edfc;color:#6f5acf;border-radius:10px;font-size:8px;font-weight:700;flex-shrink:0}.file-info{min-width:0;flex:1}.file-info strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info span{display:block;color:#a0a1b0;font-size:10px;margin-top:4px}.send-summary{display:flex;align-items:center;justify-content:space-between;margin-top:14px;flex-shrink:0}.send-summary>div{display:flex;flex-direction:column;gap:4px}.send-summary span{color:#9798a9;font-size:10px}.send-summary strong{font-size:15px}.active-transfer-panel{max-width:820px;margin:10px auto 0;padding:32px 38px}.transfer-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.network-badge{color:#358e86;background:#eaf8f5;padding:7px 11px}.code-and-qr{display:flex;align-items:center;justify-content:center;gap:55px;padding:34px 0 26px}.file-code-wrap{text-align:center}.file-code{display:flex;align-items:center;gap:18px;border:0;padding:0;background:none;color:#343047}.file-code span{font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(38px,5vw,58px);font-weight:600;letter-spacing:8px;line-height:1.1}.file-code i{width:7px;height:7px;border-radius:50%;background:#a9a3c8}.file-code:hover{color:var(--primary)}.copy-code{display:inline-flex;align-items:center;gap:5px;margin-top:15px;border:0;background:none;color:#7461cf;font-size:11px}.file-code-wrap p{margin:11px 0 0;color:#a0a1b1;font-size:10px}.qr-wrap{padding:9px;border:1px solid var(--border);border-radius:13px;text-align:center}.qr-wrap img{display:block;width:105px;height:105px}.qr-wrap span{display:block;color:#9293a4;font-size:9px;padding:3px 0 2px}.security-inline{display:flex;align-items:center;justify-content:center;gap:7px;color:#718a88;background:#f2faf8;border:1px solid #e1f2ee;border-radius:10px;padding:10px 14px;font-size:10px}.security-inline svg{color:#39a094;flex-shrink:0}.connection-status{position:relative;display:flex;align-items:center;gap:15px;margin-top:27px;padding:22px;background:#faf9fe;border:1px solid #eeebf8;border-radius:14px}.status-orb{width:47px;height:47px;display:grid;place-items:center;color:#7561d2;background:#ece8fb;border-radius:50%;flex-shrink:0}.connection-status h3{margin:0 0 6px;font-size:13px}.connection-status p{margin:0;color:#9495a7;font-size:10px}.verified-note{margin-left:auto;display:flex;align-items:center;gap:5px;color:#79928e;font-size:9px;white-space:nowrap}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.transfer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.text-button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;font-size:11px;padding:6px}.danger-text{color:#b08086}.danger-text:hover{color:#c25768}.transfer-actions>.text-button:only-child{margin-left:auto}.small-button{min-height:36px}.center-note{text-align:center;color:#9293a4;font-size:10px}.error-box{margin-top:20px;padding:13px 15px;background:#fff3f3;border:1px solid #f4dcdc;color:#b45763;border-radius:10px;font-size:12px}.transfer-progress{margin-top:27px;padding:23px;border:1px solid #ebe9f5;border-radius:14px;background:#fbfaff}.progress-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.progress-heading h3{max-width:500px;margin:6px 0 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-heading>strong{color:#6250c4;font-size:30px;line-height:1}.progress-heading small{font-size:14px;margin-left:2px}.progress-track{height:8px;margin-top:21px;border-radius:10px;background:#e9e6f4;overflow:hidden}.progress-value{height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#6e58d2,#48bdb0);transition:width .15s linear}.progress-stats{display:flex;justify-content:space-between;gap:20px;margin-top:11px;color:#9293a5;font-size:10px}.file-counter{margin-top:14px;color:#7362c4;font-size:10px}.completed-view{text-align:center;padding:12px 0 2px}.success-mark{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 22px;color:#fff;border-radius:24px;background:linear-gradient(145deg,#53c3b1,#32a395);box-shadow:0 12px 30px #40ae9d2b;transform:rotate(-5deg)}.success-mark svg{transform:rotate(5deg)}.completed-view h2{margin:7px 0 9px;font-size:24px}.completed-view>p{margin:0 0 24px;color:#9596a8;font-size:11px}.artifact-list{max-width:520px;max-height:240px;overflow:auto;margin:0 auto;text-align:left;border:1px solid var(--border);border-radius:12px}.artifact-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.artifact-row:last-child{border:0}.artifact-row>svg{color:#7561cf}.artifact-row>div{flex:1;min-width:0}.artifact-row strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-row span{display:block;font-size:9px;color:#999aaa;margin-top:3px}.completed-button{margin-top:25px;min-width:140px}.receive-layout{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;max-width:940px;margin:0 auto;align-items:start;width:100%}.receive-card{padding:35px 42px 28px;text-align:center}.receive-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;color:#6c58cf;border-radius:21px;background:#efebff;transform:rotate(-5deg)}.receive-icon svg{transform:rotate(5deg)}.receive-card h2{margin:7px 0 9px;font-size:22px}.receive-card>p{color:#999aac;font-size:11px;margin:0}.receive-card form{max-width:340px;margin:27px auto 0;text-align:left}.receive-card label{display:block;color:#858698;font-size:10px;margin:0 0 8px 2px}.code-input{width:100%;height:72px;border:1.5px solid #dcd8ef;border-radius:var(--radius-card);background:var(--surface-soft);color:#3e365f;text-align:center;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:31px;font-weight:600;letter-spacing:10px;text-transform:uppercase;padding-left:10px;transition:border-color var(--t-hover) var(--ease-out),background var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.code-input::placeholder{color:#c7c3d7}.code-input:focus{border-color:#8d7bde;background:#fff;outline:4px solid #705bd210}.receive-button{width:100%;margin-top:15px;min-height:46px}.receive-security{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;color:#8c9b99;font-size:9px}.receive-security svg{color:#4aa79c}.nearby-card{padding:27px 24px 22px}.nearby-heading{display:flex;justify-content:space-between;align-items:center}.nearby-heading h3{margin:5px 0 0;font-size:18px}.nearby-heading>svg{color:#7e6bd2}.nearby-empty{text-align:center;padding:34px 4px 27px}.radar{position:relative;display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;color:#7562ca;border-radius:50%;background:#f0edfb}.radar:after{content:"";position:absolute;inset:-8px;border:1px solid #e5e0f6;border-radius:50%;animation:pulse 2s ease-out infinite}@keyframes pulse{50%{transform:scale(1.12);opacity:.3}}.nearby-empty strong{font-size:12px}.nearby-empty p{color:#9899aa;font-size:10px;line-height:1.7;margin:8px 0 0}.nearby-tip{border-top:1px solid var(--border);padding-top:16px;color:#999aab;font-size:9px;line-height:1.7}.peer-list{margin:20px 0;max-height:270px;overflow:auto}.peer-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0f0f4}.peer-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#f0edfb;color:#6d5ac5}.peer-row>div:nth-child(2){flex:1;min-width:0}.peer-row strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.peer-row span{display:block;color:#9a9bac;font-size:9px;margin-top:4px}.peer-row>i{width:6px;height:6px;border-radius:50%;background:#3eb69f}.sender-verified{display:flex;align-items:center;gap:12px;padding:17px;margin:26px 0 20px;background:#f2faf8;border:1px solid #e0f0ec;border-radius:13px}.sender-avatar{width:44px;height:44px;display:grid;place-items:center;color:#3b9c90;background:#dcf2ed;border-radius:13px}.sender-verified>div:nth-child(2){flex:1}.sender-verified strong{display:block;font-size:12px}.sender-verified span{display:flex;align-items:center;gap:4px;margin-top:5px;color:#48a095;font-size:9px}.sender-verified>svg{color:#4aaa9d}.incoming-summary{display:flex;justify-content:space-between;margin-bottom:10px;font-size:11px}.incoming-summary span{color:#9293a5}.incoming-list{max-height:240px}.incoming-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.browser-memory-note{color:#9b8b6b;background:#fdf9ef;border-radius:8px;padding:9px 12px;font-size:9px;line-height:1.6}.standalone-cancel{display:flex;margin:15px auto 0}.history-panel{padding:29px}.history-empty{text-align:center;padding:70px 20px}.history-empty>div{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 18px;border-radius:22px;background:#f0edfb;color:#7966ce}.history-empty h3{font-size:15px;margin:0 0 9px}.history-empty p{color:#999aac;font-size:11px;line-height:1.8}.history-list{margin-top:25px}.history-header,.history-row{display:grid;grid-template-columns:minmax(200px,2fr) minmax(90px,1fr) .75fr .65fr 1fr;align-items:center;gap:16px}.history-header{padding:0 15px 10px;color:#a0a1b0;font-size:9px}.history-row{padding:15px;border-top:1px solid #eeeef3;font-size:10px;color:#747688}.history-file{display:flex;align-items:center;gap:11px;min-width:0}.direction-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.direction-icon.sent{background:#efecfb;color:#6f5bcc}.direction-icon.received{background:#eaf7f4;color:#399b8f}.history-file>div:last-child{min-width:0}.history-file strong{display:block;color:#393a4b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-file span{display:block;color:#a0a1b1;font-size:9px;margin-top:4px}.history-network,.history-time{display:flex;align-items:center;gap:5px}.page-footer{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:12px;color:#adaebc;font-size:9px;padding-top:clamp(6px,1.4vh,18px)}.page-footer span{display:flex;align-items:center;gap:4px}.page-footer i{width:2px;height:2px;border-radius:50%;background:#bfc0ca}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#25223866;backdrop-filter:blur(6px)}.settings-modal{width:min(480px,100%);padding:27px;border-radius:20px;background:#fff;box-shadow:0 24px 80px #25223835}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.modal-heading>div{display:flex;align-items:center;gap:10px;color:#6552c3}.modal-heading h2{color:#282737;font-size:18px;margin:0}.settings-field{display:block;margin-top:20px}.settings-field>span{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.settings-field input{width:100%;height:40px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-control);color:#343445;background:var(--surface);font-size:12px;transition:border-color var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.settings-field input:focus{border-color:#b9aee8;outline:none;box-shadow:0 0 0 3px #6a56cf14}.settings-field small{display:block;margin-top:7px;color:#999aaa;font-size:9px;line-height:1.5}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:12px;top:12px;color:#9697a8}.input-with-icon input{padding-left:39px}.settings-note{margin-top:23px;padding:12px;color:#858698;background:#f7f6fb;border-radius:9px;font-size:10px;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.field-error{color:#bb5966;font-size:10px;margin-top:6px}@media(max-width:1100px){.send-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.page-content{padding-left:28px;padding-right:28px}.receive-layout{grid-template-columns:minmax(0,1fr) 280px}.history-header,.history-row{grid-template-columns:minmax(180px,2fr) 1fr .8fr .8fr}.history-header span:nth-child(3),.history-row>span:nth-child(3){display:none}}@media(max-width:850px){.sidebar{width:200px;padding-left:15px;padding-right:15px}.main-nav button.active i{right:-15px}.send-layout,.receive-layout{grid-template-columns:1fr}.send-aside{display:grid;grid-template-columns:1fr 1fr}.privacy-note{display:none}.receive-layout{max-width:650px}.nearby-card{display:none}.code-and-qr{gap:30px}}@media(max-width:650px){.app-shell{display:block;padding-bottom:72px}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:68px;padding:0;background:#ffffffed;backdrop-filter:blur(15px);border:0;border-top:1px solid var(--border)}.brand,.sidebar-bottom{display:none}.main-nav{height:100%;margin:0;padding:6px 18px;flex-direction:row;justify-content:space-around}.main-nav button{flex-direction:column;justify-content:center;gap:3px;padding:5px 24px;font-size:10px}.main-nav button.active{background:none}.main-nav button.active i{width:18px;height:2px;right:auto;top:-6px}.topbar{height:56px;padding:0 20px}.no-login{display:none}.page-content{padding:27px 18px 15px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;line-height:1.6}.file-picker-panel,.active-transfer-panel,.history-panel{padding:22px 18px}.drop-zone{min-height:260px;padding:22px 15px}.send-aside{display:block}.aside-visual,.steps-card,.send-aside .privacy-note{display:none}.send-summary{gap:15px}.send-summary .primary-button{padding:0 13px}.active-transfer-panel{margin-top:0}.code-and-qr{gap:15px;padding:28px 0 22px}.file-code{gap:10px}.file-code span{font-size:36px;letter-spacing:5px}.qr-wrap img{width:78px;height:78px}.security-inline{align-items:flex-start;line-height:1.6;text-align:left}.connection-status{padding:17px}.verified-note{display:none}.progress-stats{flex-direction:column;gap:5px}.receive-card{padding:30px 22px 25px}.code-input{font-size:28px}.history-header{display:none}.history-row{grid-template-columns:1fr auto;gap:10px}.history-row>span:nth-child(2),.history-row>span:nth-child(3){display:none}.history-row>span:nth-child(5){grid-column:1 / -1;padding-left:47px}.history-panel .panel-heading{align-items:center}.page-footer{flex-wrap:wrap;gap:8px}}.page-view{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;animation:page-view-in var(--t-enter) var(--ease-out) both}@keyframes page-view-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.main-nav button{transition:background-color .22s ease,color .22s ease,transform .22s ease}.main-nav button svg{transition:transform .26s ease}.main-nav button:hover svg{transform:translate(2px)}.main-nav button.active svg{transform:scale(1.06)}.main-nav button.active i{animation:nav-indicator-in .28s ease both}@keyframes nav-indicator-in{0%{opacity:0;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}.client-download-button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border:1px solid #dcd8f0;border-radius:9px;color:#5f4fc2;background:#f8f7fe;font-size:11px;font-weight:500;transition:.2s ease}.client-download-button:hover{border-color:#bcb3e6;background:#f1eefc;transform:translateY(-1px)}.desktop-download-card{display:block;color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.desktop-download-card:hover{border-color:#cfc7ed;transform:translateY(-1px)}.download-card-link{display:flex;align-items:center;gap:5px;margin-top:9px;color:#6552c4;font-size:10px;font-weight:500}.function-advice{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:11px 13px;border:1px solid #eee6cf;border-radius:10px;background:#fdfaf0;color:#82704b}.function-advice svg{flex-shrink:0;margin-top:1px;color:#ba8b2d}.function-advice p{margin:0;font-size:10px;line-height:1.7}.function-advice strong{color:#6e5b35}.staging-layout{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto;gap:24px;align-items:start}.staging-main-panel{align-self:start;max-height:100%}.staging-main-panel{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:28px}.stage-tabs{display:inline-flex;padding:4px;gap:3px;border-radius:11px;background:#f3f1f8}.stage-tabs button{display:inline-flex;align-items:center;gap:7px;height:37px;padding:0 17px;border:0;border-radius:8px;background:transparent;color:#8b8b9d;font-size:11px;transition:.2s ease}.stage-tabs button.active{color:#5b49bb;background:#fff;box-shadow:0 3px 10px #302c4a0a;font-weight:500}.stage-recommend{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:14px 16px;border:1px solid #e9e5f7;border-radius:12px;background:linear-gradient(130deg,#f8f6ff,#fbfcff)}.stage-recommend svg{color:#7a64cf;flex-shrink:0;margin-top:1px}.stage-recommend strong{display:block;font-size:11px;color:#4e456d}.stage-recommend p{margin:4px 0 0;color:#8e8d9f;font-size:10px;line-height:1.65}.stage-drop-zone{min-height:238px;margin-top:17px}.stage-drop-zone .upload-illustration{width:60px;height:60px;margin-bottom:14px}.retention-card{margin-top:17px;padding:16px 17px;border:1px solid #e9e9f1;border-radius:12px;background:#fcfcfe}.retention-heading{display:flex;align-items:center;justify-content:space-between}.retention-heading>div{display:flex;align-items:center;gap:7px;color:#5c4db6}.retention-heading strong{color:#353345;font-size:12px}.retention-heading>span{color:#9c9cab;font-size:9px}.retention-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.retention-presets button{height:28px;padding:0 12px;border:1px solid #e4e2ec;border-radius:18px;background:#fff;color:#7e7f91;font-size:9px;transition:.18s ease}.retention-presets button:hover{border-color:#c9c1e8;color:#6552c4}.retention-presets button.active{border-color:#cdc5ec;background:#efecfb;color:#5f4cc1}.retention-custom{display:flex;align-items:center;gap:8px;margin-top:11px;color:#8e8f9f;font-size:10px}.retention-custom input{width:78px;height:31px;padding:0 9px;border:1px solid #e0dee9;border-radius:7px;color:#424252;font-size:11px}.retention-custom select{height:31px;padding:0 7px;border:1px solid #e0dee9;border-radius:7px;color:#55556a;background:#fff;font-size:10px}.retention-card>p{margin:10px 0 0;color:#9b9baa;font-size:9px;line-height:1.6}.stage-submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.stage-submit-row>div{display:flex;align-items:center;gap:6px;color:#7b9691;font-size:9px}.stage-submit-row>div svg{color:#3ea094;flex-shrink:0}.stage-resolve-box{max-width:520px;margin:25px auto 10px;text-align:center}.stage-resolve-icon{width:62px;height:62px;margin:0 auto 16px;display:grid;place-items:center;color:#6855c8;background:#efecfb;border-radius:20px;transform:rotate(-4deg)}.stage-resolve-icon svg{transform:rotate(4deg)}.stage-resolve-box h2{margin:8px 0;font-size:21px}.stage-resolve-box>p{color:#9596a8;font-size:10px;line-height:1.7;margin:0 auto 16px;max-width:390px}.stage-resolve-box textarea{width:100%;min-height:84px;padding:13px 14px;resize:vertical;border:1.5px solid #dedbea;border-radius:11px;background:#fbfaff;color:#4c4567;font-family:Cascadia Mono,Consolas,monospace;font-size:12px;line-height:1.6;letter-spacing:.4px;text-align:center}.stage-resolve-box textarea:focus{outline:4px solid #705bd210;border-color:#8a78d9;background:#fff}.stage-resolve-box .error-box{text-align:left}.resolve-button{width:100%;margin-top:13px}.stage-security-note{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:20px;color:#82928f;font-size:9px}.stage-security-note svg{color:#42a296}.staging-aside{display:flex;flex-direction:column;gap:16px}.staging-aside-visual{position:relative;min-height:158px;padding:23px;overflow:hidden;color:#fff;border-radius:18px;background:radial-gradient(circle at 80% 20%,#7770a7 0,transparent 37%),linear-gradient(135deg,#29283e,#3e3c58)}.stage-aside-orb{width:44px;height:44px;display:grid;place-items:center;color:#93e2d6;border:1px solid #ffffff1f;border-radius:13px;background:#ffffff0d;margin-bottom:18px}.staging-aside-visual strong{display:block;font-size:17px;line-height:1.55;letter-spacing:.5px}.staging-aside-visual p{margin:6px 0 0;color:#bdbacd;font-size:10px}.staging-aside-visual:after{content:"";position:absolute;right:-44px;bottom:-55px;width:150px;height:150px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 22px #ffffff05}.staging-feature-card{padding:21px}.stage-feature{display:flex;gap:11px;margin-top:17px}.stage-feature>span{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;background:#f0edfb;color:#6b57c8;font-family:Cascadia Mono,monospace;font-size:8px}.stage-feature strong{display:block;font-size:11px;margin:2px 0 4px}.stage-feature p{margin:0;color:#9899aa;font-size:9px}.stage-direct-reminder{display:flex;gap:10px;padding:2px 7px;color:#898b9c}.stage-direct-reminder svg{color:#4ca197;flex-shrink:0;margin-top:2px}.stage-direct-reminder strong{display:block;font-size:10px;color:#686a7e}.stage-direct-reminder p{margin:4px 0 0;font-size:9px;line-height:1.6}.staging-active-panel{max-width:840px;margin:8px auto 0;padding:31px 36px}.stage-mode-badge{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:20px;color:#7060ba;background:#f1eefb;font-size:9px;white-space:nowrap}.stage-code-preview{margin-top:24px;padding:17px;border:1px solid #eae7f5;border-radius:12px;background:#fbfaff}.stage-code-preview .stage-code-value{margin-top:8px}.stage-code-value{padding:19px 18px;color:#f7f5ff;background:linear-gradient(135deg,#28253d,#46405f);border-radius:12px;font-family:Cascadia Mono,Consolas,monospace;font-size:17px;letter-spacing:1.4px;text-align:center;line-height:1.7;word-break:break-all;user-select:all}.stage-code-value.small{padding:12px 15px;font-size:12px;color:#554d76;background:#f1effa}.stage-ready-copy{text-align:center;margin-top:22px}.stage-ready-copy h3{margin:6px 0 7px;font-size:21px}.stage-ready-copy p{margin:0 auto;max-width:540px;color:#9697a8;font-size:10px;line-height:1.7}.staging-success-icon{width:57px;height:57px;display:grid;place-items:center;margin:25px auto 0;color:#fff;border-radius:18px;background:linear-gradient(145deg,#57c5b3,#34a294);transform:rotate(-5deg)}.staging-success-icon svg{transform:rotate(5deg)}.stage-code-box{display:flex;align-items:center;gap:20px;margin-top:22px;padding:14px;border:1px solid #e7e4f1;border-radius:14px;background:#fcfbff}.stage-code-box .stage-code-value{flex:1}.stage-code-actions{display:flex;align-items:center;gap:13px}.stage-qr{text-align:center;padding:5px;border:1px solid #e5e2ef;border-radius:9px;background:#fff}.stage-qr img{display:block;width:74px;height:74px}.stage-qr span{display:block;color:#9495a6;font-size:8px;padding-top:2px}.stage-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:14px;color:#858697;font-size:9px}.stage-meta-row span{display:flex;align-items:center;gap:5px;min-width:0}.stage-meta-row span:first-child{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-meta-row svg{color:#7460ca;flex-shrink:0}.stage-ready-note{display:flex;gap:11px;margin-top:22px;padding:16px 17px;border:1px solid #e0f0eb;border-radius:12px;background:#f3faf8}.stage-ready-note svg{color:#399f91;flex-shrink:0;margin-top:1px}.stage-ready-note strong{display:block;color:#416864;font-size:11px}.stage-ready-note p{margin:4px 0 0;color:#79918e;font-size:9px;line-height:1.7}.stage-upload-warning{display:flex;align-items:center;justify-content:center;gap:7px;color:#8c8d9e;font-size:10px;margin-top:16px}.stage-upload-warning svg{color:#6d59c8}.stage-resolving{text-align:center;padding:55px 20px;color:#6b58c5}.stage-resolving strong{display:block;margin-top:15px;color:#393748;font-size:15px}.stage-resolving p{margin:7px 0 0;color:#9798a9;font-size:10px}.stage-received-file{display:flex;align-items:center;gap:14px;margin-top:27px;padding:17px;border:1px solid #e8e6f1;border-radius:13px;background:#fbfaff}.file-type.large{width:51px;height:51px;font-size:9px}.stage-received-file>div:nth-child(2){flex:1;min-width:0}.stage-received-file strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-received-file span{display:block;color:#9293a4;font-size:9px;margin-top:5px}.stage-received-file>svg{color:#3fa090}.stage-failure{text-align:center;padding:40px 20px 20px}.stage-failure-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 16px;color:#b76572;background:#fdf0f1;border-radius:18px}.stage-failure h3{margin:0 0 7px;font-size:16px}.stage-failure p{color:#999aaa;font-size:10px;margin:0 0 20px}.compact-completed{padding-top:8px}.stage-download-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px}.stage-download-actions a.primary-button{text-decoration:none}.unavailable-panel{max-width:760px;margin:10px auto;padding:44px 36px;text-align:center}.unavailable-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 18px;color:#6f5bc9;background:#efecfb;border-radius:20px}.unavailable-panel h2{margin:0 0 9px;font-size:20px}.unavailable-panel>p{max-width:510px;margin:0 auto;color:#9697a8;font-size:11px;line-height:1.8}.recommend-strip{display:inline-flex;align-items:center;gap:7px;margin-top:22px;padding:9px 13px;color:#4c8e86;background:#eef9f6;border-radius:9px;font-size:10px}@media(max-width:1100px){.staging-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}}@media(max-width:850px){.staging-layout{grid-template-columns:1fr;max-width:650px}.staging-aside{display:none}.stage-code-box{flex-direction:column;align-items:stretch}.stage-code-actions{justify-content:space-between}}@media(max-width:650px){.main-nav{padding-left:8px;padding-right:8px}.main-nav button{padding:5px 8px;gap:2px}.main-nav button span{font-size:9px}.main-nav button.active i{top:-5px}.page-view{animation-duration:.24s}.topbar{gap:10px}.topbar-right{gap:8px}.service-status{font-size:10px;white-space:nowrap}.client-download-button{padding:0 9px;height:31px;font-size:10px}.staging-main-panel,.staging-active-panel{padding:22px 18px}.staging-active-panel{margin-top:0}.stage-tabs{width:100%}.stage-tabs button{flex:1;justify-content:center;padding:0 8px}.stage-submit-row{flex-direction:column;align-items:stretch}.stage-submit-row .primary-button{width:100%}.stage-code-value{font-size:12px;letter-spacing:.6px;padding:15px 11px}.stage-code-actions{flex-direction:column;align-items:stretch}.stage-qr{margin:0 auto}.stage-meta-row{flex-direction:column;align-items:flex-start;gap:8px}.stage-meta-row span:first-child{max-width:100%}.retention-presets button{padding:0 10px}.stage-received-file{padding:14px}.stage-download-actions{flex-direction:column;align-items:stretch}.stage-download-actions>*{width:100%}.function-advice{padding:10px 11px}}@media(prefers-reduced-motion:reduce){.page-view,.main-nav button.active i{animation:none}.main-nav button,.main-nav button svg,.client-download-button,.desktop-download-card{transition:none}.upload-illustration,.orbit{animation:none}.upload-illustration,.upload-illustration svg{transition:none}}.action-right{margin-left:auto}.connection-status.is-error{background:#fff7f7;border-color:#f3dede}.connection-status.is-error .status-orb{color:#bb6470;background:#fbe9eb}.connection-status.is-cancelled{background:#fafafa;border-color:#ececef}.connection-status.is-cancelled .status-orb{color:#9a9aa8;background:#f1f1f5}.settings-advanced{margin-top:20px;padding-top:14px;border-top:1px dashed #ecebf3}.advanced-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #eceaf6;border-radius:9px;background:#faf9ff;color:#6a5cb0;font-size:11px}.advanced-toggle span{display:flex;align-items:center;gap:7px}.advanced-toggle svg{transition:transform .2s ease}.advanced-toggle svg.open{transform:rotate(180deg)}.settings-field.no-top{margin-top:14px}.stage-tabs button b{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;margin-left:2px;border-radius:6px;background:#efedfa;color:#6552c4;font-size:9px;font-weight:600}.stage-tabs button.active b{background:#f0edfc}.retention-custom em{margin-left:auto;color:#7b8f8b;font-size:9px;font-style:normal}.stage-drop-zone{flex:0 1 auto;min-height:176px}.stage-drop-zone .upload-illustration{width:62px;height:62px;margin-bottom:13px}.stage-drop-zone .upload-illustration svg{width:26px;height:26px}.file-picker-panel.has-files .drop-zone{flex:0 0 auto;min-height:92px;padding:12px 18px}.file-picker-panel.has-files .drop-zone .upload-illustration{width:42px;height:42px;margin-bottom:0;border-radius:13px}.file-picker-panel.has-files .drop-zone .upload-illustration svg{width:19px;height:19px}.file-picker-panel.has-files .drop-zone .orbit,.file-picker-panel.has-files .drop-zone p,.file-picker-panel.has-files .drop-zone .secondary-button{display:none}.file-picker-panel.has-files .drop-zone h3{margin:0;font-size:12.5px}.file-picker-panel.has-files .drop-zone{gap:9px}.file-picker-panel.has-files .selected-list{min-height:148px}.file-picker-panel.has-files .selected-file{padding-top:15px;padding-bottom:15px}.stage-records{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin-top:20px}.records-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.records-heading strong{display:block;font-size:12px}.records-heading span{display:block;max-width:430px;margin-top:5px;color:#9a9bab;font-size:9px;line-height:1.6}.records-heading .secondary-button{flex-shrink:0;min-height:34px;padding:0 12px;font-size:10px}.records-empty{padding:52px 20px 36px;text-align:center}.records-empty>div{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 16px;border-radius:18px;background:#f1eefb;color:#7561ca}.records-empty strong{font-size:13px}.records-empty p{max-width:340px;margin:8px auto 18px;color:#9899aa;font-size:10px;line-height:1.75}.record-list{display:flex;flex-direction:column;gap:9px;min-height:0;margin-top:18px;padding-right:2px;overflow-y:auto}.stage-record{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:13px 14px;border:1px solid #ececf3;border-radius:13px;background:#fdfdff}.stage-record.inactive{opacity:.62;background:#fafafa}.stage-record-main{flex:1;min-width:0}.stage-record-main strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-record-main span{display:block;margin-top:4px;color:#9a9baa;font-size:9px}.stage-record-main code{display:inline-block;margin-top:5px;padding:2px 7px;border-radius:6px;background:#f3f1fa;color:#6d5cbb;font-family:Cascadia Mono,Consolas,monospace;font-size:9px;letter-spacing:.6px}.record-status.ready{color:#2f9d90;font-style:normal}.record-status.expired,.record-status.deleted{color:#b98a4a;font-style:normal}.record-status.unknown{color:#999;font-style:normal}.stage-record-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.stage-record-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:30px;height:29px;padding:0 8px;border:1px solid #e6e4ef;border-radius:8px;background:#fff;color:#6f6a86;font-size:10px;transition:.18s ease}.stage-record-actions button:hover:not(:disabled){border-color:#c9c1e8;color:#5f4cc1}.stage-record-actions button.danger{color:#b08086}.stage-record-actions button.danger:hover:not(:disabled){border-color:#eccfd3;color:#c25768;background:#fff7f8}.record-extend{flex-basis:100%;margin-top:2px;padding:11px 12px;border:1px dashed #e2dff0;border-radius:10px;background:#faf9ff}.record-extend>span{display:flex;align-items:center;gap:5px;color:#8a8b9c;font-size:9px}.record-extend>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.record-extend button{height:27px;padding:0 11px;border:1px solid #e4e0f2;border-radius:15px;background:#fff;color:#6a59bd;font-size:9px}.record-extend button:hover:not(:disabled){background:#f1eefc}.stage-failure-icon.neutral{color:#8b8b9c;background:#f3f3f7}@media(max-height:880px){.page-heading h1{font-size:27px;margin-bottom:6px}.page-heading p{font-size:12px}.file-picker-panel,.staging-main-panel{padding:22px 24px}.panel-heading h2,.transfer-topline h2{font-size:18px}.function-advice{margin-top:12px;padding:9px 12px}.drop-zone{margin-top:14px;padding:16px 22px}.stage-recommend{margin-top:14px;padding:11px 14px}.stage-drop-zone{min-height:132px;margin-top:12px}.stage-drop-zone .upload-illustration{width:46px;height:46px;margin-bottom:9px}.stage-drop-zone .upload-illustration svg{width:21px;height:21px}.drop-zone h3{font-size:14px;margin-bottom:5px}.drop-zone p{margin-bottom:12px}.retention-card{margin-top:11px;padding:12px 14px}.retention-presets{margin-top:9px}.retention-custom{margin-top:8px}.stage-submit-row{margin-top:12px}.stage-code-box,.stage-ready-copy{margin-top:14px}.stage-ready-note{margin-top:14px;padding:12px 14px}}@media(max-width:650px){html,body,#root{height:auto}body{overflow:auto}.app-shell{display:block;height:auto;min-height:100vh;overflow:visible}.main-content{height:auto;min-height:100vh}.page-content{display:block;padding:27px 18px 15px}.page-view{display:block}.send-layout,.staging-layout,.receive-layout{display:grid;grid-template-columns:1fr;grid-template-rows:none}.file-picker-panel,.staging-main-panel{display:block;overflow:visible}.selected-files{max-height:none}.selected-list{max-height:220px}.stage-records{display:block}.record-list{overflow:visible}.stage-record-actions{width:100%;justify-content:flex-end}.records-heading{flex-direction:column}}.lan-mode-button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border:1px solid #e2e0ed;border-radius:9px;background:#fff;color:#6f6a86;font-size:11px;font-weight:500;transition:.2s ease;white-space:nowrap}.lan-mode-button:hover{border-color:#c9c1e8;color:#5f4cc1}.lan-mode-button.on{border-color:#bfe4dc;background:#effaf7;color:#1f8a7e}.lan-mode-banner{display:flex;align-items:flex-start;gap:12px;flex-shrink:0;margin-bottom:14px;padding:12px 15px;border:1px solid #d9eee9;border-radius:12px;background:#f2faf8;color:#4f7e78}.lan-mode-banner svg{color:#2c9c8e;flex-shrink:0;margin-top:1px}.lan-mode-banner strong{display:block;font-size:11px;color:#2f6d66}.lan-mode-banner p{margin:3px 0 0;font-size:10px;line-height:1.65}.active-head-right{display:flex;align-items:center;gap:10px}.back-button{color:#7a6cc0;padding:6px 4px}.back-button:hover{color:#5f4cc1}.active-transfer-panel,.staging-active-panel{max-height:100%;overflow-y:auto;overscroll-behavior:contain}.staging-active-panel{padding:24px 30px}.staging-success-icon{width:48px;height:48px;margin-top:14px;border-radius:15px}.stage-ready-copy{margin-top:14px}.stage-ready-copy h3{font-size:19px}.stage-code-box{margin-top:16px;padding:12px}.stage-code-value{font-size:15px;padding:14px 16px}.stage-ready-note{margin-top:14px;padding:12px 14px}.settings-modal{animation:modal-pop var(--t-enter) var(--ease-spring) both}.modal-backdrop{animation:modal-fade var(--t-hover) var(--ease-out) both}@keyframes modal-pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.settings-modal,.modal-backdrop{animation:none}}@media(max-width:650px){.lan-mode-banner{padding:10px 12px}.active-head-right{gap:6px}.back-button{font-size:10px}}.lan-mode-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;height:34px;padding:3px;border:1px solid #e2e0ed;border-radius:9px;background:#f5f4fa}.lan-mode-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:7px;background:#fff;box-shadow:0 2px 8px #2b254014;transition:transform .28s cubic-bezier(.2,.7,.3,1)}.lan-mode-switch.lan .lan-mode-thumb{transform:translate(100%)}.lan-mode-switch button{position:relative;z-index:1;height:100%;padding:0 11px;border:0;background:transparent;color:#8b8b9d;font-size:10.5px;font-weight:500;white-space:nowrap;transition:color .22s ease}.lan-mode-switch button.active{color:#5f4cc1;font-weight:600}.lan-mode-switch.lan button.active{color:#1f8a7e}.lan-mode-switch.is-disabled{opacity:.6}.lan-mode-switch.is-disabled button{cursor:not-allowed}.download-card-note{display:block;margin-top:6px;color:#a68a55;font-size:9px;line-height:1.5}.network-notice{display:flex;align-items:flex-start;gap:9px;flex-shrink:0;margin-top:14px;padding:10px 12px;border:1px solid #f0e3c8;border-radius:10px;background:#fdf9ef;color:#8b7448}.network-notice svg{color:#b98b37;flex-shrink:0;margin-top:1px}.network-notice p{margin:0;font-size:9.5px;line-height:1.65}.network-notice strong{color:#7a6130}.modal-backdrop.is-closing{animation:modal-fade-out var(--t-exit) var(--ease-in) both}.settings-modal.is-closing{animation:modal-pop-out var(--t-exit) var(--ease-in) both}@keyframes modal-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.97)}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.lan-mode-thumb,.lan-mode-switch button{transition:none}.modal-backdrop.is-closing,.settings-modal.is-closing{animation:none}}.send-layout>*,.receive-layout>*,.staging-layout>*{min-width:0}.file-picker-panel,.receive-main-panel,.staging-main-panel,.active-transfer-panel,.staging-active-panel,.selected-file,.incoming-file,.stage-record{min-width:0}.file-info strong,.incoming-file strong,.stage-record-main strong{max-width:100%}.selected-list,.incoming-list,.record-list{overflow-x:hidden}@media(max-width:650px){.page-content{max-width:100%}.send-layout,.receive-layout,.staging-layout,.file-picker-panel,.staging-main-panel,.receive-main-panel,.active-transfer-panel,.staging-active-panel{width:100%;min-width:0}.selected-file,.incoming-file{gap:10px;padding:11px 12px}.file-info strong,.incoming-file strong{font-size:11px}.selected-file>button,.incoming-file>button{flex-shrink:0}}.fallback-hint{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;border:1px solid #f0dfe1;border-radius:12px;background:#fdf8f8}.fallback-hint>div{flex:1;min-width:0}.fallback-hint strong{display:block;font-size:11px;color:#8d545b}.fallback-hint p{margin:5px 0 0;color:#94807f;font-size:10px;line-height:1.65}.fallback-hint .secondary-button{flex-shrink:0}.file-picker-panel .network-notice{margin-top:12px}@media(max-width:650px){.fallback-hint{flex-direction:column;align-items:stretch;gap:10px}.fallback-hint .secondary-button{width:100%;justify-content:center}}.account-chip{display:inline-flex;align-items:center;gap:6px;height:34px;max-width:168px;padding:0 12px;border:1px solid #e2e0ed;border-radius:9px;background:#fff;color:#6f6a86;font-size:11px;transition:.2s ease}.account-chip:hover{border-color:#c9c1e8;color:#5f4cc1}.account-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip.signed-in{border-color:#cfe6e0;background:#f2faf8;color:#2f7f75}.footer-link{border:0;background:none;padding:0;color:#9c9dab;font-size:9px;transition:color .18s ease}.footer-link:hover{color:#6552c4}.consent-backdrop{z-index:120}.consent-modal{width:min(520px,100%);max-height:88vh;overflow-y:auto;padding:30px 30px 26px;border-radius:20px;background:#fff;box-shadow:0 24px 80px #25223835;animation:modal-pop .26s cubic-bezier(.2,.7,.3,1) both}.consent-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:16px;color:#fff;border-radius:16px;background:linear-gradient(145deg,#7a67d8,#5c4cb8);transform:rotate(-4deg)}.consent-icon svg{transform:rotate(4deg)}.consent-modal h2{margin:0 0 8px;font-size:19px}.consent-intro{margin:0 0 14px;color:#8b8c9d;font-size:11px;line-height:1.75}.consent-points{margin:0;padding:0 0 0 2px;list-style:none;display:flex;flex-direction:column;gap:9px}.consent-points li{position:relative;padding-left:18px;color:#6d6e80;font-size:11px;line-height:1.7}.consent-points li:before{content:"";position:absolute;left:2px;top:7px;width:6px;height:6px;border-radius:50%;background:#8574d6}.consent-links{margin:15px 0 18px;color:#9596a6;font-size:10px;line-height:1.9}.consent-links button{border:0;background:none;padding:0;color:#6552c4;font-size:10px}.consent-accept{width:100%}.legal-backdrop{z-index:140}.legal-modal{width:min(680px,100%);max-height:88vh;display:flex;flex-direction:column;padding:24px 26px 20px;border-radius:20px;background:#fff;box-shadow:0 24px 80px #25223835;animation:modal-pop .24s cubic-bezier(.2,.7,.3,1) both}.legal-tabs{display:inline-flex;gap:4px;margin:14px 0 12px;padding:4px;border-radius:10px;background:#f4f2f9;align-self:flex-start}.legal-tabs button{height:30px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:#8b8b9d;font-size:10.5px;transition:.2s ease}.legal-tabs button.active{background:#fff;color:#5b49bb;font-weight:600;box-shadow:0 2px 8px #302c4a0f}.legal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:6px;overscroll-behavior:contain}.legal-meta{margin:0 0 6px;color:#a5a6b4;font-size:9px}.legal-summary{margin:0 0 14px;color:#7c7d8f;font-size:10.5px;line-height:1.75}.legal-section{margin-bottom:16px}.legal-section h3{margin:0 0 6px;font-size:12px;color:#3c3a4e}.legal-section p{margin:0 0 7px;color:#6f7082;font-size:10.5px;line-height:1.8}.legal-section ul{margin:0;padding-left:17px}.legal-section li{color:#6f7082;font-size:10.5px;line-height:1.8;margin-bottom:4px}.settings-scroll{max-height:min(60vh,520px);overflow-y:auto;padding-right:4px;overscroll-behavior:contain}.account-panel{margin-bottom:18px;padding-bottom:16px;border-bottom:1px dashed #ecebf3}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-heading>div{display:flex;align-items:center;gap:7px;min-width:0;color:#5c4db6}.account-heading strong{font-size:12px;color:#353345;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-tabs{display:inline-flex;gap:3px;margin-top:13px;padding:3px;border-radius:9px;background:#f4f2f9}.account-tabs button{height:28px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:#8b8b9d;font-size:10.5px}.account-tabs button.active{background:#fff;color:#5b49bb;font-weight:600;box-shadow:0 2px 8px #302c4a0f}.account-form{margin-top:12px;display:flex;flex-direction:column;gap:9px}.account-form label{display:flex;flex-direction:column;gap:5px}.account-form label span{color:#7c7d8f;font-size:10px}.account-form input,.account-subpanel input{height:38px;padding:0 12px;border:1px solid #e0dee9;border-radius:9px;background:#fbfaff;color:#3f3d52;font-size:12px}.account-form input:focus,.account-subpanel input:focus{outline:none;border-color:#a99ce0;background:#fff}.account-form .primary-button{align-self:flex-start;margin-top:2px}.account-message{display:flex;align-items:center;gap:6px;margin-top:10px;padding:9px 11px;border-radius:var(--radius-control);font-size:10.5px;line-height:1.6;animation:page-fade var(--t-enter) var(--ease-out) both}.account-message.error{border:1px solid #f2d7da;background:#fdf4f5;color:#a95c66}.account-message.ok{border:1px solid #d8ece7;background:#f2faf8;color:#327f74}.account-hint{margin:12px 0 0;color:#a0a1b0;font-size:9.5px;line-height:1.8}.inline-link{border:0;background:none;padding:0;color:#6552c4;font-size:9.5px;transition:color var(--t-hover) var(--ease-out)}.inline-link:hover{color:var(--primary-dark);text-decoration:underline;text-underline-offset:3px}.account-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px;color:#9b9cab;font-size:9.5px}.account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.account-actions .text-button{font-size:10px}.account-subpanel{margin-top:12px;padding:12px;border:1px dashed #e2dff0;border-radius:10px;background:#faf9ff;display:flex;flex-direction:column;gap:8px}.account-subpanel p{margin:0;color:#8a8b9c;font-size:9.5px;line-height:1.7}.account-subpanel.danger{border-color:#f0dadd;background:#fdf7f7}.account-subpanel .primary-button{align-self:flex-start}.primary-button.danger{background:#b4505c}.legal-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.legal-links button{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px;border:1px solid #e6e4ef;border-radius:9px;background:#fff;color:#6f6a86;font-size:10px;transition:.18s ease}.legal-links button:hover{border-color:#c9c1e8;color:#5f4cc1}@media(max-width:650px){.account-chip{max-width:120px;padding:0 9px;height:31px;font-size:10px}.consent-modal{padding:24px 20px 20px}.legal-modal{padding:20px 18px 16px}.legal-tabs{width:100%}.legal-tabs button{flex:1}.settings-scroll{max-height:62vh}}.file-picker-panel{overflow-x:hidden;overflow-y:auto}.file-picker-panel>.panel-heading,.file-picker-panel>.function-advice,.file-picker-panel>.network-notice{flex:0 0 auto}.file-picker-panel.has-files>.drop-zone{flex:0 0 auto}.selected-files{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin-top:14px}.selected-heading,.send-summary{flex:0 0 auto}.selected-list{flex:1 1 auto;min-height:44px;max-height:none;overflow-y:auto;overflow-x:hidden}.send-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 10px;flex:0 0 auto}.send-steps .stage-step{flex:0 0 auto;height:24px;padding:0;border:0;background:transparent;box-shadow:none;font-size:10.5px;gap:6px}.send-steps .stage-step:disabled{opacity:1}.send-steps .stage-step.active{background:transparent;box-shadow:none;color:#5b49bb;font-weight:600}.send-steps .stage-step.done{background:transparent;color:#2f8f83}.send-steps .stage-step-index{width:18px;height:18px;border:1px solid #e2dff0;background:#fff}.send-steps .stage-step.active .stage-step-index{border-color:#6a56cf;background:#6a56cf;color:#fff}.send-steps .stage-step.done .stage-step-index{border-color:#cfece6;background:#e6f6f3;color:#2f8f83}.send-steps .stage-step-arrow{color:#d8d5e6}.send-step-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;animation:stage-in-next var(--t-enter) var(--ease-out) both}.send-step-body.slide-back{animation-name:stage-in-back}.send-step-body>.function-advice{flex:0 0 auto}.send-step-body>.drop-zone{flex:1 1 auto;min-height:148px;margin-top:12px}.send-step-body>.selected-files{flex:1 1 auto;min-height:0;margin-top:0}.send-step-body>.send-summary{flex:0 0 auto;margin-top:12px}.send-config{display:flex;flex-direction:column;gap:9px;margin-top:12px;flex:0 0 auto}.send-config .network-notice,.send-config .send-mode,.send-config .send-mode-note{margin-top:0}.selected-heading-actions{display:flex;align-items:center;gap:12px}.file-picker-panel.has-files .selected-list{flex:1 1 auto;min-height:76px;max-height:none}.file-picker-panel.has-files .selected-file{padding-top:13px;padding-bottom:13px}.active-transfer-panel{flex:0 1 auto;padding:clamp(14px,2.6vh,28px) clamp(18px,2.6vw,34px)}.active-transfer-panel .transfer-topline{align-items:center}.code-and-qr{padding:clamp(8px,2.1vh,24px) 0 clamp(8px,1.7vh,18px)}.file-code{gap:clamp(10px,1.4vw,18px)}.file-code span{font-size:clamp(26px,min(4.6vw,6vh),50px);letter-spacing:clamp(4px,.55vw,8px)}.copy-code{margin-top:clamp(6px,1.1vh,12px)}.qr-wrap{padding:clamp(6px,.9vh,8px)}.qr-wrap img{width:clamp(62px,11vh,94px);height:clamp(62px,11vh,94px)}.security-inline{padding:clamp(6px,1vh,9px) 12px}.connection-status,.transfer-progress{margin-top:clamp(8px,1.8vh,20px);padding:clamp(11px,1.8vh,19px)}.progress-track{margin-top:clamp(10px,1.7vh,18px)}.progress-heading>strong{font-size:clamp(20px,3.2vh,30px)}.transfer-actions{margin-top:clamp(6px,1.2vh,14px)}@media(max-height:800px){.file-picker-panel.has-files .function-advice,.file-picker-panel.has-files .network-notice{margin-top:10px;padding:7px 11px}.file-picker-panel.has-files .function-advice p,.file-picker-panel.has-files .network-notice p{line-height:1.55}.send-step-body>.drop-zone{min-height:108px;padding:10px 16px}.file-picker-panel.has-files .selected-list{min-height:62px}}@media(max-height:660px){.active-transfer-panel{padding:12px 18px}.code-and-qr{padding:6px 0 8px}.file-code span{font-size:clamp(24px,5.4vh,38px);letter-spacing:5px}.copy-code{margin-top:6px}.qr-wrap{padding:5px}.qr-wrap img{width:64px;height:64px}.security-inline{padding:5px 10px;font-size:9px}.connection-status{margin-top:8px;padding:11px}.transfer-progress{margin-top:8px;padding:12px}.progress-track{margin-top:10px}.transfer-actions{margin-top:5px}.file-picker-panel.has-files{padding:16px 20px}.file-picker-panel.has-files .function-advice,.file-picker-panel.has-files .network-notice{display:none}.send-step-body>.drop-zone{min-height:88px;margin-top:10px;padding:8px 14px}.file-picker-panel.has-files .selected-list{min-height:48px}.file-picker-panel.has-files>.drop-zone h3{font-size:12px}.page-heading{margin-bottom:10px}.page-heading h1{font-size:24px;margin-bottom:4px}.page-heading p{font-size:11px}}@media(max-width:650px){.file-picker-panel{overflow-y:visible}.selected-files{flex:0 0 auto}.selected-list{flex:0 1 auto;min-height:0;max-height:220px}.file-picker-panel.has-files .selected-list{min-height:0;max-height:240px}.active-transfer-panel{padding:22px 18px}}.settings-modal{width:min(520px,100%);display:flex;flex-direction:column;max-height:88vh}.settings-modal>.modal-heading,.settings-modal>.settings-tabs,.settings-modal>.modal-actions{flex:0 0 auto}.name-prompt{width:min(420px,100%);padding:26px 26px 22px;border-radius:20px;background:#fff;box-shadow:0 24px 80px #25223835;animation:modal-pop var(--t-enter) var(--ease-spring) both}.name-prompt-tip{margin:-4px 0 18px;color:#8a8b9e;font-size:10.5px;line-height:1.8}.name-prompt .modal-actions{margin-top:22px}.settings-tabs{position:relative;display:flex;gap:4px;margin:-6px 0 18px;padding:4px;border-radius:11px;background:#f4f2f9}.settings-tabs button{position:relative;z-index:1;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:0;border-radius:8px;background:transparent;color:#8b8b9d;font-size:11px;transition:color var(--t-hover) var(--ease-out)}.settings-tabs button:hover{color:#5b49bb}.settings-tabs button.active{color:#5b49bb;font-weight:600}.settings-tabs button svg{flex-shrink:0}.settings-modal .account-panel{margin-bottom:0;padding-bottom:0;border-bottom:0}.seg-thumb{position:absolute;top:4px;bottom:4px;left:4px;border-radius:8px;background:var(--surface);box-shadow:0 1px 2px #302c4a12,0 3px 10px #302c4a14;transition:transform var(--t-enter) var(--ease-spring);pointer-events:none}.auth-tabs .seg-thumb{width:calc((100% - 12px)/2)}.auth-tabs[data-active=register] .seg-thumb{transform:translate(calc(100% + 4px))}.settings-tabs .seg-thumb{width:calc((100% - 8px - 8px) / 3)}.settings-tabs[data-active=account] .seg-thumb{transform:translate(calc(100% + 4px))}.settings-tabs[data-active=legal] .seg-thumb{transform:translate(calc(200% + 8px))}.legal-intro{margin:0 0 14px;color:#8a8b9c;font-size:10px;line-height:1.8}.legal-doc-list{display:flex;flex-direction:column;gap:9px}.legal-doc-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #eae7f2;border-radius:12px;background:#fbfaff;text-align:left;transition:.18s ease}.legal-doc-item:hover{border-color:#c9c1e8;background:#fff}.legal-doc-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#efebfb;color:#6a56cf;flex-shrink:0}.legal-doc-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.legal-doc-text strong{color:#34314a;font-size:12px}.legal-doc-text small{color:#9b9cab;font-size:9px}.legal-doc-open{color:#6a56cf;font-size:10px;flex-shrink:0}@media(max-width:480px){.settings-tabs button{font-size:10px;gap:4px}}@media(max-height:620px){.sender-verified{padding:11px;margin:12px 0 10px}.sender-avatar{width:36px;height:36px;border-radius:10px}.sender-verified>svg{width:17px}.incoming-list{max-height:120px}.incoming-actions{margin-top:12px}.browser-memory-note{display:none}.standalone-cancel{margin-top:10px}}.verify-strip{margin-top:14px;padding:12px;border:1px solid #f0e2c8;border-radius:var(--radius-card);background:#fdf9ef}.verify-head{display:flex;gap:9px;color:#b08a3b}.verify-head>svg{flex-shrink:0;margin-top:1px}.verify-head strong{display:block;font-size:11px;color:#8a6d2f}.verify-head p{margin:4px 0 0;color:#9c8b66;font-size:9.5px;line-height:1.65}.verify-form{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.verify-form input{flex:1 1 118px;min-width:0;height:34px;padding:0 11px;border:1px solid #e5dcc7;border-radius:9px;background:#fff;color:#3f3d52;font-size:13px;letter-spacing:3px}.verify-form input:focus{outline:none;border-color:#c9b483;box-shadow:0 0 0 3px #c9b48322}.verify-form .small-button{height:34px}.beta-banner{flex:0 0 30px;display:flex;align-items:center;justify-content:center;gap:8px;height:30px;padding:0 16px;background:linear-gradient(90deg,#f3efff,#eef7f5);border-bottom:1px solid #e7e4f4;color:#6b6386;font-size:10.5px;white-space:nowrap;overflow:hidden}.beta-banner strong{color:#5b49bb;font-size:10.5px}.beta-banner span:last-child{overflow:hidden;text-overflow:ellipsis}.beta-dot{width:6px;height:6px;border-radius:50%;background:#6857d9;box-shadow:0 0 0 3px #6857d91f;flex-shrink:0}.quota-bar{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 12px;border:1px solid #e6e4f0;border-radius:10px;background:#fbfaff;color:#4c4a63;font-size:10.5px;transition:.18s ease}.quota-bar:hover{border-color:#c9c1e8;background:#fff}.quota-plan{display:inline-flex;align-items:center;gap:5px;color:#5b49bb;font-weight:600;flex-shrink:0}.quota-metric{display:inline-flex;align-items:center;gap:7px}.quota-track{display:block;width:74px;height:6px;border-radius:4px;background:#ece9f6;overflow:hidden}.quota-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6e58d2,#48bdb0)}.quota-value{color:#7c7d90;font-variant-numeric:tabular-nums}.quota-uploads{padding-left:9px;border-left:1px solid #e6e4f0;color:#7c7d90}.quota-bar.is-tight .quota-track i{background:linear-gradient(90deg,#d98a4a,#c9605c)}.quota-bar.is-tight .quota-value{color:#b4603f}.pricing-page{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;overscroll-behavior:contain}.pricing-notice{display:flex;gap:11px;padding:13px 15px;margin-bottom:16px;border:1px solid #e6e2f6;border-radius:12px;background:#faf9ff;color:#6d5ac5}.pricing-notice>svg{flex-shrink:0;margin-top:1px}.pricing-notice strong{display:block;color:#4b3f8f;font-size:11.5px}.pricing-notice p{margin:5px 0 0;color:#8a8b9e;font-size:10px;line-height:1.7}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-card{position:relative;display:flex;flex-direction:column;padding:20px 18px 18px;border:1px solid #e8e6f0;border-radius:16px;background:#fff}.plan-card.recommended{border-color:#cfc7ee;box-shadow:0 10px 28px #5b49bb0f}.plan-card.is-active{border-color:#b9e2da;background:#fcfefd}.plan-badge{position:absolute;top:-9px;left:18px;padding:3px 9px;border-radius:8px;background:#6857d9;color:#fff;font-size:9.5px;font-weight:600}.plan-head{display:flex;flex-direction:column;gap:3px}.plan-name{color:#2b2a3d;font-size:14px;font-weight:700}.plan-tagline{color:#9a9bac;font-size:9.5px}.plan-price{display:flex;align-items:baseline;gap:5px;margin:14px 0 12px}.plan-price strong{color:#16151f;font-size:32px;line-height:1;letter-spacing:-.6px}.plan-price span{color:#9a9bac;font-size:11px}.plan-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}.plan-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border:1px solid #eceaf4;border-radius:999px;background:#faf9fd;color:#6f6a86;font-size:9.5px}.plan-chip .dot{width:5px;height:5px;border-radius:50%;background:#6857d9}.plan-usage{min-height:26px;margin-bottom:12px}.plan-usage-row{display:flex;justify-content:space-between;margin-bottom:6px;color:#85879a;font-size:9.5px}.plan-usage-track{display:block;height:5px;border-radius:3px;background:#ece9f6;overflow:hidden}.plan-usage-track i{display:block;height:100%;background:linear-gradient(90deg,#6e58d2,#48bdb0);transition:width .3s var(--ease-out)}.plan-usage.placeholder{padding:7px 0;color:#a8a9b8;font-size:9.5px}.plan-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:38px;margin-bottom:16px;border:1px solid #1b1a24;border-radius:10px;background:#1b1a24;color:#fff;font-size:11.5px;font-weight:600;transition:.18s ease}.plan-button:hover:not(:disabled){background:#34314a}.plan-button.is-current{border-color:#d9f0ec;background:#f0faf8;color:#2f8f83}.plan-button.is-soon{border-color:#e8e6f0;background:#f6f5fa;color:#a3a4b3}.plan-button:disabled{cursor:default;opacity:1}.plan-list{display:flex;flex-direction:column;gap:9px;margin:0;padding:13px 0 0;list-style:none;border-top:1px solid #f0eef6}.plan-list li{display:flex;align-items:flex-start;gap:7px;color:#5f6076;font-size:10px;line-height:1.5}.plan-list li svg{flex-shrink:0;margin-top:1px;color:#45a294}.plan-list li.muted{color:#9899aa}.pricing-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-top:14px;border-top:1px solid #eeeef4}.pricing-foot strong{display:block;color:#4b4a5e;font-size:11px}.pricing-foot p{margin:5px 0 0;color:#9899aa;font-size:9.5px;line-height:1.7;max-width:620px}.pricing-reset{display:inline-flex;align-items:center;gap:5px;color:#7c6cc8;font-size:10px;white-space:nowrap}.quota-detail{margin-top:13px;padding:12px;border:1px solid #e8e6f2;border-radius:11px;background:#fbfaff}.quota-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.quota-detail-head>div{display:inline-flex;align-items:center;gap:6px;color:#5b49bb}.quota-detail-head strong{color:#3a3950;font-size:11.5px}.quota-detail-row{display:flex;align-items:baseline;justify-content:space-between;margin:10px 0 6px;color:#7c7d90;font-size:10px}.quota-detail-row strong{color:#3a3950;font-size:11px;font-variant-numeric:tabular-nums}.quota-detail-track{display:block;height:6px;border-radius:4px;background:#ece9f6;overflow:hidden}.quota-detail-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6e58d2,#48bdb0)}.quota-detail-meta{display:flex;justify-content:space-between;margin-top:7px;color:#9a9bac;font-size:9.5px}.quota-events{margin-top:11px;padding-top:10px;border-top:1px dashed #e8e6f2}.quota-events-title{display:block;margin-bottom:7px;color:#a0a1b0;font-size:9px}.quota-event{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:9.5px}.quota-event-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;flex-shrink:0}.quota-event-icon.upload{background:#efeafb;color:#6a56cf}.quota-event-icon.download{background:#e8f6f3;color:#35998d}.quota-event-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#63647a}.quota-event-bytes{color:#9a9bac;font-variant-numeric:tabular-nums}.verify-backdrop{z-index:120}.verify-gate{width:min(420px,100%);padding:30px 28px 22px;border-radius:20px;background:#fff;box-shadow:0 24px 80px #25223835;text-align:center}.verify-gate-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:18px;background:#f0edfb;color:#6a56cf}.verify-gate h2{margin:6px 0 10px;font-size:20px;color:#282737}.verify-gate-text{margin:0 0 18px;color:#85879a;font-size:11px;line-height:1.8}.verify-gate-text strong{color:#4b4a60}.verify-gate-form{justify-content:center}.verify-gate-form input{flex:1 1 auto;height:40px}.verify-gate-form .primary-button{height:40px;padding:0 18px}.verify-gate-actions{display:flex;justify-content:center;gap:16px;margin-top:16px}.verify-gate-hint{margin:18px 0 0;color:#a8a9b8;font-size:9px;line-height:1.7}@media(max-width:1100px){.quota-bar .quota-uploads{display:none}}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.pricing-foot{flex-direction:column;align-items:flex-start}}@media(max-width:650px){.beta-banner{font-size:9.5px;padding:0 10px}.beta-banner span:last-child{display:none}.quota-bar{height:30px;padding:0 8px;gap:6px}.quota-track{width:44px}.plan-price strong{font-size:28px}}@media(max-height:660px){.beta-banner{display:none}}.progress-diag{margin-top:5px;color:#a3a2b4;font-size:9px;letter-spacing:.2px}.completed-speed{margin-top:4px;color:#a3a2b4;font-size:10px}@media(max-height:660px){.progress-diag{margin-top:3px;font-size:8.5px}}.account-shell{display:flex;flex-direction:column;gap:0}.settings-scroll{flex:1 1 auto;min-height:220px;max-height:none;overflow-y:auto;overscroll-behavior:contain}.settings-scroll::-webkit-scrollbar{width:6px}.settings-scroll::-webkit-scrollbar-thumb{background:#ddd9ea;border-radius:3px}.field-label{display:flex;flex-direction:column;gap:6px}.field-label>span{color:var(--text-body);font-size:10.5px;font-weight:500}.field-label input{height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:#33324a;font-size:12.5px;transition:border-color var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.field-label input:focus{outline:none;border-color:#b9aee8;box-shadow:0 0 0 3px #6a56cf14}.field-label input::placeholder{color:#b3b3c2}.auth-view{display:flex;flex-direction:column;gap:16px}.auth-hero{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--radius-card);background:linear-gradient(135deg,#f4f1fe,#eef7f5);border:1px solid #ebe6f8}.auth-hero-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:var(--surface);color:#6a56cf;box-shadow:0 4px 12px #6a56cf1a}.auth-hero strong{display:block;color:var(--text-strong);font-size:13.5px}.auth-hero p{margin:5px 0 0;color:var(--muted);font-size:10.5px;line-height:1.7}.auth-tabs{position:relative;display:flex;gap:4px;padding:4px;border-radius:11px;background:#f4f2f9}.auth-tabs button{position:relative;z-index:1;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:0;border-radius:8px;background:transparent;color:#8b8b9d;font-size:11.5px;transition:color var(--t-hover) var(--ease-out)}.auth-tabs button.active{color:#5b49bb;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:12px;animation:page-fade var(--t-enter) var(--ease-out) both}.auth-submit{width:100%;height:42px;margin-top:2px;font-size:12.5px}.auth-hint{margin:0;color:#9596a6;font-size:10px;line-height:1.7}.auth-error{padding:9px 12px;border-radius:var(--radius-control);background:#fdf1f0;color:#b4544d;font-size:10.5px;animation:page-fade var(--t-enter) var(--ease-out) both}.auth-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.auth-legal{color:#9b9cab;font-size:9.5px}.auth-legal .inline-link{margin:0 2px;font-size:9.5px}.auth-resend{align-self:flex-start;font-size:10px}.code-input{letter-spacing:8px;font-size:16px!important;text-align:center;font-variant-numeric:tabular-nums}.captcha-box{padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-soft)}.captcha-head{display:flex;align-items:center;gap:6px;color:#7d7c94;font-size:10px}.captcha-head span{flex:1}.captcha-refresh{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:#9a99ae;transition:var(--t-hover) var(--ease-out)}.captcha-refresh:hover{background:#f0edf8;color:#6a56cf}.captcha-body{display:flex;align-items:center;gap:10px;margin-top:8px}.captcha-question{flex:1;color:#35334c;font-size:15px;font-weight:600;letter-spacing:1px;font-variant-numeric:tabular-nums}.captcha-body input{width:88px;height:34px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:#33324a;font-size:13px;text-align:center;transition:border-color var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.captcha-body input:focus{outline:none;border-color:#b9aee8;box-shadow:0 0 0 3px #6a56cf14}.account-home{display:flex;flex-direction:column;gap:14px}.account-hero{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.account-avatar{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:linear-gradient(135deg,#6a56cf,#48bdb0);color:#fff;font-size:19px;font-weight:700}.account-identity{flex:1;min-width:0}.account-name{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.account-name strong{color:var(--text-strong);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.account-identity p{margin:4px 0 0;color:var(--text-weak);font-size:9.5px}.badge{display:inline-flex;align-items:center;gap:3px;height:19px;padding:0 7px;border-radius:999px;font-size:9px}.badge.ok{background:#eaf7f4;color:#2f8f83}.badge.warn{background:#fdf5e7;color:#a8813a}.account-plan-chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;flex-shrink:0;border:1px solid #dcd4f5;border-radius:var(--radius-chip);background:var(--surface-tint);color:#5b49bb;font-size:10px;font-weight:600;transition:var(--t-hover) var(--ease-out)}.account-plan-chip:hover{border-color:#bcb0ea;background:#efeafd}.quota-card{padding:14px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-soft)}.quota-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.quota-card-title{display:inline-flex;align-items:center;gap:6px;color:#5b49bb;font-size:11px;font-weight:600}.quota-card-main{display:flex;align-items:baseline;justify-content:space-between;margin:12px 0 7px}.quota-num strong{color:#16151f;font-size:21px;font-variant-numeric:tabular-nums}.quota-num span{margin-left:5px;color:var(--text-weak);font-size:10.5px}.quota-percent{color:#7c6cc8;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.quota-card-track{display:block;height:7px;border-radius:4px;background:#ece9f6;overflow:hidden}.quota-card-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6e58d2,#48bdb0);transition:width .3s var(--ease-out)}.quota-card-track.is-tight i{background:linear-gradient(90deg,#d98a4a,#c9605c)}.quota-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.quota-grid>div{display:flex;flex-direction:column;gap:3px;padding:8px 9px;border-radius:var(--radius-chip);background:var(--surface);border:1px solid #efeef6}.quota-grid svg{color:#9b93c9}.quota-grid span{color:#a0a1b0;font-size:8.5px}.quota-grid strong{color:#3a3950;font-size:10px;font-variant-numeric:tabular-nums}.account-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.account-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--text-body);font-size:10.5px;transition:var(--t-hover) var(--ease-out)}.account-action:hover{border-color:#cfc7ee;color:#5b49bb;background:var(--surface-soft)}.account-action.active{border-color:#cfc7ee;background:var(--surface-tint);color:#5b49bb}.account-action svg.rotated{transform:rotate(180deg)}.account-action svg{transition:transform var(--t-hover) var(--ease-out)}.account-drawer{padding:13px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-soft);animation:page-fade var(--t-enter) var(--ease-out) both}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.security-grid>div{display:flex;flex-direction:column;gap:3px}.security-grid span{color:#a0a1b0;font-size:8.5px}.security-grid strong{color:#3a3950;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-note{margin:10px 0 0;color:#9b9cab;font-size:9.5px;line-height:1.7}.security-note.danger{color:#b4544d}.security-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.security-buttons .small-button.active{border-color:#cfc7ee;background:var(--surface-tint);color:#5b49bb}.account-inline-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.account-inline-form input{flex:1 1 150px;min-width:0;height:36px;padding:0 11px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:#33324a;font-size:11px;transition:border-color var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.account-inline-form input:focus{outline:none;border-color:#b9aee8;box-shadow:0 0 0 3px #6a56cf14}.account-inline-form.danger{flex-direction:column;align-items:stretch}.account-inline-form.danger .small-button{align-self:flex-start}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:36px;padding:0 13px;border:1px solid #f0d9d6;border-radius:var(--radius-control);background:#fdf5f4;color:#b4544d;font-size:10.5px;transition:var(--t-hover) var(--ease-out)}.danger-button:hover:not(:disabled){background:#fbeceb;border-color:#e8c3bf}.danger-button:disabled{opacity:.5;cursor:default}.account-foot{display:flex;align-items:center;justify-content:center;gap:7px;margin:2px 0 0;color:#c0c1cc;font-size:9.5px}.account-foot .inline-link{font-size:9.5px}.pricing-redeem{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;flex-shrink:0;align-self:center;border:1px solid #d5cdf2;border-radius:9px;background:#fff;color:#5b49bb;font-size:10.5px;font-weight:600;transition:.16s ease}.pricing-redeem:hover{background:#f6f3ff;border-color:#bcb0ea}.pricing-toast{display:flex;align-items:center;gap:7px;margin-bottom:12px;padding:9px 13px;border:1px solid #ddd5f5;border-radius:var(--radius-control);background:var(--surface-tint);color:#5b49bb;font-size:10.5px;animation:toast-in var(--t-enter) var(--ease-out) both}@media(max-width:480px){.settings-scroll{max-height:min(70vh,520px)}.account-actions,.quota-grid{grid-template-columns:1fr 1fr}.account-name strong{max-width:140px}}.send-actions{display:flex;align-items:center;gap:8px}.send-actions .primary-button{flex:0 0 auto}.lan-share-button{height:40px;padding:0 14px;border-color:#d8d0f2;background:#f8f5ff;color:#5b49bb}.lan-share-button:hover:not(:disabled){border-color:#bcb0ea;background:#f2ecff}.lan-error{margin-top:8px;padding:8px 11px;border-radius:9px;background:#fdf1f0;color:#b4544d;font-size:10.5px}.lan-share-body{display:flex;gap:16px;margin-top:14px}.lan-qr{display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 auto;padding:9px;border:1px solid #e9e6f3;border-radius:12px;background:#fff}.lan-qr img{width:132px;height:132px;display:block}.lan-qr span{color:#9b9cab;font-size:9px}.lan-detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}.lan-address{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e9e6f3;border-radius:9px;background:#fbfaff}.lan-address code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4a4870;font-family:Consolas,Courier New,monospace;font-size:10.5px}.lan-meta{display:flex;align-items:center;justify-content:space-between;color:#8b8c9e;font-size:10px}.lan-countdown{font-variant-numeric:tabular-nums;color:#5b49bb;font-weight:600}.lan-countdown.is-warn{color:#c9605c}.lan-progress{display:flex;flex-direction:column;gap:5px}.lan-progress-track{height:6px;border-radius:4px;background:#ece9f6;overflow:hidden}.lan-progress-track i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#6e58d2,#48bdb0);transition:width .25s ease}.lan-progress span{color:#9b9cab;font-size:9px;font-variant-numeric:tabular-nums}.lan-security{display:flex;align-items:flex-start;gap:6px;color:#7d7c94;font-size:9.5px;line-height:1.6}.lan-security svg{flex-shrink:0;margin-top:1px;color:#45a294}.lan-warning{margin:12px 0 0;padding:8px 11px;border-radius:9px;background:#fdf8ec;color:#9c8b66;font-size:9.5px;line-height:1.7}.lan-warning strong{color:#8a6d2f}@media(max-width:560px){.lan-share-body{flex-direction:column;align-items:center}.lan-detail{width:100%}}@media(max-height:660px){.lan-qr img{width:104px;height:104px}.lan-warning{display:none}}.lan-cert-tip{margin:10px 0 0;padding:8px 11px;border-radius:9px;background:#f3f6fd;color:#6b7899;font-size:9.5px;line-height:1.7}.receive-layout.single-column{grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center}.receive-layout.single-column .receive-card{width:min(560px,100%)}.history-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.history-panel .history-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;margin-bottom:4px}.history-panel .history-list::-webkit-scrollbar{width:6px}.history-panel .history-list::-webkit-scrollbar-thumb{background:#ddd9ea;border-radius:3px}.history-panel .history-header{position:sticky;top:0;z-index:1;background:#fff}.account-page{display:flex;flex-direction:column;gap:14px;animation:page-fade var(--t-enter) var(--ease-out) both}.account-page.sub-page{animation:page-slide var(--t-enter) var(--ease-out) both}@keyframes page-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes page-slide{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.sub-page-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #f0eef6}.sub-page-head strong{color:#2b2a3d;font-size:13px}.back-button{display:inline-flex;align-items:center;gap:3px;height:28px;padding:0 9px 0 6px;border:1px solid #e8e6f0;border-radius:8px;background:#fff;color:#6b6a80;font-size:10.5px;transition:.16s ease}.back-button:hover{border-color:#cfc7ee;color:#5b49bb;background:#fbfaff}.security-block{padding:12px;border:1px solid #eeeaf6;border-radius:11px;background:#fdfcff}.security-block.danger{border-color:#f4e4e2;background:#fffbfa}.security-block-title{display:inline-flex;align-items:center;gap:6px;color:#3a3950;font-size:11px;font-weight:600}.security-block .security-note{margin-top:6px}.security-block .account-inline-form{margin-top:9px}.redeem-hero{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:linear-gradient(135deg,#f6f3ff,#eef8f5)}.redeem-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;color:#6a56cf;box-shadow:0 4px 12px #6a56cf1a}.redeem-hero p{margin:0;color:#6b6a80;font-size:10.5px;line-height:1.7}.account-inline-form.vertical{flex-direction:column;align-items:stretch}.account-inline-form.vertical input{height:40px;letter-spacing:1px}.account-inline-form.vertical .primary-button{height:40px}.page-content>.panel,.page-content>.staging-layout,.page-content>.pricing-page,.page-content>.receive-layout,.page-content>.send-layout{animation:page-fade var(--t-enter) var(--ease-out) both}.auth-view,.account-home{animation:page-fade var(--t-enter) var(--ease-out) both}.pick-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.pick-actions .secondary-button{flex:0 0 auto}.fallback-actions{display:flex;flex-wrap:wrap;gap:8px}.receive-recovery{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.stage-steps{display:flex;align-items:center;gap:6px;margin:2px 0 14px}.stage-step{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;border:1px solid #ebe8f4;border-radius:10px;background:#faf9fd;color:#9a9bac;font-size:10.5px;transition:.18s ease}.stage-step:disabled{cursor:default;opacity:.75}.stage-step.done{border-color:#d9f0ec;background:#f4fbfa;color:#2f8f83}.stage-step.active{border-color:#cfc7ee;background:#fff;color:#5b49bb;font-weight:600;box-shadow:0 3px 12px #5b49bb12}.stage-step-index{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ece9f6;color:#7c7d90;font-size:9.5px;font-variant-numeric:tabular-nums}.stage-step.active .stage-step-index{background:#6a56cf;color:#fff}.stage-step.done .stage-step-index{background:#d9f0ec;color:#2f8f83}.stage-step-body{animation:stage-in-next var(--t-enter) var(--ease-out) both}.stage-step-body.slide-back{animation-name:stage-in-back}@keyframes stage-in-next{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes stage-in-back{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.stage-step-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.stage-foot-hint{display:inline-flex;align-items:center;gap:5px;color:#9b9cab;font-size:9.5px}.stage-security-step{display:flex;flex-direction:column;gap:11px}.stage-lock-card{padding:13px;border:1px solid #e7f1ef;border-radius:12px;background:#f7fcfb}.stage-lock-head{display:flex;gap:9px;color:#2f8f83}.stage-lock-head>svg{flex-shrink:0;margin-top:1px}.stage-lock-head strong{display:block;color:#26746b;font-size:11px}.stage-lock-head p{margin:4px 0 0;color:#7d9b97;font-size:9.5px;line-height:1.7}.stage-password-toggle{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #eae7f3;border-radius:12px;background:#fbfaff;cursor:pointer;transition:.16s ease}.stage-password-toggle.on{border-color:#cfc7ee;background:#f8f5ff}.stage-password-toggle input{position:absolute;opacity:0;width:0;height:0}.stage-password-switch{position:relative;flex-shrink:0;width:34px;height:20px;margin-top:2px;border-radius:999px;background:#dedbe9;transition:.18s ease}.stage-password-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000001f;transition:.18s ease}.stage-password-toggle.on .stage-password-switch{background:#6a56cf}.stage-password-toggle.on .stage-password-switch:after{transform:translate(14px)}.stage-password-toggle strong{display:block;color:#3a3950;font-size:11px}.stage-password-toggle p{margin:4px 0 0;color:#9a9bac;font-size:9.5px;line-height:1.7}.stage-password-field{display:flex;flex-direction:column;gap:6px}.stage-password-field input,.stage-password-box input{height:40px;padding:0 13px;border:1px solid #ddd7ee;border-radius:10px;background:#fff;color:#33324a;font-size:12.5px}.stage-password-field input:focus,.stage-password-box input:focus{outline:none;border-color:#b9aee8;box-shadow:0 0 0 3px #6a56cf14}.stage-password-field span{color:#a5a6b5;font-size:9px}.stage-summary{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:8px;padding:13px;border:1px solid #eeeaf6;border-radius:12px;background:#fdfcff}.stage-summary>div{display:flex;flex-direction:column;gap:3px;min-width:0}.stage-summary span{color:#a0a1b0;font-size:8.5px}.stage-summary strong{color:#3a3950;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-password-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 4px;text-align:center}.stage-password-box h2{margin:0;font-size:18px;color:#282737}.stage-password-box p{margin:0;max-width:420px;color:#85879a;font-size:10.5px;line-height:1.8}.stage-password-box input{width:min(320px,100%);text-align:center}.stage-password-box .stage-download-actions{margin-top:4px}@media(max-width:560px){.stage-step span:last-child{display:none}.stage-summary{grid-template-columns:1fr 1fr}}.clip-hint{color:#9596a6!important;font-size:10px!important}.clip-content{width:min(460px,100%);max-height:220px;overflow:auto;margin:6px auto 2px;padding:13px 15px;border:1px solid #e8e5f0;border-radius:12px;background:#fbfaff;color:#33324a;font-size:11.5px;line-height:1.75;text-align:left;white-space:pre-wrap;word-break:break-word;font-family:inherit}.clip-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px}.clip-actions .secondary-button{min-width:120px}.clip-actions .primary-button{min-width:140px}.incoming-clip{width:100%;max-height:min(38vh,300px);overflow:auto;margin:0 0 4px;padding:13px 15px;border:1px solid #eeeef4;border-radius:12px;background:#fbfaff;color:#33324a;font-size:11.5px;line-height:1.75;text-align:left;white-space:pre-wrap;word-break:break-word;font-family:inherit}.send-kind{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;flex:0 0 auto}.send-kind button{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e8e6f0;border-radius:11px;background:#fbfaff;color:#6f6a86;text-align:left;transition:.16s ease}.send-kind button>svg{color:#9b93c9;flex-shrink:0}.send-kind button span{color:#3a3950;font-size:11.5px;font-weight:600;white-space:nowrap}.send-kind button em{flex:1;color:#a3a2b4;font-size:9px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-kind button:hover{border-color:#cfc7ee}.send-kind button.active{border-color:#b9aee8;background:#f6f3ff;box-shadow:0 3px 12px #5b49bb10}.send-kind button.active>svg{color:#6a56cf}.text-compose{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin-top:16px}.text-compose textarea{flex:1 1 auto;min-height:130px;padding:15px 16px;border:1px solid #e5e3ef;border-radius:14px;background:#fdfcff;color:#33324a;font-size:12.5px;line-height:1.8;resize:none}.text-compose textarea:focus{outline:none;border-color:#b9aee8;box-shadow:0 0 0 3px #6a56cf14;background:#fff}.text-compose-tip{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:#8d8fa2;font-size:9.5px;line-height:1.7;flex:0 0 auto}.text-compose-tip svg{color:#49a99f;flex-shrink:0}.text-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex:0 0 auto}.text-compose-foot span{color:#a5a6b5;font-size:9.5px}.lan-reverse-tip{margin:10px 0 0;padding:8px 11px;border-radius:9px;background:#f6f3ff;color:#6d5ac5;font-size:9.5px;line-height:1.7}.lan-received{margin-top:10px;padding:10px 12px;border:1px solid #e7f1ef;border-radius:10px;background:#f7fcfb}.lan-received-title{display:block;margin-bottom:6px;color:#2f8f83;font-size:9.5px;font-weight:600}.lan-received-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0;color:#4a5c59;font-size:10px}.lan-received-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lan-received-row em{color:#7d9b97;font-style:normal;font-variant-numeric:tabular-nums}.send-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.send-mode button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;border:1px solid #e8e6f0;border-radius:11px;background:#fbfaff;color:#6f6a86;text-align:left;transition:.16s ease}.send-mode button>svg{color:#9b93c9}.send-mode button span{color:#3a3950;font-size:11.5px;font-weight:600}.send-mode button em{color:#a3a2b4;font-size:9px;font-style:normal}.send-mode button:hover{border-color:#cfc7ee}.send-mode button.active{border-color:#b9aee8;background:#f6f3ff;box-shadow:0 3px 12px #5b49bb10}.send-mode button.active>svg{color:#6a56cf}.send-mode-note{margin:8px 0 0;padding:9px 11px;border-radius:9px;background:#fdf8ec;color:#8f7f5a;font-size:9.5px;line-height:1.7}.send-mode-note strong{color:#7a663a}.relay-note{margin:10px 0 0;padding:9px 11px;border-radius:9px;background:#f6f3ff;color:#6d5ac5;font-size:9.5px;line-height:1.7}.relay-note strong{color:#4f3fa8}.network-badge.is-relay{background:#f6f3ff;color:#5b49bb;border-color:#ddd4f7}.lan-discovery-switch{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid #e6e4f0;border-radius:10px;background:#fbfaff;color:#7c7d90;font-size:10.5px;transition:.16s ease}.lan-discovery-switch:hover:not(:disabled){border-color:#cfc7ee;color:#5b49bb}.lan-discovery-switch i{position:relative;width:26px;height:15px;border-radius:999px;background:#dedbe9;transition:.18s ease}.lan-discovery-switch i:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff;transition:.18s ease}.lan-discovery-switch.on{color:#2f8f83;border-color:#d9f0ec;background:#f4fbfa}.lan-discovery-switch.on i{background:#45a294}.lan-discovery-switch.on i:after{transform:translate(11px)}.lan-discovery-switch.is-disabled{opacity:.5;cursor:default}.stage-step{gap:6px;padding:0 8px}.stage-step-arrow{color:#c9c6d8;flex-shrink:0}@media(max-width:700px){.send-mode{grid-template-columns:1fr}.lan-discovery-switch span,.send-kind button em{display:none}.text-compose-foot{flex-direction:column;align-items:stretch}}@media(max-height:780px){.file-picker-panel{padding:20px 22px}.file-picker-panel>.drop-zone{min-height:108px;padding:12px 16px;margin-top:10px}.file-picker-panel>.drop-zone .upload-illustration{display:none}.file-picker-panel>.drop-zone h3{font-size:14px;margin-bottom:4px}.file-picker-panel .function-advice{padding:9px 12px}.file-picker-panel .network-notice{padding:8px 12px}.file-picker-panel .send-mode{margin-top:10px}.file-picker-panel .send-mode button{padding:8px 11px}.send-kind{margin-top:12px}.send-kind button{padding:8px 11px}.text-compose{margin-top:12px}}@media(max-height:680px){.file-picker-panel .function-advice,.file-picker-panel .network-notice,.file-picker-panel .send-mode-note{display:none}.file-picker-panel>.drop-zone{min-height:88px}.send-kind{margin-top:10px}.send-kind button{padding:7px 10px}.send-kind button em{display:none}.text-compose textarea{min-height:96px}.text-compose-tip{display:none}.send-steps{margin:8px 0 6px}.send-config{gap:7px;margin-top:8px}.send-config .send-mode button{padding:7px 10px}.send-step-body>.send-summary{margin-top:8px}.file-picker-panel.has-files .selected-list{min-height:60px}}.toast-stack{position:fixed;top:76px;right:24px;z-index:90;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #f0d9d6;border-left:3px solid #d1685f;border-radius:11px;background:#fff;color:#8d4b45;box-shadow:0 12px 32px #2b233318;animation:toast-in var(--t-enter) var(--ease-out) both;pointer-events:auto}.toast>svg{flex-shrink:0;margin-top:1px;color:#c9605c}.toast p{flex:1;margin:0;color:#7d4d48;font-size:10.5px;line-height:1.65;word-break:break-word}.toast>button{flex-shrink:0;display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:6px;background:transparent;color:#b98d88;transition:.16s ease}.toast>button:hover{background:#fbeceb;color:#b4544d}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@media(max-height:660px){.toast-stack{top:68px}}.primary-button:disabled{opacity:1;border-color:#e2ddf3;background:#e9e5f7;color:#9a92bd;box-shadow:none}.secondary-button:disabled{opacity:1;border-color:#efeef5;background:#fbfafd;color:#b5b4c3;box-shadow:none}.plan-button:disabled{opacity:1}.auth-tabs[data-active=forgot] .seg-thumb{opacity:0}.settings-scroll>.legal-panel{animation:page-fade var(--t-enter) var(--ease-out) both}.security-block,.redeem-hero,.stage-lock-card,.lan-qr{border-radius:var(--radius-card)}.back-button,.quota-bar,.account-chip,.client-download-button,.lan-mode-button{border-radius:var(--radius-chip);transition:var(--t-hover) var(--ease-out)}.drop-zone{transition:border-color var(--t-hover) var(--ease-out),background var(--t-hover) var(--ease-out)}.send-kind button,.send-mode button{transition:border-color var(--t-hover) var(--ease-out),background var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}@media(prefers-reduced-motion:reduce){.seg-thumb,.lan-mode-thumb{transition:none}.page-view,.account-page,.account-page.sub-page,.auth-view,.account-home,.auth-form,.auth-error,.account-message,.account-drawer,.settings-scroll>.legal-panel,.stage-step-body,.toast,.pricing-toast,.page-content>.panel,.page-content>.staging-layout,.page-content>.pricing-page,.page-content>.receive-layout,.page-content>.send-layout{animation:none}}.staging-layout{grid-template-rows:minmax(0,1fr)}.staging-main-panel.view-download{align-self:stretch;justify-content:center;overflow:hidden}.staging-main-panel.view-download .stage-resolve-box{margin:auto}.staging-active-panel{flex:1 1 auto;align-self:center;width:min(840px,100%);display:flex;flex-direction:column;justify-content:center;margin:8px auto 0;overflow:hidden}.staging-active-panel .transfer-topline{flex:0 0 auto}.staging-active-panel .connection-status,.staging-active-panel .stage-resolve-icon,.staging-active-panel .stage-qr,.staging-active-panel .stage-download-actions{flex-shrink:0}.pricing-page{overflow:hidden;padding-right:0}.pricing-grid{flex:1 1 auto;min-height:0;padding-top:10px}.plan-card{padding:clamp(14px,2.1vh,20px) clamp(14px,1.4vw,18px);min-height:0}.plan-price{margin:clamp(8px,1.4vh,14px) 0 clamp(8px,1.4vh,12px)}.plan-price strong{font-size:clamp(24px,3.6vh,32px)}.plan-list{gap:clamp(4px,.9vh,9px);padding-top:clamp(8px,1.4vh,13px)}.plan-list li{font-size:clamp(9px,1.05vh,10px)}.plan-button{margin-bottom:clamp(8px,1.6vh,16px)}.pricing-notice{margin-bottom:clamp(8px,1.4vh,16px);padding:clamp(9px,1.4vh,13px) 15px}.pricing-foot{margin-top:clamp(8px,1.4vh,16px);padding-top:clamp(8px,1.4vh,14px)}@media(max-height:760px){.pricing-notice{display:none}.pricing-foot p{font-size:9px;line-height:1.5}.plan-tagline{display:none}.plan-chips{margin-bottom:9px}}@media(max-height:640px){.plan-chips{display:none}.plan-usage{margin-bottom:8px}.plan-list li:nth-child(n+5){display:none}}@media(max-height:700px){.staging-main-panel.view-download .stage-recommend{display:none}.staging-main-panel.view-download .stage-resolve-box{margin:auto}.staging-main-panel.view-download .stage-resolve-box textarea{min-height:62px}.staging-main-panel.view-download .stage-security-note{margin-top:10px}}.active-transfer-panel{width:100%}