._appHeader_1cuzq_1{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}._appTitle_1cuzq_9{margin:0;font-size:clamp(2rem,2vw + 2rem,4rem);font-family:var(--font-fancy, system-ui)}._appSubtitle_1cuzq_15{max-inline-size:60ch;color:var(--color-muted);margin:0}._appLink_1cuzq_21{color:var(--color-text);text-decoration:dotted underline}._featuresScroll_vmqte_1{flex:1;display:flex;flex-direction:column;gap:var(--space-7);inline-size:100%;max-inline-size:1440px}._categoryHeader_vmqte_10{position:sticky;inset-block-start:8rem;display:flex;align-items:center;gap:var(--space-2);z-index:20;border-radius:var(--radius-5);box-shadow:var(--shadow-1);padding-block:var(--space-3);padding-inline:var(--space-4);border-block-end:2px solid var(--color-border-55);cursor:pointer}._categoryTitle_vmqte_25{font-size:1.5rem;font-weight:700;color:var(--category-color, var(--color-text));margin:0}._anchorLink_vmqte_32{color:var(--color-muted);opacity:0;transition:opacity var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}._anchorLink_vmqte_32:focus-visible{opacity:1}@media(hover:hover){._anchorLink_vmqte_32:hover{color:var(--category-color, var(--color-accent))}._categoryHeader_vmqte_10:hover ._anchorLink_vmqte_32{opacity:1}}._featuresGrid_vmqte_54{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(38ch,1fr));margin-block-start:var(--space-4)}._noResults_vmqte_61{text-align:center;padding:var(--space-8);color:var(--color-muted);border:1px dashed var(--color-border-80);border-radius:var(--radius-5);font-style:italic}._loading_vmqte_70{text-align:center;padding:var(--space-6)}._card_xju1z_1{padding:clamp(var(--space-2),2vw,var(--space-5));border-radius:var(--radius-6);box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color 3s var(--ease-out)}@media(hover:hover){._card_xju1z_1:hover{border-color:var(--category-color)}}._cardHeader_xju1z_17{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);:first-child{flex:1}}._cardHeader_xju1z_17 h3{margin:0;font-size:var(--font-size-4);line-height:1.5;margin-inline-end:auto}._actions_xju1z_35{display:flex;gap:var(--space-2);align-items:center}._mdnSearchBtn_xju1z_41{background:none;border:none;color:#fff;cursor:pointer;margin:0;display:flex;align-items:center;justify-content:center;transition:color var(--duration-med) var(--ease-out);flex-shrink:0}@media(hover:hover){._mdnSearchBtn_xju1z_41:hover{color:var(--category-color, var(--color-accent))}}._badge_xju1z_60{font-size:var(--font-size-0);padding-block:var(--space-1);padding-inline:var(--space-2);border-radius:100vw;white-space:nowrap;font-weight:600;background:oklch(from var(--category-color, var(--color-accent)) l c h / 18%);border:1px solid oklch(from var(--category-color, var(--color-accent)) l c h / 45%);color:var(--color-text)}:has([data-category=HTML]){--category-color: var(--color-category-html)}:has([data-category=CSS]){--category-color: var(--color-category-css)}:has([data-category=JavaScript]){--category-color: var(--color-category-js)}:has([data-category="Web Platform"]){--category-color: var(--color-category-web)}._description_xju1z_92{min-block-size:4lh;color:var(--color-muted)}._content_xju1z_97{flex:1}._controlsSticky_11uai_1{position:sticky;max-inline-size:100%;inset-block-start:var(--space-4);z-index:50;isolation:isolate}._controlsContainer_11uai_9{display:flex;align-items:flex-end;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-5);box-shadow:var(--shadow-2);accent-color:var(--color-accent);overflow-x:auto;overscroll-behavior:contain}._searchGroup_11uai_21{flex:1}._addFeatureForm_11uai_25{display:flex;align-items:flex-end;gap:var(--space-3)}._field_1mj3k_1{display:flex;flex-direction:column;gap:var(--space-2);min-inline-size:16ch}._label_1mj3k_8{font-size:var(--font-size-1);font-weight:650;color:var(--color-text)}._input_1mj3k_14,._selectTrigger_1mj3k_15,._toggle_1mj3k_16{inline-size:100%;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-2);border-radius:var(--radius-4);border:1px solid var(--color-border);background:var(--color-surface-35);color:var(--color-text);box-shadow:var(--shadow-1);transition:border-color var(--duration-fast) var(--ease-out)}._input_1mj3k_14{transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}._input_1mj3k_14::placeholder{color:var(--color-muted)}._input_1mj3k_14:focus{outline:2px solid var(--color-accent-55);outline-offset:2px;border-color:var(--color-accent-70)}._selectTrigger_1mj3k_15{display:flex;align-items:center;justify-content:space-between;cursor:pointer}._toggle_1mj3k_16{display:flex;align-items:center;justify-content:center;cursor:pointer;@media(hover:hover){&:hover{background-color:var(--color-surface-50)}}&[data-pressed]{background-color:var(--color-accent-20);border-color:var(--color-accent-40);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-accent-55);outline-offset:2px}}._comboContainer_1mj3k_77{position:relative}._comboIconTrigger_1mj3k_81{position:absolute;inset-inline-end:var(--space-3);inset-block-start:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:0;inline-size:1.25rem;block-size:1.25rem;border:0;background:transparent;color:var(--color-text);opacity:.85}._comboIconTrigger_1mj3k_81:focus-visible{outline:2px solid var(--color-accent-55);outline-offset:2px}._selectTrigger_1mj3k_15:focus-visible{outline:2px solid var(--color-accent-55);outline-offset:2px;border-color:var(--color-accent-70)}._selectIcon_1mj3k_109{opacity:.85;font-size:.9em}._selectPositioner_1mj3k_114{z-index:100;max-block-size:max(60%,30rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}._selectPopup_1mj3k_122{padding:var(--space-2);border-radius:var(--radius-5);background:var(--color-surface-85);border:1px solid var(--color-border-60);box-shadow:var(--shadow-3);backdrop-filter:blur(18px) saturate(1.1);isolation:isolate}._selectItem_1mj3k_132{padding-block:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-4);cursor:pointer;user-select:none}._selectItem_1mj3k_132[data-highlighted]{background:var(--color-accent-18)}._selectItem_1mj3k_132[data-selected]{background:var(--color-accent-25)}._button_1mj3k_148{padding-block:var(--space-2);padding-inline:var(--space-4);border-radius:var(--radius-4);border:1px solid var(--color-accent-55);background:var(--color-accent-25);color:var(--color-text);box-shadow:var(--shadow-1);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){._button_1mj3k_148:hover{background:oklch(from var(--color-accent) l c h / 32%)}}._button_1mj3k_148:active{transform:translateY(1px)}._button_1mj3k_148:focus-visible{outline:2px solid var(--color-accent-55);outline-offset:2px}._error_1mj3k_177{font-size:var(--font-size-0);color:hsl(var(--color-danger-hsl) / 100%)}:root{--font-sans: "Atkinson Hyperlegible", ui-sans-serif, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: "Atkinson Hyperlegible Mono", ui-monospace, sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;--font-fancy: "Nabla", system-ui;--font-size-0: .8125rem;--font-size-1: .875rem;--font-size-2: 1rem;--font-size-3: 1.125rem;--font-size-4: 1.25rem;--font-size-5: 1.5rem;--font-size-6: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 3rem;--radius-1: .375rem;--radius-2: .5rem;--radius-3: .625rem;--radius-4: .75rem;--radius-5: 1rem;--radius-6: 1.25rem;--duration-fast: .2s;--duration-med: .3s;--duration-slow: .5s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.175, .885, .32, 1.275);--color-bg: hsl(230deg 28% 9%);--color-surface: hsl(230deg 22% 14%);--color-border: hsl(230deg 18% 26%);--color-text: hsl(210deg 40% 98% / 96%);--color-muted: hsl(224deg 14% 72% / 90%);--color-accent: hsl(260deg 92% 70%);--color-danger: hsl(0deg 84% 64%);--color-gold: hsl(48deg 100% 56%);--color-accent-55: oklch(from var(--color-accent) l c h / 55%);--color-accent-28: oklch(from var(--color-accent) l c h / 28%);--color-accent-25: oklch(from var(--color-accent) l c h / 25%);--color-accent-18: oklch(from var(--color-accent) l c h / 18%);--color-accent-70: oklch(from var(--color-accent) l c h / 70%);--color-surface-52: oklch(from var(--color-surface) l c h / 52%);--color-surface-85: oklch(from var(--color-surface) l c h / 85%);--color-surface-35: oklch(from var(--color-surface) l c h / 35%);--color-border-70: oklch(from var(--color-border) l c h / 70%);--color-border-80: oklch(from var(--color-border) l c h / 80%);--color-border-55: oklch(from var(--color-border) l c h / 55%);--color-border-60: oklch(from var(--color-border) l c h / 60%);--color-category-html: hsl(12deg 78% 52%);--color-category-css: rebeccapurple;--color-category-js: hsl(52deg 84% 63%);--color-category-web: hsl(210deg 10% 70%);--shadow-1: 0 1px 0 hsl(0deg 0% 100% / 6%), 0 10px 30px hsl(230deg 60% 2% / 25%);--shadow-2: 0 1px 0 hsl(0deg 0% 100% / 8%), 0 18px 46px hsl(230deg 60% 2% / 32%);--shadow-3: 0 1px 0 hsl(0deg 0% 100% / 10%), 0 24px 70px hsl(230deg 60% 2% / 45%);font-family:var(--font-sans);color:var(--color-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}::target-text{background-color:#639;color:#fff}body{margin:0;min-block-size:100vh;block-size:100dvh;font-size:var(--font-size-2);line-height:1.5;background:radial-gradient(1200px circle at 16% 0%,hsl(260deg 92% 62% / 26%),transparent 55%),radial-gradient(1000px circle at 92% 18%,hsl(190deg 92% 54% / 18%),transparent 60%),radial-gradient(900px circle at 65% 100%,hsl(220deg 90% 60% / 12%),transparent 55%),linear-gradient(180deg,var(--color-bg),hsl(230deg 35% 6% / 100%))}p{max-inline-size:60ch;text-wrap:pretty}dd,dl{margin:0}code,pre,kbd{font-family:var(--font-mono)}::selection{background:var(--color-accent-28)}.srOnly{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);block-size:100%;inline-size:100%;margin-inline:auto;padding-inline:clamp(var(--space-1),2vw,var(--space-7));overflow:auto;overscroll-behavior:contain}.glass{--glass-bg: var(--color-surface-52);--glass-border: var(--color-border-55);--glass-backdrop: blur(2px) saturate(1.2);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-backdrop)}