@font-face{font-family:Noto Serif SC;src:url(./notoserif-500-BQb-s-tE.woff2)format("woff2");font-weight:300 600;font-style:normal;font-display:swap}@font-face{font-family:Noto Serif SC;src:url(./notoserif-900-VI6dkmC4.woff2)format("woff2");font-weight:700 900;font-style:normal;font-display:swap}:root{--bg:#03060f;--ink:#eaf6ff;--ink-2:#d6ecfac7;--ink-3:#bedcf08a;--line:#dcf2ff26;--cyan:#74e4f2;--amber:#ffb24a;--serif-zh:"Noto Serif SC", "Songti SC", "STSong", serif;--kai:"LXGW WenKai", "Kaiti SC", "STKaiti", "KaiTi", serif;--serif:"Fraunces", "Instrument Serif", Georgia, serif;--mono:"Geist Mono", "LXGW WenKai", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--gutter:clamp(24px, 7.4vw, 140px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--bg)}body.bio{min-height:100vh;color:var(--ink);font:400 18px/2 var(--kai);letter-spacing:.02em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{color:#fff;background:#74e4f259}.skip{background:var(--ink);color:var(--bg);border-radius:999px;padding:8px 14px;text-decoration:none}:focus-visible{outline:1.5px solid var(--cyan);outline-offset:4px;border-radius:6px}.gl{z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.top{z-index:4;padding:clamp(20px, 3vh, 34px) var(--gutter) 0;position:absolute;inset:0 0 auto}.site-nav{justify-content:space-between;align-items:center;display:flex}.site-nav a{color:var(--ink);text-decoration:none}.site-nav__brand{font:italic 340 25px/1 var(--serif);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 48;align-items:baseline;gap:10px;display:inline-flex}.site-nav__mark{background:var(--amber);border-radius:1.5px;align-self:center;width:9px;height:9px;transform:rotate(45deg)translateY(-1px)}.site-nav__list{border-radius:999px;gap:2px;padding:7px;display:flex}.site-nav__list a{color:var(--ink-2);border-radius:999px;align-items:baseline;gap:8px;padding:11px 18px;transition:color .4s;display:inline-flex;position:relative}.site-nav__list a:hover,.site-nav__list a[aria-current=page]{color:var(--ink)}.site-nav__list a[aria-current=page]{background:#dcf4ff14;box-shadow:inset 0 0 0 1px #dcf4ff14}.site-nav__no{font:500 10.5px/1 var(--mono);letter-spacing:.08em;opacity:.6}.site-nav__label{font:400 16px/1 var(--kai);letter-spacing:.06em}.site-nav__hint{display:none}.page{z-index:2;padding:0 var(--gutter);position:relative}.eyebrow{color:var(--ink-3);align-items:center;gap:14px;display:flex}.eyebrow__no{font:italic 400 21px/1 var(--serif);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 36;color:var(--cyan)}.eyebrow__dash{opacity:.7;background:currentColor;width:36px;height:1px}.eyebrow__zh{font:400 15px/1 var(--kai);letter-spacing:.2em}.h2{font:600 clamp(40px, 4.1vw, 68px) / 1.24 var(--serif-zh);letter-spacing:.01em;text-shadow:0 2px 30px #03060f73;margin-top:28px}.hero{flex-direction:column;justify-content:center;max-width:min(780px,56vw);min-height:100vh;padding:130px 0 90px;display:flex}.hero__title{flex-direction:column;align-items:flex-start;margin-top:34px;display:flex}.hero__zh{font:900 clamp(104px, 10.6vw, 190px) / .98 var(--serif-zh);letter-spacing:.02em;background:linear-gradient(172deg,#fff 8%,#dcf4ff 52%,#92def4 100%);color:#0000;filter:drop-shadow(0 6px 40px #020a1a80);-webkit-background-clip:text;background-clip:text;padding-bottom:.04em}.hero__latin{font:italic 300 clamp(46px, 4.5vw, 82px) / 1.08 var(--serif);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;letter-spacing:-.01em;background:linear-gradient(95deg,#8ae9f5 0%,#b6a6ff 52%,#ffc27a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:.02em 0 -.12em 1.05em;padding:0 .14em .16em 0}.hero__line{font:500 clamp(26px, 2.25vw, 38px) / 1.3 var(--kai);letter-spacing:.08em;margin-top:46px}.hero__lede{max-width:30.5em;color:var(--ink-2);text-wrap:pretty;margin-top:24px}.hero__actions{flex-wrap:wrap;align-items:center;gap:18px 34px;margin-top:46px;display:flex}.cta{height:62px;color:var(--ink);font:500 18px/1 var(--kai);letter-spacing:.06em;transition:transform .7s var(--ease);border-radius:999px;align-items:center;gap:14px;padding:0 32px 0 34px;text-decoration:none;display:inline-flex}.cta__arrow{font-family:var(--serif);transition:transform .6s var(--ease);display:inline-block}.cta:hover .cta__arrow{transform:translate(3px,-3px)}.more{color:var(--ink-2);letter-spacing:.06em;align-items:center;gap:10px;padding-bottom:6px;font-size:16.5px;text-decoration:none;transition:color .4s;display:inline-flex;position:relative}.more:after{content:"";opacity:.5;transform-origin:0;height:1px;transition:transform .7s var(--ease);background:currentColor;position:absolute;bottom:0;left:0;right:0}.more:hover{color:var(--ink)}.more:hover:after{transform:scaleX(.3)}.more__arrow{font-family:var(--serif);animation:2.6s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(4px)}}.talk{grid-template-columns:minmax(0,620px) minmax(0,1fr);align-items:start;column-gap:clamp(40px,6vw,110px);padding:16vh 0 18vh;display:grid}.talk__head{grid-area:1/1}.talk__lede{max-width:26em;color:var(--ink-2);text-wrap:pretty;margin-top:26px}.steps{grid-area:2/1;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 48px;margin-top:72px;display:grid}.steps li{grid-template-rows:auto auto;grid-template-columns:52px 1fr;align-content:start;align-items:baseline;display:grid}.steps__no{font:italic 300 64px/.8 var(--serif);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;color:#0000;-webkit-text-stroke:1px #aae2f599;grid-row:1/3}.steps__verb{font:600 30px/1 var(--serif-zh);letter-spacing:.04em}.steps p{color:var(--ink-2);margin-top:12px;font-size:16px;line-height:1.85}.term{width:min(100%,640px);color:var(--ink);border-radius:32px;grid-area:1/2/3;justify-self:end;margin-top:12vh;padding:24px 32px 32px}.term__bar{font:400 13px/1 var(--kai);letter-spacing:.24em;color:var(--ink-3);align-items:center;gap:16px;display:flex}.term__dots{gap:7px;display:inline-flex}.term__dots i{background:#dcf4ff33;border-radius:50%;width:10px;height:10px}.term__dots i:first-child{background:#ffb24ab3}.term__ask,.term__reply{grid-template-columns:3.2em 1fr;gap:10px;margin-top:20px;font-size:16.5px;line-height:1.8;display:grid}.term__who{color:var(--ink-3);letter-spacing:.08em;font-size:13.5px;line-height:2.2}.term__reply .term__who{color:var(--cyan)}.term__reply .term__say{color:var(--ink-2)}.term__code{border-top:1px solid var(--line);font:400 13.5px/1.9 var(--mono);color:#d6f2ff;white-space:pre;scrollbar-width:none;margin:22px 0 0;padding-top:20px;overflow-x:auto}.term__code code{font:inherit}.term__code .c{color:var(--ink-3);font-family:var(--kai)}.caret{vertical-align:-.22em;background:var(--cyan);opacity:0;width:.6em;height:1.15em;margin-left:4px;display:inline-block}html.js .term .ln{clip-path:inset(0 100% 0 0);display:inline-block}html.js .term .term__ask,html.js .term .term__reply{opacity:0;transition:opacity .7s var(--ease), transform .9s var(--ease);transform:translateY(8px)}html.js .term.is-typing .term__ask{opacity:1;transition-delay:.25s;transform:none}html.js .term.is-typing .term__reply{opacity:1;transition-delay:1.15s;transform:none}html.js .term.is-typing .ln{animation:type var(--dur,.6s) steps(var(--n,30), jump-start) var(--delay,0s) forwards}html.js .term.is-done .ln,html.still .term .ln{clip-path:none;animation:none}html.js .term.is-done .caret{animation:1.1s steps(2,jump-none) infinite blink}@keyframes type{to{clip-path:inset(0)}}@keyframes blink{0%{opacity:1}to{opacity:0}}.again{width:min(100%,780px);margin-left:auto;padding:16vh 0 24vh}.again__quote{font:500 clamp(56px, 6.2vw, 108px) / 1.18 var(--kai);letter-spacing:.02em;text-shadow:0 2px 40px #03060f80;margin-top:34px;position:relative}.again__mark{font:italic 300 2.2em/1 var(--serif);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;background:linear-gradient(160deg,#8ae9f5 10%,#b6a6ff 55%,#ffc27a 95%);color:#0000;text-shadow:none;pointer-events:none;-webkit-background-clip:text;background-clip:text;margin-right:-.06em;padding:.04em .18em 0 .12em;position:absolute;top:-.16em;right:100%}.again__body{max-width:30em;color:var(--ink-2);text-wrap:pretty;margin-top:52px}.chips{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.chips li{height:52px;color:var(--ink);letter-spacing:.06em;border-radius:999px;align-items:center;padding:0 26px;font-size:16.5px;display:inline-flex}.hours{grid-template-columns:minmax(0,600px) auto;justify-content:space-between;align-items:center;column-gap:clamp(48px,8vw,160px);padding:14vh clamp(0px,4vw,90px) 20vh 0;display:grid}.hours__text{color:var(--ink-2);text-wrap:pretty;margin-top:26px}.nw{white-space:nowrap}.hours__now{font:500 20px/1.4 var(--kai);letter-spacing:.05em;align-items:center;gap:14px;margin-top:30px;display:flex}.hours__dot{background:#c9d6ff;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 14px #c9d6ff99}html.compute-online .hours__dot{background:var(--cyan);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%{box-shadow:0 0 #74e4f28c}70%{box-shadow:0 0 0 10px #74e4f200}to{box-shadow:0 0 #74e4f200}}.dial{aspect-ratio:1;border-radius:50%;place-items:center;width:clamp(340px,28vw,470px);display:grid;position:relative}.dial__svg{width:88%;height:88%;position:absolute;inset:6%;overflow:visible}.dial__ring{fill:none;stroke:#dcf2ff29;stroke-width:1px}.dial__shift{fill:none;stroke:var(--cyan);stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 5px #74e4f2d9)}html:not(.compute-online) .dial__shift{stroke:#74e4f29e;filter:drop-shadow(0 0 3px #74e4f273)}.dial__tick{stroke:#dcf2ff33;stroke-width:.8px}.dial__tick.is-hour{stroke:#dcf2ff66}.dial__tick.is-major{stroke:#dcf2ffcc;stroke-width:1.4px}.dial__num,.dial__label{text-anchor:middle;dominant-baseline:central;font-family:var(--mono);letter-spacing:.06em}.dial__num{fill:#d6ecfa8c;transition:opacity .8s var(--ease);font-size:8.5px}.dial__num.is-near{opacity:0}.dial__label{fill:#96ecf8db;font-size:8px}.dial__hand{transform-box:view-box;transform-origin:130px 130px;transition:transform 1.2s var(--ease)}.dial__hand circle{fill:#fff;filter:drop-shadow(0 0 4px #fff)drop-shadow(0 0 10px #74e4f2e6)}.dial__hand line{stroke:#ffffffb3;stroke-width:1.2px;stroke-linecap:round}html:not(.compute-online) .dial__hand circle{fill:#d4dcff;filter:drop-shadow(0 0 4px #d4dcffcc)}.dial__center{justify-items:center;gap:12px;display:grid;position:relative}.dial__time{font:300 clamp(44px, 3.6vw, 58px) / 1 var(--serif);font-variation-settings:"SOFT" 50, "opsz" 144;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em}.dial__state{font:400 14px/1 var(--kai);letter-spacing:.16em;color:var(--ink-2)}.dna{max-width:880px;padding:14vh 0 16vh}.dna__text{max-width:31em;color:var(--ink-2);text-wrap:pretty;margin-top:26px}.codons{flex-wrap:wrap;gap:clamp(10px,.9vw,14px);margin:40px 0 46px;display:flex}.codons li{cursor:default;border-radius:999px;place-content:center;justify-items:center;gap:8px;width:clamp(60px,4.5vw,72px);height:clamp(86px,6.25vw,100px);display:grid}.codons b{font:500 12.5px/1 var(--mono);letter-spacing:.14em;color:var(--ink-2);transition:color .4s}.codons i{font:italic 400 34px/1 var(--serif);font-variation-settings:"SOFT" 100, "opsz" 72;color:var(--ink);transition:color .4s,text-shadow .4s}.codons .is-amber i,.codons .is-amber b{color:var(--amber)}.codons .is-stop i{color:var(--ink-3)}.codons li.is-hot i{color:var(--cyan);text-shadow:0 0 22px #74e4f2b3}.codons li.is-amber.is-hot i{color:#ffd08a;text-shadow:0 0 22px #ffb24acc}.dna__luck{font:500 clamp(26px, 2.2vw, 38px) / 1.62 var(--kai);letter-spacing:.05em;text-shadow:0 2px 30px #03060f80;margin-top:60px}.dna__luck em{font:italic 400 1.3em/1 var(--serif);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;letter-spacing:.02em;color:var(--amber);text-shadow:0 0 28px #ffb24a80;padding-right:.06em}.dna__hint{color:var(--ink-3);margin-top:34px;font-size:15px}.outro{padding:22vh 0 24vh}.outro__title{font:600 clamp(48px, 5.2vw, 92px) / 1.2 var(--serif-zh);letter-spacing:.01em;text-shadow:0 2px 40px #03060f80}.outro__text{color:var(--ink-2);margin-top:26px;font-size:20px}.outro__actions{margin-top:48px}.outro .cta{height:72px;padding:0 40px;font-size:20px}.foot{z-index:2;padding:0 var(--gutter) 48px;color:var(--ink-3);text-shadow:0 0 12px #03060fe6,0 0 3px #03060fe6;justify-content:space-between;align-items:baseline;font-size:15px;display:flex;position:relative}.foot a{color:var(--ink-2);text-decoration:none;transition:color .4s}.foot a:hover{color:var(--ink)}.foot__sign{font:italic 340 15px/1 var(--serif)}.tip{z-index:5;pointer-events:none;opacity:0;white-space:nowrap;border-radius:28px;justify-items:center;gap:6px;padding:14px 24px 15px;transition:opacity .3s;display:grid;position:fixed;top:0;left:0;transform:translate(-9999px)}.tip.is-on{opacity:1}.tip__codon{font:500 16px/1 var(--mono);letter-spacing:.1em}.tip__codon b{font:italic 400 22px/1 var(--serif);letter-spacing:0;color:var(--cyan)}.tip.is-amber .tip__codon b{color:var(--amber)}.tip__aa{color:var(--ink-2);font-size:13.5px;line-height:1.2}html.js [data-reveal]{opacity:0;transition:opacity 1.1s var(--ease) var(--d,0s), transform 1.3s var(--ease) var(--d,0s);transform:translateY(28px)}html.js [data-reveal].is-in{opacity:1;transform:none}html.no-gl body.bio{background:radial-gradient(60% 50% at 15% 0%, #0096aa59, transparent 70%), radial-gradient(50% 60% at 85% 55%, #1e50fa38, transparent 70%), radial-gradient(60% 40% at 40% 100%, #6e3cf033, transparent 70%), var(--bg);background-attachment:fixed}html.no-gl [data-glass],html.no-gl .site-nav__list,html.no-gl .tip{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#d6f0ff12;box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #dcf4ff1a}@media (max-width:899px){.site-nav__brand{font-size:21px}.site-nav__list a{padding:9px 12px}.site-nav__no{display:none}.site-nav__label{font-size:14.5px}.hero{max-width:none;padding-top:110px}.hero__line{margin-top:30px}.talk{display:block}.term{border-radius:24px;width:100%;margin-top:48px;padding:20px 20px 24px}.steps{grid-template-columns:1fr;gap:36px}.hero__lede,.again__body,.dna__text,.steps{max-width:min(30.5em, calc(68vw - var(--gutter)))}.talk__lede{max-width:min(26em, calc(68vw - var(--gutter)))}.again{width:auto}.again__mark{font-size:1.12em;top:.04em}.hours{padding-right:0;display:block}.dial{width:min(320px,80vw);margin:56px auto 0}.codons{grid-template-columns:repeat(5,max-content);gap:14px 10px;display:grid}.codons li{width:58px;height:84px}}
