:root{--paper:#f5f2e9;--surface:#fffdf8;--ink:#12211d;--muted:#61706a;--line:#d7d8cf;--green:#176b5b;--green-2:#0e4b40;--soft:#dcebe4;--warm:#a9562d;--display:Georgia,"Songti SC","STSong",serif;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}.skip-link{position:fixed;z-index:5;left:14px;top:-50px;background:#fff;padding:8px 12px;border-radius:6px}.skip-link:focus{top:14px}.site-header{height:76px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}.wordmark{font-size:19px;font-weight:700;letter-spacing:-.04em}.wordmark span{display:inline-grid;place-items:center;width:37px;height:37px;margin-right:8px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;letter-spacing:0}.site-header nav{display:flex;gap:28px;font-size:14px;color:var(--muted)}.site-header nav a:hover,.site-footer a:hover{color:var(--green);text-decoration:underline}.hero{position:relative;min-height:calc(100svh - 76px);padding:clamp(64px,10vw,150px) clamp(20px,11vw,170px) 70px;display:grid;grid-template-columns:minmax(0,760px) 1fr;align-items:end;overflow:hidden;background:#143d35;color:#f7f6ed}.hero-grid{position:absolute;inset:-35% -6% -15% 42%;opacity:.55;background:repeating-radial-gradient(ellipse at 36% 56%,transparent 0 20px,rgba(213,239,224,.24) 21px 22px,transparent 23px 43px);transform:rotate(-12deg)}.hero-copy,.hero-index{position:relative}.kicker{margin:0 0 15px;color:var(--green);font-weight:700;font-size:12px;letter-spacing:.12em}.hero .kicker{color:#9ad4bf}.hero h1{max-width:800px;margin:0;font:clamp(46px,6.6vw,104px)/.98 var(--display);letter-spacing:-.065em}.hero h1 em{color:#9bd5bf;font-style:normal}.hero-lede{max-width:580px;margin:30px 0 0;font-size:clamp(17px,1.6vw,22px);color:#d2ded8}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:37px}.button{padding:12px 18px;border:1px solid transparent;border-radius:2px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#a6dcc7;color:#0e362e}.button-quiet{border-color:rgba(255,255,255,.45);color:#fff}.hero-index{justify-self:end;display:grid;max-width:160px;padding-bottom:5px;gap:5px;color:#c8d8d0;font-size:13px}.hero-index strong{font:clamp(90px,13vw,190px)/.78 var(--display);letter-spacing:-.1em;color:#fff}.index-line{letter-spacing:.12em;font-size:11px}.orientation{padding:28px clamp(20px,8vw,130px) 0}.orientation>p{max-width:650px;margin:0 0 24px;color:var(--muted);font-size:18px}.tracks{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tracks a{min-height:142px;padding:20px;border-right:1px solid var(--line);display:grid;align-content:start;gap:4px;transition:background .2s}.tracks a:first-child{border-left:1px solid var(--line)}.tracks a:hover{background:var(--soft)}.tracks span{color:var(--green);font-size:12px;font-weight:700}.tracks strong{font-size:20px}.tracks small{color:var(--muted)}.catalogue,.future,.how-to-add{padding:clamp(70px,10vw,150px) clamp(20px,8vw,130px)}.section-heading{max-width:620px}.section-heading h2,.future h2,.how-to-add h2{margin:0;font:clamp(38px,5vw,70px)/1 var(--display);letter-spacing:-.055em}.section-heading>p:last-child{color:var(--muted);font-size:18px}.section-heading code,.how-to-add code{padding:2px 6px;background:#e9e7dd;font-size:.9em}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:42px 0 18px}.filter{cursor:pointer;padding:9px 12px;border:1px solid var(--line);background:transparent;border-radius:50px;color:var(--muted);font:inherit;font-size:14px}.filter span{margin-left:4px;font-size:12px}.filter.active,.filter:hover{border-color:var(--green);background:var(--green);color:#fff}.app-list{border-top:2px solid var(--ink)}.app-entry{display:grid;grid-template-columns:88px minmax(220px,1fr) minmax(230px,1fr) auto;gap:22px;align-items:center;padding:30px 10px;border-bottom:1px solid var(--line);transition:background .2s}.app-entry:hover{background:var(--surface)}.entry-number{font:44px/1 var(--display);color:var(--green)}.entry-main p{margin:0;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.04em}.entry-main h3{margin:3px 0 5px;font:clamp(26px,3vw,39px)/1.05 var(--display);letter-spacing:-.04em}.entry-main h3 a:hover{text-decoration:underline}.entry-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.entry-meta span:first-child{color:var(--green);font-weight:700}.entry-description{margin:0;color:var(--muted)}.entry-open{align-self:center;white-space:nowrap;color:var(--green);font-weight:700}.entry-open span{font-size:20px}.empty-state{margin:0;padding:36px 0;color:var(--muted);border-bottom:1px solid var(--line)}.future{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:70px;background:#dbe8e2}.future-list{border-top:1px solid rgba(18,33,29,.25)}.future-list a{display:grid;grid-template-columns:100px 1fr auto;gap:16px;padding:24px 0;border-bottom:1px solid rgba(18,33,29,.25);align-items:start}.future-list a:hover{color:var(--green)}.future-list span{font-size:12px;font-weight:700;color:var(--green)}.future-list strong{font:22px/1.22 var(--display);letter-spacing:-.03em}.future-list i{font-size:13px;font-style:normal;white-space:nowrap}.how-to-add{background:var(--surface)}.how-to-add>h2{max-width:650px}.how-to-add ol{margin:48px 0 0;padding:0;list-style:none;max-width:900px;border-top:1px solid var(--line)}.how-to-add li{display:grid;grid-template-columns:82px 1fr;gap:22px;padding:21px 0;border-bottom:1px solid var(--line)}.how-to-add li span{color:var(--green);font-weight:700}.how-to-add li p{margin:0;font-size:18px}.site-footer{padding:24px clamp(20px,8vw,130px);display:flex;justify-content:space-between;gap:20px;background:#143d35;color:#d2ded8;font-size:13px}.site-footer p{margin:0}.site-footer strong{color:#fff}@media (max-width:780px){.site-header{height:67px}.site-header nav{gap:16px;font-size:13px}.hero{min-height:calc(100svh - 67px);padding:68px 20px 46px;display:block}.hero-grid{inset:45% -45% -15% 17%}.hero h1{font-size:54px}.hero-lede{font-size:17px}.hero-index{margin-top:70px;justify-self:start;grid-template-columns:auto auto;align-items:end;max-width:none}.hero-index strong{font-size:92px}.index-line{grid-column:1/-1}.orientation{padding:20px 20px 0}.tracks{grid-template-columns:1fr}.tracks a,.tracks a:first-child{min-height:auto;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.tracks a:last-child{border-bottom:0}.catalogue,.future,.how-to-add{padding:70px 20px}.app-entry{grid-template-columns:50px 1fr;gap:12px;padding:24px 0}.entry-number{font-size:30px}.entry-main h3{font-size:31px}.entry-description{grid-column:2}.entry-open{grid-column:2;justify-self:start}.future{display:block}.future-list{margin-top:42px}.future-list a{grid-template-columns:1fr;gap:7px}.future-list i{margin-top:5px}.how-to-add li{grid-template-columns:44px 1fr}.how-to-add li p{font-size:16px}.site-footer{display:block}.site-footer p+p{margin-top:8px}}@media (prefers-reduced-motion:no-preference){.hero-copy{animation:rise .7s ease both}.hero-index{animation:rise .9s .12s ease both}.app-entry{animation:rise .45s ease both}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}