:root{--bg:#f3efe6;--bg-deep:#e7e0d2;--ink:#1c1914;--muted:#5c564c;--line:rgba(28,25,20,.12);--accent:#0f6b4c;--accent-soft:#d8ebe2;--warn:#9a3412;--surface:rgba(255,252,246,.88);--font-display:"Instrument Serif","Times New Roman",serif;--font-body:"Manrope","Avenir Next",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--ink);font-family:var(--font-body);background:radial-gradient(900px 520px at 88% -8%,rgba(15,107,76,.14),transparent 55%),radial-gradient(640px 380px at 8% 12%,rgba(154,52,18,.07),transparent 50%),linear-gradient(180deg,var(--bg) 0,var(--bg-deep) 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");mix-blend-mode:multiply}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{position:relative;width:min(720px,calc(100% - 2.5rem));margin:0 auto;padding:3.25rem 0 4.5rem}.hero{padding-bottom:1.75rem;animation:rise .65s ease both}.brand{font-size:clamp(3rem,9vw,4.75rem);line-height:.92;letter-spacing:-.03em;margin:0 0 .85rem;color:var(--ink)}.brand,.hero h1{font-family:var(--font-display)}.hero h1{font-weight:400;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.2;max-width:22ch;margin:0 0 .7rem}.lede{margin:0;max-width:42ch;color:var(--muted);font-size:1.02rem;line-height:1.55}.composer{margin-top:.25rem;padding-top:1.35rem;border-top:1px solid var(--line);animation:rise .75s ease .06s both}.presets{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.chip{border:1px solid var(--line);background:transparent;padding:.42rem .75rem;cursor:pointer;color:var(--muted);transition:border-color .2s ease,color .2s ease,background .2s ease}.chip:hover{color:var(--ink);border-color:rgba(28,25,20,.28)}.chip[data-active=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.ask-box{display:block;width:100%;min-height:8rem;resize:vertical;border:1px solid var(--line);background:var(--surface);padding:1rem 1.05rem;line-height:1.55;outline:none}.ask-box:focus{border-color:rgba(15,107,76,.55);box-shadow:0 0 0 3px rgba(15,107,76,.12)}.composer-bar{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.85rem;align-items:center;justify-content:space-between}.composer-submit,.composer-tools{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.composer-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-top:.7rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ink);background:var(--ink);color:#f7f3ea;padding:.72rem 1.1rem;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,opacity .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:wait}.btn-primary{min-width:6.5rem;background:var(--accent);border-color:var(--accent);color:#f4faf7;font-weight:650;padding:.78rem 1.35rem}.btn-primary:hover:not(:disabled){background:#0c5a40;border-color:#0c5a40}.btn-ghost,.btn-secondary{background:transparent;color:var(--ink)}.btn-ghost{border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:rgba(28,25,20,.35)}.btn-text{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:.4rem .15rem;cursor:pointer}.btn-text:hover{color:var(--ink)}.err,.hint,.meta,.voice{font-size:.88rem;color:var(--muted)}.voice{color:var(--accent)}.err,.voice{margin:.75rem 0 0}.err{color:var(--warn)}.section{margin-top:2.75rem;animation:rise .55s ease both;scroll-margin-top:1.25rem}.section h2{font-family:var(--font-display);font-weight:400;font-size:1.85rem;margin:0 0 .75rem}.answer{margin:0;white-space:pre-wrap;line-height:1.6;font-size:1.02rem}.waterfall{list-style:none;margin:1rem 0 0;padding:0;border-left:1px solid var(--line)}.waterfall li{position:relative;padding:0 0 1.25rem 1.15rem;animation:rise .45s ease both}.waterfall li:before{content:"";position:absolute;left:-4px;top:.45rem;width:7px;height:7px;border-radius:50%;background:var(--accent)}.step-name{font-weight:650;letter-spacing:.01em}.step-model{margin:.2rem 0;font-family:var(--font-display);font-size:1.2rem}.step-reason{margin:0;color:var(--muted);font-size:.9rem;max-width:52ch}.ab{margin-top:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;white-space:pre-wrap}.arch p{max-width:52ch;line-height:1.55}.arch p,.arch ul{color:var(--muted)}.arch ul{margin:.75rem 0 0;padding-left:1.1rem;line-height:1.7}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:640px){.page{width:min(100%,calc(100% - 1.5rem));padding-top:2rem}.brand{font-size:clamp(2.6rem,15vw,3.6rem)}.composer-bar{flex-direction:column;align-items:stretch}.composer-submit,.composer-tools{width:100%}.composer-submit .btn{flex:1 1}.btn-primary{flex:1.4 1}}