:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:"Avenir Next", Avenir, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;--bg:#f7f7f2;--surface:#fdfdf9;--surface-muted:#f0f1e9;--text:#252923;--muted:#62665b;--border:#dedfd5;--accent:#d4ef76;--accent-hover:#c6e364;--on-accent:#253514;--focus:#526d21;--danger:#9f2929;--error-bg:#fff0ee;--camera-bg:#22271f;--camera-text:#f5f5ef;--code-white:#fff;--success:#355719;--progress-bg:#e9ebdf;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-pill:999rem;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-title:2rem;--text-display:clamp(3.5rem, 7.5vw, 6.5rem);--text-secondary-display:2.5rem;--leading-tight:1.03;--leading-body:1.65;--tracking-tight:-.065em;--tracking-label:.12em;--weight-normal:400;--weight-medium:500;--weight-strong:600;--weight-bold:700;--size-icon:1.125rem;--size-icon-lg:1.5rem;--size-control:2.875rem;--size-brand:1.5rem;--size-logo:1.75rem;--size-target:2.75rem;--size-dot:.375rem;--size-drop-icon:3rem;--size-stage:16rem;--size-qr:32rem;--size-progress:.375rem;--size-corner:1.875rem;--size-border:1px;--size-ring:3px;--layout-max:36rem;--layout-panel:45rem;--layout-copy:65ch;--motion-fast:.15s;--ease:ease-out;--opacity-disabled:.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c201b;--surface:#232820;--surface-muted:#2d3329;--text:#f1f3e9;--muted:#b2b8a8;--border:#434a3c;--focus:#d4ef76;--danger:#ffb4a6;--error-bg:#412921;--success:#d4ef76;--progress-bg:#424b36}}[data-theme=dark]{--bg:#1c201b;--surface:#232820;--surface-muted:#2d3329;--text:#f1f3e9;--muted:#b2b8a8;--border:#434a3c;--focus:#d4ef76;--danger:#ffb4a6;--error-bg:#412921;--success:#d4ef76;--progress-bg:#424b36}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}button,select,input{font:inherit}button,a,select,input,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button,a,select,input,summary{transition:background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:var(--size-ring) solid var(--focus);outline-offset:var(--space-1)}button:disabled,select:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}button:active:not(:disabled){transform:translateY(var(--size-border))}svg{width:var(--size-icon);height:var(--size-icon);flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:var(--weight-medium)}.header,main{max-width:var(--layout-max);margin-inline:auto}.header{padding:var(--space-6);justify-content:space-between;align-items:center;display:flex}.brand{color:var(--text);font-size:var(--size-brand);line-height:1;font-weight:var(--weight-strong);letter-spacing:var(--tracking-tight);align-items:center;text-decoration:none;display:inline-flex}.brand:hover{color:var(--muted)}.brand-mark{width:var(--size-logo);height:var(--size-logo);stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;margin-inline-end:var(--space-2)}.brand-period{color:var(--focus)}main{padding:0 var(--space-6) var(--space-12)}h1{font-size:var(--text-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-block:var(--space-6)}.transfer{padding:var(--space-5);border:var(--size-border) solid var(--border);background:var(--surface);border-radius:var(--radius-lg);align-self:start}.transfer-top{justify-content:space-between;align-items:center;gap:var(--space-2);margin-block-end:var(--space-5);display:flex}.mode-switch{gap:var(--space-1);background:var(--surface-muted);padding:var(--space-1);border-radius:var(--radius-pill);display:flex}.mode-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-sm);min-height:var(--size-target);background:0 0;border:0;display:inline-flex}.mode-button[aria-pressed=true]{background:var(--text);color:var(--surface)}.mode-button:hover:not([aria-pressed=true]){background:var(--border);color:var(--text)}.step-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);color:var(--muted);white-space:nowrap}.drop-zone{width:100%;min-height:var(--size-stage);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);background:var(--surface-muted);color:var(--text);border:var(--size-border) dashed var(--border);border-radius:var(--radius-md);padding:var(--space-8) var(--space-4);flex-direction:column;display:flex}.drop-zone:hover,.drop-zone.dragging{border-color:var(--focus);background:var(--bg)}.drop-icon{width:var(--size-drop-icon);height:var(--size-drop-icon);background:var(--surface);border:var(--size-border) solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;margin-block-end:var(--space-2);display:inline-flex}.drop-icon svg{width:var(--size-icon-lg);height:var(--size-icon-lg)}.drop-title{font-size:var(--text-sm);font-weight:var(--weight-medium)}.settings{gap:var(--space-6);margin-block:var(--space-6);display:grid}.setting{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.setting label{font-size:var(--text-sm);color:var(--muted);justify-content:space-between;align-items:center;display:flex}select{min-height:var(--size-control);border:var(--size-border) solid var(--border);border-radius:var(--radius-sm);padding-inline:var(--space-3);color:var(--text);background:var(--surface);width:100%;font-size:var(--text-sm)}select:hover:not(:disabled){border-color:var(--muted)}input[type=range]{accent-color:var(--focus);height:var(--size-control);cursor:pointer;width:100%;margin:0}.mono{font-family:var(--font-mono);font-size:var(--text-xs)}.button{min-width:var(--size-control);min-height:var(--size-control);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:var(--size-border) solid transparent;font-size:var(--text-sm);font-weight:var(--weight-strong);white-space:nowrap;text-decoration:none;display:inline-flex}.primary{background:var(--accent);color:var(--on-accent)}.primary:hover:not(:disabled){background:var(--accent-hover)}.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.secondary:hover{background:var(--surface-muted);border-color:var(--muted)}.button-small{min-height:var(--size-target);padding:var(--space-2) var(--space-3)}.action-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-direction:row;display:flex}.action-hint{color:var(--muted);font-size:var(--text-sm)}.file-list:empty{display:none}.file-list{margin-block-start:var(--space-3)}.archive-download{margin-block-start:var(--space-5)}.file-row{align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-bottom:var(--size-border) solid var(--border);display:flex}.file-symbol{width:var(--size-target);height:var(--size-target);background:var(--surface-muted);border-radius:var(--radius-sm);color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-info{flex-direction:column;flex:1;min-width:0;display:flex}.file-name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-size{color:var(--muted)}.icon-button{color:var(--muted);min-width:var(--size-target);min-height:var(--size-target);border-radius:var(--radius-sm);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface-muted);color:var(--text)}.send-stage{background:var(--code-white);color:var(--on-accent);border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.stage-bar{padding:var(--space-2);justify-content:space-between;align-items:center;display:flex}#qrCanvas{width:100%;max-width:var(--size-qr);height:auto;image-rendering:pixelated;aspect-ratio:1;margin-inline:auto;display:block}.stage-tools{justify-content:center;gap:var(--space-2);padding-block:var(--space-2);flex-wrap:wrap;display:flex}.send-stage:fullscreen{width:100%;height:100%;padding:var(--space-4);border-radius:0;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:auto}.send-stage:fullscreen #qrCanvas{width:min(80vw,76vh);max-width:none}.send-stage:fullscreen .stage-bar{width:100%}.transfer-stats{justify-content:space-between;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);margin-block-start:var(--space-4);display:flex}.camera-stage{min-height:var(--size-stage);border-radius:var(--radius-md);background:var(--surface-muted);position:relative;overflow:hidden}.camera-placeholder{min-height:var(--size-stage);text-align:center;padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex}video{aspect-ratio:4/3;object-fit:contain;background:var(--camera-bg);width:100%;display:block}.camera-hint{bottom:var(--space-4);left:var(--space-4);right:var(--space-4);text-align:center;font-size:var(--text-sm);background:var(--camera-bg);color:var(--camera-text);border-radius:var(--radius-pill);padding:var(--space-2);position:absolute}.receive-controls{gap:var(--space-4);margin-block:var(--space-6);flex-wrap:wrap;align-items:end;display:flex}.receive-controls .setting{flex:1;min-width:50%}.receive-progress{padding-block:var(--space-2) var(--space-6)}.progress-heading{font-size:var(--text-sm);justify-content:space-between;align-items:center;margin-block-end:var(--space-3);display:flex}progress{width:100%;height:var(--size-progress);appearance:none;background:var(--progress-bg);border-radius:var(--radius-pill);border:0;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--progress-bg)}progress::-webkit-progress-value{background:var(--focus);border-radius:var(--radius-pill)}progress::-moz-progress-bar{background:var(--focus)}.receive-progress .action-hint{margin-block-start:var(--space-3)}.received{padding-block:var(--space-3)}.complete-heading{gap:var(--space-3);align-items:center;display:flex}.complete-heading>svg{width:var(--size-icon-lg);height:var(--size-icon-lg);color:var(--success)}.complete-heading h2{font-size:var(--text-lg)}.complete-heading p{font-size:var(--text-sm);color:var(--muted)}.received>.button{margin-block-start:var(--space-5)}.notice,.error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);border:var(--size-border) solid var(--border);margin-block-start:var(--space-5)}.notice{background:var(--surface-muted);color:var(--muted)}.error{background:var(--error-bg);color:var(--danger)}.sr-only{width:var(--size-border);height:var(--size-border);margin:calc(-1 * var(--size-border));clip-path:inset(50%);border:0;padding:0;position:absolute;overflow:hidden}@media (width>=480px){.settings{grid-template-columns:1fr 1fr}}@media (width<=380px){.header,main{padding-inline:var(--space-4)}.transfer{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}button:active:not(:disabled){transform:none}}.options{margin-block:var(--space-3)}.options summary{width:var(--size-target);min-height:var(--size-target);border-radius:var(--radius-sm);color:var(--muted);justify-content:center;align-items:center;margin-inline-start:auto;list-style:none;display:flex}.options summary::-webkit-details-marker{display:none}.options summary:hover,.options[open] summary{background:var(--surface-muted);color:var(--text)}.options .settings{margin-block:var(--space-3) var(--space-5)}.receive-controls{flex-wrap:nowrap}.receive-controls .setting{min-width:0}.stage-tools .button,#startSend,#startCamera,#stopCamera{padding-inline:var(--space-4)}