:root{--page-bg:#f4efe4;--panel:#fffcf6e0;--panel-soft:#ffffffb3;--line:#182a241f;--text:#13211d;--muted:#5c6b65;--accent:#2d6a57;--accent-strong:#1b4137;--accent-soft:#deebe5;--shadow:0 24px 70px #13211d24;--radius-xl:34px;--radius-lg:26px;--radius-md:20px;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-body:"Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--page-bg)}body{min-height:100vh;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 0 0,#a4c2b66b,#0000 32%),radial-gradient(circle at 86% 14%,#ddaa5638,#0000 22%),linear-gradient(145deg,#f8f3e7 0%,#ebf1ea 48%,#f8f7f1 100%);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.sitePage{padding:32px clamp(18px,4vw,42px) 40px}.homeShell,.projectShell{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);align-items:start;gap:24px;max-width:1280px;margin:0 auto;display:grid}.mainPanel{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:clamp(24px,4vw,42px)}.sideRail{gap:18px;display:grid;position:sticky;top:32px}.topMetaBar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.statusTag{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;background:#2d6a5717;border:1px solid #2d6a572e;border-radius:999px;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.breadcrumbTrail{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.95rem;display:flex}.breadcrumbItemWrap{align-items:center;gap:8px;display:inline-flex}.breadcrumbLink{color:var(--accent-strong);font-weight:700}.breadcrumbCurrent{color:var(--muted);font-weight:700}.breadcrumbDivider{color:#13211d59}.brand{align-items:center;gap:14px;margin-bottom:30px;display:inline-flex}.brandMark{background:linear-gradient(160deg,#2d6a5724,#2d6a570d);border:1px solid #2d6a5729;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;padding:8px;display:inline-flex}.brandText{gap:4px;display:grid}.brandEyebrow,.smallLabel,.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.74rem;font-weight:700}.brandName{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,1.85rem);line-height:1}.hero h1,.projectHero h1,.notFoundTitle{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(3rem,6vw,5rem);line-height:.98}.hero,.projectHero{max-width:46rem}.projectSection+.projectSection{margin-top:38px}.lede{max-width:42rem;color:var(--muted);margin:0;font-size:1.1rem;line-height:1.75}.heroAside{max-width:38rem;color:var(--muted);margin:18px 0 0;font-size:1rem;line-height:1.75}.usageSubsection{max-width:42rem;margin-top:32px}.usageSubsection h3{font-family:var(--font-display);margin:0;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.08}.usageWarning{color:#b2382f;text-transform:uppercase;letter-spacing:.08em;margin:14px 0 0;font-weight:800}.projectShowcaseHero{padding:0 0 8px;position:relative}.projectTagRow,.heroActions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.projectsSection{margin-top:38px}.sectionHeading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.sectionHeading h2,.detailCard h2,.aboutCard h2{font-family:var(--font-display);margin:8px 0 0;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.08}.sectionHeading p,.aboutCard p,.detailCard p{line-height:1.7}.projectCard,.aboutCard,.noteCard,.detailCard,.notFoundWrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-soft);box-shadow:0 14px 38px #13211d14}.projectCard{background:linear-gradient(160deg,#fffffff5,#e2efe8eb);padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:block}.projectCard:hover{border-color:#2d6a574d;transform:translateY(-4px);box-shadow:0 20px 48px #13211d1f}.projectMeta{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.pill{color:var(--accent-strong);background:#2d6a571f;border-radius:999px;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.pillMuted{color:var(--muted);background:#13211d12}.projectCard h3{font-family:var(--font-display);margin:0 0 12px;font-size:1.9rem;line-height:1.08}.projectCard p{color:var(--muted);margin:0 0 20px;line-height:1.7}.projectLink,.inlineLink{color:var(--accent-strong);align-items:center;font-weight:700;display:inline-flex}.linkPad{color:var(--accent-strong);overflow-wrap:anywhere;background:#2d6a5714;border:1px solid #2d6a5729;border-radius:20px;margin-top:12px;padding:14px 16px;font-weight:700;line-height:1.5;transition:transform .18s,border-color .18s,box-shadow .18s;display:block}.linkPad:hover{border-color:#2d6a5747;transform:translateY(-1px);box-shadow:0 14px 28px #13211d14}.downloadButton,.secondaryButton{border:1px solid #2d6a572e;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.downloadButton{color:#f7f5ef;background:linear-gradient(145deg,#2f705c,#23483d);box-shadow:0 16px 32px #23483d38}.secondaryButton{color:var(--accent-strong);background:#fffc}.downloadButton:hover,.secondaryButton:hover{transform:translateY(-2px);box-shadow:0 18px 36px #13211d24}.aboutCard,.noteCard,.detailCard,.notFoundWrap{padding:24px}.portraitWrap{aspect-ratio:1;background:var(--accent-soft);border:1px solid #2d6a572e;border-radius:50%;width:min(220px,72%);margin:10px auto 24px;overflow:hidden;box-shadow:0 14px 35px #2d6a5729}.portraitImage{object-fit:cover;width:100%;height:100%}.noteCard{background:#fffcf6eb}.routePill,.projectRouteBadge{border:1px solid var(--line);color:var(--accent-strong);background:#2d6a5714;border-radius:999px;margin-top:12px}.routePill{overflow-wrap:anywhere;padding:12px 14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.94rem}.projectRouteBadge{align-items:center;gap:10px;padding:14px 18px;font-weight:700;display:inline-flex}.projectSection{margin-top:38px}.screenshotGrid{grid-template-columns:repeat(2,minmax(0,280px));justify-content:start;gap:18px;display:grid}.screenshotGridFeature{grid-template-columns:1fr;justify-content:stretch}.screenshotCard{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffb8;width:100%;margin:0;padding:14px;box-shadow:0 16px 36px #13211d14}.screenshotCardFeature{width:min(100%,560px)}.screenshotFrameButton{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.screenshotFrameButtonFeature{justify-content:flex-start;display:flex}.screenshotFrame{background:linear-gradient(#13211d0a,#13211d00),#f6f5f1;border:1px solid #13211d14;border-radius:24px;max-width:250px;margin:0 auto;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;overflow:hidden}.screenshotFrameFeature{width:100%;max-width:none;margin:0 auto}.screenshotImage{width:100%;height:auto;display:block}.screenshotFrame:hover{border-color:#2d6a5738;transform:translateY(-2px);box-shadow:0 14px 28px #13211d24}.screenshotCard figcaption{flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:14px;font-weight:700;display:flex}.screenshotModal{z-index:9999;opacity:0;place-items:start center;padding:16px;transition:opacity .22s;display:grid;position:fixed;inset:0;overflow-y:auto}.screenshotModalBackdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:0;background:#0c1613b3;border:0;transition:opacity .22s;position:fixed;inset:0}.screenshotModalPanel{z-index:1;opacity:0;background:#f8f4ecf5;border:1px solid #ffffff1f;border-radius:28px;width:min(92vw,560px);max-height:calc(100dvh - 32px);padding:18px 18px 14px;transition:opacity .22s,transform .22s;position:relative;transform:translateY(18px)scale(.985);box-shadow:0 28px 80px #00000047}.screenshotModal.isOpen,.screenshotModal.isOpen .screenshotModalBackdrop{opacity:1}.screenshotModal.isOpen .screenshotModalPanel{opacity:1;transform:translateY(0)scale(1)}.screenshotModalClose{appearance:none;color:var(--accent-strong);cursor:pointer;font:inherit;background:#ffffffb3;border:1px solid #13211d1f;border-radius:999px;margin-left:auto;padding:10px 14px;font-weight:700;display:inline-flex}.screenshotModalImageWrap{background:linear-gradient(#13211d0a,#13211d00),#f6f5f1;border-radius:22px;place-items:center;max-height:calc(100dvh - 140px);margin-top:14px;display:grid;overflow:auto}.screenshotModalImage{width:auto;max-width:min(100%,517px);height:auto;max-height:calc(100dvh - 180px);display:block}.screenshotModalCaption{color:var(--accent-strong);margin:14px 4px 0;font-weight:700}.detailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.commandGrid,.formulaGrid,.exampleGrid{gap:18px;display:grid}.commandGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.formulaGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.exampleGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.commandCard,.formulaCard,.statCard{min-height:100%}.codeBlock{color:#20342d;white-space:pre-wrap;background:#f7f5ef;border:1px solid #13211d14;border-radius:18px;margin:14px 0 0;padding:16px 18px;line-height:1.65;overflow-x:auto}.formulaIntroCard{margin-top:18px}.statCard{gap:8px;display:grid}.statCard strong{font-family:var(--font-display);font-size:clamp(1.65rem,2.8vw,2.15rem);line-height:1.05}.railButton{width:100%;margin-top:8px}.compactList{margin-top:10px}.licenseNote{color:var(--muted);margin:16px 0 0;line-height:1.6}.featureList{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.featureList li{color:var(--muted);padding-left:18px;line-height:1.65;position:relative}.featureList li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.75em;left:0}.notFoundWrap{max-width:760px;margin:0 auto}.inlineLinkButton{background:#2d6a5714;border:1px solid #2d6a5733;border-radius:999px;margin-top:24px;padding:12px 16px}@media (max-width:980px){.homeShell,.projectShell{grid-template-columns:1fr}.sideRail{position:static}.detailGrid,.commandGrid,.formulaGrid,.exampleGrid{grid-template-columns:1fr}.screenshotGrid{grid-template-columns:repeat(2,minmax(0,240px))}}@media (max-width:720px){.screenshotGrid{grid-template-columns:1fr;justify-content:stretch}.screenshotFrame{max-width:230px}.screenshotModal{padding:12px}.screenshotModalPanel{width:100%;max-height:calc(100dvh - 24px);padding:14px 14px 12px}.screenshotModalImageWrap{max-height:calc(100dvh - 120px)}}@media (max-width:640px){.sitePage{padding:16px 14px 28px}.mainPanel,.aboutCard,.noteCard,.detailCard,.notFoundWrap{padding:20px}.brand{margin-bottom:24px}.brandMark{width:48px;height:48px}.hero h1,.projectHero h1,.notFoundTitle{font-size:clamp(2.5rem,13vw,3.6rem)}.projectRouteBadge{border-radius:24px;flex-direction:column;align-items:start}.heroActions{flex-direction:column}.downloadButton,.secondaryButton{width:100%}.routePill{border-radius:20px}}