:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#dcf0e6;background:#06100d;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:32px 40px;position:relative}.ambient{position:fixed;inset:0;background:radial-gradient(ellipse at 75% 0%,#153d2d80,transparent 55%);pointer-events:none}header,footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.wordmark{font-weight:800;letter-spacing:2px;font-size:18px;color:#bdffd8;text-decoration:none}.wordmark span{color:#81a592;font-weight:500}.pilot,.eyebrow,.section-number,footer{font:11px/1.6 ui-monospace,Consolas,monospace;letter-spacing:2px;color:#83b39b}.pilot{border:1px solid #31533f;border-radius:30px;padding:7px 12px}.intro{padding:72px 0 48px;max-width:750px}h1{font-size:clamp(36px,5vw,66px);line-height:1.08;letter-spacing:-2.5px;font-weight:500;margin:18px 0 22px}h1 em{font-style:normal;color:#9cfab5}.lede{font-size:17px;line-height:1.7;color:#9fbcad;max-width:570px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.left{display:grid;gap:24px}.card{border:1px solid #234b36;background:#0c1d15dd;padding:26px;border-radius:14px}h2{font-size:20px;font-weight:500;letter-spacing:-.4px;margin:12px 0 24px}label{display:block;font-size:12px;color:#a7c8b6;margin:18px 0 8px}input,textarea,select{width:100%;border:1px solid #31543f;border-radius:6px;background:#07130d;color:#d3ebdf;padding:12px;font:13px/1.5 ui-monospace,monospace}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #71d6c9;outline-offset:2px}.actions{display:flex;gap:12px;margin-top:20px}button{font:600 13px ui-sans-serif,system-ui;background:#a0f9b5;color:#082412;border:1px solid #a0f9b5;border-radius:6px;padding:12px 16px;cursor:pointer}button span{margin-left:12px}.secondary{background:transparent;color:#a4c5b1;border-color:#31543f}button:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.45;cursor:default}button:focus-visible{outline:2px solid #71d6c9;outline-offset:3px}.muted{color:#85a793;font-size:12px;line-height:1.7}.note{padding:28px 10px;color:#a5c6b3;font-size:14px;line-height:1.8;max-width:480px}.error{color:#ff93a6}pre{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #31543f;padding-top:18px;color:#9ce6d7;font-size:12px;max-height:350px;overflow:auto}footer{margin-top:66px;border-top:1px solid #244631;padding-top:22px;font-size:10px}@media(max-width:820px){main{padding:24px}.intro{padding-top:48px}.workspace{grid-template-columns:1fr}aside{grid-row:1}.note{display:none}}@media(max-width:450px){.pilot{font-size:9px;letter-spacing:1px}main{padding:18px}.card{padding:20px}h1{letter-spacing:-1px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;min-width:0}.guide-button{display:inline-block;max-width:100%;padding:12px 16px;border:1px solid #76ce94;border-radius:6px;background:#102b1d;color:#c7ffda;font:600 13px/1.5 ui-sans-serif,system-ui;text-align:center;text-decoration:none;overflow-wrap:anywhere}.guide-button:hover{background:#1a3b28}.guide-button:focus-visible,.wordmark:focus-visible{outline:2px solid #71d6c9;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:8px;left:8px;z-index:2;padding:12px;background:#a0f9b5;color:#082412;transform:translateY(-160%)}.skip-link:focus{transform:none}@media(max-width:820px){header{flex-wrap:wrap}.header-actions{justify-content:flex-start}}@media(max-width:450px){.header-actions{width:100%}.guide-button{width:100%}}
[hidden]{display:none!important}
.workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.left,.workspace>aside,.card{min-width:0}
.request-format{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0 0;padding:14px 16px;border:1px solid #31543f;border-radius:8px}
.request-format legend{padding:0 6px;color:#a7c8b6;font-size:12px}
.request-format label{display:flex;align-items:center;gap:8px;margin:0;font-size:13px}
.request-format input{width:auto;margin:0;accent-color:#a0f9b5}
#prompt{font:15px/1.7 ui-sans-serif,system-ui}
#output-limit{max-width:180px}
.lookup-controls{display:flex;align-items:stretch;gap:10px}
.lookup-controls input{min-width:0}
.lookup-controls button{flex-shrink:0}
.task-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding-block:20px;border-block:1px solid #31543f}
.task-facts dt{font-size:11px;color:#85a793}
.task-facts dd{font:12px/1.7 ui-monospace,monospace;margin:6px 0 0;overflow-wrap:anywhere}
.answer{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.85;padding:20px;background:#07130d;border:1px solid #31543f;border-radius:8px;max-height:700px;overflow:auto}
.answer:focus-visible,summary:focus-visible{outline:2px solid #71d6c9;outline-offset:3px}
.answer-placeholder{color:#85a793;font-size:13px}
.response-card .actions{flex-wrap:wrap}
.response-card details{margin-top:22px;border-top:1px solid #31543f;padding-top:18px}
.response-card summary{cursor:pointer;color:#9ce6d7;font-size:12px;line-height:1.8}
.response-card pre{border:0;max-height:400px}
#submission-message,#result-message,#task-error{overflow-wrap:anywhere}
@media(max-width:820px){.workspace{grid-template-columns:1fr}}
@media(max-width:450px){.task-facts{grid-template-columns:1fr}.lookup-controls{flex-direction:column}.answer{padding:16px}}