:root{color-scheme:light;font:16px/1.55 system-ui,sans-serif;color:#19364a;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}header{background:#14384b;color:#fff;padding:20px max(24px,calc((100vw - 960px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}header strong{font-size:21px}header strong span{font-weight:400;margin-left:14px;font-size:16px}.badge{font-size:12px;background:#31586b;padding:6px 10px;border-radius:20px;white-space:nowrap}.private{background:#65532e}main{max-width:960px;margin:32px auto;padding:0 24px 48px}h1{font-size:25px;line-height:1.3;margin:0 0 12px}h2{font-size:18px}p{margin:8px 0 16px}.card{background:#fff;border:1px solid #d8e1e6;border-radius:12px;padding:24px;margin:20px 0}.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.toolbar p,.hint{color:#596b76;font-size:14px}label{display:block;font-weight:600;margin-bottom:6px}input,select,textarea{font:inherit;color:inherit;border:1px solid #a6b8c2;border-radius:6px;padding:10px;background:white;max-width:100%}select{min-width:220px;margin-bottom:12px}textarea{display:block;width:100%;resize:vertical;margin:8px 0 14px}button,.button{display:inline-block;background:#176878;color:white;padding:10px 18px;border:0;border-radius:6px;font:600 15px/1.5 system-ui,sans-serif;text-decoration:none;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#6d4e4e;margin-left:12px}a{color:#176878}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ce8d23;outline-offset:3px}.question,.answer{white-space:pre-wrap;overflow-wrap:anywhere}.question{background:#edf3f6;border-radius:8px;padding:14px;margin:12px 0}.answer{border-left:3px solid #35867f;padding:10px 14px}.waiting{color:#75622e;border-left:3px solid #d6b35d;padding:10px 14px}.privacy{background:#fff0d4;border:1px solid #e3c990;padding:16px;border-radius:8px;font-size:14px}#notice{white-space:pre-wrap;color:#784628}details{margin-top:24px}summary{cursor:pointer;font-weight:600}#modeControls{border-top:1px solid #e2e8eb;padding-top:16px;margin-top:8px}[hidden]{display:none!important}@media(max-width:600px){header{align-items:flex-start;flex-direction:column;padding:18px 24px}header strong span{display:block;margin:0}.toolbar{gap:10px}.card{padding:18px}main{padding:0 16px;margin-top:24px}}

/* Independent responsive module: iframe dimensions never control authorization. */
html[data-embedded] { min-width:0; }
html[data-embedded] body { width:100%; min-width:0; }
html[data-embedded] main { width:100%; max-width:960px; margin:16px auto; padding:0 12px 24px; }
html[data-embedded] header { padding:12px; flex-wrap:wrap; gap:8px; }
html[data-embedded] header strong { min-width:0; overflow-wrap:anywhere; }
html[data-embedded] .card { padding:16px; margin:12px 0; min-width:0; }
html[data-embedded] .toolbar { flex-wrap:wrap; gap:8px; }
html[data-embedded] .toolbar > div { min-width:0; }
html[data-embedded] select { width:100%; min-width:0; }
html[data-embedded] button, html[data-embedded] .button { max-width:100%; white-space:normal; }
html[data-embedded] p, html[data-embedded] a, html[data-embedded] h1 { overflow-wrap:anywhere; }
html[data-embedded] textarea { min-width:0; }
@media(max-width:360px) {
 html[data-embedded] .badge { white-space:normal; }
 html[data-embedded] header strong span { display:block; margin:0; }
 html[data-embedded] main { padding:0 8px 16px; }
 html[data-embedded] .card { padding:12px; }
 html[data-embedded] .button, html[data-embedded] #reconnect { display:block; margin:8px 0; width:100%; }
}
@media(max-height:480px) {
 html[data-embedded] main { margin-top:8px; }
 html[data-embedded] header { padding:8px 12px; }
 html[data-embedded] h1 { font-size:20px; }
 html[data-embedded] textarea { min-height:72px; }
}