:root{--bg:#08100f;--panel:#0d1816;--panel2:#11201d;--text:#ecf6f2;--muted:#9eb3ad;--line:#263b36;--accent:#50e3b0;--accent2:#a7ffde;--danger:#ffb36b;--shadow:0 18px 60px #0007;color-scheme:dark}html[data-theme=light]{--bg:#f5faf8;--panel:#fff;--panel2:#e9f4f0;--text:#11231f;--muted:#526b64;--line:#cbded8;--accent:#087c5d;--accent2:#075c47;--danger:#9c4b00;--shadow:0 18px 60px #19352b18;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6}.skip{position:fixed;left:1rem;top:-5rem;background:var(--accent);color:#04110d;padding:.7rem 1rem;z-index:99}.skip:focus{top:1rem}a{color:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:2rem;padding:.9rem clamp(1rem,4vw,4rem);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-weight:850;text-decoration:none;letter-spacing:-.04em;white-space:nowrap}.brand>span:first-child{color:var(--accent);font-family:monospace}.brand>span:last-child{color:var(--muted)}nav{display:flex;gap:1.2rem;margin-left:auto}nav a{text-decoration:none;color:var(--muted);font-size:.9rem}nav a:hover,nav a:focus{color:var(--accent)}button,input,textarea{font:inherit}.iconbtn,.copy{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:.55rem;padding:.55rem .75rem;cursor:pointer}.hero{padding:clamp(3rem,8vw,7rem) clamp(1rem,8vw,8rem) 4rem;max-width:1300px;margin:auto}.eyebrow,.sectionhead span,.whatsnew span{font:700 .75rem ui-monospace,monospace;letter-spacing:.14em;color:var(--accent)}h1{max-width:850px;font-size:clamp(2.7rem,7vw,6.3rem);line-height:.96;letter-spacing:-.065em;margin:1rem 0 1.5rem}h1 em{color:var(--accent);font-style:normal}.hero>p{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:720px}.search{margin:2.4rem 0 1rem;max-width:850px;display:flex;align-items:center;gap:.8rem;background:var(--panel);border:1px solid var(--line);border-radius:.8rem;padding:.5rem 1rem;box-shadow:var(--shadow)}.search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search input{width:100%;background:transparent;color:var(--text);border:0;outline:0;padding:.7rem 0;font-size:1.05rem}.search kbd{color:var(--muted);border:1px solid var(--line);border-radius:.3rem;padding:.05rem .4rem}.chips{display:flex;gap:.55rem;flex-wrap:wrap}.chip{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.48rem .8rem;border-radius:2rem;cursor:pointer}.chip.active,.chip:hover{background:var(--accent);color:#04110d;border-color:var(--accent)}.statline{margin-top:1.3rem;color:var(--muted);font-size:.85rem}.statline strong{color:var(--accent)}main>section:not(.hero){padding:4rem clamp(1rem,4vw,4rem);max-width:1400px;margin:auto}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.7rem}.sectionhead h2,.whatsnew h2{font-size:clamp(1.8rem,4vw,3.4rem);letter-spacing:-.045em;margin:.2rem 0}.sectionhead p{color:var(--muted);max-width:420px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:.8rem;padding:1.15rem;min-width:0}.card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.meta{display:flex;justify-content:space-between;gap:.5rem;color:var(--accent);font:700 .7rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.card h3{font-size:1.07rem;line-height:1.3;margin:.7rem 0}.card p{color:var(--muted);font-size:.9rem;margin:.1rem 0 .8rem}.card details{margin-top:auto}.card summary{cursor:pointer;color:var(--accent);font-weight:700}.promptbox{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);padding:.8rem;border-radius:.5rem;font:13px/1.55 ui-monospace,monospace;max-height:260px;overflow:auto}.card .copy{align-self:flex-start;margin-top:.7rem}.builder{background:linear-gradient(135deg,var(--panel2),var(--bg));border-block:1px solid var(--line);max-width:none!important}.buildergrid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.builder form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.builder label{color:var(--muted);font-size:.85rem}.builder input,.builder textarea{display:block;width:100%;margin-top:.35rem;padding:.72rem;border:1px solid var(--line);border-radius:.5rem;background:var(--panel);color:var(--text)}.builder textarea{min-height:88px;resize:vertical}.primary{border:0;border-radius:.55rem;background:var(--accent);color:#04110d;font-weight:800;padding:.8rem;cursor:pointer}.output{background:var(--panel);border:1px solid var(--line);border-radius:.8rem;padding:1rem}.outputhead{display:flex;justify-content:space-between;align-items:center}.output pre{white-space:pre-wrap;color:var(--accent2);font:14px/1.65 ui-monospace,monospace}.resourcegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.resource{border:1px solid var(--line);background:var(--panel);border-radius:.7rem;padding:1rem;text-decoration:none}.resource:hover,.resource:focus{border-color:var(--accent);transform:translateY(-2px)}.resource strong{display:block}.resource small{color:var(--muted)}.resource b{color:var(--accent);font-size:.7rem}.glossary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.term{border-top:2px solid var(--accent);padding-top:.7rem}.term dt{font-weight:800}.term dd{margin:.2rem 0;color:var(--muted);font-size:.9rem}.whatsnew{display:grid;grid-template-columns:1fr 2fr;gap:2rem;background:var(--panel);border:1px solid var(--line);border-radius:1rem;margin-block:4rem!important}.whatsnew p{color:var(--muted)}footer{display:flex;gap:2rem;align-items:center;padding:2rem clamp(1rem,4vw,4rem);border-top:1px solid var(--line);color:var(--muted)}footer p{max-width:760px;margin:auto;font-size:.85rem}#toast{position:fixed;right:1rem;bottom:1rem;background:var(--accent);color:#04110d;padding:.7rem 1rem;border-radius:.5rem;font-weight:800;opacity:0;transform:translateY(1rem);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}.hidden{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:900px){nav{display:none}.grid{grid-template-columns:1fr 1fr}.resourcegrid,.glossary{grid-template-columns:1fr 1fr}.buildergrid{grid-template-columns:1fr}}@media(max-width:600px){.topbar{gap:.7rem}.iconbtn{margin-left:auto}.hero{padding-top:3rem}.grid,.resourcegrid,.glossary,.builder form,.whatsnew{grid-template-columns:1fr}.sectionhead{display:block}main>section:not(.hero){padding-block:3rem}footer{align-items:flex-start;flex-direction:column}.card{padding:1rem}}