:root{--bg: #f7f8fa;--panel-bg: #ffffff;--border: #d9dce1;--text: #1c1f24;--muted: #5c6470;--pass: #0055a4;--pass-bg: #e7f0fa;--fail: #b83b00;--fail-bg: #fbe8de;--expected: #8a6d00;--expected-bg: #fdf5db;--pending: #5c6470;--pending-bg: #eef0f2;--accent: #1955a8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}main{max-width:780px;margin:0 auto;padding:2rem 1.25rem 4rem}.header-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}header h1{margin:0 0 .25rem;font-size:1.6rem}.subtitle{color:var(--muted);margin:0 0 1.5rem}.linkbtn{background:none;border:none;padding:0;color:var(--muted);font-size:.85rem;cursor:pointer}.linkbtn:hover{color:var(--accent);text-decoration:underline}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem}.banner{background:var(--expected-bg);color:var(--expected);border:1px solid #e8d488;border-radius:10px;padding:.75rem 1.25rem;margin-bottom:1rem;font-size:.95rem}.bandwidth-at-risk{color:var(--expected);font-size:.85rem}.qr-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem}.qr-panel h2{margin:0 0 .25rem;font-size:1rem}.qr-panel .section-note{margin:0}#qr-code{flex:0 0 auto;width:96px;height:96px}#qr-code svg{display:block;width:100%;height:100%}.controls{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.9rem}.event-url-field label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:.4rem}.event-url-row{display:flex;gap:.5rem}.affix{display:flex;align-items:stretch;flex:1;border:1px solid var(--border);border-radius:6px;background:var(--panel-bg);overflow:hidden}.affix input{flex:1;min-width:0;border:none;padding:.45rem .6rem;font-size:.95rem;background:transparent}.affix-suffix{display:flex;align-items:center;padding:0 .6rem;background:var(--bg);border-left:1px solid var(--border);color:var(--muted);font-size:.85rem;white-space:nowrap}.event-url-field.invalid .affix{border-color:var(--fail)}.field-error{color:var(--fail);font-size:.85rem;margin:.4rem 0 0}.connection-field label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:.4rem}.connection-field>input[type=text]{width:100%;box-sizing:border-box;padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;font-size:.95rem}button{padding:.45rem .9rem;border-radius:6px;border:1px solid var(--border);background:var(--panel-bg);color:var(--text);font-size:.9rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{color:var(--muted);cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary .spinner{border-color:#fff6;border-top-color:#fff}.run-panel{margin-bottom:1.5rem}.run-button{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600}.summary{font-weight:600;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.25rem}.summary--pass{background:var(--pass-bg);color:var(--pass)}.summary--blocked{background:var(--fail-bg);color:var(--fail)}.summary--checking{background:var(--pending-bg);color:var(--pending)}.summary--not-tested{background:var(--expected-bg);color:var(--expected)}.verdict-headline{font-size:1.05rem}.verdict-sub{font-weight:400;font-size:.85rem;margin-top:.25rem;opacity:.85}h2{font-size:1.05rem;margin:1.75rem 0 .15rem}.section-note{color:var(--muted);font-size:.85rem;margin:0 0 .6rem}.check-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.check-row{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;padding:.7rem .9rem}@media(prefers-reduced-motion:no-preference){.check-row--settling{animation:check-settle .2s ease-out}}@keyframes check-settle{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.check-row summary{display:flex;align-items:center;gap:.6rem;cursor:pointer;list-style:none}.check-row summary::-webkit-details-marker{display:none}.check-icon{flex:0 0 auto;width:1.3rem;height:1.3rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;line-height:1}.check-icon--checking .check-icon-glyph{display:inline-block;transform:translateY(-.18em)}.check-icon--pass{background:var(--pass-bg);color:var(--pass)}.check-icon--blocked{background:var(--fail-bg);color:var(--fail)}.check-icon--checking{background:var(--pending-bg);color:var(--pending)}.check-icon--not-tested{background:var(--expected-bg);color:var(--expected)}.check-main{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.check-label{font-weight:600}.check-badge{display:inline-block;margin-left:.4rem;padding:.05rem .4rem;border-radius:4px;background:var(--pass-bg);color:var(--pass);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}.check-domains{color:var(--muted);font-size:.78rem;margin-top:.1rem}.check-outcome{color:var(--muted);font-size:.85rem;text-align:right;flex:0 0 auto;margin-left:.5rem}.check-detail{margin-top:.6rem;padding-left:1.9rem;font-size:.85rem;color:var(--muted)}.check-detail ul{margin:.3rem 0 0;padding-left:1.1rem}.check-note{margin-top:.4rem;font-style:italic}.check-fix{margin-top:.6rem;padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px}.check-fix p{margin:0}.check-fix-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.2rem}.actions{margin-top:2rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}#copy-status{font-size:.85rem;color:var(--pass)}.spinner{display:inline-block;width:.85em;height:.85em;margin-right:.4em;vertical-align:-.15em;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1f2480;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:10}.modal-backdrop[hidden]{display:none}.modal{background:var(--panel-bg);border-radius:10px;max-width:640px;width:100%;max-height:85vh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:1.05rem}.modal-body{overflow:auto;padding:1rem 1.25rem}.modal-body pre{margin:0;font-family:ui-monospace,monospace;font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.modal-foot{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem;border-top:1px solid var(--border)}