:root{--ink: #111111;--canvas: #ffffff;--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: #111111;--accent-hover: #000000;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--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{margin:0;color:var(--ink);font-family:var(--font-sans);font-size:16px;background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{border:0;background:none;padding:0;color:inherit;cursor:pointer}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{outline:none;box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--ink)}.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{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-6)}.screen-divider{border-top:1px solid var(--hairline)}.workspace{display:grid;gap:var(--space-12);grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);align-items:start;animation:screen-enter var(--duration-base) var(--ease)}.workspace.drag-over{outline:2px dashed var(--ink);outline-offset:4px;border-radius:var(--radius-md)}.workspace-main,.workspace-side{display:flex;flex-direction:column;gap:var(--space-12);min-width:0}.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{position:relative;overflow:hidden;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)}.workspace-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6)}.workspace-header.compact{align-items:center}.brand-block{display:flex;flex-direction:column;gap:var(--space-1)}.wordmark{font-family:var(--font-display);font-size:30px;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.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{margin:0;font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:0;color:var(--ink)}.workspace-title{font-size:clamp(52px,9vw,96px);line-height:.9;max-width:14ch}.hero-title{font-size:clamp(40px,6vw,72px);line-height:.9;max-width:12ch}.section-title{margin:0;font-family:var(--font-sans);font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}.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{margin:0;max-width:52ch}.hero-copy{max-width:56ch}.section-heading-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.metric-cell{padding:var(--space-6);border-right:1px solid var(--hairline)}.metric-cell:last-child{border-right:0}.metric-value{display:block;font-family:var(--font-display);font-size:40px;line-height:1;letter-spacing:.01em;color:var(--ink);font-variant-numeric:tabular-nums}.metric-label{display:block;margin-top:var(--space-3);color:var(--mute);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600}.button-primary,.button-secondary,.button-danger{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--space-8);border-radius:var(--radius-full);font-size:16px;font-weight:500;text-align:center}.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{background:#fef2f2;border-color:var(--sale)}.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{transform:scale(.96);opacity:.72}.button-primary:disabled,.button-secondary:disabled,.button-danger:disabled{opacity:.4;cursor:not-allowed}.compact-button,.link-chip,.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 var(--space-5);border-radius:var(--radius-full);font-size:14px;font-weight:500;text-decoration:none}.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-decoration:underline;text-underline-offset:3px;font-size:16px;font-weight:500}.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{background:#fef2f2;border-left-color:var(--sale);color:var(--sale)}.grid-two{display:grid;gap:var(--space-8);grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)}.stack-lg,.stack-md,.stack-sm{display:flex;flex-direction:column}.stack-lg{gap:var(--space-8)}.stack-md{gap:var(--space-5)}.stack-sm{gap:var(--space-4)}.quick-facts,.hero-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline)}.hero-feature,.fact-card{padding:var(--space-5);background:var(--soft-cloud)}.hero-feature strong,.fact-card strong{display:block;margin-bottom:var(--space-2);font-size:16px;font-weight:600;color:var(--ink)}.hero-feature span,.fact-card span{color:var(--mute);font-size:14px;line-height:1.5}.security-list,.steps-list{display:flex;flex-direction:column}.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{display:block;margin-bottom:var(--space-2);font-size:16px;font-weight:600;color:var(--ink)}.file-table,.file-list{overflow:hidden}.file-list{border:1px solid var(--hairline);background:var(--canvas)}.file-table-head,.file-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4)}.file-table-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--hairline);background:var(--soft-cloud)}.file-row{position:relative;min-height:64px;padding:0 var(--space-5);border-bottom:1px solid var(--hairline-soft);transition:background var(--duration-fast) var(--ease)}.file-row:last-child{border-bottom:0}.file-row:hover{background:var(--soft-cloud)}.file-row-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.file-row-main{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;color:var(--ink)}.file-size{color:var(--mute);font-size:14px}.file-row-right{display:flex;align-items:center;gap:var(--space-4)}.file-status{min-width:48px;text-align:right;color:var(--mute);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.file-status.success{color:var(--success)}.file-status.error{color:var(--sale)}.file-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--hairline-soft)}.file-progress-bar{height:100%;background:var(--ink)}.file-progress.error{display:flex;align-items:center;gap:8px;height:auto;padding:6px 10px;background:#fef2f2;border-top:1px solid #fecaca}.file-progress.error .file-progress-bar{background:#dc2626;flex:1;height:4px;border-radius:2px}.retry-button{font-size:12px;padding:2px 8px;white-space:nowrap}.picker-meta,.table-summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--mute);font-size:14px}.bottom-action{margin-top:var(--space-3)}.status-pill{display:inline-flex;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);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}.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{background:#fef2f2;border-color:var(--sale);color:var(--sale)}.status-copy.danger{color:var(--sale)}.header-timer,.code{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.header-timer{font-size:16px;font-weight:600;color:var(--ink)}.header-timer.warning,.qr-timer.warning{color:var(--charcoal)}.header-timer.critical,.qr-timer.critical{color:var(--sale)}.qr-block{display:flex;flex-direction:column;gap:var(--space-6)}.qr-frame{width:min(320px,100%);aspect-ratio:1 / 1;margin:0 auto;padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--canvas);box-shadow:var(--shadow-sm)}.qr-frame img{display:block;width:100%;height:100%}.qr-copy{color:var(--mute);text-align:center;font-size:14px;line-height:1.6}.qr-timer{font-family:var(--font-display);font-size:48px;line-height:1;letter-spacing:.02em;text-align:center;color:var(--ink);font-variant-numeric:tabular-nums}.code{font-weight:600;color:var(--ink);letter-spacing:.08em}.clipboard-textarea,.view-input,.numeric-input{width:100%;border:1px solid var(--hairline);border-radius:var(--radius-input);background:var(--soft-cloud);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);border-width:2px;box-shadow:var(--shadow-sm)}.clipboard-textarea{min-height:120px;resize:vertical}.clipboard-received-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.clipboard-received-copy{color:var(--mute);font-size:14px;line-height:1.6;overflow-wrap:anywhere;flex:1 1 220px}.clipboard-received-copy strong{color:var(--ink)}.view-field{display:flex;flex-direction:column;gap:var(--space-3)}.view-toggle{display:flex;align-items:center;gap:var(--space-4);color:var(--mute);font-size:14px}.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);font-size:13px;line-height:1.6;color:var(--charcoal)}.activity-feed{display:flex;flex-direction:column}.activity-feed-title{margin-bottom:var(--space-3)}.activity-item{color:var(--mute);font-size:14px}.receive-dropzone{min-height:110px;width:100%;padding:var(--space-6);display:flex;justify-content:center;align-items:center;border:2px dashed var(--hairline);border-radius:var(--radius-md);background:var(--soft-cloud);text-align:center;transition:all var(--duration-fast) var(--ease)}.receive-dropzone:hover{border-color:var(--ink);background:var(--canvas)}.receive-dropzone strong{display:block;margin-bottom:var(--space-2);color:var(--ink);font-weight:600}.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{display:flex;justify-content:center}.numeric-input{max-width:280px;min-height:72px;padding:0 var(--space-5);font-family:var(--font-display);font-size:44px;text-align:center;letter-spacing:.22em;color:var(--ink)}.numeric-input.error{border-color:var(--sale);border-width:2px;color:var(--sale)}.numeric-input:focus{box-shadow:var(--shadow-md)}.empty-state{padding:var(--space-8)}.receiver-note{text-align:center}.app-footer{display:flex;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}.hidden-input{display:none}@keyframes screen-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1023px){.workspace,.grid-two{grid-template-columns:1fr}.workspace-main,.workspace-side{gap:var(--space-8)}}@media (max-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{width:100%;max-width:900px;height:auto;display:block;border-radius:var(--radius-md, 8px)}.browser-node text{font-family:var(--font-sans);font-size:12px;fill:var(--ink)}.browser-node .node-label{font-weight:600;fill:var(--ink)}.browser-node .node-sub{fill:var(--mute);font-size:11px}.relay-node rect{filter:url(#glow-blind)}.relay-node .blind-badge{fill:var(--mute);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.flow-arrow{fill:none;stroke:var(--ink);stroke-width:2;marker-end:url(#arrowhead)}.flow-arrow.subtle{stroke:var(--hairline);stroke-dasharray:6 4}.flow-label{font-family:var(--font-sans);font-size:12px;fill:var(--mute);text-anchor:middle}.flow-label strong{fill:var(--ink)}.flow-step{font-family:var(--font-display);font-size:18px;fill:var(--ink);text-anchor:middle}.steps-panel{margin-top:var(--space-8)}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--ink);color:var(--canvas);font-family:var(--font-display);font-size:14px;font-weight:400;flex-shrink:0}.step-row{display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--hairline-soft)}.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{display:flex;flex-direction:column;gap:var(--space-3)}.limitation-item{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--soft-cloud);border:1px solid var(--hairline);border-radius:var(--radius-sm)}.limitation-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--charcoal)}.limitation-text strong{display:block;margin-bottom:var(--space-1);color:var(--ink)}.limitation-text span{color:var(--mute);font-size:14px;line-height:1.5}.security-honest-panel{margin-top:var(--space-8)}.security-honest-list{display:flex;flex-direction:column;gap:var(--space-3)}.security-honest-item{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--soft-cloud);border:1px solid var(--hairline);border-radius:var(--radius-sm)}.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;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.honest-text strong{display:block;margin-bottom:var(--space-1);color:var(--ink)}.honest-text span{color:var(--mute);font-size:14px;line-height:1.5}@media (max-width: 720px){.flow-svg{min-width:720px}.step-row{flex-direction:column;gap:var(--space-2)}.step-row strong{min-width:0}.limitation-item,.security-honest-item{flex-direction:column;gap:var(--space-2)}}.crypto-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.code-block{margin:0;padding:var(--space-4);background:var(--soft-cloud);border:1px solid var(--hairline);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;line-height:1.5;color:var(--charcoal);white-space:pre-wrap;overflow-wrap:anywhere}.steps-detailed{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.step-card{display:flex;flex-direction:column;gap:var(--space-4)}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--ink);color:var(--canvas);font-family:var(--font-sans);font-size:16px;font-weight:600}.detail-list{margin:0;padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);color:var(--mute);font-size:14px;line-height:1.5}.quick-ref{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4)}.quick-ref dt{font-weight:600;color:var(--ink);font-size:13px}.quick-ref dd{margin:0;color:var(--mute);font-size:13px;line-height:1.4}.threat-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3);font-size:13px;line-height:1.4;color:var(--charcoal)}.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 (max-width: 880px){.crypto-grid,.steps-detailed{grid-template-columns:1fr}}