:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:#13201f;--muted:#65706f;--surface:#f5f6f2;--card:#fffffcc2;--line:#13201f1f;--accent:#0b766b;--accent-strong:#075e56;--accent-soft:#d8eee9;--focus:#f2ad3b;--motion-fast:.16s;--motion-base:.24s;--motion-slow:.36s;--ease-out:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--surface);font:16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--surface);min-width:320px}body{background:radial-gradient(circle at 78% 15%, #0b766b1a, transparent 24rem), var(--surface);min-width:320px;min-height:100dvh;margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.app-shell{grid-template-rows:auto minmax(0,1fr) auto;width:min(100% - 32px,1180px);min-height:100dvh;margin:auto;display:grid}.topbar{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font:700 1.05rem Inter,ui-sans-serif,system-ui,sans-serif;display:inline-flex}.brand-mark{border:2px solid var(--ink);width:30px;height:34px;transition:transform var(--motion-base) var(--ease-out);border-radius:50% 50% 48% 48%/38% 38% 62% 62%;place-items:center;display:grid;transform:rotate(45deg)}.brand-mark span{background:var(--accent);border-radius:50%;width:8px;height:8px}.topbar nav{color:var(--muted);gap:28px;font-size:.9rem;display:flex}.topbar nav a{transition:color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-out)}.topbar nav a:hover{color:var(--ink);transform:translateY(-1px)}.brand:hover .brand-mark{transform:rotate(45deg)scale(1.08)}main{align-items:center;min-height:0;display:grid}.route-stage{width:100%;min-width:0;min-height:100%;animation:route-enter var(--motion-base) var(--ease-out) both;align-items:center;display:grid}.hero{max-width:850px;padding:28px 0 40px}.hero-eyebrow,.kicker{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 14px;font-size:.8rem;font-weight:600;display:inline-flex}.hero h1,.content-page h1{letter-spacing:-.075em;margin:0;font:650 clamp(3.4rem,8vw,6.4rem)/.88 Inter,ui-sans-serif,system-ui,sans-serif}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy{max-width:620px;color:var(--muted);margin:18px 0 26px;font-size:clamp(.98rem,1.6vw,1.12rem)}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:820px;display:grid}.action-card{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:104px;transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) ease, background var(--motion-fast) ease, box-shadow var(--motion-fast) ease;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px;display:grid}.action-card:hover{border-color:#0b766b61;transform:translateY(-3px)}.action-card:active{transform:translateY(0)scale(.985)}.action-primary{color:#fff;border-color:var(--accent);background:var(--accent)}.action-primary:hover{background:var(--accent-strong)}.action-icon{opacity:.9;border:1px solid;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.action-card strong,.action-card small{display:block}.action-card strong{font:650 1.35rem Inter,ui-sans-serif,system-ui,sans-serif}.action-card small{opacity:.72;margin-top:3px}.action-primary small{opacity:1}.action-arrow{transition:transform var(--motion-base) var(--ease-out);font-size:1.35rem}.action-card:hover .action-arrow{transform:translate(3px,-3px)}.trust-row{color:var(--muted);flex-wrap:wrap;gap:10px 24px;margin-top:18px;font-size:.8rem;display:flex}.trust-row span{align-items:center;gap:7px;display:inline-flex}.usage-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:820px;margin-top:18px;display:grid}.usage-stat{border:1px solid var(--line);background:var(--card);border-radius:14px;align-items:center;gap:11px;min-width:0;padding:12px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #13201f0d}.usage-stat:after{content:"";background:var(--accent);transform-origin:0;height:3px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.usage-stat-icon{width:36px;height:36px;color:var(--accent);background:var(--accent-soft);border-radius:11px;flex:none;place-items:center;display:grid}.usage-stat-icon svg{width:19px}.usage-stat-copy,.usage-stat strong,.usage-stat small{display:block}.usage-stat strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.12rem;line-height:1.1}.usage-stat small{color:var(--muted);letter-spacing:.02em;margin-top:3px;font-size:.7rem}.usage-stats.is-ready .usage-stat{animation:stat-arrive .42s var(--ease-out) both}.usage-stats.is-ready .usage-stat-users{animation-delay:70ms}.usage-stats.is-ready .usage-stat:after{animation:stat-line .62s .12s var(--ease-out) both}.usage-stats.is-ready .usage-stat-users:after{animation-delay:.19s}.usage-stats.is-ready .usage-stat-icon{animation:stat-icon-pop .52s 80ms var(--ease-out) both}.trust-row span:not(:first-child):before{content:"•";color:var(--accent);margin-right:10px}.route-stage .hero>*,.route-stage .content-page>*{animation:content-reveal var(--motion-slow) var(--ease-out) both}.route-stage .hero>:nth-child(2),.route-stage .content-page>:nth-child(2){animation-delay:35ms}.route-stage .hero>:nth-child(3),.route-stage .content-page>:nth-child(3){animation-delay:70ms}.route-stage .hero>:nth-child(4),.route-stage .content-page>:nth-child(4){animation-delay:.105s}.route-stage .hero>:nth-child(5),.route-stage .content-page>:nth-child(5){animation-delay:.14s}.route-stage .hero>:nth-child(6),.route-stage .content-page>:nth-child(6){animation-delay:.175s}.content-page{width:min(100%,720px);padding:72px 0 100px}.content-page h1{font-size:clamp(2.8rem,7vw,5.4rem)}.content-page>p,.content-page ol{color:var(--muted);margin:32px 0;font-size:1.08rem}.content-page li{padding:7px}.text-link{color:var(--accent);font-weight:600}.about-page{width:100%;padding:32px 0 48px}.about-panel{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;width:min(100%,940px);padding:clamp(24px,4vw,42px)}.founder-intro{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:14px clamp(28px,5vw,48px);display:grid}.founder-avatar{border:1px solid var(--line);background:var(--accent-soft);border-radius:20px;grid-row:1/span 2;width:200px;height:200px;overflow:hidden}.founder-avatar img{object-fit:cover;width:100%;height:100%;display:block}.founder-heading h1{letter-spacing:-.07em;max-width:580px;margin:0;font:650 clamp(3rem,6vw,4.8rem)/.92 Inter,ui-sans-serif,system-ui,sans-serif}.founder-intro>.about-lead{max-width:610px;color:var(--muted);margin:0;font-size:1.08rem}.founder-byline{align-items:baseline;gap:8px;margin:20px 0 0;display:flex}.founder-byline strong{color:var(--ink)}.founder-byline span{color:var(--muted);font-size:.82rem}.founder-byline span:before{content:"•";color:var(--accent);margin-right:8px}.about-details{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(28px,5vw,48px);margin-top:30px;padding-top:26px;display:grid}.about-mission h2{margin:0 0 9px;font-size:1rem}.about-mission p{color:var(--muted);margin:0;font-size:.92rem}.founder-contact{gap:9px;display:grid}.founder-contact a{border:1px solid var(--line);background:var(--card);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:64px;padding:11px 14px;transition:border-color .16s,transform .16s;display:grid}.founder-contact a:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));transform:translate(3px)}.founder-contact svg{width:20px;color:var(--accent)}.founder-contact svg:last-child{width:16px;color:var(--muted)}.founder-contact span,.founder-contact small{display:block}.founder-contact span{text-overflow:ellipsis;min-width:0;font-size:.92rem;overflow:hidden}.founder-contact small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:1px;font-size:.7rem}.about-return{margin-top:22px}footer{border-top:1px solid var(--line);min-height:58px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:.78rem;display:flex}@media (width<=760px){.about-page{padding:24px 0 42px}.about-panel{border-radius:20px}.founder-intro{grid-template-columns:128px minmax(0,1fr);gap:22px}.founder-avatar{border-radius:16px;width:128px;height:128px}.founder-heading h1{font-size:clamp(2.45rem,8vw,3.4rem)}.founder-intro>.about-lead{font-size:.94rem}.about-details{grid-template-columns:1fr;gap:24px}}@media (width<=520px){.founder-intro{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:16px}.founder-avatar{border-radius:14px;grid-row:1;width:104px;height:104px}.founder-heading .kicker{margin-bottom:8px;font-size:.7rem}.founder-heading h1{font-size:clamp(2rem,10vw,2.7rem)}.founder-intro>.about-lead{grid-column:1/-1}.founder-byline{margin-top:12px;display:block}.founder-byline strong,.founder-byline span{display:block}.founder-byline span:before{display:none}}@media (width<=680px){.app-shell{width:min(100% - 28px,1180px)}.topbar{height:68px}.topbar nav a:first-child{display:none}.topbar nav{gap:16px;font-size:.82rem}.hero{padding:28px 0 44px}.hero h1{font-size:clamp(3.2rem,16vw,4.4rem)}.actions{grid-template-columns:1fr}.action-card{min-height:96px;padding:16px}.trust-row{gap:10px 18px}.trust-row span:not(:first-child):before{display:none}footer{flex-direction:column;justify-content:center;align-items:flex-start}}@media (width<=680px) and (height<=820px){.topbar{height:56px}.hero{padding:8px 0 12px}.hero-eyebrow{margin-bottom:8px;font-size:.7rem}.hero h1{font-size:clamp(2.55rem,13.5vw,3.25rem)}.hero-copy{margin:10px 0 12px;font-size:.88rem;line-height:1.38}.actions{gap:8px}.action-card{border-radius:13px;gap:11px;min-height:70px;padding:10px 12px}.action-icon{width:38px;height:38px}.action-icon svg{width:20px}.action-card strong{font-size:1.05rem}.action-card small{font-size:.7rem}.trust-row{grid-template-columns:repeat(3,auto);justify-content:space-between;gap:6px;margin-top:9px;font-size:.65rem;display:grid}.trust-row span{gap:4px}.trust-row span:not(:first-child):before{display:none}.usage-stats{gap:8px;max-width:none;margin-top:9px}.usage-stat{border-radius:10px;gap:8px;min-height:42px;padding:5px 9px}.usage-stat-icon{border-radius:8px;width:29px;height:29px}.usage-stat-icon svg{width:16px}.usage-stat strong{font-size:.9rem}.usage-stats small{font-size:.65rem}footer{flex-direction:row;align-items:center;gap:8px;min-height:42px;font-size:.65rem}.content-page{padding:18px 0 24px}.content-page h1{font-size:clamp(2.25rem,11vw,3rem)}.content-page>p,.content-page ol{margin:18px 0;font-size:.95rem}.flow-page{padding-bottom:16px}.history-page{padding:14px 0 22px}.history-heading{gap:8px}.history-heading h1{font-size:2.35rem}.history-empty{min-height:190px;margin-top:18px}}@media (width>=681px) and (height<=760px){.hero{padding:16px 0 20px}.hero h1{font-size:clamp(3.4rem,7vw,5.7rem)}.hero-copy{margin:12px 0 18px}}@media (prefers-color-scheme:dark){:root{--ink:#edf4f1;--muted:#9faeaa;--surface:#0c1514;--card:#14211fcc;--line:#ebf4f121;--accent:#4fc4b4;--accent-strong:#247f73;--accent-soft:#173a35}body{background:radial-gradient(circle at 78% 15%, #4fc4b41f, transparent 24rem), var(--surface)}.action-primary,.button.primary{color:#06110f;background:var(--accent)}.action-primary:hover,.button.primary:hover{color:#06110f;background:color-mix(in srgb, var(--accent) 86%, white)}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#13201f;--muted:#65706f;--surface:#f5f6f2;--card:#fffffcc2;--line:#13201f1f;--accent:#0b766b;--accent-strong:#075e56;--accent-soft:#d8eee9}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#edf4f1;--muted:#9faeaa;--surface:#0c1514;--card:#14211fcc;--line:#ebf4f121;--accent:#4fc4b4;--accent-strong:#247f73;--accent-soft:#173a35}:root[data-theme=light] .action-primary,:root[data-theme=light] .button.primary{color:#fff;background:var(--accent)}:root[data-theme=light] .action-primary:hover,:root[data-theme=light] .button.primary:hover{color:#fff;background:var(--accent-strong)}:root[data-theme=dark] .action-primary,:root[data-theme=dark] .button.primary{color:#06110f;background:var(--accent)}:root[data-theme=dark] .action-primary:hover,:root[data-theme=dark] .button.primary:hover{color:#06110f;background:color-mix(in srgb, var(--accent) 86%, white)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes route-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-open{0%{opacity:0;transform:translateY(14px)scale(.988)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes content-reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes stat-arrive{0%{opacity:.35;transform:translateY(5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes stat-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes stat-icon-pop{0%{transform:scale(.82)rotate(-5deg)}70%{transform:scale(1.06)rotate(1deg)}to{transform:scale(1)rotate(0)}}@keyframes soft-pop{0%{opacity:0;transform:scale(.92)}70%{transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes loading-dot{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}@keyframes progress-sheen{0%{transform:translate(-120%)}to{transform:translate(220%)}}.flow-page{place-items:center;width:100%;padding:42px 0 78px;display:grid}.flow-card{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(100%,620px);min-width:0;max-width:100%;animation:card-open var(--motion-slow) var(--ease-out) both;border-radius:24px;padding:clamp(26px,6vw,54px);box-shadow:0 24px 70px #0a1e1b14}.flow-card h1{letter-spacing:-.055em;margin:0;font:650 clamp(2rem,6vw,3.35rem)/1.02 Inter,ui-sans-serif,system-ui,sans-serif}.flow-intro{color:var(--muted);margin:16px 0 28px}.loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.loading-state p,.loading-state span{color:var(--muted)}.loading-state>svg{width:34px;height:34px;color:var(--accent);filter:drop-shadow(0 6px 12px color-mix(in srgb, var(--accent) 24%, transparent))}.loading-dots{align-items:center;gap:5px;height:16px;display:flex!important}.loading-dots i{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite loading-dot;display:block}.loading-dots i:nth-child(2){animation-delay:.12s}.loading-dots i:nth-child(3){animation-delay:.24s}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.display-code{letter-spacing:.035em;color:var(--accent);white-space:nowrap;margin:34px 0;font:650 clamp(2.3rem,9vw,4.3rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace}.pairing-grid{grid-template-columns:152px 1fr;align-items:stretch;gap:22px;display:grid}.qr-code{width:152px;height:152px;animation:soft-pop .42s var(--ease-out) 80ms both;background:#fff;border-radius:14px;padding:8px}.waiting-panel{background:var(--accent-soft);animation:content-reveal .32s var(--ease-out) .12s both;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:20px;display:flex}.waiting-panel svg{color:var(--accent);margin-bottom:8px}.waiting-panel span,.waiting-panel small{color:var(--ink)}.waiting-panel small{margin-top:12px}.flow-actions{grid-template-columns:1fr auto;gap:10px;margin-top:26px;display:grid}.button{border:1px solid var(--line);min-height:50px;color:var(--ink);font:inherit;cursor:pointer;transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) ease, background var(--motion-fast) ease, box-shadow var(--motion-fast) ease;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-weight:600;display:inline-flex}.button.primary{color:#fff;border-color:var(--accent);background:var(--accent)}.button.primary:hover{background:var(--accent-strong)}.button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 20px #0a1e1b14}.button:not(:disabled):active{box-shadow:none;transform:translateY(1px)scale(.985)}.button:disabled{cursor:not-allowed;opacity:.42}.button.wide{width:100%;margin-top:24px}.button.ghost{border-color:#0000}.security-note{color:var(--muted);text-align:center;margin:18px 0 0;font-size:.78rem}.send-page{padding:20px 0 36px}.send-card{max-width:480px;padding:32px 34px}.send-card h1{font-size:clamp(2rem,4.5vw,2.65rem)}.send-card .flow-intro{margin:10px 0 18px}.send-card .drop-zone{min-height:150px;margin-top:16px}.send-card .drop-zone svg{width:30px;height:30px;margin-bottom:4px}.send-card .button.wide{min-height:46px;margin-top:18px}.send-card .security-note{margin-top:14px}.send-card .cancel-link{margin-top:12px}.send-card .file-list{max-width:100%;max-height:104px}.receive-entry-page{padding:24px 0 48px}.receive-entry-card{max-width:520px;padding:36px 40px}.receive-entry-card h1{font-size:clamp(2rem,4.5vw,2.75rem)}.receive-entry-card .flow-intro{margin:10px 0 20px}.receive-entry-card .button.wide{margin-top:18px}.receive-entry-card .or{margin:18px 0 10px}.receive-entry-card .secure-caption{margin-top:20px;padding-top:16px}.receive-entry-card .cancel-link{margin-top:16px}.code-entry{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:0;display:grid}.code-entry input{border:1px solid var(--line);min-width:0;height:56px;color:var(--ink);background:var(--surface);text-align:center;transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;border-radius:10px;padding:0;font:650 1.35rem ui-monospace,monospace}.code-entry input:focus{outline:3px solid color-mix(in srgb, var(--accent) 25%, transparent);border-color:var(--accent)}.or{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:22px 0 12px;font-size:.8rem;display:grid}.or:before,.or:after{content:"";background:var(--line);height:1px}.qr-hint{color:var(--muted);text-align:center;margin:0;font-size:.86rem}.inline-error{color:#a52f2f;animation:content-reveal var(--motion-base) var(--ease-out) both;background:#be414114;border:1px solid #be41414d;border-radius:10px;margin-top:18px;padding:12px 14px;font-size:.88rem}.secure-caption{border-top:1px solid var(--line);color:var(--muted);gap:12px;margin-top:28px;padding-top:22px;font-size:.78rem;display:flex}.secure-caption strong,.secure-caption span{display:block}.secure-caption strong{color:var(--ink);margin-bottom:2px}.cancel-link{color:var(--muted);text-align:center;margin-top:22px;font-size:.84rem;display:block}.link-button{cursor:pointer;background:0 0;border:0;width:100%;font-family:inherit}.connected-badge{color:var(--accent);animation:content-reveal var(--motion-base) var(--ease-out) both;align-items:center;gap:7px;margin-bottom:18px;font-size:.86rem;font-weight:600;display:inline-flex}.drop-zone{border:1.5px dashed color-mix(in srgb, var(--accent) 50%, var(--line));background:color-mix(in srgb, var(--accent-soft) 55%, transparent);cursor:pointer;min-height:210px;transition:transform var(--motion-base) var(--ease-out), border-color var(--motion-fast) ease, background var(--motion-fast) ease;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:28px;display:flex}.drop-zone:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 72%, transparent);transform:translateY(-2px)}.drop-zone:active{transform:scale(.992)}.drop-zone svg{width:34px;height:34px;color:var(--accent);margin-bottom:7px}.drop-zone span{color:var(--muted);font-size:.85rem}.drop-zone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.compact-flow{padding:18px 0 28px}.share-card{max-width:560px;padding:30px 34px}.share-card h1{font-size:clamp(2rem,4vw,2.5rem)}.share-card .connected-badge{margin-bottom:12px}.share-card .display-code{margin:18px 0 20px;font-size:clamp(2.5rem,6vw,3.35rem)}.share-card .pairing-grid{grid-template-columns:128px 1fr;gap:16px}.share-card .qr-code{width:128px;height:128px}.share-card .waiting-panel{padding:16px}.share-card .waiting-panel svg{margin-bottom:4px}.share-card .waiting-panel small{margin-top:6px}.share-card .file-list{max-height:116px;margin-top:12px}.share-card .file-list li{padding:9px 2px}.share-card .flow-actions{margin-top:18px}.share-card .button{min-height:46px}.share-card .cancel-link{margin-top:14px}.download-card{max-width:560px;padding:32px 36px}.download-card h1{font-size:clamp(2rem,4vw,2.65rem)}.download-card .flow-intro{margin:10px 0 18px}.download-card .receive-files{overscroll-behavior:contain;max-height:min(34vh,260px);margin-top:16px;overflow-y:auto}.download-card .secure-caption{margin-top:20px;padding-top:16px}.download-card .cancel-link{margin-top:14px}.compact-state{max-width:520px;min-height:0;padding:40px}.compact-state>svg{width:48px;height:48px;margin-bottom:16px}@media (width<=560px){.flow-page{align-self:start;padding:22px 0 54px}.flow-card{border-radius:18px}.send-page{padding:10px 0 24px}.send-card{padding:20px 18px}.send-card h1{font-size:clamp(1.75rem,8vw,1.9rem)}.send-card .flow-intro{margin:8px 0 14px;font-size:.9rem}.send-card .drop-zone{border-radius:14px;min-height:132px;margin-top:12px}.send-card .button.wide{margin-top:14px}.send-card .security-note{margin-top:12px}.send-card .cancel-link{margin-top:10px}.send-card .file-list{max-height:70px;margin-top:10px}.receive-entry-page{padding:12px 0 28px}.receive-entry-card{padding:20px 16px}.receive-entry-card h1{font-size:clamp(1.75rem,8vw,2rem)}.receive-entry-card .flow-intro{font-size:.9rem}.code-entry{gap:5px}.code-entry input{height:50px;font-size:1.15rem}.pairing-grid{grid-template-columns:1fr}.qr-code{justify-self:center;width:136px;height:136px}.waiting-panel{text-align:center;align-items:center}.display-code{font-size:clamp(2rem,10.4vw,3rem)}.compact-flow{padding:10px 0 18px}.share-card,.download-card{padding:18px}.share-card h1,.download-card h1{font-size:1.75rem}.share-card .display-code{margin:14px 0 16px;font-size:clamp(2rem,10vw,2.65rem)}.share-card .pairing-grid{gap:12px}.share-card .waiting-panel{padding:12px}.download-card .connected-badge{margin-bottom:10px}.download-card .flow-intro{margin:6px 0 14px}.download-card .receive-files{max-height:min(22vh,120px);margin-top:12px}.download-card .receive-files li{gap:10px;padding:11px 0}.download-card .button{min-height:44px;padding:0 14px}.download-card .secure-caption{margin-top:14px;padding-top:12px}}@media (width<=360px){.receive-entry-card{padding:20px 14px}.code-entry{gap:4px}.code-entry input{border-radius:8px;height:46px;font-size:1rem}}.file-list{border-top:1px solid var(--line);min-width:0;max-height:190px;margin:16px 0 0;padding:0;list-style:none;overflow:auto}.file-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;min-width:0;padding:12px 2px;display:flex}.file-list li,.receive-files li{animation:content-reveal .28s var(--ease-out) both}.file-list li:nth-child(2),.receive-files li:nth-child(2){animation-delay:35ms}.file-list li:nth-child(3),.receive-files li:nth-child(3){animation-delay:70ms}.file-list li:nth-child(4),.receive-files li:nth-child(4){animation-delay:.105s}.file-list li:nth-child(n+5),.receive-files li:nth-child(n+5){animation-delay:.14s}.file-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-list small{color:var(--muted);white-space:nowrap}.upload-view{animation:content-reveal var(--motion-base) var(--ease-out) both;margin-top:32px}.file-heading,.progress-meta{justify-content:space-between;gap:20px;display:flex}.file-heading strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.progress-track{background:var(--accent-soft);border-radius:999px;height:10px;margin:15px 0 10px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .18s linear;display:block;position:relative;overflow:hidden}.progress-track span:after{content:"";background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:45%;animation:1.15s ease-in-out infinite progress-sheen;position:absolute;inset:0 auto 0 0}.send-card[data-transfer-state=paused] .progress-track span:after{opacity:.35;animation-play-state:paused}.progress-meta{color:var(--muted);font-size:.83rem}.completion-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex}.completion-state>svg{width:58px;height:58px;color:var(--accent);animation:soft-pop .44s var(--ease-out) both;margin-bottom:22px}.completion-state p{max-width:420px;color:var(--muted);margin:18px 0 28px}.receive-files{border-top:1px solid var(--line);margin:24px 0 0;padding:0;list-style:none}.receive-files li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:17px 0;display:flex}.receive-files li>div{min-width:0}.receive-files strong,.receive-files small{display:block}.receive-files strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.receive-files small{color:var(--muted);margin-top:3px}.executable-warning{color:#a56718;align-items:center;gap:5px;margin-top:8px;font-size:.75rem;display:flex}.executable-warning svg,.verified-label svg{width:14px;height:14px}.verified-label{color:var(--accent);animation:soft-pop .3s var(--ease-out) both;align-items:center;gap:5px;font-size:.84rem;font-weight:600;display:flex}.overall-upload{color:var(--muted);margin-top:22px}.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.error-state>svg{color:#b83e3e;width:44px;height:44px;margin-bottom:16px}.error-state p{max-width:420px;color:var(--muted)}.error-state a{color:var(--muted);margin-top:20px}.content-page strong{color:var(--ink)}.setting-group{border-top:1px solid var(--line);margin-top:38px;padding:26px 0}.setting-group h2{margin:0;font-size:1.1rem}.setting-group p{color:var(--muted);margin:8px 0 20px}.theme-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.theme-options button{border:1px solid var(--line);min-height:76px;color:var(--ink);font:inherit;cursor:pointer;transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) ease, background var(--motion-fast) ease;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.theme-options button:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));transform:translateY(-2px)}.theme-options button:active{transform:scale(.985)}.theme-options button.selected{border-color:var(--accent);background:var(--accent-soft);animation:soft-pop .24s var(--ease-out) both}.theme-options button svg:last-child{width:15px;color:var(--accent)}.history-page{align-self:start;width:min(100%,860px);padding:42px 0 72px}.history-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.history-heading h1{letter-spacing:-.065em;margin:0;font:650 clamp(2.5rem,6vw,4.6rem)/.95 Inter,ui-sans-serif,system-ui,sans-serif}.history-heading p:last-child{max-width:570px;color:var(--muted);margin:14px 0 0}.history-list{border-top:1px solid var(--line);margin:34px 0 0;padding:0;list-style:none}.history-list li{border-bottom:1px solid var(--line)}.history-list a{min-height:92px;transition:transform var(--motion-fast) var(--ease-out), background var(--motion-fast) ease;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 8px;display:grid}.history-list a:hover{background:color-mix(in srgb, var(--accent-soft) 40%, transparent)}.history-list a:active{transform:scale(.992)}.history-list li{animation:content-reveal .3s var(--ease-out) both}.history-list li:nth-child(2){animation-delay:40ms}.history-list li:nth-child(3){animation-delay:80ms}.history-list li:nth-child(4){animation-delay:.12s}.history-list li:nth-child(n+5){animation-delay:.15s}.history-icon{width:48px;height:48px;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;display:grid}.history-list strong,.history-list small,.history-expiry span{display:block}.history-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-list small,.history-expiry span{color:var(--muted);font-size:.78rem}.history-expiry{text-align:right;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;min-width:180px;display:grid}.history-expiry svg{width:16px;color:var(--accent);grid-row:1/span 2}.history-empty{border:1px dashed var(--line);min-height:300px;color:var(--muted);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:34px;display:flex}.history-empty>svg{width:38px;height:38px;color:var(--accent)}.history-empty h2,.history-empty p{margin:0}.history-empty p{max-width:410px}.history-empty .button{margin-top:12px}.history-privacy{color:var(--muted);align-items:center;gap:7px;font-size:.78rem;display:flex}.history-privacy svg{width:15px}@media (width<=680px){.history-page{padding:24px 0 52px}.history-heading{flex-direction:column;align-items:flex-start}.history-list a{grid-template-columns:auto minmax(0,1fr)}.history-expiry{text-align:left;grid-column:2;min-width:0;display:flex}.history-expiry svg,.history-expiry span{display:none}}@media (width<=560px){.theme-options{grid-template-columns:1fr}.theme-options button{justify-content:flex-start;min-height:58px}.theme-options button svg:last-child{margin-left:auto}}@media (width<=680px) and (height<=820px){.flow-page{padding-bottom:16px}.history-page{padding:10px 0 16px}.history-heading{gap:8px}.history-heading h1{font-size:2rem}.history-heading p:last-child{margin-top:6px;font-size:.82rem;line-height:1.35}.history-heading .button{min-height:40px;padding-inline:14px}.history-empty{gap:6px;min-height:170px;margin-top:12px}.history-empty .button{min-height:40px;margin-top:6px}.history-privacy{margin:10px 0 0}.setting-group{margin-top:16px;padding:12px 0}.setting-group p{margin:4px 0 10px;font-size:.8rem;line-height:1.35}.theme-options button{gap:5px;min-height:46px;padding:6px 8px;font-size:.8rem}}@media (width>=361px) and (width<=680px) and (height<=820px){.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.theme-options button{justify-content:center}.theme-options button svg:last-child{margin-left:0}}
