:root{color-scheme:light;--ink:#19243b;--muted:#58657a;--line:#dce2ea}*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:var(--ink);font:15px/1.5 Inter,system-ui,sans-serif}header{display:flex;gap:16px;align-items:center;padding:18px max(20px,calc((100% - 1000px)/2));background:#19243b;color:white}header a{color:white;text-decoration:none;font-weight:800;font-size:22px}header span{flex:1;font-size:13px}main{max-width:1040px;padding:24px 20px;margin:auto}h1{font-size:28px;margin:0 0 12px}h2{font-size:20px}.panel,.feedback{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px}#auth,#reset{max-width:460px;margin:24px auto}label{display:grid;gap:6px;font-size:13px;font-weight:600;margin-bottom:14px}input,select,button{font:inherit;border:1px solid var(--line);border-radius:10px;padding:11px 14px;min-height:44px;max-width:100%}input,select{background:white;color:var(--ink);width:100%;font-size:16px}button{background:#edf1f7;color:var(--ink);cursor:pointer;font-weight:600}button:disabled{opacity:.55;cursor:default}.primary{background:#19243b;color:white}#auth button,#reset button{width:100%;margin:6px 0}.muted{color:var(--muted)}.small{font-size:12px}.heading,.filters,.meta,.actions,.pager{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.heading{justify-content:space-between;margin-bottom:18px}.filters label{flex:1;min-width:140px;margin:0}.meta{font-size:13px;color:var(--muted)}.feedback p.message{white-space:pre-wrap;overflow-wrap:anywhere}.actions label{margin:0;min-width:150px}.actions .danger{margin-left:auto}.danger{color:#a12323;background:#fff0ef;border-color:#e0a7a7}.pager{justify-content:center;margin:20px 0}#notice{color:#234d77;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}#notice:empty{display:none}dialog{border:1px solid var(--line);border-radius:18px;padding:24px;max-width:440px;width:calc(100% - 32px)}dialog::backdrop{background:#14203699}:focus-visible{outline:3px solid #1f75ce;outline-offset:3px}[hidden]{display:none!important}@media(max-width:420px){header{gap:10px;padding:14px}header span{font-size:11px}main{padding:16px 12px}.panel,.feedback{padding:16px}.actions{align-items:stretch}.actions label{flex:1}.actions .danger{margin:0}h1{font-size:24px}}

#analytics-form{max-width:560px}#analytics-form input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle;margin-right:8px}#analytics-form button{margin:10px 0}

.trust-browser input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle;margin-right:8px}#code-step{max-width:460px;margin:24px auto}#code-step button{width:100%;margin:6px 0}
