:root{font-family:system-ui,sans-serif;color:#1d3041;background:#f2f5f8;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:40px 24px}header{margin-bottom:28px}h1{font-size:2.7rem;letter-spacing:-.05em;margin:8px 0}h2{font-size:1.25rem;margin:0 0 12px}.badge{color:#245a64;font-size:.75rem;font-weight:750;letter-spacing:.1em}section{background:white;border:1px solid #dce4eb;border-radius:16px;padding:24px;margin:22px 0}aside{border-left:4px solid #ba7a19;background:#fff4df;padding:18px;border-radius:6px}label{display:block;font-weight:600;margin:14px 0 6px}input:not([type=checkbox]),select,textarea{width:100%;padding:12px;border:1px solid #b9c8d4;border-radius:7px;font:inherit}textarea{font-family:monospace;font-size:.85rem}.check{font-weight:400}button{padding:11px 16px;background:#155965;border:0;color:white;border-radius:7px;cursor:pointer;font:inherit;margin:8px 4px 8px 0}button:hover{background:#0b414b}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d99a32;outline-offset:3px}button:disabled{opacity:.5;cursor:default}.actions,.section-heading{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.section-heading{justify-content:space-between}#rendered{border:1px dashed #aebfcb;padding:18px;min-height:65px;margin:12px 0}#status{font-weight:650;overflow-wrap:anywhere}.run{border-top:1px solid #dce4eb;padding:18px 0;overflow-wrap:anywhere}.run p{margin:5px 0}.run code{font-size:.8rem}footer{font-size:.85rem;color:#526b7c}ol{padding-left:24px}[hidden]{display:none!important}@media(max-width:600px){main{padding:24px 14px}section{padding:18px}button{width:100%}h1{font-size:2.2rem}}
:root{color-scheme:light}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stats>div{padding:18px;background:#e7eff1;border:1px solid #d1e0e3;border-radius:12px}.stats strong{display:block;font-size:2rem;line-height:1.3;color:#155965}.stats span{font-size:.85rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wide{grid-column:1/-1}.hint{font-size:.88rem;color:#526b7c}.secondary{background:#e7eff1;color:#164955}.secondary:hover{background:#d3e3e7}.danger{background:#923b3b}.danger:hover{background:#722727}.button-link{display:inline-block;padding:8px 12px;border:1px solid #b8cbd3;border-radius:7px;color:#155965;text-decoration:none;font-size:.9rem}.event{border:1px solid #dce4eb;border-radius:8px;padding:12px;margin:12px 0;overflow-wrap:anywhere}.event summary{cursor:pointer;font-weight:600}.event pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;background:#f2f5f8;padding:14px;border-radius:6px}.search{display:flex;align-items:center;gap:8px;margin:16px 0}.search input{flex:1;min-width:0}.search button{white-space:nowrap}@media(max-width:600px){.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.search{flex-wrap:wrap}.search input{flex-basis:100%}.button-link{width:100%;text-align:center}}
.profile-teal{--profile:#14616c;--profile-bg:#e2f1f3}.profile-blue{--profile:#205a99;--profile-bg:#e8f0fd}.profile-violet{--profile:#704393;--profile-bg:#f0e9f8}.profile-amber{--profile:#805600;--profile-bg:#fff1cb}.profile-rose{--profile:#963e5c;--profile-bg:#fbe7ee}.profile-green{--profile:#35632e;--profile-bg:#e7f2e4}.profile-indigo{--profile:#4a4699;--profile-bg:#edecfc}.profile-orange{--profile:#924815;--profile-bg:#fff0e3}.profile-badge{display:inline-block;color:var(--profile);background:var(--profile-bg);border:1px solid var(--profile);border-radius:5px;padding:2px 7px;font:700 .8rem ui-monospace,monospace;white-space:nowrap}.profile-card{border:1px solid #dce4eb;border-left:5px solid var(--profile);border-radius:8px;padding:16px;margin:14px 0}.profile-card p{margin:8px 0;font-size:.9rem}.profile-event{border-left:5px solid var(--profile)}#profile-matches{padding:16px;border:1px solid #c4d4df;border-radius:8px;background:#f6f9fb;margin-bottom:24px}