*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;background:#07111f}#root{min-height:100vh}button{border:none;background:none;font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}:root{--bg: #07111f;--surface: #0e1a2d;--surface-2: #15233a;--line: rgba(126, 153, 190, .18);--text: #f7f8fc;--muted: #8294ad;--accent: #3b82d8;--accent-2: #66a6f2;--success: #2dcc8a;color:var(--text);background:var(--bg)}button,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}.remote-input button:focus,.remote-input select:focus,.remote-input summary:focus,.remote-input a:focus{outline:4px solid #fff;outline-offset:4px;box-shadow:0 0 0 8px #3b82d873}.app-shell{min-height:100vh;background:radial-gradient(circle at 12% -10%,rgba(59,130,216,.23),transparent 34rem),radial-gradient(circle at 88% 0%,rgba(168,85,214,.11),transparent 30rem),linear-gradient(180deg,#0a1628,var(--bg) 46%)}.topbar{min-height:4.5rem;padding:0 1rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{color:var(--text);display:inline-flex;align-items:center;gap:.65rem;font-size:1.05rem;text-decoration:none}.brand-mark{width:2.25rem;height:2.25rem;display:grid;place-items:center;padding-left:.15rem;color:#fff;background:var(--accent);border-radius:50%;font-size:.8rem;box-shadow:0 0 1.5rem #e5395859}.live-status{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.75rem}.live-status i{width:.45rem;height:.45rem;border-radius:50%;background:var(--success)}.live-status.is-running i{background:var(--accent-2);animation:pulse 1.2s infinite}main{width:calc(100% - 2rem);max-width:68rem;width:min(100% - 2rem,68rem);margin:0 auto;padding:1rem 0 4rem}.intro{max-width:43rem;margin:0 auto 1.75rem;text-align:center}.eyebrow{color:var(--accent-2);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.intro h1{margin-top:.45rem;font-size:3.5rem;font-size:clamp(1.8rem,8vw,3.5rem);line-height:1.05;letter-spacing:-.04em}.intro>p:last-child{margin:.9rem auto 0;color:var(--muted);font-size:.95rem}.mode-selector{width:fit-content;margin:0 auto 1rem;padding:.25rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);display:flex;gap:.2rem}.mode-card{min-height:2.6rem;padding:0 .85rem;border-radius:.55rem;color:var(--muted);font-size:.78rem;font-weight:700;background:transparent;transition:color .16s,background .16s}.mode-card:hover:not(:disabled){color:var(--text)}.mode-card.is-active{color:#fff;background:var(--accent)}.mode-card:disabled{cursor:not-allowed;opacity:.7}.language-picker{width:100%;max-width:40rem;margin:0 auto .5rem;display:flex;align-items:center;justify-content:flex-end}.language-picker label{margin-right:.65rem;color:var(--muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.language-picker select{min-height:2.6rem;padding:0 2rem 0 .8rem;border:1px solid var(--line);border-radius:.65rem;color:var(--text);background:var(--surface-2);font:inherit;font-size:.82rem;font-weight:700}.server-picker{width:100%;max-width:40rem;width:min(100%,40rem);margin:1rem auto .75rem;padding:1rem 1.1rem;border:1px solid rgba(59,130,216,.55);border-radius:1rem;background:#3b82d814;display:grid;gap:.45rem}.server-picker label{color:var(--accent-2);font-size:.75rem;font-weight:700;text-transform:uppercase}.server-picker select{width:100%;min-height:3.8rem;padding:0 2.8rem 0 1rem;border:1px solid var(--line);border-radius:.7rem;color:var(--text);background:var(--surface-2);font:inherit;font-size:1rem;font-weight:750}.catalog-status{color:var(--success);font-size:.7rem}.catalog-status.is-warning{color:#ffc56e}.test-panel{width:100%;max-width:50rem;width:min(100%,50rem);margin-left:auto;margin-right:auto;margin-inline:auto;padding:1.25rem;border:1px solid var(--line);border-radius:1.25rem;background:linear-gradient(145deg,#0e1a2dfa,#0a1526fa);box-shadow:0 1.5rem 4rem #00000040}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-heading h2{margin-top:.2rem;font-size:1.25rem}.active-target{margin-top:1rem;padding:.9rem 1rem;border:1px solid rgba(59,130,216,.45);border-radius:.85rem;background:#3b82d814;display:grid;grid-template-columns:1fr auto;gap:.1rem 1rem}.active-target span{grid-column:1 / -1;color:var(--accent-2);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.active-target strong{overflow-wrap:break-word;overflow-wrap:anywhere;font-size:1.35rem;font-size:clamp(1rem,4vw,1.35rem)}.active-target small{align-self:center;color:var(--muted)}.text-button{min-height:2.75rem;padding:0 .8rem;color:var(--accent-2);border:1px solid rgba(255,100,125,.35);border-radius:.65rem}.simple-panel{width:100%;max-width:50rem;width:min(100%,50rem);margin-left:auto;margin-right:auto;margin-inline:auto;display:grid;justify-items:center}.simple-status{width:100%;max-width:30rem;width:min(100%,30rem);margin:.6rem auto .9rem;display:grid;grid-template-columns:1fr auto;align-items:end;gap:.2rem 1rem}.simple-status h2{margin-top:.2rem;font-size:1.15rem}.test-progress-label{color:var(--accent-2);font-size:.82rem;font-weight:800;letter-spacing:.06em}.tested-server{max-width:55vw;overflow-wrap:break-word;overflow-wrap:anywhere;color:var(--accent-2);text-align:right}.tested-server-info{display:flex;align-items:baseline;justify-content:flex-end;text-align:right}.tested-server-info>small{flex:0 0 auto;margin-left:.55rem;color:var(--muted)}.simple-metrics{width:100%;max-width:30rem;width:min(100%,30rem);margin:.4rem auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.simple-metrics article{display:flex;flex-direction:column;align-items:center;text-align:center}.simple-metrics span{color:var(--muted);font-size:.9rem}.simple-metrics article div{display:flex;align-items:baseline;justify-content:center}.simple-metrics strong{font-size:3.3rem;font-size:clamp(2rem,10vw,3.3rem);font-weight:500;line-height:1}.simple-metrics small{padding-left:.35rem;color:var(--muted)}.simple-metrics .quality-text{font-size:2.25rem;font-size:clamp(1.35rem,5vw,2.25rem);letter-spacing:-.03em}.speed-dial{--progress: 0deg;position:relative;width:19rem;height:19rem;max-width:76vw;width:min(76vw,19rem);aspect-ratio:1;border-radius:50%;color:#fff;background:radial-gradient(circle,#101d32 65%,#22314a 66%);background:radial-gradient(circle,#101d32 65%,transparent 66%),conic-gradient(var(--accent) var(--progress),#22314a 0);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 .6rem #ffffff06,0 1.2rem 3rem #00000059;transition:transform .16s;cursor:pointer}.speed-dial:hover:not(:disabled){transform:scale(1.025)}.speed-dial:disabled{cursor:default}.speed-dial.is-running{box-shadow:0 0 2.5rem #3b82d840}.dial-readout{position:absolute;top:0;right:0;bottom:0;left:0;padding-bottom:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.dial-caption{margin-bottom:.65rem;color:var(--text);font-size:1rem;font-weight:700}.dial-value{font-size:4rem;font-size:clamp(2.5rem,14vw,4rem);font-weight:750;line-height:1;letter-spacing:-.06em}.dial-value-text{max-width:80%;font-size:2.35rem;font-size:clamp(1.5rem,7vw,2.35rem);letter-spacing:-.03em;text-align:center}.dial-unit{margin-top:.45rem;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.13em}.dial-value-text+.dial-unit{max-width:78%;letter-spacing:.02em;line-height:1.25;text-align:center}.dial-action{position:absolute;bottom:10%;width:3.4rem;height:3.4rem;border-radius:50%;color:#111522;background:#fff;box-shadow:0 .55rem 1.3rem #00000059;display:grid;place-items:center;font-size:1.15rem;font-weight:900;pointer-events:none}.dial-action.is-play{padding-left:.18rem;color:#fff;background:var(--success)}.dial-action.is-stop{color:#fff;background:#ef476f;font-size:.95rem}.quality-verdict{width:100%;max-width:28rem;width:min(100%,28rem);margin-top:1.2rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:.85rem;display:flex;align-items:center;justify-content:center;gap:.9rem}.quality-verdict>span{font-size:1.4rem}.quality-verdict div{display:grid}.quality-verdict small{color:var(--muted)}.quality-verdict.is-good{border-color:#44d19f73;background:#44d19f14}.quality-verdict.is-bad{border-color:#ff647d73;background:#ff647d14}.quality-verdict.is-limited{border-color:#ffc56e73;background:#ffc56e14}.deep-note{max-width:30rem;margin-top:1rem;color:var(--muted);font-size:.82rem;text-align:center}.deep-summary{width:100%;margin-top:1.5rem}.deep-summary .quality-verdict{margin-left:auto;margin-right:auto;margin-inline:auto}.primary-button,.secondary-button{min-height:3.2rem;padding:0 1.3rem;border-radius:.8rem;color:#fff;font-weight:750}.primary-button{background:var(--accent);box-shadow:0 .8rem 2rem #3b82d83d}.deep-panel .primary-button{background:#9c55d6;box-shadow:0 .8rem 2rem #9c55d638}.secondary-button{margin-top:1rem;border:1px solid var(--line);background:var(--surface-2)}.error-message{margin-top:1rem;color:#ff9aac}.server-results{width:100%;margin-top:1.25rem;display:grid;gap:.5rem}.server-results>article{min-height:3.8rem;padding:.75rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface-2);display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.15rem .65rem;text-align:left}.server-results>article.has-error{border-color:#ff647d59}.server-results>article.is-recommended{border-color:#44d19f6b}.server-results>article.is-limited{border-color:#ffc56e6b}.server-results>article>small{grid-column:2 / -1;color:var(--muted)}.server-results>article>details{grid-column:1 / -1;margin-top:.45rem}.result-rank{grid-row:1 / 3;width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:#ffffff0f;font-size:.72rem}.recommended-results{width:100%;margin-top:1.5rem}.results-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.results-heading h3{font-size:1.15rem}.results-heading>span{color:var(--muted);font-size:.75rem}.result-verdict{padding:.3rem .55rem;border-radius:99rem;font-size:.65rem;font-weight:800}.result-verdict.is-good{color:var(--success);background:#44d19f1a}.result-verdict.is-bad{color:#ff8fa2;background:#ff647d1a}.result-verdict.is-limited{color:#ffc56e;background:#ffc56e1a}.deep-intro,.deep-progress,.deep-result{min-height:19rem;padding:2rem 0 .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.deep-intro p{max-width:32rem;margin:1rem 0 1.4rem;color:var(--muted)}.stream-icon{width:5.5rem;height:5.5rem;display:grid;place-items:center;border-radius:1.5rem;color:#c77dff;background:#9c55d624;font-size:1.4rem;font-weight:900}.progress-track{width:100%;max-width:30rem;width:min(100%,30rem);height:.7rem;overflow:hidden;border-radius:99rem;background:#22314a}.progress-track span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#9c55d6,#c77dff);transition:width .18s ease-out}.deep-progress>strong{margin-top:1.25rem;font-size:2rem}.deep-progress p{color:var(--muted)}.recommendation-label{color:var(--muted);font-size:.75rem;text-transform:uppercase}.recommendation{margin:.35rem 0;color:#c77dff;font-size:5rem;font-size:clamp(2.7rem,13vw,5rem);line-height:1}.deep-result>p:not(.recommendation-label){max-width:32rem;color:var(--muted)}.result-summary{margin:1.3rem 0;display:flex;gap:1.5rem;color:var(--muted)}.result-summary strong{color:var(--text)}details{width:100%;max-width:35rem;width:min(100%,35rem);border:1px solid var(--line);border-radius:.8rem;text-align:left}summary{min-height:3rem;padding:.85rem 1rem;cursor:pointer;color:var(--muted)}.technical-results{padding:0 1rem 1rem}.technical-results div{padding:.7rem 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:.2rem}.technical-results span{color:var(--muted)}.technical-results small{grid-column:1 / -1;color:var(--muted)}footer{padding:1.5rem 1rem;padding:1.5rem 1rem max(1.5rem,env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);font-size:.7rem;text-align:center}@keyframes pulse{50%{opacity:.25;transform:scale(.75)}}@media (min-width: 42rem){.topbar{padding-left:2rem;padding-right:2rem;padding-inline:max(2rem,env(safe-area-inset-left))}main{padding-top:1.5rem}.server-picker{grid-template-columns:auto minmax(14rem,1fr) auto;align-items:center;padding-left:1.25rem;padding-right:1.25rem;padding-inline:1.25rem}.server-results{grid-template-columns:repeat(2,minmax(0,1fr))}.server-results>article:only-child{grid-column:1 / -1;width:calc(50% - .25rem);justify-self:center}.speed-dial{width:20rem;height:20rem;width:min(32vw,20rem)}}@media (min-width: 70rem){.test-panel{padding:2rem 2.5rem}}@media (min-width: 90rem) and (min-height: 50rem){main{width:calc(100% - 10rem);max-width:82rem;width:min(calc(100% - 10rem),82rem);padding-top:2rem}.topbar{padding-left:5vw;padding-right:5vw;padding-inline:5vw}.server-picker select,.primary-button,.secondary-button,.text-button{min-height:3.75rem}}@media (min-width: 90rem) and (hover: none){.simple-panel{width:100%;max-width:68rem;width:min(100%,68rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}