:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7f6;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;min-height:48px;padding:0 18px;font-weight:900}button:disabled{color:#fff;cursor:not-allowed;background:#9ca3af}input{color:#111827;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:46px;padding:10px 12px}input:focus{border-color:#0f766e;outline:3px solid #14b8a638}.input-warn{border-color:#dc2626;box-shadow:0 0 0 3px #dc262629}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(30px,4vw,48px);line-height:1.12}h2{margin-bottom:8px;font-size:24px}h3{margin-bottom:8px;font-size:16px}.app-header,.mobile-header{background:#fff;border-bottom:1px solid #d1d5db;justify-content:space-between;align-items:center;gap:20px;padding:24px clamp(16px,5vw,56px);display:flex}.mobile-header{align-items:flex-start;display:grid}.eyebrow{color:#0f766e;margin:0 0 6px;font-size:14px;font-weight:900}.lead{color:#4b5563;max-width:650px;margin-bottom:0;font-size:17px;line-height:1.45}.status-pill{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:10px 14px;font-weight:900}.status-pill.ok{color:#166534;background:#dcfce7;border-color:#86efac}.status-pill.warn{color:#92400e;background:#fef3c7;border-color:#fcd34d}.status-pill.danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.app-layout,.mobile-layout{gap:16px;max-width:1040px;margin:0 auto;padding:20px clamp(16px,5vw,56px) 44px;display:grid}.mobile-layout{max-width:680px}.runtime-error-layout{place-items:center;min-height:100vh;padding:24px clamp(16px,5vw,56px);display:grid}.runtime-error-card{background:#fff;border:1px solid #fecaca;border-top:5px solid #dc2626;border-radius:8px;gap:14px;width:min(100%,720px);max-width:720px;padding:22px;display:grid}.runtime-error-card h1{margin-bottom:0;font-size:28px}.runtime-error-actions{flex-wrap:wrap;gap:10px;display:flex}.secondary-link{color:#111827;border:1px solid #cbd5e1;border-radius:8px;align-items:center;min-height:48px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex}.runtime-error-meta{gap:8px;margin:0;display:grid}.runtime-error-meta div{gap:4px;display:grid}.runtime-error-meta dt{color:#6b7280;font-size:13px;font-weight:900}.runtime-error-meta dd{overflow-wrap:anywhere;margin:0}.runtime-error-debug pre{color:#f9fafb;white-space:pre-wrap;background:#111827;border-radius:8px;max-height:260px;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.pairing-card,.action-card,.history-card,.advanced-card,.notice-card,.mobile-connect-card{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:20px}.pairing-card{border-top:5px solid #0f766e;gap:18px;display:grid}.pairing-copy{text-align:center}.step-label{color:#0f766e;margin-bottom:6px;font-size:13px;font-weight:900}.pairing-copy p:not(.step-label),.helper,.transfer-item p,.code-box span{color:#4b5563;margin-bottom:0;line-height:1.45}.pairing-grid{grid-template-columns:minmax(320px,1.2fr) minmax(260px,.8fr);align-items:stretch;gap:18px;display:grid}.qr-box{background:#f8fafc;border:2px solid #d1d5db;border-radius:8px;place-items:center;min-height:500px;padding:20px;display:grid}.qr-box canvas{width:min(460px,84vw);max-width:460px;height:min(460px,84vw);max-height:460px}.qr-box p{color:#374151;text-align:center;max-width:300px;margin:0;font-size:18px;font-weight:900;line-height:1.45}.code-box{text-align:center;background:#eef6ff;border:1px solid #bfdbfe;border-radius:8px;align-content:center;justify-items:center;gap:14px;padding:20px;display:grid}.code-box p{color:#1d4ed8;margin-bottom:0;font-weight:900}.code-box strong{color:#111827;letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(48px,8vw,86px);line-height:1;display:block}.center{text-align:center}.network-notice{color:#0e7490;background:#ecfeff;border:1px solid #67e8f9;border-radius:8px;margin:0;padding:10px 12px;font-weight:900;line-height:1.45}.notice-card.danger{border-color:#dc2626}.notice-card strong{color:#991b1b;margin-bottom:6px;font-size:18px;display:block}.notice-card p{color:#7f1d1d;margin-bottom:0;line-height:1.45}.session-warning{color:#1e3a8a;background:#fff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.session-warning p{margin:0;font-weight:800;line-height:1.45}.session-warning.strong-warning{color:#9a3412;background:#fff7ed;border-color:#fdba74}.compact-action{white-space:nowrap;min-height:38px;padding:0 12px}.action-card{gap:16px;display:grid}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.big-action,.primary-action,button:not(.secondary):not(.secondary-action){color:#fff;background:#0f766e}.big-action{min-height:76px;padding:14px 18px;font-size:20px}.big-action:hover,button:not(.secondary):not(.secondary-action):hover{background:#115e59}.secondary,.secondary-action{color:#111827;background:#e5e7eb}.secondary:hover,.secondary-action:hover{background:#d1d5db}.text-action{color:#4b5563;background:0 0;justify-self:start;min-height:36px;padding:0;text-decoration:underline}.text-action:hover{color:#0f766e}.strong{font-weight:900}.helper.error{color:#dc2626}.failure-text{color:#b91c1c;font-weight:800}.retry-area{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;gap:10px;margin-top:14px;padding:12px;display:grid}.retry-area[hidden]{display:none}.code-line{color:#374151;margin-bottom:0;font-weight:900}.code-line strong{color:#111827;font-size:24px}.history-card{gap:16px;display:grid}.columns,.field-grid,.lan-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.transfer-list{gap:12px;display:grid}.transfer-item{border:1px solid #d1d5db;border-radius:8px;gap:10px;padding:14px;display:grid}.transfer-item h3{overflow-wrap:anywhere}.transfer-item strong{color:#0f766e}.transfer-actions,.actions{flex-wrap:wrap;gap:10px;display:flex}progress{accent-color:#0f766e;width:100%;height:14px}.empty{color:#6b7280;margin:0}.advanced-card{color:#374151}.advanced-card summary{cursor:pointer;font-size:16px;font-weight:900}.advanced-card[open]{gap:14px;display:grid}.advanced-card label{gap:6px;display:grid}.lan-summary strong,.join-url{color:#0f766e;overflow-wrap:anywhere;display:block}.lan-summary span,label span{color:#374151;font-size:13px;font-weight:900;display:block}.join-url{color:#374151;background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}.join-debug pre{color:#374151;background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;padding:10px;font-size:12px;overflow:auto}.build-footer{color:#6b7280;overflow-wrap:anywhere;max-width:1040px;margin:0 auto;padding:0 clamp(16px,5vw,56px) 18px;font-size:11px;line-height:1.4}.mobile-connect-card{border-top:5px solid #0f766e}.mobile-actions{border-top:0}.mobile-actions .big-action{width:100%}.receive-modal-backdrop{z-index:60;background:#11182794;align-items:center;padding:18px;display:grid;position:fixed;inset:0}.receive-modal-backdrop[hidden]{display:none}.receive-modal{background:#fff;border:1px solid #d1d5db;border-radius:8px;gap:14px;width:100%;max-width:520px;max-height:min(82vh,720px);padding:20px;display:grid;overflow:auto;box-shadow:0 24px 60px #1118273d}.receive-modal h2{margin-bottom:0}.receive-file-list{gap:12px;display:grid}.receive-file-item{border:1px solid #d1d5db;border-radius:8px;gap:12px;padding:12px;display:grid}.receive-file-name{color:#111827;overflow-wrap:anywhere;font-size:20px;line-height:1.35;display:block}.receive-file-size{color:#4b5563;font-weight:900}.receive-error{margin:0}.receive-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=880px){.app-header,.pairing-grid,.columns,.field-grid,.lan-summary,.action-grid{grid-template-columns:1fr}.app-header{display:grid}.status-pill{justify-self:start}.session-warning{align-items:stretch;display:grid}.qr-box{min-height:340px}.big-action{min-height:66px}}