@font-face{font-family:Allura;src:url(/fonts/Allura-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:oklch(96.2% .022 12);--surface:oklch(99.2% .008 20);--fg:oklch(32% .042 22);--muted:oklch(46% .04 18);--border:oklch(88.5% .024 14);--accent:oklch(48% .16 10);--accent-soft:color-mix(in oklch, var(--accent) 14%, transparent);--fg-soft:color-mix(in oklch, var(--fg) 6%, transparent);--font-display:"Iowan Old Style", "Charter", Georgia, "Songti SC", "STSong", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--font-sign:"Allura", cursive;--fs-h2:clamp(32px, 4vw, 48px);--fs-body:16px;--fs-meta:13px;--gap-xs:8px;--gap-sm:12px;--gap-md:20px;--gap-lg:32px;--gap-xl:56px;--gap-2xl:96px;--container:1120px;--gutter:32px;--radius:10px;--radius-lg:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;--ax:0px;--ay:0px}body{background:radial-gradient(ellipse 110% 80% at 8% -5%, color-mix(in oklch, var(--accent) 14%, transparent), transparent 52%), radial-gradient(ellipse 90% 70% at 100% 12%, color-mix(in oklch, var(--fg) 6%, transparent), transparent 48%), radial-gradient(ellipse 85% 55% at 55% 105%, color-mix(in oklch, var(--accent) 11%, transparent), transparent 55%), var(--bg);min-height:100vh;color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.55;overflow-x:hidden}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.mist{filter:blur(72px);transform:translate3d(calc(var(--ax) * .35), calc(var(--ay) * .35), 0);opacity:.78;border-radius:50%;transition:transform .8s ease-out;animation:42s ease-in-out infinite mist-breathe;position:absolute}.mist-a{background:color-mix(in oklch, var(--accent) 22%, transparent);width:58vmax;height:42vmax;animation-delay:0s;top:-18%;left:-22%}.mist-b{background:oklch(78% .04 40/.55);width:48vmax;height:48vmax;animation-duration:52s;animation-delay:-14s;top:8%;right:-20%}.mist-c{background:color-mix(in oklch, var(--fg) 7%, transparent);width:52vmax;height:40vmax;animation-duration:46s;animation-delay:-26s;bottom:-24%;left:18%}.orb{filter:blur(48px);transform:translate3d(var(--ax), var(--ay), 0);border-radius:50%;transition:transform .45s ease-out;animation:14s ease-in-out infinite orb-float;position:absolute}.orb-a{background:color-mix(in oklch, var(--accent) 28%, transparent);width:34vmax;height:34vmax;animation-delay:0s;top:-14%;left:-12%}.orb-b{background:color-mix(in oklch, var(--fg) 10%, transparent);width:28vmax;height:28vmax;animation-delay:-5s;top:18%;right:-10%}.orb-c{background:color-mix(in oklch, var(--accent) 18%, transparent);width:32vmax;height:32vmax;animation-delay:-9s;bottom:-20%;left:35%}.sparks{z-index:1;position:absolute;inset:0}.mote{background:color-mix(in oklch, white 96%, var(--accent));box-shadow:0 0 8px oklch(100% 5.96046e-8 none/.7), 0 0 18px color-mix(in oklch, var(--accent) 35%, transparent);opacity:0;animation:mote-twinkle var(--mote-dur,9s) ease-in-out infinite;animation-delay:var(--mote-delay,0s);width:var(--mote-size,4px);height:var(--mote-size,4px);left:var(--mote-x,50%);top:var(--mote-y,50%);border-radius:50%;position:absolute}.mote:first-child{--mote-x:8%;--mote-y:22%;--mote-size:3px;--mote-dur:8s;--mote-delay:0s}.mote:nth-child(2){--mote-x:18%;--mote-y:68%;--mote-size:5px;--mote-dur:11s;--mote-delay:-2s}.mote:nth-child(3){--mote-x:27%;--mote-y:14%;--mote-size:3px;--mote-dur:9s;--mote-delay:-4.5s}.mote:nth-child(4){--mote-x:36%;--mote-y:78%;--mote-size:6px;--mote-dur:12s;--mote-delay:-1s}.mote:nth-child(5){--mote-x:48%;--mote-y:28%;--mote-size:4px;--mote-dur:10s;--mote-delay:-6s}.mote:nth-child(6){--mote-x:58%;--mote-y:62%;--mote-size:5px;--mote-dur:8.5s;--mote-delay:-3s}.mote:nth-child(7){--mote-x:67%;--mote-y:18%;--mote-size:3px;--mote-dur:13s;--mote-delay:-7s}.mote:nth-child(8){--mote-x:74%;--mote-y:72%;--mote-size:5px;--mote-dur:9.5s;--mote-delay:-.5s}.mote:nth-child(9){--mote-x:84%;--mote-y:36%;--mote-size:4px;--mote-dur:11.5s;--mote-delay:-5s}.mote:nth-child(10){--mote-x:91%;--mote-y:58%;--mote-size:6px;--mote-dur:10.5s;--mote-delay:-8s}.mote:nth-child(11){--mote-x:12%;--mote-y:44%;--mote-size:3px;--mote-dur:14s;--mote-delay:-3.5s}.mote:nth-child(12){--mote-x:42%;--mote-y:48%;--mote-size:5px;--mote-dur:9s;--mote-delay:-9s}.mote:nth-child(13){--mote-x:62%;--mote-y:86%;--mote-size:4px;--mote-dur:12.5s;--mote-delay:-1.5s}.mote:nth-child(14){--mote-x:78%;--mote-y:8%;--mote-size:5px;--mote-dur:8s;--mote-delay:-4s}.grain{z-index:2;opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;position:absolute;inset:0}.flash{z-index:30;pointer-events:none;opacity:0;background:radial-gradient(circle at center, color-mix(in oklch, var(--accent) 28%, transparent), transparent 60%);position:fixed;inset:0}.flash.is-on{animation:.35s flash-pop}#app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.site-footer{padding:8px var(--gutter) 28px;text-align:center;margin-top:auto}.site-footer a{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);font-size:12px}.site-footer a:hover{color:var(--fg);text-decoration:underline}.site-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}p{text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance;font-family:var(--font-display)}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--gap-md);z-index:20;background:var(--fg);color:var(--bg);border-radius:var(--radius);padding:10px 14px;position:absolute;top:-48px}.skip:focus{top:var(--gap-md)}.skip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.container{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(48px, 8vw, var(--gap-2xl))}.section+.section{border-top:1px solid var(--border)}.stack{flex-direction:column;display:flex}.directory-stack{gap:32px}.row-between{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.directory-head{align-items:end}.directory-copy{opacity:0;max-width:40ch;transform:translateY(12px)}.directory-copy.is-in{animation:.55s cubic-bezier(.22,1,.36,1) forwards copy-in}#directory-status.is-bump{animation:.45s cubic-bezier(.34,1.56,.64,1) status-bump}.h2,h2{font-family:var(--font-display);font-size:var(--fs-h2);letter-spacing:-.015em;margin:0;line-height:1.1}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:12px}.meta{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--muted)}#directory-status{margin-top:8px}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.topnav{z-index:10;background:0 0;padding:12px 0 8px;position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;gap:var(--gap-md);border:1px solid color-mix(in oklch, var(--border) 80%, var(--fg));background:color-mix(in oklch, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);box-shadow:0 10px 30px color-mix(in oklch, var(--fg) 6%, transparent), inset 0 1px 0 oklch(100% 5.96046e-8 none/.55);border-radius:999px;flex-wrap:wrap;padding:10px 14px;display:flex}.topnav .logo{min-height:40px;font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:8px;padding-inline:6px;font-size:19px;font-weight:600;display:inline-flex}.logo-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 18%, transparent);border-radius:999px}.topnav .logo:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.nav-pills{background:color-mix(in oklch, var(--fg) 5%, var(--surface));border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.nav-pill{appearance:none;min-height:36px;color:var(--muted);font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex}.nav-pill .num{font-family:var(--font-body);letter-spacing:0;opacity:.72;font-size:11px;font-weight:600}.nav-pill:hover{color:var(--fg);background:color-mix(in oklch, var(--fg) 6%, transparent)}.nav-pill[aria-selected=true]{background:var(--fg);color:var(--bg);box-shadow:0 6px 16px color-mix(in oklch, var(--fg) 16%, transparent)}.nav-pill[aria-selected=true] .num{opacity:.8}.nav-pill.is-pop[aria-selected=true]{animation:.42s cubic-bezier(.34,1.56,.64,1) tab-pop}.nav-pills.is-searching{opacity:.72}.nav-pills.is-searching .nav-pill:hover{opacity:1;color:var(--fg)}.nav-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.field{flex-direction:column;gap:6px;display:flex}.input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--fg);font:inherit;padding:11px 14px;font-size:15px}.input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.search-wrap{width:min(280px,100%);position:relative}.search-wrap .input{background:color-mix(in oklch, var(--surface) 88%, transparent);border-radius:999px;min-height:40px;padding-inline:16px 44px}.search-wrap .input::-webkit-search-decoration{appearance:none}.search-wrap .input::-webkit-search-cancel-button{appearance:none}.search-wrap .input::-webkit-search-results-button{appearance:none}.search-wrap .input::-webkit-search-results-decoration{appearance:none}.search-wrap .input::-ms-clear{width:0;height:0;display:none}.search-wrap .input:hover{border-color:color-mix(in oklch, var(--fg) 35%, var(--border))}.search-wrap .input:focus{border-color:color-mix(in oklch, var(--fg) 35%, var(--border));box-shadow:0 0 0 3px color-mix(in oklch, var(--fg) 8%, transparent)}.search-clear{width:40px;height:40px;color:var(--fg);background:0 0;border:0;border-radius:999px;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.search-clear:hover{background:var(--fg-soft);color:var(--fg)}.search-clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pc-grid{gap:var(--gap-md);perspective:1200px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pc-grid.is-sway{animation:.55s cubic-bezier(.22,1,.36,1) grid-sway}.link-card{--mx:50%;--my:40%;--rx:0deg;--ry:0deg;--tx:0px;--ty:0px;--i:0;--leave-rot:0deg;--leave-x:0px;min-height:0;color:var(--fg);transform-style:preserve-3d;will-change:transform, filter, opacity;box-shadow:0 10px 24px color-mix(in oklch, var(--fg) 6%, transparent);flex-direction:column;padding:0;transition:background .2s,border-color .2s,box-shadow .25s,filter .25s,opacity .25s;display:flex;position:relative;overflow:hidden}.link-card[hidden],.pc-grid[hidden],.empty-note[hidden],.search-clear[hidden]{display:none!important}.pc-sheen{z-index:4;pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 35%,oklch(100% 5.96046e-8 none/.55) 48%,#0000 62%);position:absolute;inset:0;transform:translate(-140%)skew(-16deg)}.pc-art{aspect-ratio:3/4;background:radial-gradient(ellipse at 24% 16%, color-mix(in oklch, var(--fg) 9%, var(--surface)), transparent 44%), linear-gradient(155deg, var(--surface), color-mix(in oklch, var(--bg) 48%, var(--surface)));transition:background .35s;position:relative;overflow:hidden}.pc-cover{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.pc-sign{z-index:2;color:oklch(99.52% .00120006 20);font-family:var(--font-sign);letter-spacing:.02em;text-shadow:0 1px 10px oklch(0% none none/.4);white-space:nowrap;pointer-events:none;opacity:0;background:0 0;border:0;margin:0;padding:0;font-size:clamp(36px,5.2vw,52px);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)scale(.96)}.pc-art.has-cover{background:var(--surface)}.pc-art:after{content:"";background:radial-gradient(circle at var(--mx) var(--my), oklch(100% 5.96046e-8 none/.35), transparent 42%), linear-gradient(118deg, color-mix(in oklch, var(--fg) 10%, transparent) 0%, transparent 30%, color-mix(in oklch, var(--surface) 50%, transparent) 52%, transparent 74%);pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.pc-art.has-cover:after{opacity:.28}.link-card:nth-child(3n+2) .pc-art:not(.has-cover){background:radial-gradient(ellipse at 72% 22%, color-mix(in oklch, var(--fg) 8%, var(--surface)), transparent 46%), linear-gradient(200deg, var(--surface), color-mix(in oklch, var(--bg) 52%, var(--surface)))}.link-card:nth-child(3n+3) .pc-art:not(.has-cover){background:radial-gradient(ellipse at 48% 64%, color-mix(in oklch, var(--fg) 7%, var(--surface)), transparent 50%), linear-gradient(140deg, var(--surface), color-mix(in oklch, var(--bg) 46%, var(--surface)))}.pc-plate{z-index:2;background:linear-gradient(155deg, color-mix(in oklch, white 55%, var(--surface)) 0%, var(--surface) 42%, color-mix(in oklch, var(--bg) 28%, var(--surface)) 100%);border-top:1px solid var(--border);flex-direction:column;gap:4px;padding:12px 14px 14px;transition:background .2s,filter .2s;display:flex;position:relative}.link-card.is-hot{z-index:3;background:color-mix(in oklch, var(--fg) 5%, var(--surface));border-color:color-mix(in oklch, var(--fg) 28%, var(--border));box-shadow:0 22px 40px color-mix(in oklch, var(--fg) 14%, transparent);transform:translate3d(var(--tx), var(--ty), 0) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.035)}.link-card.is-hot .pc-plate{filter:brightness(.985);background:linear-gradient(155deg, color-mix(in oklch, white 42%, var(--surface)) 0%, color-mix(in oklch, var(--fg) 4%, var(--surface)) 46%, color-mix(in oklch, var(--bg) 32%, var(--surface)) 100%)}.link-card.is-hot .pc-sheen{opacity:1;animation:.85s sheen-sweep}.link-card.is-hot .pc-sign{animation:.85s forwards sign-flash}.link-card.is-hot .meta-arrow{transform:translate(6px)}.link-card.is-pressed{transform:translate3d(var(--tx), calc(var(--ty) + 3px), 0) rotateX(var(--rx)) rotateY(var(--ry)) scale(.975);box-shadow:0 8px 16px color-mix(in oklch, var(--fg) 10%, transparent)}.link-card.is-yield-left{filter:brightness(.98);transform:translate(-8px)scale(.985)}.link-card.is-yield-right{filter:brightness(.98);transform:translate(8px)scale(.985)}.link-card.is-leaving{animation:.32s forwards card-leave;animation-delay:calc(var(--i) * 35ms);pointer-events:none}.link-card.is-entering{animation:.58s cubic-bezier(.34,1.45,.64,1) both card-enter;animation-delay:calc(var(--i) * 55ms)}.link-card.is-hit{animation:.5s cubic-bezier(.34,1.56,.64,1) card-hit}.link-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.link-card h3{font-family:var(--font-body);letter-spacing:.01em;margin:0;font-size:15px;font-weight:600}.link-card .meta{color:var(--muted);font-family:var(--font-body);align-items:center;gap:4px;font-size:12px;display:inline-flex}.meta-arrow{transition:transform .22s cubic-bezier(.22,1,.36,1);display:inline-block}.empty-note{border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--muted);padding:28px}@keyframes mist-breathe{0%,to{opacity:.58;transform:translate3d(calc(var(--ax) * .35), calc(var(--ay) * .35), 0) scale(1)}50%{opacity:.92;transform:translate3d(calc(var(--ax) * .35 + 1%), calc(var(--ay) * .35 - 0.6%), 0) scale(1.04)}}@keyframes orb-float{0%,to{translate:0}50%{translate:3% 4%}}@keyframes mote-twinkle{0%,to{opacity:.08;transform:translate(0)scale(.75)}35%{opacity:.85;transform:translate(8px,-12px)scale(1.15)}55%{opacity:.4;transform:translate(14px,-20px)scale(.95)}75%{opacity:.72;transform:translate(6px,-10px)scale(1.1)}}@keyframes flash-pop{0%{opacity:0}30%{opacity:.55}to{opacity:0}}@keyframes copy-in{to{opacity:1;transform:none}}@keyframes status-bump{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes tab-pop{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes grid-sway{0%{transform:translate(0)}35%{transform:translate(14px)}to{transform:translate(0)}}@keyframes sheen-sweep{0%{transform:translate(-140%)skew(-16deg)}to{transform:translate(140%)skew(-16deg)}}@keyframes sign-flash{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(.96)}22%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}58%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(1.03)}}@keyframes card-leave{to{opacity:0;filter:blur(4px);transform:translate3d(var(--leave-x), 28px, 0) rotate(var(--leave-rot)) scale(.92)}}@keyframes card-enter{0%{opacity:0;transform:translateY(28px)scale(.9)}70%{opacity:1;transform:translateY(-6px)scale(1.03)}to{opacity:1;transform:none}}@keyframes card-hit{0%{transform:scale(.94)}60%{transform:scale(1.04)}to{transform:none}}@media (width<=920px){.pc-grid{grid-template-columns:1fr 1fr}.topnav-inner{border-radius:22px}.nav-pills{order:3;justify-content:space-between;width:100%}.nav-pill{flex:1;justify-content:center}.search-wrap{width:min(220px,42vw);max-width:none}.link-card.is-yield-left,.link-card.is-yield-right{transform:none}}@media (width<=560px){.pc-grid{grid-template-columns:1fr}.container{--gutter:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient,.flash,.pc-sheen,.pc-sign{display:none!important}.directory-copy{opacity:1;transform:none}.link-card,.nav-pill,.orb,.mist,.mote{transition:none!important;animation:none!important;transform:none!important}}