html { color-scheme: dark; }
body { margin: 0; background: #080d17; color: #edf1fd; font: 16px/1.65 Inter, system-ui, sans-serif; }
.ox-proof { min-height: 100vh; background: radial-gradient(ellipse at 85% 10%, #162346 0, transparent 50%); }
.ox-proof * { box-sizing: border-box; }
.ox-proof header, .ox-proof main { width: min(1040px, 100% - 64px); margin: auto; }
.ox-proof header { min-height: 100px; display: flex; align-items: center; border-bottom: 1px solid #24324b; }
.ox-proof a { color: inherit; text-decoration: none; }
.ox-proof-back { display: inline-flex; gap: 12px; align-items: center; min-height: 44px; }
.ox-proof main { padding: 65px 0 80px; }
.ox-proof-eyebrow { color: #9bb8ff; font-size: 11px; letter-spacing: .08em; }
.ox-proof h1 { max-width: 760px; font: 500 clamp(34px, 5vw, 58px)/1.12 "Space Grotesk", Inter, sans-serif; letter-spacing: -.05em; margin: 22px 0; }
.ox-proof-intro { max-width: 710px; color: #acb8ce; }
.ox-proof-calculator { display: grid; grid-template-columns: 1fr 1fr; gap: 38px; margin: 44px 0 24px; }
.ox-proof form, .ox-proof-result { min-width: 0; background: linear-gradient(135deg, #151f34, #101726); border: 1px solid #2b3c5d; border-radius: 16px; padding: 30px; box-shadow: inset 0 1px 0 #ffffff08, 0 6px 0 #050a13, 0 24px 56px #0005; }
.ox-proof fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.ox-proof legend { font-size: 20px; margin-bottom: 20px; }
.ox-proof label { display: block; margin: 18px 0; color: #c7d4e9; font-size: 13px; }
.ox-proof input { display: block; width: 100%; min-height: 48px; margin-top: 8px; border: 1px solid #354664; border-radius: 7px; background: #09111f; color: #edf1fd; padding: 10px 14px; font: inherit; font-size: 16px; }
.ox-proof button { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 52px; border: 1px solid #b2c6fa; border-radius: 7px; background: linear-gradient(135deg, #a4bffa, #6e91f4); color: #111b31; padding: 12px 18px; font: 500 14px Inter, sans-serif; cursor: pointer; }
.ox-proof :disabled { cursor: default; opacity: .65; }
.ox-proof :focus-visible { outline: 2px solid #98d5f6; outline-offset: 4px; }
.ox-proof-result { display: flex; flex-direction: column; justify-content: center; gap: 25px; }
.ox-proof-result > div { display: flex; flex-direction: column; gap: 5px; }
.ox-proof-result span { color: #aabbd7; font-size: 12px; }
.ox-proof output { font: 500 28px "Space Grotesk", sans-serif; overflow-wrap: anywhere; }
.ox-proof [data-proof-result="quote"] { color: #a7c3ff; font-size: 43px; }
.ox-proof [data-proof-limitations] { padding-top: 24px; border-top: 1px solid #30405d; font-size: 12px; color: #aabbd7; }
.ox-proof [data-proof-error] { color: #ffc3bb; font-size: 13px; margin-bottom: 0; }
.ox-proof [data-proof-error]:empty { display: none; }
.ox-proof-evidence { margin-top: 32px; border-top: 1px solid #2b3c5d; }
.ox-proof summary { min-height: 52px; padding: 13px 0; cursor: pointer; }
.ox-proof summary::marker { color: #9bb8ff; }
.ox-proof pre { max-width: 100%; overflow-x: auto; padding: 20px; border-radius: 8px; background: #050912; color: #b4c5df; font-size: 12px; }
.ox-proof-notice { padding: 20px; border: 1px solid #5e5671; border-radius: 8px; }
@media(max-width: 700px) {
  .ox-proof header, .ox-proof main { width: calc(100% - 40px); }
  .ox-proof main { padding-top: 35px; }
  .ox-proof-calculator { grid-template-columns: minmax(0,1fr); gap: 24px; margin-top: 30px; }
  .ox-proof form, .ox-proof-result { padding: 24px; }
  .ox-proof h1 { font-size: 38px; }
  .ox-proof-intro { font-size: 14px; }
}