:root{color-scheme:light;--bg: #f7fafb;--surface: #ffffff;--surface-soft: #f1f8f7;--text: #111827;--muted: #637083;--border: #d9e2e7;--accent: #007f78;--accent-strong: #006b64;--accent-soft: #dff5f1;--success: #138a43;--warning: #a05a00;--warning-bg: #fff7e8;--danger: #b42318;--shadow: 0 18px 60px rgba(31, 41, 55, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh}button,input,a{font:inherit}button,a{touch-action:manipulation}.app{min-height:100dvh;padding:0 18px 28px}.appHeader{max-width:1440px;margin:0 auto;min-height:82px;display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.65rem;font-weight:750}.brandMark,.panelIcon,.heroIcon,.fileIcon{display:inline-grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.brandMark{width:40px;height:40px;border-radius:8px}.headerStatus,.headerActions,.rowBetween,.inputAction,.inlineIcon,.buttonGrid,.completeHeader,.downloadCard{display:flex;align-items:center}.headerStatus{gap:10px;color:#263442;font-size:.92rem}.statusDot,.pulseDot{width:10px;height:10px;border-radius:999px;background:var(--success)}.headerActions{gap:10px}.workspace{max-width:1440px;margin:28px auto 0;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(520px,1fr);gap:16px}.leftColumn,.rightColumn{display:grid;align-content:start;gap:16px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:20px}.panelTitle{display:flex;align-items:center;gap:12px;margin-bottom:18px}.panelTitle h2,.waitingHero h2,.completeHeader h2{margin:0;font-size:1.15rem;line-height:1.25}.panelIcon{width:44px;height:44px;border-radius:999px}.fileDrop{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;min-height:124px;padding:18px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.fileDrop input{position:absolute;opacity:0;pointer-events:none}.fileDrop strong,.downloadCard strong,.checkRow strong{display:block;font-weight:700}.fileDrop small,.downloadCard small,.passphraseBox small,.muted{color:var(--muted)}.fileIcon{width:82px;height:82px;border-radius:8px}.inviteBox,.passphraseBox{margin-top:18px;padding:18px;border:1px solid var(--border);border-radius:8px}.rowBetween{justify-content:space-between;gap:12px}label{font-weight:650}.inlineIcon{gap:6px;font-size:.92rem}.inputAction{gap:10px;margin-top:10px}input{min-height:48px;width:100%;border:1px solid var(--border);border-radius:6px;padding:0 14px;color:var(--text);background:#fff}input:disabled{opacity:.55;cursor:not-allowed}button,.primaryButton,.dangerButton,.ghostButton,.iconButton{min-height:44px;border-radius:6px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}button:active,.primaryButton:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.primaryButton{background:var(--accent);color:#fff;border-color:var(--accent);padding:0 18px;font-weight:700;white-space:nowrap}.primaryButton:hover{background:var(--accent-strong)}.dangerButton{background:#fff;color:var(--danger);border-color:#f1a19b;padding:0 18px;font-weight:650}.ghostButton,.iconButton{background:#fff;color:#1f2937}.ghostButton{border-color:var(--border);padding:0 14px}.iconButton{width:44px;padding:0}.bordered{border-color:var(--border)}.warning{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:10px 12px;border:1px solid #f6c779;border-radius:6px;color:var(--warning);background:var(--warning-bg)}.qrInline{display:flex;gap:14px;align-items:center;margin-top:14px;color:var(--muted)}.toggle{gap:8px;background:transparent;border:0;color:var(--muted)}.toggle span{width:34px;height:20px;border-radius:999px;background:#cad6dc;position:relative}.toggle span:after{content:"";position:absolute;width:14px;height:14px;border-radius:999px;top:3px;left:3px;background:#fff;transition:transform .18s ease}.toggle.on span{background:var(--accent)}.toggle.on span:after{transform:translate(14px)}.buttonGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.wide{width:100%}.waitingHero{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.waitingHero p,.centerText,.checkRow p,.completeHeader p{margin:4px 0 0;color:var(--muted)}.heroIcon{width:56px;height:56px;border-radius:999px}.connectionGraphic{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:16px;width:min(560px,100%);margin:54px auto 26px;color:var(--accent)}.connectionGraphic span{border-top:2px dashed #b9c9d2}.centerText{text-align:center}.checklist{display:grid;gap:18px}.checkRow{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.checkRow svg{color:var(--success)}.progressHeader,.progressStats{display:flex;align-items:center;justify-content:space-between;gap:14px}.progressHeader{margin-bottom:12px}.progressStats{margin-top:12px;color:#39475a;font-variant-numeric:tabular-nums}.progressTrack{height:14px;background:#e7edf0;border-radius:999px;overflow:hidden}.progressFill{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .22s ease}.events{display:grid;gap:16px}.eventRow{display:grid;grid-template-columns:24px 72px 1fr;gap:12px;align-items:center;color:var(--muted)}.eventRow strong{color:#39475a}.notes{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:var(--muted)}.notes li:before{content:"✓";color:var(--success);margin-right:12px}.receiverField,.downloadCard{border:1px solid var(--border);border-radius:8px;padding:14px;margin:14px 0}.receiverField{display:flex;justify-content:space-between}.codeBox{display:block;width:100%;padding:16px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);text-align:center;font-size:1.25rem;font-weight:750;letter-spacing:0;font-variant-numeric:tabular-nums}.completePanel{background:linear-gradient(180deg,#effbf7,#fff)}.completeHeader{gap:14px;color:#0e6f38}.downloadCard{gap:14px}.resumeBanner{grid-column:1 / -1;display:flex;align-items:center;gap:12px;background:var(--warning-bg);color:var(--warning);border:1px solid #f6c779;border-radius:8px;padding:12px 14px}.resumeBanner button{margin-left:auto;background:#fff;border-color:#f6c779;color:var(--warning);padding:0 12px}@media(max-width:980px){.appHeader,.workspace{grid-template-columns:1fr}.headerStatus{order:3;justify-content:start}.buttonGrid,.inputAction{flex-direction:column;display:flex;align-items:stretch}.iconButton.bordered{width:100%}}@media(max-width:560px){.app{padding:0 10px 18px}.panel{padding:16px}.fileDrop{grid-template-columns:1fr}.headerActions{flex-wrap:wrap}.progressStats,.qrInline,.rowBetween{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}