:root{--rnm-radius: 6px;--rnm-gap: 8px;--rnm-pad: 12px;--rnm-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--rnm-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;color-scheme:dark}:root[data-obr-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--obr-bg, #1e2231);color:var(--obr-text, #ffffff);font-family:var(--rnm-font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.surface{display:flex;flex-direction:column;gap:var(--rnm-gap);min-height:100vh;padding:var(--rnm-pad)}.surface-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--rnm-gap);border-bottom:1px solid var(--obr-text-disabled, rgba(255, 255, 255, .5));padding-bottom:var(--rnm-gap)}.surface-head h1{font-size:15px;font-weight:600;letter-spacing:.02em;margin:0}.surface-head .sub{color:var(--obr-text-secondary, rgba(255, 255, 255, .7));font-size:12px}.card{background:var(--obr-bg-paper, #222639);border:1px solid color-mix(in srgb,var(--obr-text, #fff) 12%,transparent);border-radius:var(--rnm-radius);padding:var(--rnm-pad)}.card h2{font-size:13px;font-weight:600;margin:0 0 6px;text-transform:uppercase;letter-spacing:.06em;color:var(--obr-text-secondary, rgba(255, 255, 255, .7))}.muted{color:var(--obr-text-secondary, rgba(255, 255, 255, .7))}.kv{display:grid;grid-template-columns:minmax(0,8rem) minmax(0,1fr);gap:2px var(--rnm-gap);margin:0;font-size:12px}.kv dt{color:var(--obr-text-secondary, rgba(255, 255, 255, .7))}.kv dd{margin:0;font-family:var(--rnm-mono);overflow-wrap:anywhere}button{background:var(--obr-primary, #bb99ff);border:none;border-radius:var(--rnm-radius);color:var(--obr-primary-contrast, #12101a);cursor:pointer;font:inherit;font-weight:600;padding:7px 12px}button:hover{background:var(--obr-primary-light, #d6c2ff)}button:focus-visible{outline:2px solid var(--obr-secondary, #ee99ff);outline-offset:2px}button.ghost{background:transparent;border:1px solid var(--obr-primary, #bb99ff);color:var(--obr-primary, #bb99ff)}button.ghost:hover{background:color-mix(in srgb,var(--obr-primary, #bb99ff) 18%,transparent)}.banner{border-left:3px solid var(--obr-secondary, #ee99ff);border-radius:0 var(--rnm-radius) var(--rnm-radius) 0;background:color-mix(in srgb,var(--obr-secondary, #ee99ff) 14%,transparent);font-size:12px;margin:0;padding:8px 10px}.surface-foot{color:var(--obr-text-disabled, rgba(255, 255, 255, .5));font-size:11px;margin-top:auto;padding-top:var(--rnm-gap)}@media(max-width:380px){.surface{padding:8px}.kv{grid-template-columns:minmax(0,1fr)}}