:root{--lutefish-blue: #1047d3;--lutefish-orange: #ff702a;--text-primary: #000000;--text-secondary: #666666;--bg-light: #f9f9f9;--bg-white: #ffffff;font-family:Lexend,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-white);font-size:62.5%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--lutefish-blue) 0%,#0a2f8a 100%);font-size:1.6rem}#app{width:100%;max-width:1100px;padding:2rem;padding-top:calc(130px + 2rem)}.container{background:#fff;border-radius:8px;padding:8.5rem 3rem 3rem;box-shadow:0 2px 10px #0000000d;text-align:center;position:relative;overflow:visible}.lou-walk{position:absolute;top:-130px;left:50%;transform:translate(-50%);height:240px;width:auto;pointer-events:none}@media(max-width:767px)and (orientation:portrait){#app{padding-top:calc(80px + 2rem);padding-bottom:4rem}.container{padding-top:10rem}.lou-walk{top:-80px;height:160px}}@media(orientation:landscape)and (max-height:500px){#app{padding-top:calc(60px + 2rem);padding-bottom:3rem}.container{padding-top:8rem}.lou-walk{top:-60px;height:120px}}h1{font-size:2.4rem;margin-bottom:.5rem;color:var(--lutefish-blue);font-weight:700}.subtitle-container{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:2rem}.subtitle{color:var(--text-secondary);margin-bottom:0;font-size:1.5rem;line-height:1.5}.info-icon{background:transparent;border:2px solid var(--text-secondary);border-radius:50%;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;box-shadow:none;flex-shrink:0}.info-icon:hover{background:var(--lutefish-blue);border-color:var(--lutefish-blue);color:#fff;transform:scale(1.1)}.info-icon svg{width:18px;height:18px}.info-tooltip{background:var(--bg-light);border:2px solid var(--lutefish-blue);border-radius:8px;padding:2rem;margin-bottom:2rem;text-align:left;position:relative;animation:slideDown .3s ease-out}.info-tooltip h3{color:var(--lutefish-blue);font-size:1.8rem;margin-bottom:1rem;font-weight:700}.info-tooltip p{color:var(--text-primary);font-size:1.4rem;line-height:1.6;margin-bottom:1rem}.info-tooltip p:last-of-type{margin-bottom:0}.info-tooltip strong{color:var(--lutefish-blue);font-weight:700}.info-note{background:#fff;padding:1rem;border-radius:8px;border-left:4px solid var(--lutefish-orange);margin-top:1.5rem!important}.info-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);font-size:2.4rem;line-height:1;width:32px;height:32px;padding:0;cursor:pointer;box-shadow:none;transition:color .2s}.info-close:hover{color:var(--lutefish-blue);transform:none;box-shadow:none;background:transparent}@keyframes slideDown{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}button{background:var(--lutefish-orange);color:#fff;border:none;padding:1.2rem 3rem;font-size:1.6rem;border-radius:40px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;font-weight:700;box-shadow:0 4px 15px #ff702a4d;font-family:Lexend,sans-serif}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff702a66;background:#ff8547}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.qr-container{padding:1.5rem;background:var(--bg-light);border-radius:8px;text-align:center;flex-shrink:0}.qr-actions{display:flex;gap:.8rem;margin-top:1rem}.qr-actions button{flex:1}.btn-secondary{background:#6c757d!important}.btn-secondary:hover{background:#5a6268!important}.qr-canvas{width:180px;height:auto;border-radius:8px;display:block;margin:0 auto}.status{margin:1.5rem 0;padding:1.5rem;border-radius:8px;font-size:1.5rem}.status.waiting{background:#fff3cd;color:#856404;border:2px solid #ffeaa7}.status.connected{background:#d4edda;color:#155724;border:2px solid #c3e6cb}.status.testing{background:#e3f2fd;color:var(--lutefish-blue);border:2px solid var(--lutefish-blue)}.results{margin-top:2rem;padding:2rem;background:var(--bg-light);border-radius:8px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:500px){.results-grid{grid-template-columns:repeat(2,1fr)}}.result-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.4rem}.result-card-label{font-size:1.2rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.result-card-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.result-card-value.pass{color:#28a745}.result-card-value.inconclusive{color:orange}.result-card-value.fail{color:#dc3545}.status-card.pass{background:#d4edda;border-color:#28a745}.status-card.inconclusive{background:#fff3cd;border-color:orange}.status-card.fail{background:#f8d7da;border-color:#dc3545}.status-card .result-card-value{font-size:2.2rem}.status-card.pass .result-card-value{color:#155724}.status-card.inconclusive .result-card-value{color:#856404}.status-card.fail .result-card-value{color:#721c24}.result-card.asymmetry{background:#fff8e1;border-color:orange}.sparkline-wrap{position:relative;margin:1.5rem 0 .5rem}.sparkline{display:block;width:100%;height:80px;background:var(--bg-light);border-radius:4px}.sparkline-line{fill:none;stroke:var(--lutefish-blue);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.sparkline-threshold{stroke:var(--lutefish-orange);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.sparkline-label{position:absolute;right:6px;font-size:1.1rem;color:var(--lutefish-orange);pointer-events:none}.result-message{margin:2rem 0;padding:1.5rem;background:#fff;border-radius:8px;font-size:1.5rem;line-height:1.6;color:var(--text-secondary)}.result-message a{color:var(--lutefish-blue);text-decoration:none;font-weight:600}.result-message a:hover{color:var(--lutefish-orange);text-decoration:underline}.share-link{margin-top:1rem;padding:1rem;background:#fff;border:1px solid #ddd;border-radius:8px;word-break:break-all;font-size:1.4rem;color:var(--text-secondary)}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:10px;background:#e0e0e0;border-radius:8px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:var(--lutefish-orange);transition:width .3s ease}.isp-badge{position:absolute;bottom:1rem;right:1.2rem;font-size:1.1rem;color:var(--text-secondary);pointer-events:none}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:1.2rem 2.5rem;border-radius:40px;box-shadow:0 8px 24px #0000004d;font-size:1.5rem;font-weight:500;z-index:1000;animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.home-layout{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}@media(min-width:768px){.home-layout{flex-direction:row;align-items:flex-start}.home-layout .info-tooltip{flex:1 1 0;margin-bottom:0}.home-layout .cards-container{flex:0 0 300px;margin-top:0}}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin-top:2rem}.card{background:var(--bg-light);border:2px solid #e0e0e0;border-radius:8px;padding:1.8rem 1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:var(--lutefish-orange)}.card h3{font-size:2rem;color:var(--lutefish-blue);margin-bottom:.5rem;font-weight:700}.card p{font-size:1.4rem;color:var(--text-secondary);margin-bottom:1.2rem;line-height:1.5}.card input{width:100%;padding:.8rem;margin-bottom:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1.5rem;transition:border-color .2s;font-family:Lexend,sans-serif}.card input:focus{outline:none;border-color:var(--lutefish-blue)}.card input::placeholder{color:#999}.card button{width:100%;padding:.8rem 2rem;font-size:1.5rem}.join-invite-blurb{font-size:1.4rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.join-invite-card{background:var(--bg-light);border:2px solid var(--lutefish-blue);border-radius:8px;padding:2rem;text-align:left}.join-room-label{font-size:1.3rem;color:var(--text-secondary);margin-bottom:1.2rem}.join-room-label strong{color:var(--lutefish-blue)}.join-invite-card input{width:100%;padding:1rem;margin-bottom:1.5rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1.5rem;transition:border-color .2s;font-family:Lexend,sans-serif}.join-invite-card input:focus{outline:none;border-color:var(--lutefish-blue)}.join-invite-card input::placeholder{color:#999}.join-invite-card button{width:100%;padding:1rem 2rem;font-size:1.5rem}.lobby-layout{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start;margin:1.5rem 0}@media(max-width:767px){.lobby-layout{grid-template-columns:1fr}}.lobby-panel{background:var(--bg-light);border:2px solid var(--lutefish-blue);padding:2rem;text-align:left}.lobby-panel h3{color:var(--lutefish-blue);font-size:2rem;font-weight:700;margin-bottom:.5rem}.lobby-subtitle{font-size:1.4rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.lobby-peer-list{list-style:none;display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.lobby-peer{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background:#fff;border:1px solid #e0e0e0;border-radius:4px}.lobby-peer--self{border-color:var(--lutefish-blue);background:#f0f4ff}.lobby-peer-avatar{width:32px;height:32px;border-radius:50%;background:var(--lutefish-blue);color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lobby-peer--self .lobby-peer-avatar{background:var(--lutefish-orange)}.lobby-peer-name{flex:1;font-size:1.5rem;font-weight:600;text-align:left}.lobby-peer-status{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.lobby-peer-status--ready{color:#28a745}.lobby-count{font-size:1.3rem;color:var(--text-secondary);margin-bottom:1.5rem;text-align:center}.pair-status-list{display:flex;flex-direction:column;gap:.6rem;margin:1.5rem 0;width:100%;max-width:420px}.pair-status-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;font-size:1.4rem}.pair-status-item--testing{border-color:var(--lutefish-blue);background:#f0f4ff}.pair-status-item--done{border-color:#28a745;background:#d4edda}.pair-status-item--failed{border-color:#dc3545;background:#f8d7da}.pair-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#aaa}.pair-status-item--connecting .pair-status-dot{background:#aaa;animation:status-pulse 1.2s infinite}.pair-status-item--testing .pair-status-dot{background:var(--lutefish-blue);animation:status-pulse 1.2s infinite}.pair-status-item--done .pair-status-dot{background:#28a745}.pair-status-item--failed .pair-status-dot{background:#dc3545}.pair-status-name{flex:1;font-weight:600;color:var(--text-primary)}.pair-status-label{font-size:1.2rem;color:var(--text-secondary);white-space:nowrap}.pair-status-item--done .pair-status-label{color:#28a745;font-weight:600}.pair-status-item--failed .pair-status-label{color:#dc3545;font-weight:600}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.35}}.results-matrix-title{font-size:2rem;color:var(--lutefish-blue);font-weight:700;margin-bottom:1.5rem}.matrix-scroll{overflow-x:auto;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch}.latency-matrix{border-collapse:collapse;width:100%;min-width:280px;font-size:1.3rem}.latency-matrix th,.latency-matrix td{padding:.6rem .8rem;border:1px solid #e0e0e0;text-align:center;white-space:nowrap}.matrix-header,.matrix-row-header{font-weight:700;background:var(--bg-light);color:var(--text-primary);font-size:1.2rem;max-width:100px;overflow:hidden;text-overflow:ellipsis}.matrix-cell--self{background:#f0f0f0;color:var(--text-secondary)}.matrix-cell--pass{background:#d4edda;border-color:#28a745}.matrix-cell--inconclusive{background:#fff3cd;border-color:orange}.matrix-cell--fail{background:#f8d7da;border-color:#dc3545}.matrix-cell--pending{background:#e3f2fd;color:var(--text-secondary)}.matrix-avg{display:block;font-size:1.5rem;font-weight:700}.matrix-icon{display:block;font-size:1.1rem}.matrix-failed{color:var(--text-secondary);font-size:1.4rem}