:root{--ink:#111;--canvas:#fff;--soft-cloud:#f7f7f8;--hairline:#e0e0e2;--hairline-soft:#ebebed;--charcoal:#39393b;--ash:#4b4b4d;--mute:#707072;--stone:#9e9ea0;--sale:#d30005;--sale-deep:#780700;--success:#007d48;--success-bright:#1eaa52;--info:#1151ff;--accent:#111;--accent-hover:#000;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--bg:var(--canvas);--surface:var(--canvas);--surface-muted:var(--soft-cloud);--border:var(--hairline);--border-strong:var(--ink);--text:var(--ink);--text-muted:var(--mute);--text-faint:var(--stone);--danger:var(--sale);--warning:var(--charcoal);--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:18px;--space-6:24px;--space-8:30px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-none:0px;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--radius-input:12px;--duration-fast:.12s;--duration-base:.2s;--ease:cubic-bezier(.2, .7, .2, 1);--font-display:"Bebas Neue", "Helvetica Neue", Arial, sans-serif;--font-sans:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-sans);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button,a,input,select,textarea{transition:border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), opacity var(--duration-fast) var(--ease)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px var(--canvas), 0 0 0 4px var(--ink);outline:none}.app-shell{min-height:100vh;padding:var(--space-10) var(--space-6)}.app-frame{width:min(1200px,100%);margin:0 auto}.screen{animation:screen-enter var(--duration-base) var(--ease)}.screen-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-6);display:flex}.screen-divider{border-top:1px solid var(--hairline)}.workspace{gap:var(--space-12);animation:screen-enter var(--duration-base) var(--ease);grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);align-items:start;display:grid}.workspace.drag-over{outline:2px dashed var(--ink);outline-offset:4px;border-radius:var(--radius-md)}.workspace-main,.workspace-side{gap:var(--space-12);flex-direction:column;min-width:0;display:flex}.workspace-shell,.panel,.metric-strip,.file-table,.empty-state,.notice-banner,.hero-panel,.section-panel,.empty-panel{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.workspace-shell{padding:var(--space-8)}.panel,.hero-panel,.section-panel,.empty-panel{padding:var(--space-6)}.hero-card{padding:var(--space-12) var(--space-10);background:var(--soft-cloud);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.workspace-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.workspace-header.compact{align-items:center}.brand-block{gap:var(--space-1);flex-direction:column;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);font-size:30px;line-height:1}.eyebrow,.hero-kicker,.section-meta,.subtle-list-title,.panel-label{color:var(--mute);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600}.workspace-title,.hero-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:0;color:var(--ink);margin:0;font-weight:400}.workspace-title{max-width:14ch;font-size:clamp(52px,9vw,96px);line-height:.9}.hero-title{max-width:12ch;font-size:clamp(40px,6vw,72px);line-height:.9}.section-title{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:24px;font-weight:500;line-height:1.2}.section-subtitle,.hero-copy,.status-copy,.receiver-note,.panel-copy,.helper-copy,.hero-subtitle{color:var(--mute);font-size:16px;line-height:1.5}.hero-subtitle{max-width:52ch;margin:0}.hero-copy{max-width:56ch}.section-heading-row{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.metric-cell{padding:var(--space-6);border-right:1px solid var(--hairline)}.metric-cell:last-child{border-right:0}.metric-value{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:40px;line-height:1;display:block}.metric-label{margin-top:var(--space-3);color:var(--mute);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600;display:block}.button-primary,.button-secondary,.button-danger{min-height:48px;padding:0 var(--space-8);border-radius:var(--radius-full);text-align:center;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:inline-flex}.button-primary{background:var(--ink);color:var(--canvas);box-shadow:var(--shadow-sm)}.button-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.button-secondary{background:var(--soft-cloud);color:var(--ink);border:1px solid var(--hairline)}.button-secondary:hover{background:var(--canvas);border-color:var(--ink)}.button-danger{background:var(--soft-cloud);color:var(--sale);border:1px solid var(--hairline)}.button-danger:hover{border-color:var(--sale);background:#fef2f2}.button-danger.confirm{background:var(--sale);color:var(--canvas);border-color:var(--sale)}.button-primary:active:enabled,.button-secondary:active:enabled,.button-danger:active:enabled,.compact-button:active,.link-chip:active{opacity:.72;transform:scale(.96)}.button-primary:disabled,.button-secondary:disabled,.button-danger:disabled{opacity:.4;cursor:not-allowed}.compact-button,.link-chip,.text-button{min-height:40px;padding:0 var(--space-5);border-radius:var(--radius-full);justify-content:center;align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.compact-button,.link-chip{background:var(--canvas);border:1px solid var(--hairline);color:var(--ink)}.compact-button:hover,.link-chip:hover{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.compact-button:disabled{opacity:.4;cursor:not-allowed}.text-button{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--mute);font-size:18px}.text-button:hover{color:var(--ink)}.muted-link{color:var(--ink);text-underline-offset:3px;font-size:16px;font-weight:500;text-decoration:underline}.notice-banner{padding:var(--space-4) var(--space-5);background:var(--soft-cloud);border:1px solid var(--hairline);border-left-width:3px;border-left-color:var(--ink);border-radius:var(--radius-sm);color:var(--ink);font-size:14px;line-height:1.5}.notice-banner.warning{border-left-color:var(--charcoal)}.notice-banner.danger{border-left-color:var(--sale);color:var(--sale);background:#fef2f2}.grid-two{gap:var(--space-8);grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);display:grid}.stack-lg,.stack-md,.stack-sm{flex-direction:column;display:flex}.stack-lg{gap:var(--space-8)}.stack-md{gap:var(--space-5)}.stack-sm{gap:var(--space-4)}.quick-facts,.hero-feature-list{background:var(--hairline);border:1px solid var(--hairline);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.hero-feature,.fact-card{padding:var(--space-5);background:var(--soft-cloud)}.hero-feature strong,.fact-card strong{margin-bottom:var(--space-2);color:var(--ink);font-size:16px;font-weight:600;display:block}.hero-feature span,.fact-card span{color:var(--mute);font-size:14px;line-height:1.5}.security-list,.steps-list{flex-direction:column;display:flex}.security-row,.step-row,.activity-item{padding:var(--space-5) 0;border-top:1px solid var(--hairline-soft)}.security-row:first-child,.step-row:first-child,.activity-item:first-child{border-top:0;padding-top:0}.security-row strong,.step-row strong{margin-bottom:var(--space-2);color:var(--ink);font-size:16px;font-weight:600;display:block}.file-table,.file-list{overflow:hidden}.file-list{border:1px solid var(--hairline);background:var(--canvas)}.file-table-head,.file-row{align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.file-table-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--hairline);background:var(--soft-cloud)}.file-row{min-height:64px;padding:0 var(--space-5);border-bottom:1px solid var(--hairline-soft);transition:background var(--duration-fast) var(--ease);position:relative}.file-row:last-child{border-bottom:0}.file-row:hover{background:var(--soft-cloud)}.file-row-left{align-items:center;gap:var(--space-4);min-width:0;display:flex}.file-row-main{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:16px;font-weight:500;overflow:hidden}.file-size{color:var(--mute);font-size:14px}.file-row-right{align-items:center;gap:var(--space-4);display:flex}.file-status{text-align:right;min-width:48px;color:var(--mute);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.file-status.success{color:var(--success)}.file-status.error{color:var(--sale)}.file-progress{background:var(--hairline-soft);height:2px;position:absolute;bottom:0;left:0;right:0}.file-progress-bar{background:var(--ink);height:100%}.file-progress.error{background:#fef2f2;border-top:1px solid #fecaca;align-items:center;gap:8px;height:auto;padding:6px 10px;display:flex}.file-progress.error .file-progress-bar{background:#dc2626;border-radius:2px;flex:1;height:4px}.retry-button{white-space:nowrap;padding:2px 8px;font-size:12px}.picker-meta,.table-summary{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--mute);font-size:14px;display:flex}.bottom-action{margin-top:var(--space-3)}.status-pill{align-items:center;gap:var(--space-3);min-height:34px;padding:0 var(--space-5);border-radius:var(--radius-full);background:var(--soft-cloud);border:1px solid var(--hairline);letter-spacing:.04em;text-transform:uppercase;color:var(--mute);font-size:12px;font-weight:600;display:inline-flex}.status-pill.live{background:var(--ink);border-color:var(--ink);color:var(--canvas);box-shadow:var(--shadow-sm)}.status-pill.waiting{background:var(--soft-cloud);color:var(--charcoal)}.status-pill.danger{border-color:var(--sale);color:var(--sale);background:#fef2f2}.status-copy.danger{color:var(--sale)}.header-timer,.code{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.header-timer{color:var(--ink);font-size:16px;font-weight:600}.header-timer.warning,.qr-timer.warning{color:var(--charcoal)}.header-timer.critical,.qr-timer.critical{color:var(--sale)}.qr-block{gap:var(--space-6);flex-direction:column;display:flex}.qr-frame{aspect-ratio:1;width:min(320px,100%);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--canvas);box-shadow:var(--shadow-sm);margin:0 auto}.qr-frame img{width:100%;height:100%;display:block}.qr-copy{color:var(--mute);text-align:center;font-size:14px;line-height:1.6}.qr-timer{font-family:var(--font-display);letter-spacing:.02em;text-align:center;color:var(--ink);font-variant-numeric:tabular-nums;font-size:48px;line-height:1}.code{color:var(--ink);letter-spacing:.08em;font-weight:600}.clipboard-textarea,.view-input,.numeric-input{border:1px solid var(--hairline);border-radius:var(--radius-input);background:var(--soft-cloud);width:100%;color:var(--ink);transition:all var(--duration-fast) var(--ease)}.clipboard-textarea,.view-input{padding:var(--space-4) var(--space-5);font-size:16px}.clipboard-textarea::placeholder,.view-input::placeholder{color:var(--stone)}.clipboard-textarea:focus,.view-input:focus,.numeric-input:focus{background:var(--canvas);border-color:var(--ink);box-shadow:var(--shadow-sm);border-width:2px}.clipboard-textarea{resize:vertical;min-height:120px}.clipboard-received-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.clipboard-received-copy{color:var(--mute);overflow-wrap:anywhere;flex:220px;font-size:14px;line-height:1.6}.clipboard-received-copy strong{color:var(--ink)}.view-field{gap:var(--space-3);flex-direction:column;display:flex}.view-toggle{align-items:center;gap:var(--space-4);color:var(--mute);font-size:14px;display:flex}.view-link-output{padding:var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--soft-cloud);overflow-wrap:anywhere;font-family:var(--font-mono);color:var(--charcoal);font-size:13px;line-height:1.6}.activity-feed{flex-direction:column;display:flex}.activity-feed-title{margin-bottom:var(--space-3)}.activity-item{color:var(--mute);font-size:14px}.receive-dropzone{width:100%;min-height:110px;padding:var(--space-6);border:2px dashed var(--hairline);border-radius:var(--radius-md);background:var(--soft-cloud);text-align:center;transition:all var(--duration-fast) var(--ease);justify-content:center;align-items:center;display:flex}.receive-dropzone:hover{border-color:var(--ink);background:var(--canvas)}.receive-dropzone strong{margin-bottom:var(--space-2);color:var(--ink);font-weight:600;display:block}.receive-dropzone span{color:var(--mute);font-size:14px}.receive-dropzone.drag-over{border-color:var(--ink);background:var(--canvas)}.file-table.drag-over{outline:2px dashed var(--ink);outline-offset:2px;border-radius:var(--radius-md)}.numeric-input-shell{justify-content:center;display:flex}.numeric-input{max-width:280px;min-height:72px;padding:0 var(--space-5);font-family:var(--font-display);text-align:center;letter-spacing:.22em;color:var(--ink);font-size:44px}.numeric-input.error{border-color:var(--sale);color:var(--sale);border-width:2px}.numeric-input:focus{box-shadow:var(--shadow-md)}.empty-state{padding:var(--space-8)}.receiver-note{text-align:center}.app-footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--hairline);color:var(--mute);font-size:13px;display:flex}.hidden-input{display:none}@keyframes screen-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1023px){.workspace,.grid-two{grid-template-columns:1fr}.workspace-main,.workspace-side{gap:var(--space-8)}}@media (width<=720px){.app-shell{padding:var(--space-6) var(--space-4)}.workspace,.workspace-main,.workspace-side{gap:var(--space-8)}.hero-card{padding:var(--space-8) var(--space-6)}.workspace-shell{padding:var(--space-6)}.workspace-title{font-size:clamp(44px,13vw,64px)}.metric-strip,.quick-facts,.hero-feature-list{grid-template-columns:1fr}.metric-cell{border-right:0;border-bottom:1px solid var(--hairline)}.metric-cell:last-child{border-bottom:0}.clipboard-received-row,.picker-meta,.table-summary,.section-heading-row,.workspace-header,.app-footer{flex-direction:column;align-items:flex-start}}.flow-diagram{margin:var(--space-6) 0;overflow-x:auto}.flow-svg{width:100%;max-width:720px;height:auto;display:block}.flow-diagram-img{border-radius:var(--radius-md,8px);width:100%;max-width:900px;height:auto;display:block}.browser-node text{font-family:var(--font-sans);fill:var(--ink);font-size:12px}.browser-node .node-label{fill:var(--ink);font-weight:600}.browser-node .node-sub{fill:var(--mute);font-size:11px}.relay-node rect{filter:url(#glow-blind)}.relay-node .blind-badge{fill:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.flow-arrow{fill:none;stroke:var(--ink);stroke-width:2px;marker-end:url(#arrowhead)}.flow-arrow.subtle{stroke:var(--hairline);stroke-dasharray:6 4}.flow-label{font-family:var(--font-sans);fill:var(--mute);text-anchor:middle;font-size:12px}.flow-label strong{fill:var(--ink)}.flow-step{font-family:var(--font-display);fill:var(--ink);text-anchor:middle;font-size:18px}.steps-panel{margin-top:var(--space-8)}.step-badge{border-radius:var(--radius-full);background:var(--ink);width:28px;height:28px;color:var(--canvas);font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:400;display:inline-flex}.step-row{gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--hairline-soft);display:flex}.step-row:first-child{border-top:0;padding-top:0}.step-row strong{min-width:140px;color:var(--ink);font-weight:600}.limitations-panel{margin-top:var(--space-8)}.limitations-list{gap:var(--space-3);flex-direction:column;display:flex}.limitation-item{gap:var(--space-3);padding:var(--space-4);background:var(--soft-cloud);border:1px solid var(--hairline);border-radius:var(--radius-sm);display:flex}.limitation-icon{width:20px;height:20px;color:var(--charcoal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.limitation-text strong{margin-bottom:var(--space-1);color:var(--ink);display:block}.limitation-text span{color:var(--mute);font-size:14px;line-height:1.5}.security-honest-panel{margin-top:var(--space-8)}.security-honest-list{gap:var(--space-3);flex-direction:column;display:flex}.security-honest-item{gap:var(--space-3);padding:var(--space-4);background:var(--soft-cloud);border:1px solid var(--hairline);border-radius:var(--radius-sm);display:flex}.security-honest-item.positive .honest-icon{color:var(--success)}.security-honest-item.caveat .honest-icon{color:var(--charcoal)}.security-honest-item.negative .honest-icon{color:var(--sale)}.honest-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.honest-text strong{margin-bottom:var(--space-1);color:var(--ink);display:block}.honest-text span{color:var(--mute);font-size:14px;line-height:1.5}@media (width<=720px){.flow-svg{min-width:720px}.step-row{gap:var(--space-2);flex-direction:column}.step-row strong{min-width:0}.limitation-item,.security-honest-item{gap:var(--space-2);flex-direction:column}}.crypto-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.code-block{padding:var(--space-4);background:var(--soft-cloud);border:1px solid var(--hairline);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--charcoal);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}.steps-detailed{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.step-card{gap:var(--space-4);flex-direction:column;display:flex}.step-number{border-radius:var(--radius-full);background:var(--ink);width:36px;height:36px;color:var(--canvas);font-family:var(--font-sans);justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.detail-list{padding-left:var(--space-6);gap:var(--space-2);color:var(--mute);flex-direction:column;margin:0;font-size:14px;line-height:1.5;display:flex}.quick-ref{gap:var(--space-2) var(--space-4);grid-template-columns:max-content 1fr;margin:0;display:grid}.quick-ref dt{color:var(--ink);font-size:13px;font-weight:600}.quick-ref dd{color:var(--mute);margin:0;font-size:13px;line-height:1.4}.threat-list{gap:var(--space-3);color:var(--charcoal);flex-direction:column;margin:0;padding:0;font-size:13px;line-height:1.4;list-style:none;display:flex}.diagram-caption{margin-top:var(--space-4);color:var(--mute);font-size:14px;line-height:1.5}.diagram-caption strong{color:var(--ink);font-weight:600}@media (width<=880px){.crypto-grid,.steps-detailed{grid-template-columns:1fr}}