*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--brand-mint: #00d6a4;--brand-lime: #75d657;--brand-acid: #e5dc08;--brand-bg: #202221;--brand-bg-deep: #101311;--brand-surface: #1b1e1c;--brand-surface-2: #232624;--brand-line: #4b565f;--brand-text: #f5f6f3;--brand-muted: #a0a7a2;--brand-gradient: linear-gradient(96deg, var(--brand-mint) 0%, var(--brand-lime) 52%, var(--brand-acid) 100%)}*{box-sizing:border-box}html{background:var(--brand-bg);scroll-behavior:smooth}body{margin:0;background:var(--brand-bg);color:var(--brand-text);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::-moz-selection{background:var(--brand-mint);color:#111411}::selection{background:var(--brand-mint);color:#111411}a{color:inherit;text-decoration:none;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}:focus-visible{outline:2px solid var(--brand-mint);outline-offset:3px}.brand-gradient-text{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.brand-grid{background-color:var(--brand-bg);background-image:linear-gradient(rgba(107,119,126,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(107,119,126,.065) 1px,transparent 1px),radial-gradient(circle at 78% 4%,rgba(0,214,164,.09),transparent 27%);background-size:54px 54px,54px 54px,100% 100%}.brand-kicker{color:var(--brand-muted);font-size:.68rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.brand-kicker:before{display:inline-block;width:26px;height:1px;margin-right:12px;background:var(--brand-mint);content:"";vertical-align:middle}.brand-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--brand-line);border-radius:999px;padding:.55rem 1rem;color:var(--brand-text);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-button:hover{border-color:var(--brand-mint);color:var(--brand-mint)}.brand-button--primary{border-color:transparent;background:var(--brand-gradient);color:#111411}.brand-button--primary:hover{color:#111411;transform:translateY(-2px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.nav-shell{min-height:100vh;display:flex;flex-direction:column}.nav-container{width:min(1440px,calc(100% - 40px));margin-inline:auto}.nav-topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(66,75,81,.85);background:#202221e6;backdrop-filter:blur(14px)}.nav-topbar__inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav-topbar__brand{display:flex;align-items:center;gap:12px}.nav-topbar__mark{width:40px;height:40px;display:grid;place-items:center;border-radius:7px;background:var(--brand-gradient);color:#151715;font-size:11px;font-weight:900}.nav-topbar__brand strong{display:block;font-size:15px;letter-spacing:-.02em}.nav-topbar__brand small{display:block;margin-top:3px;color:var(--brand-muted);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.nav-topbar__nav{display:flex;align-items:center;gap:4px}.nav-topbar__nav a{border-radius:999px;padding:10px 14px;color:#abb1ad;font-size:12px}.nav-topbar__nav a:hover,.nav-topbar__nav a.active{background:#2a2d2b;box-shadow:inset 0 0 0 1px #4b555c;color:#fff}.nav-footer{margin-top:auto;border-top:1px solid var(--brand-line);background:#1b1e1c;padding:36px 0}.nav-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--brand-muted);font-size:11px}.nav-footer__links{display:flex;flex-wrap:wrap;gap:14px}.nav-footer__links a:hover{color:var(--brand-mint)}.nav-home{color:var(--brand-text)}.nav-home__hero{min-height:460px;padding:56px 0 44px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:44px;border-bottom:1px solid #444e55}.nav-home__hero-copy h1{max-width:820px;margin:22px 0 24px;font-size:clamp(48px,5.8vw,76px);font-weight:750;letter-spacing:-.068em;line-height:.96}.nav-home__hero-copy h1,.nav-home__manifesto h2,.nav-home__section-head h2,.nav-home__about h2{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.nav-home__hero-copy h1 em{font-style:normal}.nav-home__hero-copy>p{max-width:680px;color:#b4bab6;font-size:15px;line-height:1.8}.nav-home__search{position:relative;height:66px;margin-top:34px;border:1px solid #54616b;border-radius:7px;background:#202221;display:flex;align-items:center;gap:12px;padding:0 17px;overflow:hidden}.nav-home__search:focus-within{border-color:var(--brand-mint);box-shadow:0 0 0 1px #00d6a44d}.nav-home__search:after{position:absolute;top:0;bottom:0;left:-170px;width:150px;background:linear-gradient(90deg,transparent,rgba(0,214,164,.11),transparent);content:"";animation:search-sweep 5s ease-in-out infinite;pointer-events:none}.nav-home__search>span{font-size:22px}.nav-home__search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.nav-home__search kbd{border:1px solid #515c64;border-radius:5px;background:#292c2a;padding:6px 8px;color:#b8bdb9;font-size:10px}.nav-home__meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:16px;color:#9ba39d;font-size:10px}.nav-home__meta b{margin-right:4px;color:#fff;font-size:12px}.nav-home__manifesto{min-height:340px;align-self:end;position:relative;overflow:hidden;border:1px solid #53606a;border-radius:8px;background:#1e211f;padding:27px}.nav-home__manifesto:after{position:absolute;right:-12px;bottom:-26px;color:#282d29;content:"IDX";font-size:122px;font-weight:900;letter-spacing:-.08em}.nav-home__manifesto>div{position:relative;z-index:1;display:flex;justify-content:space-between;color:#929a94;font-size:9px;letter-spacing:.12em}.nav-home__manifesto h2{position:relative;z-index:1;margin:64px 0 18px;font-size:34px;letter-spacing:-.05em;line-height:1.04}.nav-home__manifesto p{position:relative;z-index:1;max-width:300px;color:#a6ada8;font-size:12px;line-height:1.7}.nav-home__manifesto footer{position:absolute;z-index:2;left:27px;bottom:24px;display:flex;gap:7px}.nav-home__manifesto footer span{border:1px solid #53606a;border-radius:5px;background:#202321;padding:7px 10px;color:#bec5bf;font-size:9px}.nav-home__ticker{margin:0 calc(50% - 50vw);overflow:hidden;border-block:1px solid #65733e;background:var(--brand-gradient);color:#161816;font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.nav-home__ticker>div{width:-moz-max-content;width:max-content;height:48px;display:flex;align-items:center;gap:42px;animation:ticker 24s linear infinite}.nav-home__ticker i{width:4px;height:4px;border-radius:50%;background:#161816}.nav-home__announcement{margin-top:28px;border:1px solid var(--brand-line);border-radius:7px;background:#1b1e1ccc;padding:13px 16px;color:var(--brand-muted);font-size:11px}.nav-home__section,.nav-home__directory{padding:54px 0;border-bottom:1px solid #454f56}.nav-home__section-head{margin-bottom:26px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.nav-home__section-head span,.nav-home__about>div>span{color:#909791;font-size:10px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.nav-home__section-head h2{margin:9px 0 0;font-size:34px;letter-spacing:-.045em}.nav-home__section-head p{color:#a7aea9;font-size:10px}.nav-home__matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.nav-home__matrix>a{min-height:200px;border:1px solid rgba(0,214,164,.28);border-radius:8px;background:radial-gradient(circle at 100% 0%,rgba(0,214,164,.1),transparent 45%),#1f2220;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:inherit}.nav-home__matrix>a:hover{border-color:var(--brand-mint);transform:translateY(-3px)}.nav-home__matrix header,.nav-home__matrix footer{display:flex;align-items:center;justify-content:space-between}.nav-home__matrix header small,.nav-home__matrix footer{color:#a7aea9;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.nav-home__matrix h3{margin:14px 0 8px;font-size:22px;letter-spacing:-.03em}.nav-home__matrix p{margin:0;color:#a7aea9;font-size:11px;line-height:1.6}.nav-home__featured{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:14px}.nav-home__featured>a{min-height:220px;border:1px solid #4c5861;border-radius:7px;background:#1f2220;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:inherit}.nav-home__featured>a:hover{border-color:var(--brand-lime);transform:translateY(-3px)}.nav-home__featured>a.primary{border-color:var(--brand-mint)}.nav-home__featured header,.nav-home__featured footer{display:flex;align-items:center;justify-content:space-between}.nav-home__featured header small,.nav-home__featured footer{color:#a7aea9;font-size:9px}.nav-home__featured h3{margin:0 0 8px;font-size:20px}.nav-home__featured p{margin:0;color:#a7aea9;font-size:11px;line-height:1.6}.nav-site-mark{width:42px;height:42px;border-radius:5px;background:#292e2a;display:inline-grid;place-items:center;color:#eff2ef;font-size:12px;font-weight:900;flex-shrink:0}.nav-site-mark--large{width:40px;height:40px}.nav-site-mark--gradient,.nav-home__featured .primary .nav-site-mark--gradient,.nav-home__matrix .nav-site-mark--gradient{background:var(--brand-gradient);color:#151715}.nav-site-mark--github{background:#24292f}.nav-site-mark--astro{background:#17151e;color:#ff5d01}.nav-site-mark--cloudflare{background:#f6821f;color:#1a1a1a}.nav-site-mark--x{background:#101010}.nav-site-mark--bili{background:#fb7299;color:#fff}.nav-site-mark--design{background:#3d3148;color:#e8d9ff}.nav-site-mark--read{background:#2a3530;color:#c8e6d0}.nav-site-mark--default{background:#292e2a}.nav-home__directory-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px}.nav-home__directory-grid>aside{border-right:1px solid #4a555d;padding-right:22px}.nav-home__directory-grid aside h3{margin:0 0 16px;color:#8e968f;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.nav-home__directory-grid aside button{width:100%;min-height:43px;border:0;border-radius:6px;background:transparent;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#b2b8b4;font-size:11px;cursor:pointer}.nav-home__directory-grid aside button:hover{background:#292d2a}.nav-home__directory-grid aside button.active{background:var(--brand-gradient);color:#151715;font-weight:750}.nav-home__directory-grid aside button i{font-style:normal;font-size:9px}.nav-home__note{margin-top:24px;border:1px solid var(--brand-line);border-radius:7px;background:#1c1f1d;padding:16px}.nav-home__note b{font-size:11px}.nav-home__note p{margin:7px 0 0;color:#a3aaa5;font-size:9px;line-height:1.6}.nav-home__results{min-height:42px;display:flex;justify-content:space-between;color:#b9bfba;font-size:11px}.nav-home__results span{color:#8f9691;font-size:9px}.nav-home__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.nav-home__cards>a{min-height:114px;border:1px solid #4c5861;border-radius:7px;background:#1e211f;padding:16px;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:12px;color:inherit}.nav-home__cards>a:hover{border-color:var(--brand-mint);background:#242825}.nav-home__cards>a:nth-child(3n+1) .nav-site-mark:not(.nav-site-mark--gradient){background:var(--brand-mint);color:#151715}.nav-home__cards b{display:block;font-size:12px}.nav-home__cards p{margin:5px 0;color:#a1a8a3;font-size:10px;line-height:1.45}.nav-home__cards small{color:#848d86;font-size:8px}.nav-home__cards>a>i{color:#a1a8a3;font-style:normal}.nav-home__empty{min-height:230px;border:1px dashed #526069;border-radius:8px;display:grid;place-items:center;color:var(--brand-muted);font-size:12px}.nav-home__about{margin:0 -20px;padding:48px 20px;display:grid;grid-template-columns:1.1fr .9fr;gap:90px;border-bottom:1px solid var(--brand-line);background:#1b1e1c}.nav-home__about h2{margin:11px 0;font-size:40px;letter-spacing:-.05em;line-height:1.05}.nav-home__about p{max-width:590px;color:#a7aea9;font-size:11px;line-height:1.7}.nav-home__principles{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.nav-home__principles article{min-height:86px;border:1px solid #4d5961;border-radius:7px;background:#202321;padding:15px}.nav-home__principles article:hover{border-color:var(--brand-mint)}.nav-home__principles b{font-size:11px}.nav-home__principles span{display:block;margin-top:8px;color:#a7aea9;font-size:9px;line-height:1.5}.nav-home--explore .nav-home__hero{min-height:auto;padding-top:36px;grid-template-columns:1fr}.nav-home--explore .nav-home__manifesto{display:none}@keyframes ticker{to{transform:translate(-50%)}}@keyframes search-sweep{0%,45%{left:-170px}70%,to{left:110%}}@media(max-width:860px){.nav-topbar__nav{display:none}.nav-home__hero{grid-template-columns:1fr}.nav-home__manifesto{min-height:330px}.nav-home__matrix,.nav-home__featured{grid-template-columns:1fr}.nav-home__featured>a{min-height:190px}.nav-home__directory-grid{grid-template-columns:1fr}.nav-home__directory-grid>aside{border-right:0;padding-right:0;display:flex;gap:6px;overflow-x:auto}.nav-home__directory-grid aside h3,.nav-home__note{display:none}.nav-home__directory-grid aside button{width:auto;flex:none;padding-inline:14px}.nav-home__about{grid-template-columns:1fr;gap:24px;margin-inline:-16px;padding-inline:16px}.nav-footer__inner{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.nav-container{width:min(1440px,calc(100% - 32px))}.nav-home__hero-copy h1{font-size:44px}.nav-home__section-head{flex-direction:column;align-items:flex-start}.nav-home__section-head p{margin:0}.nav-home__cards,.nav-home__principles{grid-template-columns:1fr}.nav-topbar__inner .brand-button{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav-home__ticker>div{animation:none}.nav-home__search:after{animation:none}}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:z-50:focus{z-index:50}.focus\:rounded-md:focus{border-radius:.375rem}.focus\:bg-\[\#1b1e1c\]:focus{--tw-bg-opacity: 1;background-color:rgb(27 30 28 / var(--tw-bg-opacity, 1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}