:root { color-scheme:dark; font-family:Inter,ui-sans-serif,system-ui; background:#080d1b; color:#edf1ff; } body { margin:0; } main { max-width:900px; margin:auto; padding:54px 24px; } h1 { font-size:clamp(2.5rem,7vw,5rem); letter-spacing:-.07em; margin:.08em 0; } h2 { margin:.15em 0 .45em; } .eyebrow,.source { color:#91b6ff; text-transform:uppercase; letter-spacing:.13em; font-size:.76rem; font-weight:750; } .lede { color:#c1c9e5; font-size:1.25rem; max-width:660px; } aside,.card,.task { border:1px solid #2b3b65; border-radius:16px; background:#111a30; padding:20px; margin:22px 0; } aside { color:#d3daf3; } .hero-card { display:flex; gap:22px; align-items:center; justify-content:space-between; } .hero-card > div { max-width:560px; } button { cursor:pointer; border:1px solid #4a629b; border-radius:9px; padding:10px 13px; background:#7bd8ff; color:#061226; font:inherit; font-weight:750; white-space:nowrap; } button:hover { background:#b8edff; } .inbox-head { display:flex; align-items:end; justify-content:space-between; gap:15px; margin-top:42px; } .counts { color:#9ad6bd; } .inbox { display:grid; gap:10px; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); } .task { margin:0; padding:15px; } .review-task { border-color:#8b71d9; } .aligned-task { border-color:#2e6c5d; opacity:.82; } .task h3 { margin:.2em 0; font-size:1.2rem; } .task p { margin:.55em 0; } .explanation { margin:.55em 0; } .explanation summary { color:#a9c7ff; cursor:pointer; font-size:.9rem; } .definition { color:#b6e7cb; line-height:1.38; } .reference { color:#d4dbf4; line-height:1.38; } .links { margin:.35em 0 !important; } .links a { color:#a9c7ff; font-size:.8rem; } .task small { color:#aab4d5; font-size:.8rem; } .task button { display:block; margin-top:12px; } label { display:block; margin:16px 0; font-weight:650; } select,textarea { display:block; width:100%; margin-top:6px; box-sizing:border-box; color:#edf1ff; background:#0b1326; border:1px solid #3b4d7a; border-radius:9px; padding:10px; font:inherit; } textarea { min-height:88px; resize:vertical; } .hidden { display:none; } #error { color:#ff9aaf; } #feedback-status,#run-status { color:#9effcc; } .empty,footer { color:#8e99bb; } footer { margin-top:40px; font-size:.9rem; } code { color:#b9caff; } .agent-run { border-color:#3b7b87; } .agent-run ul { margin:.6rem 0; padding-left:1.2rem; color:#d5e7f3; } .agent-run li { margin:.35rem 0; } .agent-run li strong { color:#9effcc; } .privacy-note { color:#9db0cf; font-size:.9rem; } @media (max-width:640px) { .hero-card,.inbox-head { display:block; } .hero-card button { margin-top:12px; } }