*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#efefef;--light:#f5f5f5;--light-grey:#e2e2e2;--fg:#000;--muted:#555;--grey:#9e9e9e;--accent:#f37021;--accent-dark:#d4601a;--border:1px solid #0003;--gutter:2.75rem;--font-display:"Orbitron", sans-serif;--font-mono:"Roboto Mono", monospace;--chamfer:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-mono);background:var(--bg);color:var(--fg);min-height:100vh;overflow-x:hidden}::selection{background:var(--accent);color:#000}.hidden{display:none!important}*{scrollbar-width:none!important}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-thumb{background:0 0}::-webkit-scrollbar-track{background:0 0}#preloader{z-index:9999;background:var(--bg);will-change:transform;transition:background .3s;position:fixed;inset:0}.preload-grid{grid-template-columns:var(--gutter) 1fr 1fr 1fr 1fr var(--gutter);gap:0;width:100%;height:100%;display:grid}.preload-col{border-right:1px solid var(--accent);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preload-col:last-child{border-right:none;border-left:1px solid var(--accent)}.preload-fill{background:var(--accent);will-change:height;height:0;position:absolute;bottom:0;left:0;right:0}.preload-zero{font-family:var(--font-display);color:#fff;z-index:2;opacity:0;font-size:clamp(60px,18vw,200px);font-weight:900;transition:color .3s;position:relative}.preload-bottom{z-index:10000;padding:16px var(--gutter);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px;color:var(--accent);justify-content:space-between;font-size:9px;font-weight:500;display:flex;position:fixed;bottom:0;left:0;right:0}.body-lines{pointer-events:none;z-index:50;position:fixed;inset:0}.body-line{background:var(--grey);opacity:.6;width:1px;position:absolute}.line-gutter-left{left:var(--gutter);top:52px;bottom:0}.line-gutter-right{right:var(--gutter);top:52px;bottom:0}.section-line{pointer-events:none;z-index:0;background:var(--grey);opacity:.6;position:absolute}.hero-split-line{width:1px;top:0;bottom:0;left:60%}.section-heading{position:relative}.section-heading:after{content:"";background:var(--grey);opacity:.6;pointer-events:none;z-index:0;width:1px;position:absolute;top:0;bottom:0;left:50%}#particle-canvas{pointer-events:none;z-index:0;opacity:.45;width:100%;height:100%;position:absolute;top:0;left:0}nav{z-index:100;padding:0 var(--gutter);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:var(--border);background:#f0f0f0eb;grid-template-columns:1fr auto 1fr;align-items:center;height:52px;display:grid;position:fixed;top:0;left:0;right:0}.nav-left{align-items:center;gap:14px;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:5px;cursor:pointer;font-size:16px;font-weight:900}.nav-divider{background:var(--grey);width:1px;height:18px}.nav-version{color:var(--grey);letter-spacing:1px;font-size:9px}.nav-crypto-status{letter-spacing:2px;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;font-size:9px;font-weight:600;display:flex}.nav-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.nav-links{justify-content:center;align-items:center;gap:28px;display:flex}.nav-links a{color:var(--fg);text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:500;text-decoration:none;position:relative}.nav-links a:before,.nav-links a:after{opacity:0;color:var(--accent);transition:opacity 75ms;position:absolute}.nav-links a:before{content:"┌";top:-3px;left:-12px}.nav-links a:after{content:"┘";bottom:-3px;right:-12px}.nav-links a:hover:before,.nav-links a:hover:after{opacity:1}.nav-links a:hover{color:var(--accent)}.nav-right{justify-content:flex-end;display:flex}.btn-cta{background:var(--accent);color:#fff;font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:2px;clip-path:var(--chamfer);border:none;padding:12px 32px;font-size:11px;font-weight:700;transition:background 75ms}.btn-cta:hover{background:var(--accent-dark)}.btn-cta:disabled{opacity:.35;cursor:not-allowed}.btn-outline{color:var(--fg);border:1.5px solid var(--fg);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:2px;clip-path:var(--chamfer);background:0 0;padding:12px 32px;font-size:11px;font-weight:700;transition:background 75ms,color 75ms}.btn-outline:hover{background:var(--fg);color:var(--bg)}.section{border-bottom:var(--border);z-index:1;background:var(--bg);position:relative}.section-heading{border-bottom:var(--border);grid-template-columns:1fr 1fr;display:grid}.sh-title{padding:16px var(--gutter);border-right:var(--border);background:var(--light)}.sh-label{padding:16px var(--gutter);text-transform:uppercase;letter-spacing:2px;color:var(--grey);background:var(--light-grey);align-items:center;font-size:11px;font-weight:500;display:flex}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:3px;font-size:clamp(24px,3.5vw,42px);font-weight:900}.section-tag{align-items:center;gap:12px;margin-bottom:8px;display:flex}.tag-num{font-family:var(--font-mono);color:var(--grey);letter-spacing:2px;font-size:10px;font-weight:500}.tag-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--grey);font-size:10px;font-weight:500}#hero{padding-top:52px}.hero-grid{grid-template-columns:3fr 2fr;min-height:calc(100vh - 52px);display:grid}.hero-content{border-right:var(--border);padding:var(--gutter);align-items:center;display:flex;position:relative}.hero-content-inner{z-index:1;max-width:600px;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;border-bottom:none;margin-bottom:28px;padding-bottom:28px;font-size:clamp(42px,6.5vw,90px);font-weight:900;line-height:.95;position:relative}.hero-title:after{content:"";bottom:0;left:0;right:calc(var(--gutter) * -1);background:var(--grey);height:1px;position:absolute}.hero-title span{display:block;overflow:hidden}.hero-title span i{font-style:normal;display:inline-block;transform:translateY(110%)}.hero-desc{color:var(--muted);border-left:2px solid var(--accent);max-width:480px;margin-top:28px;margin-bottom:32px;padding-left:20px;font-size:12px;font-weight:400;line-height:1.8}.hero-buttons{border-top:none;flex-wrap:wrap;gap:12px;padding-top:20px;display:flex;position:relative}.hero-buttons:before{content:"";top:0;left:0;right:calc(var(--gutter) * -1);background:var(--grey);height:1px;position:absolute}.hero-widget-col{padding:var(--gutter) var(--gutter) var(--gutter) 0;flex-direction:column;justify-content:center;display:flex}.hero-meta-row{border-top:var(--border);gap:20px;margin-top:16px;padding-top:12px;display:flex}.meta-item{text-transform:uppercase;letter-spacing:2px;color:var(--grey);font-size:9px;font-weight:500}.send-widget{border:var(--border);background:var(--light)}.widget-header{border-bottom:var(--border);text-transform:uppercase;letter-spacing:2px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:10px;font-weight:700;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.widget-body{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:160px;padding:40px 24px;transition:background 75ms;display:flex}.widget-body:hover{background:#ff71200a}.drop-circle{border:2px solid var(--accent);width:72px;height:72px;color:var(--accent);clip-path:var(--chamfer);justify-content:center;align-items:center;display:flex}.drop-label{text-transform:uppercase;letter-spacing:3px;color:var(--grey);font-size:10px}.widget-footer{border-top:var(--border);text-transform:uppercase;letter-spacing:1px;color:var(--grey);justify-content:space-between;padding:10px 16px;font-size:9px;display:flex}#how-it-works{background:var(--bg)}.steps-grid{background:#0003;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.step{padding:36px var(--gutter);background:var(--bg);opacity:0;transform:translateY(24px)}.step-num{font-family:var(--font-display);color:var(--accent);opacity:.2;letter-spacing:2px;border-bottom:var(--border);margin-bottom:16px;padding-bottom:12px;font-size:36px;font-weight:900}.step-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;padding-top:16px;font-size:16px;font-weight:700}.step-desc{color:var(--muted);border-top:1px solid var(--light-grey);padding-top:8px;font-size:11px;line-height:1.8}#security{background:var(--bg);position:relative;overflow:hidden}.security-grid{background:#0003;grid-template-columns:1fr 1fr;gap:1px;display:grid;position:relative}.security-info{padding:var(--gutter);background:var(--bg);z-index:2;position:relative}.security-visual{background:var(--bg);justify-content:center;align-items:center;min-height:520px;display:flex;position:relative;overflow:hidden}#crypto-canvas{width:100%;height:100%;position:absolute;inset:0}.crypto-badge{border:1px solid var(--accent);text-transform:uppercase;letter-spacing:3px;color:var(--accent);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));margin-bottom:20px;padding:5px 14px;font-size:9px;font-weight:700;display:inline-block}.security-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:3px;border-bottom:var(--border);margin-bottom:14px;padding-bottom:14px;font-size:22px;font-weight:900}.security-body{color:var(--muted);padding-top:14px;font-size:11px;line-height:1.8}.security-features{margin-top:24px;list-style:none}.security-features li{border-bottom:var(--border);color:var(--muted);align-items:center;gap:10px;padding:10px 0;font-size:11px;display:flex}.security-features li:before{content:"■";color:var(--accent);flex-shrink:0;font-size:6px}.obfuscator-box{z-index:2;border:var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f0f0f0eb;width:calc(100% - 48px);max-width:420px;position:relative}.obf-header{border-bottom:var(--border);text-transform:uppercase;letter-spacing:3px;color:var(--grey);padding:10px 14px;font-size:9px;font-weight:700}.obf-input{color:var(--fg);border-bottom:var(--border);height:72px;padding:12px 14px;font-size:11px;line-height:1.7;overflow:hidden}.obf-arrow{text-transform:uppercase;letter-spacing:3px;color:var(--accent);text-align:center;border-bottom:var(--border);padding:6px;font-size:8px;font-weight:700}.obf-output{color:var(--accent);word-break:break-all;border-bottom:var(--border);height:72px;padding:12px 14px;font-size:10px;font-weight:500;line-height:1.6;overflow:hidden}.obf-meta{text-transform:uppercase;letter-spacing:2px;color:var(--grey);justify-content:space-between;padding:8px 14px;font-size:8px;font-weight:600;display:flex}footer{padding:24px var(--gutter);border-top:var(--border);color:var(--grey);text-transform:uppercase;letter-spacing:2px;background:var(--bg);z-index:1;justify-content:space-between;font-size:9px;font-weight:500;display:flex;position:relative}#app-view{z-index:90;background:var(--bg);display:none;position:fixed;inset:0;overflow-y:auto}#app-view.active{display:block}.app-header{padding:0 var(--gutter);border-bottom:var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#f0f0f0eb;justify-content:space-between;align-items:center;height:52px;display:flex;position:sticky;top:0}.app-back{cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--fg);background:0 0;border:none;font-size:11px;font-weight:500}.app-back:hover{color:var(--accent)}.app-status{text-transform:uppercase;letter-spacing:2px;align-items:center;gap:8px;font-size:10px;font-weight:500;display:flex}.app-status .dot{background:var(--grey);border-radius:50%;width:7px;height:7px}.dot.connected{background:#22c55e}.dot.connecting{background:var(--accent);animation:1s infinite pulse}.mode-wrap{flex-direction:column;min-height:calc(100vh - 52px);display:flex}.mode-grid{background:#0003;flex:1;grid-template-columns:1fr 1fr;gap:1px;display:grid}.mode-card{cursor:pointer;background:var(--bg);flex-direction:column;transition:background 75ms;display:flex;position:relative}.mode-card:hover{background:#ff71200a}.mode-card:hover .mode-icon{border-color:var(--accent);color:var(--accent);transform:translateY(-4px)}.mode-card:hover .mode-title{color:var(--accent)}.mode-card:hover .mode-card-header{border-bottom-color:var(--accent)}.mode-card-header{padding:14px var(--gutter);border-bottom:var(--border);background:var(--light);justify-content:space-between;align-items:center;transition:border-color 75ms;display:flex}.mode-card-num{font-family:var(--font-display);color:var(--accent);letter-spacing:2px;font-size:11px;font-weight:700}.mode-card-type{font-family:var(--font-display);letter-spacing:4px;color:var(--grey);font-size:9px;font-weight:700}.mode-card-body{text-align:center;padding:64px var(--gutter);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.mode-card-footer{padding:10px var(--gutter);border-top:var(--border);text-transform:uppercase;letter-spacing:2px;color:var(--grey);background:var(--light);justify-content:space-between;font-size:8px;font-weight:600;display:flex}.mode-icon{border:1.5px solid var(--grey);width:80px;height:80px;clip-path:var(--chamfer);justify-content:center;align-items:center;margin-bottom:28px;transition:border-color 75ms,color 75ms,transform .1s;display:flex}.mode-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:4px;margin-bottom:12px;font-size:18px;font-weight:700;transition:color 75ms}.mode-desc{color:var(--muted);max-width:280px;font-size:11px;line-height:1.8}.app-panel-wrap{flex-direction:column;min-height:calc(100vh - 52px);display:flex}.code-grid{background:#0003;flex:1;grid-template-columns:1fr 1fr;gap:1px;display:grid}.code-half{background:var(--bg);flex-direction:column;display:flex}.code-display{gap:6px;margin:24px 0;display:flex}.code-digit{border:1.5px solid var(--grey);width:52px;height:64px;font-family:var(--font-display);background:var(--light);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:inline-flex}.code-digit.filled{border-color:var(--accent);color:var(--accent)}.code-input-wrap{gap:6px;margin:24px 0;display:flex}.code-input-wrap input{text-align:center;border:1.5px solid var(--grey);background:var(--light);width:52px;height:64px;font-family:var(--font-display);outline:none;font-size:22px;font-weight:700;transition:border-color 75ms}.code-input-wrap input:focus{border-color:var(--accent)}.code-label{text-transform:uppercase;letter-spacing:3px;color:var(--grey);font-size:10px;font-weight:700}.code-sublabel{color:var(--grey);letter-spacing:1px;margin-top:4px;font-size:9px}.code-action-row{gap:8px;margin-bottom:12px;display:flex}.btn-code-action{cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--fg);clip-path:var(--chamfer);background:0 0;border:1px solid #0000001f;padding:6px 16px;font-size:8px;font-weight:700;transition:background 75ms,color 75ms}.btn-code-action:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.waiting-label{color:var(--grey);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:10px;margin-top:20px;font-size:10px;font-weight:500;display:flex}.pw-row{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;margin:14px 0;font-size:10px;font-weight:500;display:flex}.toggle-switch{border:1.5px solid var(--grey);cursor:pointer;background:var(--light);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));flex-shrink:0;width:36px;height:18px;transition:background 75ms;position:relative}.toggle-switch.on{background:var(--accent);border-color:var(--accent)}.toggle-switch .knob{background:var(--fg);width:11px;height:11px;transition:left .1s;position:absolute;top:1px;left:2px}.toggle-switch.on .knob{background:#fff;left:19px}.pw-input{border:1.5px solid var(--grey);background:var(--light);width:100%;max-width:280px;font-family:var(--font-mono);outline:none;margin-top:6px;padding:10px 14px;font-size:12px;transition:border-color 75ms}.pw-input:focus{border-color:var(--accent)}.pw-input::placeholder{color:var(--grey);text-transform:uppercase;letter-spacing:2px;font-size:9px}.scan-ring{border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.local-grid{background:#0003;flex:1;grid-template-columns:1fr 1fr;gap:1px;display:grid}.local-half{background:var(--bg);flex-direction:column;display:flex}.local-info-bar{border:1px solid var(--light-grey);background:var(--light);text-transform:uppercase;letter-spacing:1px;color:var(--muted);justify-content:center;gap:24px;width:100%;max-width:320px;margin-top:16px;padding:10px 14px;font-size:9px;display:flex}.local-info-bar strong{color:var(--fg);font-weight:600}.panel-header-bar{padding:14px var(--gutter);border-bottom:var(--border);background:var(--light);align-items:center;gap:14px;display:flex}.panel-header-num{font-family:var(--font-display);color:var(--accent);letter-spacing:2px;font-size:11px;font-weight:700}.panel-header-label{text-transform:uppercase;letter-spacing:3px;color:var(--fg);flex:1;font-size:10px;font-weight:600}.panel-header-right{font-family:var(--font-display);letter-spacing:4px;color:var(--grey);font-size:9px;font-weight:700}.panel-inner{padding:48px var(--gutter);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.panel-divider{background:var(--light-grey);width:100%;max-width:320px;height:1px;margin:20px 0}.panel-footer-bar{padding:10px var(--gutter);border-top:var(--border);text-transform:uppercase;letter-spacing:2px;color:var(--grey);background:var(--light);justify-content:space-between;font-size:8px;font-weight:600;display:flex}.transfer-panel{flex-direction:column;min-height:calc(100vh - 52px);display:flex}.transfer-top-bar{padding:12px var(--gutter);border-bottom:var(--border);background:var(--light);justify-content:space-between;align-items:center;display:flex}.transfer-peer-info{text-transform:uppercase;letter-spacing:2px;align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}.transfer-peer-info .dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.transfer-crypto-badge{text-transform:uppercase;letter-spacing:2px;color:var(--accent);border:1px solid var(--accent);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));padding:4px 12px;font-size:8px;font-weight:700}.transfer-body{background:#0003;flex:1;grid-template-columns:1fr 280px 1fr;align-items:stretch;gap:1px;display:grid}.transfer-send-col,.transfer-recv-col{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.transfer-col-inner{padding:24px var(--gutter);flex-direction:column;flex:1;display:flex}.transfer-status-col{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:0;display:flex}.transfer-status-col canvas{margin:20px 0 12px}.transfer-status-col .panel-header-bar{width:100%}.transfer-dropzone{border:2px dashed var(--grey);cursor:pointer;background:var(--light);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:220px;transition:border-color .15s,background .15s;display:flex;position:relative}.transfer-dropzone:hover,.transfer-dropzone.dragover{border-color:var(--accent);background:#ff71200f;border-style:solid}.transfer-dropzone:hover .drop-icon{border-color:var(--accent-dark);background:#ff71201f;transform:translateY(-2px)}.transfer-dropzone .drop-icon{border:2px solid var(--accent);width:64px;height:64px;color:var(--accent);clip-path:var(--chamfer);background:#ff71200f;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex}.transfer-dropzone .drop-label{text-transform:uppercase;letter-spacing:3px;color:var(--fg);font-size:11px;font-weight:700}.transfer-dropzone .drop-sublabel{color:var(--grey);text-transform:uppercase;letter-spacing:2px;font-size:8px}.transfer-dropzone input[type=file]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.file-list{width:100%;margin-top:16px}.file-item{background:var(--light);border:1px solid #0000001a;margin-bottom:-1px;padding:0;font-size:10px}.file-item-row{align-items:center;gap:14px;padding:10px 14px;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.file-name:before{content:"■";color:var(--accent);flex-shrink:0;font-size:5px}.file-size{color:var(--grey);flex-shrink:0;font-size:9px}.file-status{text-transform:uppercase;letter-spacing:2px;flex-shrink:0;padding:2px 10px;font-size:8px;font-weight:700}.file-status.pending{color:var(--grey)}.file-status.sending{color:var(--accent)}.file-status.done{color:#22c55e}.file-progress-pct{font-family:var(--font-display);letter-spacing:1px;color:var(--fg);text-align:right;flex-shrink:0;min-width:36px;font-size:10px;font-weight:700}.progress-bar-wrap{background:#0000000f;height:4px}.progress-bar{background:var(--accent);width:0%;height:100%;transition:width 75ms}.file-download-btn{cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--fg);clip-path:var(--chamfer);background:0 0;border:1px solid #0000001a;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-size:8px;font-weight:700;transition:background 75ms,color 75ms;display:inline-flex}.file-download-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.file-drive-btn{cursor:pointer;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--grey);clip-path:var(--chamfer);background:0 0;border:1px solid #0000001a;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:8px;font-weight:700;transition:background 75ms,color 75ms;display:inline-flex}.file-drive-btn:hover{color:#fff;background:#4285f4;border-color:#4285f4}.file-drive-btn.done{color:#fff;cursor:default;background:#34a853;border-color:#34a853}.file-cancel-btn{cursor:pointer;font-family:var(--font-mono);color:var(--grey);background:0 0;border:1px solid #0000001a;flex-shrink:0;justify-content:center;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;transition:background 75ms,color 75ms;display:inline-flex}.file-cancel-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.file-status.cancelled{color:#ef4444}.recv-empty{color:var(--grey);text-align:center;letter-spacing:1px;text-transform:uppercase;border:1px dashed #0000001a;padding:40px 16px;font-size:10px}.stats-grid{background:#0003;grid-template-columns:1fr 1fr;gap:1px;width:100%;margin-top:12px;display:grid}.stat{background:var(--light);padding:14px}.stat-label{text-transform:uppercase;letter-spacing:3px;color:var(--grey);margin-bottom:6px;font-size:8px;font-weight:700}.stat-value{font-family:var(--font-display);letter-spacing:1px;font-size:14px;font-weight:700}.encrypt-overlay{z-index:200;background:radial-gradient(circle at 50% 44%,#141414 0%,#080808 58%,#030303 100%);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:none;position:fixed;inset:0}.encrypt-overlay.active{display:flex}.encrypt-overlay canvas{max-width:360px;max-height:360px}.encrypt-text{font-family:var(--font-display);text-transform:uppercase;letter-spacing:5px;color:var(--accent);font-size:12px;font-weight:700}.encrypt-sub{color:#ffffff59;text-transform:uppercase;letter-spacing:3px;font-size:9px}.webrtc-notice{padding:10px var(--gutter);color:#333;background:#fff3e0;border-bottom:1px solid #f370214d;align-items:center;gap:12px;font-size:10px;line-height:1.6;display:flex}.webrtc-notice.hidden{display:none}.notice-icon{flex-shrink:0;font-size:14px}.notice-text{flex:1}.notice-text code{font-size:9px;font-family:var(--font-mono);background:#0000000f;padding:1px 5px}.notice-text strong{font-weight:700}.notice-btn{cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #00000026;flex-shrink:0;padding:4px 10px;font-size:8px;font-weight:700}.notice-btn:hover{color:var(--fg);background:#0000000f}.notice-dismiss{cursor:pointer;color:var(--grey);font-size:16px;font-family:var(--font-mono);background:0 0;border:none;flex-shrink:0;padding:0 4px}.notice-dismiss:hover{color:var(--fg)}.transfer-top-right{align-items:center;gap:10px;display:flex}.transfer-pw-badge{text-transform:uppercase;letter-spacing:2px;color:#22c55e;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));border:1px solid #22c55e66;padding:4px 12px;font-size:8px;font-weight:700}.transfer-pw-badge.hidden{display:none}.toast{background:var(--fg);color:var(--bg);text-transform:uppercase;letter-spacing:2px;z-index:300;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));white-space:nowrap;padding:10px 32px;font-size:10px;font-weight:500;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(120px)}.transfer-room-code{text-transform:uppercase;letter-spacing:2px;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.transfer-room-code.hidden{display:none}.room-code-label{color:var(--grey)}.room-code-value{font-family:var(--font-display);letter-spacing:4px;color:var(--accent);font-size:14px;font-weight:700}.btn-room-copy{cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--fg);background:0 0;border:1px solid #0000001f;padding:3px 10px;font-size:7px;font-weight:700;transition:background 75ms,color 75ms}.btn-room-copy:hover{background:var(--accent);color:#fff;border-color:var(--accent)}html.dark{--bg:#0e0e0e;--light:#141414;--light-grey:#1e1e1e;--fg:#e5e5e5;--muted:#999;--grey:#555;--border:1px solid #ffffff26}html.dark body{background:var(--bg);color:var(--fg)}html.dark nav,html.dark .app-header{background:#0a0a0aeb}html.dark .mode-card:hover{background:#ff71200f}html.dark ::selection{color:#fff}html.dark .widget-body:hover{background:#ff71200f}html.dark .transfer-body{background:#ffffff0f}html.dark .transfer-top-bar{background:var(--light);color:var(--fg);border-color:#ffffff0f}html.dark .transfer-top-bar *{color:var(--fg)}html.dark .transfer-top-bar .transfer-crypto-badge,html.dark .transfer-top-bar .transfer-current-file{color:var(--accent)}html.dark .transfer-top-bar .transfer-pw-badge{color:#22c55e}html.dark .transfer-top-bar .room-code-label{color:var(--grey)}html.dark .transfer-top-bar .room-code-value{color:var(--accent)}html.dark .transfer-send-col,html.dark .transfer-recv-col,html.dark .transfer-status-col{background:var(--bg)}html.dark .transfer-peer-info{color:var(--fg)}html.dark .transfer-peer-info .dot.connected{background:#22c55e}html.dark .transfer-dropzone{background:var(--light);border-color:#ffffff1f}html.dark .transfer-dropzone:hover,html.dark .transfer-dropzone.dragover{border-color:var(--accent);background:#ff712014}html.dark .transfer-dropzone .drop-label{color:var(--fg)}html.dark .transfer-dropzone .drop-sublabel{color:var(--grey)}html.dark .stats-grid{background:#ffffff0f}html.dark .stats-grid .stat{background:var(--bg)}html.dark .stats-grid .stat-label{color:var(--grey)}html.dark .stats-grid .stat-value{color:var(--fg)}html.dark .panel-header-bar{background:var(--light);border-color:#ffffff0f}html.dark .panel-header-label{color:var(--fg)}html.dark .panel-header-right{color:var(--grey)}html.dark .recv-empty{color:var(--grey);border-color:#ffffff14}html.dark .file-progress-pct{color:var(--fg)}html.dark .progress-bar-wrap{background:#ffffff0a}html.dark .obfuscator-box{background:#0a0a0aeb}html.dark .webrtc-notice{color:#ccc;background:#1a1000;border-bottom-color:#f3702133}html.dark .toast{background:var(--fg);color:var(--bg)}html.dark .encrypt-overlay{background:radial-gradient(circle at 50% 44%,#121212 0%,#070707 58%,#020202 100%)}html.dark .file-item{background:var(--light);border-color:#ffffff0f}html.dark .file-name{color:var(--fg)}html.dark .file-size{color:var(--grey)}html.dark .file-status{color:var(--fg)}html.dark .file-status.pending{color:var(--grey)}html.dark .file-status.sending{color:var(--accent)}html.dark .file-status.done{color:#22c55e}html.dark .file-status.cancelled{color:#ef4444}html.dark .file-cancel-btn{color:var(--grey);border-color:#ffffff1a}html.dark .file-download-btn,html.dark .file-drive-btn{color:var(--fg);border-color:#ffffff1a}html.dark .btn-outline{color:var(--fg);border-color:var(--fg)}html.dark .btn-outline:hover{background:var(--fg);color:var(--bg)}html.dark .btn-code-action,html.dark .btn-room-copy{color:var(--fg);border-color:#ffffff1a}html.dark .code-input-wrap input,html.dark .pw-input{background:var(--light);border-color:var(--grey);color:var(--fg)}.dark-mode-toggle{cursor:pointer;width:34px;height:34px;color:var(--fg);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:12px;padding:0;transition:color .15s,transform .2s;display:flex;position:relative}.nav-icon-btn{cursor:pointer;width:34px;height:34px;color:var(--fg);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:4px;padding:0;transition:color .15s,transform .2s;display:flex}.nav-icon-btn:hover{color:var(--accent);transform:rotate(30deg)}.nav-icon-btn:active{transform:scale(.9)}.dark-mode-toggle:hover{color:var(--accent);transform:rotate(20deg)}.dark-mode-toggle:active{transform:scale(.9)}.dark-mode-toggle .dm-sun{display:block}.dark-mode-toggle .dm-moon,html.dark .dark-mode-toggle .dm-sun{display:none}html.dark .dark-mode-toggle .dm-moon{display:block}.dark-mode-overlay{z-index:9998;pointer-events:none;clip-path:circle(0% at var(--dm-x,100%) var(--dm-y,0%));visibility:hidden;position:fixed;inset:0}.dark-mode-overlay.expanding{clip-path:circle(150% at var(--dm-x,100%) var(--dm-y,0%));visibility:visible;transition:clip-path .7s cubic-bezier(.4,0,.2,1)}.dark-mode-overlay iframe{pointer-events:none;border:none;width:100%;height:100%}.peer-list-inline{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.peer-badge{text-transform:uppercase;letter-spacing:1.5px;background:var(--light);clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px));border:1px solid #00000014;align-items:center;gap:5px;padding:3px 10px;font-size:8px;font-weight:600;display:inline-flex}html.dark .peer-badge{background:#ffffff0f;border-color:#ffffff1a}.peer-badge .peer-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:5px;height:5px}.peer-badge .peer-files{color:var(--grey);margin-left:2px}.transfer-current-file{text-transform:uppercase;letter-spacing:2px;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:8px;font-weight:600;overflow:hidden}.fingerprint-modal{z-index:250;background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.fingerprint-modal.active{display:flex}.fingerprint-content{background:var(--bg);border:var(--border);text-align:center;width:90%;max-width:420px;padding:36px 48px}.fingerprint-header{font-family:var(--font-display);text-transform:uppercase;letter-spacing:4px;margin-bottom:16px;font-size:14px;font-weight:700}.fingerprint-desc{color:var(--muted);margin-bottom:24px;font-size:10px;line-height:1.8}.fingerprint-code{font-family:var(--font-display);letter-spacing:6px;color:var(--accent);border:2px solid var(--accent);word-break:break-all;clip-path:var(--chamfer);background:var(--light);margin-bottom:24px;padding:20px;font-size:18px;font-weight:700}.fingerprint-actions{justify-content:center;gap:8px;display:flex}.fingerprint-btn{padding:10px 24px;font-size:10px}.settings-modal{z-index:300;background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.settings-modal.active{display:flex}.settings-content{background:var(--bg);border:var(--border);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));width:92%;max-width:520px}.settings-header{border-bottom:var(--border);font-family:var(--font-display);text-transform:uppercase;letter-spacing:4px;justify-content:space-between;align-items:center;padding:16px 24px;font-size:12px;font-weight:700;display:flex}.settings-close{cursor:pointer;color:var(--grey);background:0 0;border:none;padding:0;font-size:20px;line-height:1}.settings-close:hover{color:var(--fg)}.settings-body{padding:24px}.settings-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:12px;font-size:10px;font-weight:700}.settings-desc{color:var(--muted);margin-bottom:20px;font-size:10px;line-height:1.8}.settings-desc a{color:var(--accent);text-decoration:none}.settings-desc a:hover{text-decoration:underline}.settings-field{margin-bottom:16px}.settings-label{text-transform:uppercase;letter-spacing:2px;color:var(--grey);margin-bottom:6px;font-size:8px;font-weight:700;display:block}.settings-input{width:100%;font-family:var(--font-mono);background:var(--light);color:var(--fg);box-sizing:border-box;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));border:1px solid #0000001a;outline:none;padding:10px 14px;font-size:11px}.settings-input:focus{border-color:var(--accent)}html.dark .settings-input{background:var(--light);border-color:#ffffff1a}.settings-actions{align-items:center;gap:10px;display:flex}.settings-save-btn{padding:8px 20px;font-size:9px}.settings-clear-btn{padding:8px 16px;font-size:9px}.settings-status{text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-left:auto;font-size:9px;font-weight:600}.settings-section-divider{border-top:var(--border);margin-top:18px;padding-top:20px}.settings-toggle-row{text-transform:none;letter-spacing:.5px;color:var(--fg);font-size:11px}#relay-dropzone{position:relative}#relay-dropzone input[type=file]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}@media (width<=900px){:root{--gutter:1rem}.hero-grid{grid-template-columns:1fr}.hero-content{border-right:none;border-bottom:var(--border)}.hero-split-line,.section-heading:after{display:none}.hero-title:after,.hero-buttons:before{right:0}.steps-grid,.security-grid,.mode-grid,.code-grid{grid-template-columns:1fr}.code-half{min-height:auto}.code-half .panel-inner{padding:32px var(--gutter)}.local-grid{grid-template-columns:1fr}.local-half{min-height:auto}.local-half .panel-inner{padding:32px var(--gutter)}.transfer-body{grid-template-columns:1fr}.transfer-status-col{min-width:0}.section-heading{grid-template-columns:1fr}.sh-title{border-right:none;border-bottom:var(--border)}nav{grid-template-columns:1fr auto;padding:0 1rem}.nav-links,.nav-right{display:none}.hero-content,.hero-widget-col{padding:24px 1rem}}@media (width<=600px){.hero-title{font-size:36px}.btn-cta,.btn-outline{text-align:center;justify-content:center;width:100%;display:flex}.code-digit,.code-input-wrap input{width:40px;height:52px;font-size:18px}}