: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 h1{margin:0 0 .25rem;font-size:1.6rem}.subtitle{color:var(--muted);margin:0 0 1.5rem}.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}.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}.event-url-row input{flex:1;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}#event-url-result{margin-top:.5rem;font-size:.9rem}.summary{font-weight:600;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.25rem}.summary--pass{background:var(--pass-bg);color:var(--pass)}.summary--fail{background:var(--fail-bg);color:var(--fail)}.summary--pending{background:var(--pending-bg);color:var(--pending)}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}.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}.check-icon--pass{background:var(--pass-bg);color:var(--pass)}.check-icon--fail{background:var(--fail-bg);color:var(--fail)}.check-icon--pending{background:var(--pending-bg);color:var(--pending)}.check-label{font-weight:600;flex:1 1 auto}.check-domains{color:var(--muted);font-size:.82rem;text-align:right}.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}.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)}}