:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#102126;color:#f2ead3}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{display:flex;flex-direction:column}
.review-bar{min-height:48px;display:flex;align-items:center;gap:20px;padding:8px 20px;background:#0b171b;border-bottom:1px solid #42666a;flex:none}
.identity{display:flex;align-items:center;gap:12px;white-space:nowrap}
.identity strong{font-size:14px;letter-spacing:.13em}
.badge{font-size:11px;letter-spacing:.1em;padding:4px 7px;border:1px solid #e4b66b;color:#e4b66b}
.status{margin:0;flex:1;font-size:13px;color:#b8d0c9}
button{font:inherit;font-size:13px;color:#f2ead3;background:#203b40;border:1px solid #6d9597;border-radius:3px;padding:6px 12px;cursor:pointer;white-space:nowrap}
button:hover{background:#305259}
button:focus-visible{outline:3px solid #e4b66b;outline-offset:3px}
main{flex:1;min-height:0}
iframe{display:block;width:100%;height:100%;border:0;background:#102126}
dialog{width:min(660px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:28px;border:1px solid #6d9597;border-top:3px solid #e4b66b;background:#193035;color:#f2ead3;line-height:1.6}
dialog::backdrop{background:#000b}
.dialog-heading{display:flex;align-items:flex-start;gap:16px}
h1{font-size:23px;line-height:1.3;flex:1;margin:0 0 12px}
ol{padding-left:22px}
li{padding:4px 0}
.hint{padding-top:12px;border-top:1px solid #42666a;color:#b8d0c9}
@media(max-width:700px){.review-bar{padding:8px 12px;gap:10px}.status{display:none}.identity{flex:1}.identity strong{font-size:12px}.badge{font-size:10px}dialog{padding:20px}}