:root{--background:#eef1f5;--border:#dfe4eb;--border-strong:#bfc8d5;--ink:#172033;--muted:#647087;--orange:#f49a25;--surface:#fff;--shadow:0 24px 70px #17203324;--shadow-soft:0 8px 30px #1720330f;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--muted);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}p{margin:0}a{color:inherit}main{width:min(1180px,100% - 32px);margin:0 auto;padding:48px 0 72px}.hero{border:1px solid var(--border);box-shadow:var(--shadow);background:radial-gradient(circle at 85% 0,#f49a252e,#0000 35%),linear-gradient(145deg,#17253f,#111a2d 60%,#0e1524);border-radius:24px;padding:56px}.hero-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hero-copy{min-width:0}.hero h1{color:#fff;letter-spacing:-.06em;max-width:780px;margin:0 0 16px;font-size:clamp(2.5rem,7vw,5.5rem);line-height:.98}.hero-copy>p{color:#c8d2e6;max-width:760px;font-size:1.15rem}.header-meta{color:#c8d2e6;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;align-self:flex-start;max-width:min(100%,22rem);margin-left:auto;font-size:.9rem;line-height:1.45}.section-heading>span{color:var(--orange);letter-spacing:.13em;text-transform:uppercase;font-size:.78rem;font-weight:800}.notice{color:#fce0ba;background:#f49a251a;border:1px solid #f49a2559;border-radius:10px;max-width:720px;margin-top:28px;padding:14px 16px}section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:18px;margin-top:28px;padding:32px}.section-heading{margin-bottom:24px}.section-heading-row{align-items:center;gap:10px;display:flex}.section-help{max-width:76ch;margin-top:12px}.fixture-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.fixture{border:1px solid var(--border);background:#fbfcfe;border-radius:12px;grid-template-rows:auto auto 1fr auto;gap:8px;padding:16px;display:grid}.fixture-actions{gap:8px;margin-top:2px;display:flex}.fixture-actions button,.fixture-actions .button{min-height:32px;padding:4px 12px;font-size:.82rem}.fixture code{overflow-wrap:anywhere;color:var(--ink);font-family:var(--mono);font-size:.82rem}.fixture span{color:var(--muted);font-size:.86rem}.section-heading h2{color:var(--ink);letter-spacing:-.035em;margin:6px 0 0;font-size:clamp(1.6rem,3vw,2.35rem)}.field-grid,.player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.field{gap:7px;display:grid}.field-label-row{align-items:center;gap:8px;display:flex}.field-label-row span,.field-label-row label{color:var(--ink);font-size:.9rem;font-weight:700}.info-button{cursor:pointer}.field-help{color:var(--ink);background:#fff5e5;border-radius:8px;margin:0;padding:10px 12px;font-size:.88rem}.field--environment{grid-column:1/-1}.environment-toggle{border:1px solid var(--border-strong);background:#f1f4f9;border-radius:999px;gap:4px;width:fit-content;padding:4px;display:inline-flex}.environment-option{min-width:116px;min-height:34px;color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:.88rem;font-weight:750;display:inline-flex;position:relative}.environment-option:hover{color:var(--ink)}.environment-option:has(input[type=radio]:checked){color:#fff;background:#17253f}.environment-option:has(input[type=radio]:focus-visible){outline:3px solid #f49a253d}.environment-option input[type=radio]{opacity:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.origin-preview{color:var(--muted);font-family:var(--mono);flex-wrap:wrap;gap:4px 18px;margin:0;font-size:.8rem;display:flex}.field input{box-sizing:border-box;border:1px solid var(--border-strong);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:9px;padding:12px 14px}.field input:focus{border-color:var(--orange);outline:3px solid #f49a2529}.actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}button,.button{box-sizing:border-box;color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#17253f;border:1px solid #243553;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-weight:750;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:#243553}button:disabled{opacity:.55;cursor:wait}.button--secondary{border-color:var(--border-strong);color:var(--ink);background:#fff}.button--secondary:hover{background:#f5f7fa}button.info-button{border-radius:999px;width:22px;min-height:22px;padding:0;font-size:.75rem;font-style:italic;font-weight:800;line-height:1}button.info-button:hover,button.info-button[aria-expanded=true]{background:var(--orange);border-color:var(--orange)}.endpoint-grid{grid-template-columns:minmax(230px,.8fr) 1.2fr;align-items:center;gap:10px 20px;margin-top:20px;display:grid}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature-card{border:1px solid var(--border);background:#f8fafc;border-radius:12px;padding:18px}.feature-card h3{margin:0 0 10px;font-size:1rem}.feature-card ul{gap:7px;margin:0;padding-left:20px;font-size:.9rem;display:grid}code{color:#8d4c00;font-family:var(--mono);background:#fff5e5;border-radius:5px;padding:3px 6px;font-size:.9em}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.result{border:1px solid var(--border);background:#f8fafc;border-radius:12px;gap:12px;padding:16px;display:flex}.result p{margin:4px 0 0;font-size:.9rem}.result__status{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#788398;border-radius:999px;align-self:flex-start;padding:3px 7px;font-size:.65rem;font-weight:800}.result--pass .result__status{background:#167347}.result--fail .result__status{background:#b3261e}.checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.manual-check{background:#f8fafc;border-radius:9px;align-items:flex-start;gap:10px;padding:12px;display:flex}.manual-check input{width:18px;height:18px;accent-color:var(--orange);margin-top:2px}iframe{border:1px solid var(--border-strong);background:#000;border-radius:12px;width:100%;min-height:560px;margin-top:20px}.player-grid iframe{min-height:320px}.javascript-player{border:1px solid var(--border-strong);background:#000;border-radius:12px;min-height:320px;margin-top:18px;overflow:hidden}.toast{z-index:10;color:#fce0ba;max-width:min(420px,100% - 40px);box-shadow:var(--shadow);background:linear-gradient(145deg,#17253f,#111a2d);border:1px solid #f49a258c;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:20px;right:20px}.toast__message{font-weight:700}button.toast__dismiss{color:#fce0ba;background:#f49a252e;border-color:#0000;border-radius:999px;width:24px;min-height:24px;padding:0;font-size:1rem;line-height:1}button.toast__dismiss:hover{background:var(--orange);border-color:var(--orange);color:#17253f}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.inline-status{color:var(--muted);align-self:center;font-size:.9rem}h3{color:var(--ink);margin:32px 0 8px}.empty-state{border:1px dashed var(--border-strong);text-align:center;border-radius:12px;padding:32px}footer{color:var(--muted);text-align:center;padding:28px 10px 0}@media (width<=760px){main{width:min(100% - 20px,1180px);padding-top:10px}.hero,section{padding:24px}.hero-heading{flex-direction:column}.header-meta{white-space:normal}.field-grid,.player-grid,.results,.checklist,.feature-grid,.endpoint-grid{grid-template-columns:1fr}iframe{min-height:360px}}