:root { --ink:#171713; --paper:#f2eddf; --cream:#fffaf0; --acid:#d7ff42; --red:#e6573d; --blue:#315bff; --line:rgba(23,23,19,.28); --muted:#69675f; }
* { box-sizing:border-box; }
[hidden]{display:none!important}
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif; }
button,select,input { font:inherit; }
button { color:inherit; }
.noise { position:fixed; inset:0; opacity:.12; pointer-events:none; z-index:10; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E"); }
.site-header { min-height:78px; padding:14px clamp(18px,4vw,58px); border-bottom:1px solid var(--ink); display:flex; justify-content:space-between; align-items:center; }
.brand { color:inherit; text-decoration:none; display:flex; gap:12px; align-items:center; }
.brand-mark { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--ink); border-radius:50%; font:800 13px/1 ui-monospace,monospace; }
.brand strong,.brand small { display:block; } .brand strong { font-size:15px; letter-spacing:.08em; } .brand small { margin-top:3px; font:10px/1.2 ui-monospace,monospace; color:var(--muted); letter-spacing:.1em; }
.header-actions{display:flex;align-items:center;gap:22px}.header-actions>a{color:inherit;font:700 10px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;text-underline-offset:4px}
.status { font:11px/1 ui-monospace,monospace; letter-spacing:.08em; display:flex; align-items:center; gap:7px; }.status i{width:8px;height:8px;border-radius:50%;background:#50a35a;box-shadow:0 0 0 4px rgba(80,163,90,.13)}
main { overflow:hidden; }.hero { padding:clamp(52px,8vw,110px) clamp(18px,6vw,90px) 72px; min-height:calc(100vh - 78px); position:relative; }.hero:after { content:"β"; position:absolute; right:-2vw; top:1vw; font:900 clamp(220px,36vw,560px)/.9 Georgia,serif; color:transparent; -webkit-text-stroke:1px rgba(23,23,19,.12); z-index:-1; }
.eyebrow { margin:0 0 16px; font:700 11px/1.2 ui-monospace,monospace; letter-spacing:.18em; text-transform:uppercase; }
h1 { max-width:1050px; margin:0; font:900 clamp(68px,13vw,182px)/.76 Arial Black,Inter,sans-serif; letter-spacing:-.085em; }h1 em { color:var(--blue); font-style:normal; }
.lede { max-width:680px; margin:38px 0 48px; font-size:clamp(16px,2vw,21px); line-height:1.7; }
.control-panel { background:var(--cream); border:1px solid var(--ink); box-shadow:10px 10px 0 var(--ink); display:grid; grid-template-columns:1.1fr 1.2fr .75fr; }
.control-panel fieldset { border:0; border-right:1px solid var(--line); margin:0; padding:22px; min-width:0; }.control-panel legend,.select-grid label { font:700 10px/1.3 ui-monospace,monospace; letter-spacing:.12em; text-transform:uppercase; }
.segmented { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:8px; }.segmented input { position:absolute; opacity:0; }.segmented span { padding:13px 8px; min-height:62px; border:1px solid var(--line); display:grid; align-content:center; cursor:pointer; font-weight:800; }.segmented small { margin-top:4px; font:9px ui-monospace,monospace; color:var(--muted); }.segmented input:checked + span { background:var(--acid); border-color:var(--ink); box-shadow:3px 3px 0 var(--ink); }
.depth-note{margin:11px 0 0;font:10px/1.55 ui-monospace,monospace;color:var(--muted)}
.loop-picker{display:grid;gap:8px;margin-bottom:18px;font:800 10px/1.35 ui-monospace,monospace;letter-spacing:.04em}.loop-picker select{width:100%;padding:12px 28px 12px 10px;border:1px solid var(--ink);border-radius:0;background:var(--acid);color:var(--ink);font-size:12px}.field-label{margin:0;font:800 10px/1.35 ui-monospace,monospace;letter-spacing:.04em}
.select-grid { padding:22px; display:grid; grid-template-columns:repeat(2,1fr); gap:14px 10px; }.select-grid label { display:grid; gap:9px; }.select-grid select { width:100%; padding:12px 28px 12px 10px; border:1px solid var(--line); border-radius:0; background:var(--paper); color:var(--ink); font-size:12px; }
.roll-button { border:0; border-left:1px solid var(--ink); background:var(--red); cursor:pointer; padding:25px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; text-align:left; transition:filter .2s,transform .2s; }.roll-button:hover{filter:brightness(1.08)}.roll-button:active{transform:translate(2px,2px)}.roll-button .die{font-size:32px}.roll-button b{display:block;font:900 30px/1 Arial Black,sans-serif}.roll-button small{display:block;margin-top:5px;font-size:10px}.roll-button .arrow{font-size:24px}
.results,.export { padding:80px clamp(18px,4vw,58px); background:var(--ink); color:var(--paper); }.section-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:28px; }.section-heading h2,.reaction h2 { margin:0; font:800 clamp(34px,5vw,66px)/1 Arial,sans-serif; letter-spacing:-.045em; }.section-heading>p { max-width:420px; color:#bcb8ab; line-height:1.6; }.molecule-id { border:1px solid #6d6b63; padding:10px 14px; font:11px ui-monospace,monospace; }
.atom-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }.atom-card { min-height:390px; padding:15px; color:var(--ink); background:var(--cream); border:1px solid var(--ink); display:flex; flex-direction:column; animation:card-in .45s both; animation-delay:var(--delay); transition:transform .2s,box-shadow .2s,outline-color .2s; }.atom-card:hover{transform:translateY(-5px);box-shadow:0 5px 0 var(--acid)}.atom-card.is-locked{outline:3px solid var(--acid);outline-offset:-4px}.atom-card.uses-active-primitive{outline:4px solid var(--blue);outline-offset:-5px}.atom-top{display:flex;justify-content:space-between;align-items:center;font:9px ui-monospace,monospace;text-transform:uppercase}.lock-button{border:0;background:transparent;padding:4px;cursor:pointer;font:700 9px ui-monospace,monospace}.symbol{margin:28px 0 8px;font:900 78px/.85 Georgia,serif;letter-spacing:-.08em}.atom-card h3{margin:0 0 22px;font:900 21px/1 Arial,sans-serif;text-transform:uppercase}.atom-card h3 small{display:block;margin-top:6px;font:500 12px/1.2 system-ui}.atom-card dl{margin:auto 0 18px}.atom-card dl div{border-top:1px solid var(--line);padding:8px 0}.atom-card dt{font:700 8px ui-monospace,monospace;text-transform:uppercase;color:var(--muted)}.atom-card dd{margin:3px 0 0;font-size:10px;line-height:1.35;overflow-wrap:anywhere}.atomic-formula{color:var(--blue);font-weight:900;letter-spacing:.04em}.atom-meta{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:9px;font:700 9px ui-monospace,monospace}.kind-action{border-top:7px solid var(--blue)}.kind-transformer{border-top:7px solid var(--red)}.kind-state{border-top:7px solid #e8ba21}.kind-pressure{border-top:7px solid #b86ee8}.kind-assay{border-top:7px solid #47a461}
.mutation-bar{margin-top:20px;border:1px solid #65635c;padding:16px;display:flex;justify-content:space-between;align-items:center}.mutation-bar p{margin:0;display:flex;gap:18px;align-items:center}.mutation-bar p span{color:#aaa69c;font-size:13px}.secondary-button{border:1px solid var(--paper);background:transparent;color:var(--paper);padding:12px 18px;cursor:pointer;font:700 11px ui-monospace,monospace}.secondary-button:hover{background:var(--acid);color:var(--ink)}.secondary-button:disabled{opacity:.35;cursor:not-allowed}
.reaction { padding:90px clamp(18px,6vw,90px); display:grid; grid-template-columns:1.3fr 1fr; gap:clamp(42px,8vw,120px); align-items:start; }.reaction-main h2 { max-width:680px; }.reaction-copy { max-width:700px; font-size:clamp(17px,2vw,24px); line-height:1.7; }.formula { margin-top:40px; padding:18px 0; border-block:1px solid var(--ink); font:800 clamp(15px,2vw,25px)/1.3 ui-monospace,monospace; color:var(--blue); overflow-wrap:anywhere; }.reaction-facts { margin:0; border-top:1px solid var(--ink); }.reaction-facts div { padding:22px 0; border-bottom:1px solid var(--line); }.reaction-facts dt { font:700 9px ui-monospace,monospace; text-transform:uppercase; letter-spacing:.1em; }.reaction-facts dd { margin:8px 0 0; font-size:15px; line-height:1.55; }
.loop-architecture{margin-top:30px;border:1px solid var(--ink);background:var(--cream);box-shadow:7px 7px 0 var(--acid)}.loop-architecture-head{padding:10px 13px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;font:800 9px ui-monospace,monospace;letter-spacing:.1em}.loop-architecture-head button{border:1px solid var(--ink);background:transparent;padding:7px 9px;cursor:pointer;font:800 9px ui-monospace,monospace}.loop-architecture-head button[aria-pressed="true"]{background:var(--acid)}.loop-architecture h3{margin:0;padding:18px 18px 3px;font:900 clamp(22px,3vw,34px)/1 Arial,sans-serif}.loop-question{margin:0;padding:7px 18px;font-size:15px;line-height:1.5}.loop-principle{margin:0;padding:0 18px 17px;color:var(--muted);font-size:11px;line-height:1.5}.loop-network-grid{display:grid;grid-template-columns:1fr 1fr .7fr;border-top:1px solid var(--ink)}.loop-network-grid>div{min-width:0;padding:13px;border-right:1px solid var(--line)}.loop-network-grid>div:last-child{border-right:0}.loop-network-grid span{font:800 8px ui-monospace,monospace;color:var(--blue);letter-spacing:.08em}.loop-network-grid p{margin:7px 0 0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.reaction-graph{margin-top:30px;border:1px solid var(--ink);background:var(--cream)}.reaction-graph-heading{padding:11px 14px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;font:700 9px ui-monospace,monospace;letter-spacing:.1em}.reaction-graph-heading small{font-weight:500;color:var(--muted)}.reaction-graph ol{list-style:none;margin:0;padding:0}.bond{display:grid;grid-template-columns:34px 34px minmax(90px,auto) 34px 1fr;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font:10px/1.35 ui-monospace,monospace}.bond:last-child{border-bottom:0}.bond-index{color:var(--muted)}.bond-arrow{display:grid;place-items:center;color:var(--blue);font-size:18px}.bond-arrow small{font-size:7px;color:var(--muted);overflow-wrap:anywhere;max-width:90px;text-align:center}.bond p{margin:0;font:12px/1.45 system-ui}.bond-feedback{background:color-mix(in srgb,var(--acid) 28%,transparent)}.bond-tradeoff{background:color-mix(in srgb,var(--blue) 10%,transparent)}.bond-loop-pattern{background:color-mix(in srgb,#e8ba21 20%,transparent)}.bond-network{background:color-mix(in srgb,#47a461 16%,transparent)}.bond-phase{background:color-mix(in srgb,#f15a3a 14%,transparent)}.bond-phase .bond-arrow{color:#c43824}.depth-fact{border-left:4px solid var(--blue);padding-left:16px!important}
.atomic-library{padding:84px clamp(18px,4vw,58px);background:#d9d2c2;border-top:1px solid var(--ink)}.atomic-library .section-heading>p{color:var(--muted)}.atomic-details{min-height:92px;margin-bottom:18px;padding:16px 18px;border:1px solid var(--ink);background:var(--cream);display:grid;grid-template-columns:minmax(230px,.7fr) 1fr;gap:28px;align-items:center}.atomic-details>div{display:flex;align-items:center;gap:14px}.details-symbol{font:900 38px/1 Georgia,serif;color:var(--blue)}.atomic-details p{margin:0;line-height:1.5}.atomic-details strong,.atomic-details small{display:block}.atomic-details small{margin-top:4px;font:9px ui-monospace,monospace;color:var(--muted);text-transform:uppercase}.atomic-table-scroll{overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--ink);background:var(--paper)}.periodic-table{display:grid;grid-template-columns:130px repeat(7,minmax(112px,1fr));min-width:1040px}.periodic-corner,.periodic-header,.periodic-row-label{min-height:64px;padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--ink);display:grid;align-content:center}.periodic-corner,.periodic-row-label{background:var(--ink);color:var(--paper)}.periodic-header{background:#c9c2b2;text-align:center}.periodic-header span,.periodic-row-label span,.periodic-corner span{font:800 10px ui-monospace,monospace;text-transform:uppercase}.periodic-header small,.periodic-row-label small,.periodic-corner small{margin-top:4px;font:9px ui-monospace,monospace;color:var(--muted)}.periodic-row-label small,.periodic-corner small{color:#aaa69c}.primitive-cell{position:relative;min-height:116px;padding:14px 10px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream);text-align:left;cursor:pointer;display:flex;flex-direction:column;transition:background .15s,box-shadow .15s}.primitive-cell:hover{background:#fff}.primitive-cell[aria-pressed="true"]{background:var(--acid);box-shadow:inset 0 0 0 3px var(--ink)}.primitive-no{position:absolute;right:8px;top:7px;font:8px ui-monospace,monospace;color:var(--muted)}.primitive-cell b{font:900 34px/1 Georgia,serif}.primitive-cell strong{margin-top:auto;font:800 10px/1 Arial,sans-serif;text-transform:uppercase}.primitive-cell small{margin-top:4px;font:9px system-ui;color:var(--muted)}.domain-entity{border-top:5px solid #315bff}.domain-space{border-top:5px solid #e6573d}.domain-motion{border-top:5px solid #e8ba21}.domain-quantity{border-top:5px solid #b86ee8}.domain-time{border-top:5px solid #47a461}.domain-information{border-top:5px solid #22a7a7}.domain-relation{border-top:5px solid #8f7151}.atomic-note{margin:14px 0 0;font-size:12px;color:var(--muted)}
.export { background:#2b2a25; }.prompt-shell { border:1px solid #68665f; background:#11110f; }.prompt-toolbar { min-height:52px; padding:10px 12px 10px 18px; border-bottom:1px solid #45443f; display:flex; justify-content:space-between; align-items:center; gap:12px; font:10px ui-monospace,monospace; }.prompt-toolbar button { border:1px solid #5f5d56; background:#262520; color:var(--paper); padding:8px 12px; margin-left:6px; cursor:pointer; }.prompt-toolbar button:hover{background:var(--acid);color:var(--ink)}pre{margin:0;padding:28px;max-height:620px;overflow:auto;white-space:pre-wrap;font:12px/1.7 ui-monospace,SFMono-Regular,monospace;color:#d9d4c8}
footer { border-top:1px solid var(--ink); padding:22px clamp(18px,4vw,58px); display:flex; justify-content:space-between; gap:20px; font:9px ui-monospace,monospace; letter-spacing:.09em; }.toast{position:fixed;right:24px;bottom:24px;z-index:30;background:var(--acid);color:var(--ink);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:13px 18px;font-size:13px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.22s}.toast.show{transform:none;opacity:1}

/* Internal-only benchmark surface. It has no public navigation entry. */
.benchmark-mode{min-height:calc(100vh - 78px);padding:72px clamp(18px,5vw,76px);background:var(--ink);color:var(--paper)}
.benchmark-shell{max-width:1320px;margin:0 auto}.benchmark-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end;margin-bottom:46px}.benchmark-heading h2{margin:0;font:900 clamp(58px,9vw,128px)/.78 Arial Black,Inter,sans-serif;letter-spacing:-.075em}.benchmark-heading h2 em{color:var(--acid);font-style:normal}.benchmark-heading>p{margin:0 0 10px;color:#c7c2b6;line-height:1.7}.benchmark-heading code{color:var(--acid)}
.benchmark-controls{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #66635b;background:#25241f}.benchmark-controls label{padding:16px;border-right:1px solid #55524b;display:grid;gap:8px;font:700 9px/1.3 ui-monospace,monospace;letter-spacing:.08em}.benchmark-controls input,.benchmark-controls select{width:100%;padding:11px;border:1px solid #66635b;border-radius:0;background:#11110f;color:var(--paper);font:12px ui-monospace,monospace}.benchmark-controls .benchmark-checkbox{display:flex;align-items:center;gap:9px}.benchmark-checkbox input{width:auto}.benchmark-controls>button{grid-column:2/5;padding:18px;border:0;border-top:1px solid #111;background:var(--acid);color:var(--ink);cursor:pointer;font:900 15px ui-monospace,monospace}.benchmark-controls>button:hover{filter:brightness(1.08)}
.benchmark-output{margin-top:24px;border:1px solid #66635b;background:#f7f1e4;color:var(--ink)}.benchmark-meta{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ink)}.benchmark-meta div{padding:16px;border-right:1px solid var(--line);display:grid;gap:7px}.benchmark-meta div:last-child{border-right:0}.benchmark-meta span{font:700 8px ui-monospace,monospace;color:var(--muted)}.benchmark-meta strong{font:800 13px ui-monospace,monospace;overflow-wrap:anywhere}.benchmark-notice{padding:15px 18px;display:flex;gap:18px;border-bottom:1px solid var(--line);background:var(--acid);font-size:12px}.benchmark-table-wrap{overflow:auto;max-height:420px}.benchmark-output table{width:100%;border-collapse:collapse;font:11px/1.45 ui-monospace,monospace}.benchmark-output th,.benchmark-output td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.benchmark-output th{position:sticky;top:0;background:#d9d2c2}.benchmark-output td small{display:block;margin-top:4px;color:var(--muted)}.benchmark-actions{padding:14px;display:flex;flex-wrap:wrap;gap:8px}.benchmark-actions button{border:1px solid var(--ink);background:transparent;padding:10px 12px;cursor:pointer;font:700 9px ui-monospace,monospace}.benchmark-actions button:first-child{background:var(--ink);color:var(--paper)}.benchmark-actions button:hover{background:var(--blue);color:#fff}

/* Novice-first flow */
.lede{max-width:790px;margin-bottom:28px}.lede strong{background:linear-gradient(transparent 62%,var(--acid) 62%)}
.journey{list-style:none;margin:0 0 34px;padding:0;max-width:1000px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(255,250,240,.55)}
.journey li{padding:14px;display:grid;grid-template-columns:28px 1fr;gap:10px;border-right:1px solid var(--line);align-items:start}.journey li:last-child{border-right:0}.journey b{width:24px;height:24px;display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:50%;font:800 10px ui-monospace,monospace}.journey strong,.journey small{display:block}.journey strong{font-size:12px}.journey small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4}
.control-panel{grid-template-columns:1.05fr 1fr}.control-intro{grid-column:1/-1;padding:16px 22px;border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:14px}.control-intro>span{padding:7px 9px;background:var(--blue);color:#fff;font:800 9px ui-monospace,monospace}.control-intro p,.control-intro strong,.control-intro small{display:block;margin:0}.control-intro strong{font-size:15px}.control-intro small{margin-top:3px;color:var(--muted);font-size:11px}
.control-panel legend,.select-grid label,.advanced-options label{font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.08em;text-transform:none}.select-grid{grid-template-columns:1fr;gap:13px}.select-grid label{gap:7px}.select-grid select,.advanced-options select{width:100%;padding:12px 28px 12px 10px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);font-size:12px}
.advanced-options{grid-column:1/-1;border-top:1px solid var(--line)}.advanced-options summary{padding:15px 22px;cursor:pointer;display:flex;align-items:center;gap:14px}.advanced-options summary span{font:800 9px ui-monospace,monospace;color:var(--blue)}.advanced-options summary strong{font-size:12px}.advanced-options[open] summary{border-bottom:1px solid var(--line)}.advanced-options label{padding:16px 22px;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:18px}
.roll-button{grid-column:1/-1;border-left:0;border-top:1px solid var(--ink);padding:22px 25px}.roll-button b{font-size:clamp(20px,3vw,30px)}.roll-button small{font-size:11px}
.section-kicker{max-width:620px!important;margin:12px 0 0!important;color:#aaa69c!important;font-size:13px;line-height:1.5}.atom-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.atom-card{min-height:355px}.lock-button{border:1px solid transparent;padding:6px}.lock-button:hover,.lock-button:focus-visible{border-color:var(--ink);background:var(--acid)}.symbol{margin:24px 0 8px;font-size:70px}.atom-card h3{margin-bottom:8px}.role-help{margin:0 0 18px;color:var(--muted);font-size:11px}.atom-card dt{text-transform:none}.atom-card dd{font-size:11px;line-height:1.4}
.reaction-facts>div,.score-details>div{padding:22px 0;border-bottom:1px solid var(--line)}.fact-label{margin:0;font:700 9px ui-monospace,monospace;letter-spacing:.08em}.fact-value{margin:8px 0 0;font-size:15px;line-height:1.55}.mechanism-details{margin-top:32px}.mechanism-details>summary,.score-details>summary{cursor:pointer;font:800 11px ui-monospace,monospace;text-decoration:underline;text-underline-offset:5px}.mechanism-details[open]>summary,.score-details[open]>summary{color:var(--blue)}.score-details{padding:20px 0}.score-details>div{padding:16px 0}.score-details>div:last-child{border-bottom:0}
.atomic-disclosure{border:1px solid var(--ink);background:var(--paper)}.atomic-disclosure>summary{padding:20px;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center}.atomic-disclosure>summary span{font-weight:900;font-size:18px}.atomic-disclosure>summary small{color:var(--muted);font-size:11px}.atomic-disclosure[open]>summary{border-bottom:1px solid var(--ink);background:var(--acid)}.atomic-disclosure-body{padding:18px}
.primitive-cell:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.primitive-cell>b{font:900 34px/1 Georgia,serif}.primitive-cell>strong{margin-top:auto;font:800 10px/1 Arial,sans-serif;text-transform:uppercase}.primitive-tooltip{position:absolute;left:6px;right:6px;bottom:6px;z-index:2;padding:9px;background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--blue);opacity:0;visibility:hidden;transform:translateY(4px);transition:.15s;pointer-events:none}.primitive-tooltip b{display:block;font:800 12px/1.2 system-ui}.primitive-tooltip small{display:block;margin-top:4px;color:#ccc8bd;font:9px/1.35 system-ui}.primitive-cell:hover .primitive-tooltip,.primitive-cell:focus-visible .primitive-tooltip{opacity:1;visibility:visible;transform:none}

/* Prompt receipt printer, motion inspired by dqnamo's receipt-printer experiment. */
.receipt-printer-stage{height:840px;min-height:840px;padding:56px 20px 20px;display:flex;flex-direction:column;align-items:center;overflow:hidden;border:1px solid #4e4c46;background:#181714}.receipt-machine{position:relative;z-index:3;width:min(760px,100%);padding:16px 18px 30px;border:1px solid #070706;border-radius:28px;background:linear-gradient(145deg,#3b3a36,#1e1e1b);box-shadow:0 28px 48px -26px #000,inset 0 1px 0 rgba(255,255,255,.15),inset 0 -2px 0 #090908}.receipt-machine-head{min-height:40px;display:flex;justify-content:space-between;align-items:flex-start;color:#aaa79e;font:800 9px ui-monospace,monospace;letter-spacing:.12em}.receipt-machine-head button{border:1px solid #65625a;border-radius:999px;background:#4b4943;color:#f2eddf;padding:8px 13px;cursor:pointer;font:800 9px ui-monospace,monospace}.receipt-machine-head button:hover,.receipt-machine-head button:focus-visible{background:var(--acid);color:var(--ink)}.receipt-screen{padding:17px;border:1px solid #0d0d0c;border-radius:16px;background:#121210;color:#d8d4ca;box-shadow:inset 0 0 28px rgba(0,0,0,.7);display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.receipt-screen>div:not(.receipt-status){display:grid;gap:4px}.receipt-screen>div>span{color:#77746d;font:700 8px ui-monospace,monospace;letter-spacing:.1em}.receipt-screen strong{font:700 12px/1.35 ui-monospace,monospace;overflow-wrap:anywhere}.receipt-status{grid-column:1/-1;padding-top:13px;border-top:1px solid #2e2d29;display:grid;grid-template-columns:14px 1fr auto;gap:9px;align-items:center;font:700 10px ui-monospace,monospace}.receipt-status i{width:13px;height:13px;border:2px solid #5d5a53;border-top-color:var(--acid);border-radius:50%}.receipt-printer-stage.is-printing .receipt-status i{animation:printer-spin .75s linear infinite}.receipt-printer-stage.is-printing .receipt-machine{animation:machine-rumble .14s steps(2,end) infinite}.receipt-printer-stage.is-complete .receipt-status i{border:0;background:#63bb6b;box-shadow:0 0 0 4px rgba(99,187,107,.12)}.receipt-status b{color:var(--acid)}.receipt-slot{position:absolute;left:28px;right:28px;bottom:10px;height:11px;border:1px solid #050504;border-radius:4px;background:#080807;box-shadow:inset 0 3px 4px #000}
.receipt-output{position:relative;z-index:2;width:min(620px,90%);margin-top:-7px;overflow:hidden;padding:0 18px 28px}.receipt-output:before{content:"";position:absolute;left:24px;right:24px;top:0;height:12px;background:rgba(0,0,0,.5);filter:blur(7px);z-index:2;pointer-events:none}.receipt-paper{position:relative;width:100%;height:0;margin:0 auto;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(23,23,19,.018) 0,rgba(23,23,19,.018) 1px,transparent 1px,transparent 4px),#f8f3e7;color:var(--ink);border-bottom:4px dotted #aaa397;box-shadow:0 22px 30px -18px #000;transform-origin:top;will-change:height}.receipt-paper-inner{position:absolute;left:0;right:0;bottom:0;padding:28px 34px 24px}.receipt-paper header{padding:0 0 14px!important;border:0!important;display:grid!important;gap:6px!important;color:var(--ink)!important;font-family:ui-monospace,monospace!important;letter-spacing:0!important}.receipt-paper header span{font-size:8px;letter-spacing:.12em}.receipt-paper header strong{font:900 20px/1 Arial Black,sans-serif;letter-spacing:-.03em}.receipt-paper header small{font:700 9px/1.4 ui-monospace,monospace;color:var(--blue);overflow-wrap:anywhere}.receipt-rule{height:1px;margin-bottom:15px;background:var(--ink)}.receipt-paper pre{margin:0;padding:0;overflow:hidden;color:var(--ink);font:9px/1.45 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap}.receipt-paper footer{margin:18px 0 0!important;padding:12px 0 0!important;border-top:1px dashed #858178!important;display:flex!important;justify-content:space-between!important;gap:14px!important;color:var(--ink)!important;font:700 7px ui-monospace,monospace!important;letter-spacing:.1em!important}
.receipt-actions{padding:17px 18px;border:1px solid #55534d;border-top:0;display:flex;justify-content:space-between;gap:24px;align-items:center}.receipt-actions p{margin:0}.receipt-actions p strong,.receipt-actions p span{display:block}.receipt-actions p strong{font-size:13px}.receipt-actions p span{margin-top:4px;color:#aaa69c;font-size:11px}.receipt-actions button{border:1px solid #68665f;background:#262520;color:var(--paper);padding:10px 13px;margin-left:7px;cursor:pointer;font:700 10px ui-monospace,monospace}.receipt-actions button:hover{background:var(--acid);color:var(--ink)}
@keyframes printer-spin{to{transform:rotate(360deg)}}
@keyframes machine-rumble{0%,100%{transform:translateX(0)}50%{transform:translateX(.8px)}}

@keyframes card-in{from{opacity:0;transform:translateY(22px) rotate(1deg)}to{opacity:1;transform:none}}
@media(max-width:1100px){.atom-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.site-header{min-height:66px}.status{display:none}.header-actions>a{font-size:9px}.hero{padding-top:58px;min-height:auto}.hero:after{display:none}h1{font-size:clamp(58px,20vw,100px)}.lede{margin:28px 0 26px}.journey{grid-template-columns:1fr 1fr}.journey li:nth-child(2){border-right:0}.journey li:nth-child(-n+2){border-bottom:1px solid var(--line)}.control-panel{display:block;box-shadow:6px 6px 0 var(--ink)}.control-panel fieldset{border-right:0;border-bottom:1px solid var(--line)}.segmented{grid-template-columns:1fr}.segmented span{min-height:54px}.select-grid{grid-template-columns:1fr}.advanced-options label{grid-template-columns:1fr;gap:8px}.roll-button{width:100%;border-left:0}.roll-button b{font-size:20px}.results,.export,.atomic-library{padding-block:58px}.section-heading{display:block}.molecule-id{display:inline-block;margin-top:18px}.atom-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 12px}.atom-card{min-width:78vw;scroll-snap-align:start}.mutation-bar{align-items:stretch;flex-direction:column;gap:14px}.mutation-bar p{align-items:flex-start;flex-direction:column;gap:3px}.reaction{grid-template-columns:1fr;padding-block:64px}.loop-network-grid{grid-template-columns:1fr}.loop-network-grid>div{border-right:0;border-bottom:1px solid var(--line)}.loop-network-grid>div:last-child{border-bottom:0}.loop-architecture-head{align-items:flex-start;gap:10px}.bond{grid-template-columns:28px 26px minmax(72px,auto) 26px 1fr;padding-inline:10px}.atomic-disclosure>summary{align-items:flex-start;flex-direction:column}.atomic-disclosure-body{padding:10px}.atomic-details{grid-template-columns:1fr;gap:12px}.prompt-toolbar{align-items:flex-start;flex-direction:column}.prompt-toolbar div{display:flex;width:100%}.prompt-toolbar button{flex:1;margin:0 6px 0 0}pre{padding:18px;max-height:520px}footer{flex-direction:column}.toast{left:18px;right:18px;text-align:center}}
@media(max-width:720px){.receipt-printer-stage{height:800px;min-height:800px;padding:30px 8px 10px}.receipt-machine{padding:12px 12px 26px;border-radius:20px}.receipt-screen{grid-template-columns:1fr}.receipt-status{grid-column:1}.receipt-output{width:94%;padding-inline:6px}.receipt-paper-inner{padding:22px 18px 20px}.receipt-paper header strong{font-size:18px}.receipt-paper pre{font-size:8px;line-height:1.42}.receipt-actions{align-items:stretch;flex-direction:column}.receipt-actions>div{display:grid;grid-template-columns:1fr 1fr}.receipt-actions button{margin:0 6px 0 0}}
@media(max-width:720px){.benchmark-mode{padding-top:46px}.benchmark-heading{grid-template-columns:1fr;gap:24px}.benchmark-heading h2{font-size:clamp(52px,18vw,84px)}.benchmark-controls{grid-template-columns:1fr}.benchmark-controls label{border-right:0;border-bottom:1px solid #55524b}.benchmark-controls>button{grid-column:1}.benchmark-meta{grid-template-columns:1fr}.benchmark-meta div{border-right:0;border-bottom:1px solid var(--line)}.benchmark-notice{flex-direction:column;gap:5px}.benchmark-actions{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}