@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#19211d;--muted:#657068;--line:#d8dfda;--paper:#fbfdfb;--canvas:#f4f7f3;--grid:#19211d09;--panel:#fbfdfbeb;--panel-shadow:#1f372b1f;--steps:#424d46;--direction-border:#b8d7c5;--qr-border:#cad4cd;--accent:#435e91;--accent-soft:#d8e2ff;--success:#1d6b4b;--success-soft:#dceee4;--on-accent:#fff;--danger:#a43b32;--danger-soft:#f3dedb;--backdrop:#19211d7a;color:var(--ink);background:var(--canvas);font-family:DM Sans,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e7eee9;--muted:#aab8af;--line:#3b4740;--paper:#171d19;--canvas:#101512;--grid:#e7eee90b;--panel:#171d19f0;--panel-shadow:#00000059;--steps:#c8d2cc;--direction-border:#356b50;--qr-border:#46534c;--accent:#adc6ff;--accent-soft:#294677;--success:#7cd4aa;--success-soft:#1b3b2b;--on-accent:#102f60;--danger:#ffb4ab;--danger-soft:#51231f;--backdrop:#000000ad}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), var(--canvas);background-size:32px 32px;margin:0}.pairing-shell{grid-template-rows:auto 1fr auto;width:min(1120px,100% - 40px);min-height:100vh;margin:0 auto;display:grid}.brand-bar{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:700;text-decoration:none;display:inline-flex}.connection-state{color:var(--muted);align-items:center;gap:9px;font-size:14px;font-weight:600;display:inline-flex}.status-dot{background:var(--success);width:9px;height:9px;box-shadow:0 0 0 4px var(--success-soft);border-radius:50%}.status-dot.error{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.pairing-stage{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:center;gap:clamp(48px,9vw,128px);padding:72px 0 96px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:700}h1{letter-spacing:0;max-width:560px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(44px,7vw,82px);line-height:1.02}.direction-label{border:1px solid var(--direction-border);background:var(--accent-soft);color:var(--accent);border-radius:4px;margin:22px 0 0;padding:7px 11px;font-size:13px;font-weight:700;display:inline-flex}.pairing-artwork{aspect-ratio:2;object-fit:contain;width:min(100%,420px);margin:22px 0 0;display:block}.supporting-copy{max-width:520px;color:var(--muted);margin:26px 0 38px;font-size:18px;line-height:1.65}.pairing-copy{container-type:inline-size}.steps{color:var(--steps);grid-template-columns:repeat(3,max-content);gap:14px 24px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.steps li{align-items:center;gap:9px;display:inline-flex}.step-number{border:1px solid var(--line);background:var(--paper);width:24px;height:24px;color:var(--accent);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.step-label strong{color:var(--accent);font-weight:700}@container (width<=510px){.steps{grid-template-columns:1fr}}.qr-panel{border:1px solid var(--line);background:var(--panel);box-shadow:0 28px 70px var(--panel-shadow);border-radius:8px;padding:26px}.qr-placeholder{aspect-ratio:1;border:1px solid var(--qr-border);background:var(--paper);place-items:center;display:grid;position:relative;overflow:hidden}.qr-placeholder canvas{display:block;width:100%!important;height:100%!important}.qr-placeholder.expired canvas{opacity:.12}.qr-placeholder.expired:after{content:"QR expired";color:var(--ink);font:700 18px Manrope,sans-serif;position:absolute}.session-status{text-align:center;justify-items:center;gap:7px;padding-top:22px;display:grid}.session-status strong{font-family:Manrope,sans-serif;font-size:15px}.session-status span,footer{color:var(--muted);font-size:13px}.session-status .connection-state{margin-top:9px}.session-action{width:100%;margin-top:12px}.session-action[hidden]{display:none}.transfer-workspace{grid-template-columns:minmax(0,720px);justify-content:center;align-self:center;gap:28px;padding:72px 0 96px;display:grid}.transfer-workspace[hidden],.pairing-stage[hidden]{display:none}h2{letter-spacing:0;margin:0;font-family:Manrope,sans-serif;font-size:34px}.transfer-status{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.transfer-controls{gap:14px;display:grid}.file-selection-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.selected-file-label{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-size:15px}.send-action{width:100%}.transfer-status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:76px}.download-history{gap:12px;display:grid}.download-history[hidden]{display:none}.download-list{gap:10px;display:grid}.download-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 0;display:grid}.download-name{overflow-wrap:anywhere;min-width:0}button,.file-picker span,.download-item a{border:1px solid var(--accent);background:var(--accent);min-height:44px;color:var(--on-accent);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 18px;font:600 14px DM Sans,sans-serif;text-decoration:none;display:inline-flex}button.secondary{color:var(--accent);background:0 0}.theme-button{border:1px solid var(--line);background:var(--paper);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ink);border-radius:6px;padding:0}.theme-button:hover{background:var(--accent-soft);color:var(--accent)}.theme-button svg{width:20px;height:20px}.theme-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.file-picker input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}progress{width:min(340px,100%);accent-color:var(--accent)}dialog{border:1px solid var(--line);background:var(--paper);width:min(440px,100% - 32px);color:var(--ink);border-radius:8px;padding:26px}dialog::backdrop{background:var(--backdrop)}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.site-footer{border-top:1px solid var(--line);text-align:center;padding:22px 0 26px}.footer-facts{color:var(--muted);justify-content:space-between;gap:16px 32px;font-size:13px;display:flex}.footer-facts>span{white-space:nowrap}.footer-links{justify-items:center;gap:7px;margin-top:17px;font-size:12px;display:grid}.footer-link-row{justify-content:center;gap:20px;display:flex}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.footer-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}@media (width<=800px){.pairing-shell{width:min(100% - 32px,620px)}.pairing-stage{grid-template-columns:1fr;gap:52px;padding:52px 0 64px}.transfer-workspace{padding:52px 0 64px}.transfer-status{flex-direction:column;grid-column:auto;justify-content:center;align-items:flex-start;padding:18px 0}.download-item{grid-template-columns:1fr}.download-item a{width:100%}.qr-panel{justify-self:center;width:min(100%,420px)}.site-footer{padding:18px 0}.footer-facts{flex-direction:column;align-items:center;gap:5px}}