@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}html.translated-rtl{direction:rtl}body,h1,h2,h3,h4,figure,blockquote,dl,dd{margin-block-end:0}body{font:-apple-system-body;font-size:100%;line-height:var(--minimalist-typography-document-line-height);min-block-size:100vh;min-block-size:100dvb;text-rendering:optimizeLegibility}summary{cursor:pointer}button,input,label{line-height:var(--minimalist-typography-interactive-line-height)}button{cursor:pointer}input,button,textarea,select{font:inherit}textarea:not([rows]){min-block-size:10em}h1,h2,h3,h4{text-wrap:balance}img,picture,video,canvas,svg{block-size:auto;display:block;max-inline-size:100%}:target{scroll-margin-block:5ex}}@layer base{:root{--line-height-none: 1;--line-height-tight: 1.1;--line-height-snug: 1.3;--line-height-normal: 1.5;--minimalist-typography-document-line-height: var(--line-height-normal);--minimalist-typography-interactive-line-height: var(--line-height-tight);--font-family-base: inter, "Source Sans 3", "IBM Plex Sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif;--font-family-mono: ui-monospace, "SF Mono", "Cascadia Code", "Segoe UI Mono", "Liberation Mono", menlo, monaco, consolas, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--size-1: .0625rem;--size-4: .25rem;--size-8: .5rem;--size-12: .75rem;--size-14: .875rem;--size-16: 1rem;--size-20: 1.25rem;--size-24: 1.5rem;--size-32: 2rem;--size-40: 2.5rem;--size-48: 3rem;--size-64: 4rem;--size-80: 5rem;--size-96: 6rem;--radius-sm: var(--size-4);--radius-md: var(--size-8);--radius-lg: var(--size-12);--radius-xl: var(--size-16);--radius-full: 50%;--layer-send-to-back: -1;--layer-dropdown: 100;--layer-modal: 300;--layer-toast: 400;--layer-bring-to-front: 9999;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--color-surface: oklch(98% .005 250deg);--color-surface-raised: oklch(100% 0 0deg);--color-surface-sunken: oklch(95% .01 250deg);--color-text: oklch(25% .02 250deg);--color-text-muted: oklch(50% .015 250deg);--color-text-inverted: oklch( 98% .005 250deg );--color-logo-maker: oklch(40% .025 220deg);--color-logo-bench: oklch(55% .15 185deg);--color-primary: oklch(50% .14 185deg);--color-primary-hover: oklch(45% .14 185deg);--color-primary-active: oklch(40% .14 185deg);--color-accent: oklch(65% .18 35deg);--color-accent-hover: oklch(60% .18 35deg);--color-border: oklch(88% .01 250deg);--color-border-strong: oklch(75% .015 250deg);--color-success: oklch(55% .15 145deg);--color-error: oklch(55% .2 25deg);--color-warning: oklch(70% .15 80deg);--color-info: oklch(55% .12 240deg);--color-focus-ring: oklch(55% .15 185deg / 50%);--focus-ring-width: .1875rem;--focus-ring-offset: var(--size-4);--focus-ring-offset-sm: .125rem}@media(prefers-color-scheme:dark){:root{--color-surface: oklch(18% .015 250deg);--color-surface-raised: oklch(22% .015 250deg);--color-surface-sunken: oklch(14% .015 250deg);--color-text: oklch(92% .01 250deg);--color-text-muted: oklch(65% .01 250deg);--color-text-inverted: oklch( 18% .015 250deg );--color-logo-maker: oklch(75% .02 220deg);--color-logo-bench: oklch(65% .15 185deg);--color-primary: oklch(60% .14 185deg);--color-primary-hover: oklch(65% .14 185deg);--color-primary-active: oklch(55% .14 185deg);--color-accent: oklch(70% .16 35deg);--color-accent-hover: oklch(75% .16 35deg);--color-border: oklch(30% .015 250deg);--color-border-strong: oklch(40% .015 250deg);--color-success: oklch(60% .15 145deg);--color-error: oklch(60% .18 25deg);--color-warning: oklch(75% .15 80deg);--color-info: oklch(60% .12 240deg);--color-focus-ring: oklch(60% .15 185deg / 50%)}}}@layer base{:root{--typography-heading-4xl: var(--font-weight-bold) var(--text-4xl) / var(--line-height-tight) var(--font-family-base);--typography-heading-3xl: var(--font-weight-semibold) var(--text-4xl) / var(--line-height-snug) var(--font-family-base);--typography-heading-2xl: var(--font-weight-semibold) var(--text-3xl) / var(--line-height-snug) var(--font-family-base);--typography-heading-xl: var(--font-weight-semibold) var(--text-2xl) / var(--line-height-snug) var(--font-family-base);--typography-heading-lg: var(--font-weight-semibold) var(--text-xl) / var(--line-height-snug) var(--font-family-base);--typography-heading-base: var(--font-weight-semibold) var(--text-lg) / var(--line-height-snug) var(--font-family-base);--typography-body-lg: var(--font-weight-regular) var(--text-lg) / var(--line-height-normal) var(--font-family-base);--typography-body-base: var(--font-weight-regular) var(--text-base) / var(--line-height-normal) var(--font-family-base);--typography-body-sm: var(--font-weight-regular) var(--text-sm) / var(--line-height-normal) var(--font-family-base);--typography-label: var(--font-weight-medium) var(--text-sm) / var(--line-height-tight) var(--font-family-base);--typography-button: var(--font-weight-semibold) var(--text-base) / var(--line-height-tight) var(--font-family-base);--typography-caption: var(--font-weight-regular) var(--text-xs) / var(--line-height-snug) var(--font-family-base);--typography-logo-xl: var(--font-weight-semibold) var(--text-4xl) / var(--line-height-none) var(--font-family-base);--typography-logo-lg: var(--font-weight-semibold) var(--text-3xl) / var(--line-height-none) var(--font-family-base);--typography-logo-base: var(--font-weight-semibold) var(--text-2xl) / var(--line-height-none) var(--font-family-base);--typography-logo-sm: var(--font-weight-semibold) var(--text-lg) / var(--line-height-none) var(--font-family-base);--typography-code-base: var(--font-weight-regular) var(--text-sm) / var(--line-height-normal) var(--font-family-mono);--typography-code-sm: var(--font-weight-regular) var(--text-xs) / var(--line-height-normal) var(--font-family-mono)}@layer base{:is(h1,h2,h3,h4,h5,h6){color:var(--color-text)}h1,.heading-4xl{font:var(--typography-heading-4xl)}h2,.heading-3xl{font:var(--typography-heading-3xl)}h3,.heading-2xl{font:var(--typography-heading-2xl)}h4,.heading-xl{font:var(--typography-heading-xl)}h5,.heading-lg{font:var(--typography-heading-lg)}h6,.heading-base{font:var(--typography-heading-base)}.body-lg{font:var(--typography-body-lg)}.body-base{font:var(--typography-body-base)}.body-sm{font:var(--typography-body-sm)}.ui-label{font:var(--typography-label)}.ui-button{font:var(--typography-button)}.ui-caption{font:var(--typography-caption)}.logo-xl{font:var(--typography-logo-xl)}.logo-lg{font:var(--typography-logo-lg)}.logo-base{font:var(--typography-logo-base)}.logo-sm{font:var(--typography-logo-sm)}.code-base{font:var(--typography-code-base)}.code-sm{font:var(--typography-code-sm)}}}@layer base{:root{--outline-focus: var(--focus-ring-width) solid var(--color-focus-ring);--outline-focus-offset-sm: var(--focus-ring-offset-sm);--focus-ring-shadow: 0 0 0 var(--size-4) var(--color-focus-ring);--focus-ring-shadow-error: 0 0 0 var(--size-4) oklch(55% .2 25deg / 30%);--border-default: var(--size-1) solid var(--color-border);--border-strong: var(--size-1) solid var(--color-border-strong)}}@layer base{.Logo{display:inline-flex;font:var(--typography-logo-base);text-decoration:none}.Logo:hover{text-decoration:none}.Logo:focus-visible{border-radius:var(--radius-sm);outline:var(--outline-focus);outline-offset:var(--focus-ring-offset)}.Logo-maker{color:var(--color-logo-maker)}.Logo-bench{color:var(--color-logo-bench)}.Logo--sm{font:var(--typography-logo-sm)}.Logo--lg{font:var(--typography-logo-lg)}.Logo--xl{font:var(--typography-logo-xl)}}@layer components{.Button{align-items:center;border:none;border-radius:var(--radius-md);display:inline-flex;font:var(--typography-button);gap:var(--size-8);justify-content:center;padding-block:var(--size-12);padding-inline:var(--size-24);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.Button:disabled{cursor:not-allowed;opacity:.6}.Button:not(:disabled):active{transform:scale(.98)}.Button--primary{background-color:var(--color-primary);color:var(--color-text-inverted)}.Button--primary:not(:disabled):hover{background-color:var(--color-primary-hover)}.Button--primary:not(:disabled):active{background-color:var(--color-primary-active)}.Button--secondary{background-color:transparent;border:var(--border-strong);color:var(--color-text)}.Button--secondary:not(:disabled):hover{background-color:var(--color-surface-sunken)}.Button--ghost{background-color:transparent;color:currentcolor;padding-block:var(--size-4);padding-inline:var(--size-4)}.Button--ghost:not(:disabled):hover{background-color:color-mix(in oklch,currentcolor 12%,transparent)}.Button--loading{pointer-events:none}.Button-spinner{animation:spin .8s linear infinite;block-size:1em;border:var(--size-1) solid currentcolor;border-block-start-color:transparent;border-radius:50%;flex-shrink:0;inline-size:1em}@keyframes spin{to{transform:rotate(360deg)}}}@layer components{.Icon{block-size:var(--icon-size);display:block;inline-size:var(--icon-size)}.Icon--xs{--icon-size: var(--size-12)}.Icon--sm{--icon-size: var(--size-16)}.Icon--md{--icon-size: var(--size-20)}.Icon--lg{--icon-size: var(--size-24)}}@layer components{.Input{background-color:var(--color-surface-raised);border:var(--border-default);border-radius:var(--radius-md);color:var(--color-text);font:var(--typography-body-base);padding-block:var(--size-12);padding-inline:var(--size-16);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.Input::placeholder{color:var(--color-text-muted)}.Input:disabled{background-color:var(--color-surface-sunken);cursor:not-allowed;opacity:.6}.Input:focus{border-color:var(--color-primary);outline:none}.Input:focus-visible{box-shadow:var(--focus-ring-shadow)}}@layer components{.TextInput{display:flex;flex-direction:column;gap:var(--size-4)}.TextInput-label{color:var(--color-text);font:var(--typography-label)}.TextInput-required{color:var(--color-error)}.TextInput-hint{color:var(--color-text-muted);font:var(--typography-caption);margin:0}.TextInput-field{inline-size:100%}.TextInput-error{color:var(--color-error);font:var(--typography-caption);margin:0}.TextInput--error .TextInput-field{border-color:var(--color-error)}.TextInput--error .TextInput-field:focus-visible{box-shadow:var(--focus-ring-shadow-error)}}@layer components{.ResultCount{color:var(--color-text-muted);font-size:var(--text-sm)}.ResultCount-value{color:var(--color-text);font-weight:var(--font-weight-semibold)}}@layer components{.LoadMoreButton{min-inline-size:10rem}}@layer components{.TagBadge{align-items:center;background-color:var(--color-surface-sunken);display:inline-flex;gap:var(--size-4)}.TagBadge-label{background:none;border:none;color:var(--color-text);font:var(--typography-caption);padding-block:var(--size-4);padding-inline:var(--size-12);transition:background-color var(--transition-fast),color var(--transition-fast)}.TagBadge-label:hover{background-color:var(--color-primary);color:var(--color-text-inverted)}.TagBadge-remove{background:none;border:none;border-radius:50%;color:var(--color-text-muted);display:inline-grid;padding:var(--size-4);place-items:center;transition:color var(--transition-fast)}.TagBadge-remove:hover{color:var(--color-error)}.TagBadge--selected{background-color:var(--color-primary)}.TagBadge--selected .TagBadge-label{color:var(--color-text-inverted)}.TagBadge--selected .TagBadge-label:hover{background-color:var(--color-primary-hover)}.TagBadge--selected .TagBadge-remove{color:var(--color-text-inverted)}.TagBadge--selected .TagBadge-remove:hover{color:var(--color-surface)}}@layer components{.TagCloud{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size-12)}.TagCloud-list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size-8);list-style:none;margin:0;padding:0}.TagCloud-clear{color:var(--color-text-muted);font-size:var(--text-sm)}}@layer components{.SearchInput{display:flex;flex-direction:column}.SearchInput-wrapper{align-items:center;display:flex;position:relative}.SearchInput-icon{color:var(--color-text-muted);inset-block-start:50%;inset-inline-start:var(--size-16);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.SearchInput-field{inline-size:100%;padding-inline:calc(var(--size-16) + var(--size-20) + var(--size-8))}.SearchInput-field::-webkit-search-cancel-button,.SearchInput-field::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.SearchInput-clear{background:none;border:none;color:var(--color-text-muted);inset-block-start:50%;inset-inline-end:var(--size-16);padding:var(--size-4);position:absolute;transform:translateY(-50%);transition:color var(--transition-fast);z-index:1}.SearchInput-clear:hover{color:var(--color-text)}.SearchInput-clear:focus-visible{border-radius:var(--radius-sm)}}@layer components{.ToolGrid{display:grid;gap:var(--size-24);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.ToolGrid-empty{grid-column:1 / -1;padding-block:var(--size-48);text-align:center}.ToolGrid-emptyTitle{color:var(--color-text);margin-block:0 var(--size-8);margin-inline:0}.ToolGrid-emptyDescription{color:var(--color-text-muted);margin:0}}@layer components{.ToolCard{background-color:var(--color-surface-raised);border:var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ToolCard:hover{border-color:var(--color-border-strong)}.ToolCard:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-ring-shadow)}.ToolCard-link{color:inherit;display:flex;flex-direction:column;flex-grow:1;text-decoration:none}.ToolCard-link:focus{outline:none}.ToolCard-imageWrapper{aspect-ratio:16 / 9;background-color:var(--color-surface-sunken);overflow:hidden}.ToolCard-image{block-size:100%;inline-size:100%;object-fit:cover;transition:transform var(--transition-base)}.ToolCard:hover .ToolCard-image{transform:scale(1.03)}.ToolCard-content{display:flex;flex-direction:column;flex-grow:1;gap:var(--size-4);padding:var(--size-16)}.ToolCard-title{line-clamp:2;line-height:var(--line-height-snug);margin:0;overflow:hidden}.ToolCard-hostname{color:var(--color-text-muted);margin:0}.ToolCard-description{color:var(--color-text-muted);line-clamp:3;margin:0;overflow:hidden}.ToolCard-submitter{color:var(--color-text-muted);margin:0;padding-block:0 var(--size-8);padding-inline:var(--size-16)}.ToolCard-submitterLink{color:var(--color-primary)}.ToolCard-tags{border-block-start:var(--border-default);display:flex;flex-wrap:wrap;gap:var(--size-8);padding:var(--size-12)}}@layer components{.ToolCardSkeleton{--shimmer-gradient: linear-gradient( 90deg, var(--color-surface-sunken) 0%, var(--color-border) 50%, var(--color-surface-sunken) 100% );background-color:var(--color-surface-raised);border:var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.ToolCardSkeleton-image{aspect-ratio:16 / 9;background:var(--shimmer-gradient);background-size:200% 100%}.ToolCardSkeleton-content{display:flex;flex-direction:column;gap:var(--size-8);padding:var(--size-16)}.ToolCardSkeleton-title{background:var(--shimmer-gradient);background-size:200% 100%;block-size:var(--size-24);border-radius:var(--radius-sm);inline-size:75%}.ToolCardSkeleton-hostname{background:var(--shimmer-gradient);background-size:200% 100%;block-size:var(--size-14);border-radius:var(--radius-sm);inline-size:40%}.ToolCardSkeleton-description{background:var(--shimmer-gradient);background-size:200% 100%;block-size:var(--size-40);border-radius:var(--radius-sm);inline-size:100%}.ToolCardSkeleton-tags{border-block-start:var(--border-default);display:flex;flex-wrap:wrap;gap:var(--size-8);padding:var(--size-12)}.ToolCardSkeleton-tag{background:var(--shimmer-gradient);background-size:200% 100%;block-size:var(--size-24);border-radius:var(--radius-full);inline-size:var(--size-64)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ToolCardSkeleton-image,.ToolCardSkeleton-title,.ToolCardSkeleton-hostname,.ToolCardSkeleton-description,.ToolCardSkeleton-tag{animation:shimmer 1.5s infinite linear}}@layer components{.Header{background-color:var(--color-surface-raised);border-block-end:var(--border-default);padding:var(--size-16)}.Header-inner{align-items:center;display:flex;justify-content:space-between;margin-inline:auto;max-inline-size:75rem}.Header-nav{display:flex;gap:var(--size-16)}@media not (min-width:48rem){.Header-inner{flex-direction:column;gap:var(--size-16)}}}@layer components{.Footer{background-color:var(--color-surface-sunken);border-block-start:var(--border-default);margin-block-start:auto;padding-block:var(--size-24);padding-inline:var(--size-16)}.Footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size-16);justify-content:space-between;margin-inline:auto;max-inline-size:75rem}.Footer-copyright{color:var(--color-text-muted);font:var(--typography-body-sm);margin:0}.Footer-links{display:flex;gap:var(--size-24)}.Footer-links a{color:var(--color-text-muted);font:var(--typography-body-sm);text-decoration:none}.Footer-links a:hover{color:var(--color-primary);text-decoration:underline}@media not (min-width:48rem){.Footer-inner{flex-direction:column;text-align:center}}}@layer components{.HomePage{display:flex;flex-direction:column;gap:var(--size-32);padding-block:var(--size-32);padding-inline:var(--size-16)}.HomePage-hero{text-align:center}.HomePage-title{color:var(--color-text);margin:0}.HomePage-subtitle{color:var(--color-text-muted);margin-block-start:var(--size-8)}.HomePage-search{inline-size:min(100%,56rem);margin-inline:auto}.HomePage-tags{justify-content:center}.HomePage-results{text-align:center}.HomePage-loadMore{display:flex;justify-content:center;padding-block:var(--size-16)}}@layer components{.SubmitPage{display:flex;flex-direction:column;gap:var(--size-32);margin-inline:auto;max-inline-size:40rem;padding-block:var(--size-32);padding-inline:var(--size-16)}.SubmitPage-header{text-align:center}.SubmitPage-title{color:var(--color-text);margin:0}.SubmitPage-description{color:var(--color-text-muted);margin-block-start:var(--size-8)}.SubmitPage-form{display:flex;flex-direction:column;gap:var(--size-32)}.SubmitPage-fieldset{border:none;display:flex;flex-direction:column;gap:var(--size-24);margin:0;padding:0}.SubmitPage-fieldset:disabled{opacity:.6}.SubmitPage-legend{color:var(--color-text);margin-block-end:var(--size-16);padding:0}.SubmitPage-actions{display:flex;justify-content:flex-end}.SubmitPage-errorDetails{margin-block-start:var(--size-8);padding-inline-start:var(--size-20)}}@layer utilities{.visually-hidden{block-size:1px;border:0;clip:rect(0,0,0,0);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.skip-link{background-color:var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-inverted);font-weight:var(--font-weight-semibold);inset-block-start:var(--size-8);inset-inline-start:var(--size-8);padding-block:var(--size-12);padding-inline:var(--size-16);position:absolute;text-decoration:none;transform:translateY(-200%);transition:transform var(--transition-fast);z-index:var(--layer-modal)}.skip-link:focus{outline:var(--outline-focus);outline-offset:var(--outline-focus-offset-sm);transform:translateY(0)}:focus-visible{outline:var(--outline-focus);outline-offset:var(--outline-focus-offset-sm)}:focus:not(:focus-visible){outline:none}.reset-list{list-style:none;margin:0;padding:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}}@layer base{body{background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--text-base)}.App{display:flex;flex-direction:column;min-block-size:100dvh}a{color:var(--color-primary);text-decoration:underline;text-underline-offset:.15em;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}code,pre{font-family:var(--font-family-mono)}code{background-color:var(--color-surface-sunken);border-radius:var(--radius-sm);font-size:.875em;padding-block:var(--size-4);padding-inline:var(--size-8)}pre{background-color:var(--color-surface-sunken);border-radius:var(--radius-md);overflow-x:auto;padding-block:var(--size-16);padding-inline:var(--size-16)}pre code{background-color:transparent;padding:0}}.Alert{align-items:flex-start;border-radius:var(--radius-md);display:flex;gap:var(--size-12);padding-block:var(--size-12);padding-inline:var(--size-16)}.Alert-icon{block-size:var(--size-20);border-radius:var(--radius-full);display:grid;flex-shrink:0;inline-size:var(--size-20);place-items:center}.Alert-content{flex:1;font-size:var(--text-sm);line-height:var(--line-height-normal);min-inline-size:0}.Alert-dismiss{block-size:var(--size-24);flex-shrink:0;inline-size:var(--size-24);margin-block-start:calc(-1 * var(--size-4));opacity:.7}.Alert-dismiss:hover{opacity:1}.Alert--success{background-color:oklch(from var(--color-success) l c h / 12%);border-inline-start:var(--size-4) solid var(--color-success)}.Alert--success .Alert-icon{background-color:var(--color-success);color:var(--color-text-inverted)}.Alert--success .Alert-dismiss{color:var(--color-success)}.Alert--error{background-color:oklch(from var(--color-error) l c h / 12%);border-inline-start:var(--size-4) solid var(--color-error)}.Alert--error .Alert-icon{background-color:var(--color-error);color:var(--color-text-inverted)}.Alert--error .Alert-dismiss{color:var(--color-error)}.Alert--warning{background-color:oklch(from var(--color-warning) l c h / 12%);border-inline-start:var(--size-4) solid var(--color-warning)}.Alert--warning .Alert-icon{background-color:var(--color-warning);color:var(--color-text-inverted)}.Alert--warning .Alert-dismiss{color:var(--color-warning)}.Alert--info{background-color:oklch(from var(--color-info) l c h / 12%);border-inline-start:var(--size-4) solid var(--color-info)}.Alert--info .Alert-icon{background-color:var(--color-info);color:var(--color-text-inverted)}.Alert--info .Alert-dismiss{color:var(--color-info)}.Button{align-items:center;border:none;border-radius:var(--radius-md);display:inline-flex;font:var(--typography-button);gap:var(--size-8);justify-content:center;padding-block:var(--size-12);padding-inline:var(--size-24);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.Button:disabled{cursor:not-allowed;opacity:.6}.Button:not(:disabled):active{transform:scale(.98)}.Button--primary{background-color:var(--color-primary);color:var(--color-text-inverted)}.Button--primary:not(:disabled):hover{background-color:var(--color-primary-hover)}.Button--primary:not(:disabled):active{background-color:var(--color-primary-active)}.Button--secondary{background-color:transparent;border:var(--border-strong);color:var(--color-text)}.Button--secondary:not(:disabled):hover{background-color:var(--color-surface-sunken)}.Button--ghost{background-color:transparent;color:currentcolor;padding-block:var(--size-4);padding-inline:var(--size-4)}.Button--ghost:not(:disabled):hover{background-color:color-mix(in oklch,currentcolor 12%,transparent)}.Button--loading{pointer-events:none}.Button-spinner{animation:spin .8s linear infinite;block-size:1em;border:var(--size-1) solid currentcolor;border-block-start-color:transparent;border-radius:50%;flex-shrink:0;inline-size:1em}@keyframes spin{to{transform:rotate(360deg)}}.MainLayout{display:flex;flex-direction:column;min-block-size:100dvh}.MainLayout-main{flex-grow:1;inline-size:100%;margin-inline:auto;max-inline-size:75rem;padding:var(--size-24)}.SearchInput{display:flex;flex-direction:column}.SearchInput-wrapper{align-items:center;display:flex;position:relative}.SearchInput-icon{color:var(--color-text-muted);inset-block-start:50%;inset-inline-start:var(--size-16);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.SearchInput-field{inline-size:100%;padding-inline:calc(var(--size-16) + var(--size-20) + var(--size-8))}.SearchInput-field::-webkit-search-cancel-button,.SearchInput-field::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.SearchInput-clear{background:none;border:none;color:var(--color-text-muted);inset-block-start:50%;inset-inline-end:var(--size-16);padding:var(--size-4);position:absolute;transform:translateY(-50%);transition:color var(--transition-fast);z-index:1}.SearchInput-clear:hover{color:var(--color-text)}.SearchInput-clear:focus-visible{border-radius:var(--radius-sm)}.ToolCard{background-color:var(--color-surface-raised);border:var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ToolCard:hover{border-color:var(--color-border-strong)}.ToolCard:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-ring-shadow)}.ToolCard-link{color:inherit;display:flex;flex-direction:column;flex-grow:1;text-decoration:none}.ToolCard-link:focus{outline:none}.ToolCard-imageWrapper{aspect-ratio:16 / 9;background-color:var(--color-surface-sunken);overflow:hidden}.ToolCard-image{block-size:100%;inline-size:100%;object-fit:cover;transition:transform var(--transition-base)}.ToolCard:hover .ToolCard-image{transform:scale(1.03)}.ToolCard-content{display:flex;flex-direction:column;flex-grow:1;gap:var(--size-4);padding:var(--size-16)}.ToolCard-title{line-clamp:2;line-height:var(--line-height-snug);margin:0;overflow:hidden}.ToolCard-hostname{color:var(--color-text-muted);margin:0}.ToolCard-description{color:var(--color-text-muted);line-clamp:3;margin:0;overflow:hidden}.ToolCard-submitter{color:var(--color-text-muted);margin:0;padding-block:0 var(--size-8);padding-inline:var(--size-16)}.ToolCard-submitterLink{color:var(--color-primary)}.ToolCard-tags{border-block-start:var(--border-default);display:flex;flex-wrap:wrap;gap:var(--size-8);padding:var(--size-12)}.ToolCardSkeleton{--shimmer-gradient: linear-gradient( 90deg, var(--color-surface-sunken) 0%, var(--color-border) 50%, var(--color-surface-sunken) 100% );background-color:var(--color-surface-raised);border:var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.ToolCardSkeleton-image{aspect-ratio:16 / 9;background:var(--shimmer-gradient);background-size:200% 100%}.ToolCardSkeleton-content{display:flex;flex-direction:column;gap:var(--size-8);padding:var(--size-16)}.ToolCardSkeleton-title{background:var(--shimmer-gradient);background-size:200% 100%;block-size:var(--size-24);border-radius:var(--radius-sm);inline-size:75%}.ToolCardSkeleton-hostname{background:var(--shimmer-gradient);background-size:200% 100%;block-size:var(--size-14);border-radius:var(--radius-sm);inline-size:40%}.ToolCardSkeleton-description{background:var(--shimmer-gradient);background-size:200% 100%;block-size:var(--size-40);border-radius:var(--radius-sm);inline-size:100%}.ToolCardSkeleton-tags{border-block-start:var(--border-default);display:flex;flex-wrap:wrap;gap:var(--size-8);padding:var(--size-12)}.ToolCardSkeleton-tag{background:var(--shimmer-gradient);background-size:200% 100%;block-size:var(--size-24);border-radius:var(--radius-full);inline-size:var(--size-64)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ToolCardSkeleton-image,.ToolCardSkeleton-title,.ToolCardSkeleton-hostname,.ToolCardSkeleton-description,.ToolCardSkeleton-tag{animation:shimmer 1.5s infinite linear}.ToolGrid{display:grid;gap:var(--size-24);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.ToolGrid-empty{grid-column:1 / -1;padding-block:var(--size-48);text-align:center}.ToolGrid-emptyTitle{color:var(--color-text);margin-block:0 var(--size-8);margin-inline:0}.ToolGrid-emptyDescription{color:var(--color-text-muted);margin:0}.HomePage{display:flex;flex-direction:column;gap:var(--size-32);padding-block:var(--size-32);padding-inline:var(--size-16)}.HomePage-hero{text-align:center}.HomePage-title{color:var(--color-text);margin:0}.HomePage-subtitle{color:var(--color-text-muted);margin-block-start:var(--size-8)}.HomePage-search{inline-size:min(100%,56rem);margin-inline:auto}.HomePage-tags{justify-content:center}.HomePage-results{text-align:center}.HomePage-loadMore{display:flex;justify-content:center;padding-block:var(--size-16)}.TagInput{display:flex;flex-direction:column;gap:var(--size-4)}.TagInput-label{color:var(--color-text);font:var(--typography-label)}.TagInput-required{color:var(--color-error)}.TagInput-hint{color:var(--color-text-muted);font:var(--typography-caption);margin:0}.TagInput-container{background-color:var(--color-surface-raised);border:var(--border-default);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--size-8);padding:var(--size-8);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.TagInput-container:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-ring-shadow)}.TagInput-tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size-4)}.TagInput-tag{align-items:center;background-color:var(--color-surface-sunken);display:inline-flex;gap:var(--size-4);padding-block:var(--size-4);padding-inline:var(--size-12) var(--size-4)}.TagInput-tagLabel{color:var(--color-text);font:var(--typography-caption)}.TagInput-tagRemove{background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);display:inline-grid;padding:var(--size-4);place-items:center;transition:color var(--transition-fast)}.TagInput-tagRemove:hover{color:var(--color-error)}.TagInput-field{background:transparent;border:none;color:var(--color-text);flex-grow:1;font:var(--typography-body-base);min-inline-size:8rem;outline:none;padding-block:var(--size-4);padding-inline:var(--size-8)}.TagInput-field::placeholder{color:var(--color-text-muted)}.TagInput-field:disabled{background:transparent;cursor:not-allowed;opacity:.6}.TagInput-field:focus-visible{box-shadow:none}.TagInput-count{color:var(--color-text-muted);font:var(--typography-caption);margin:0}.TagInput-error{color:var(--color-error);font:var(--typography-caption);margin:0}.TagInput--error .TagInput-container{border-color:var(--color-error)}.TagInput--error .TagInput-container:focus-within{box-shadow:var(--focus-ring-shadow-error)}.SubmitPage{display:flex;flex-direction:column;gap:var(--size-32);margin-inline:auto;max-inline-size:40rem;padding-block:var(--size-32);padding-inline:var(--size-16)}.SubmitPage-header{text-align:center}.SubmitPage-title{color:var(--color-text);margin:0}.SubmitPage-description{color:var(--color-text-muted);margin-block-start:var(--size-8)}.SubmitPage-form{display:flex;flex-direction:column;gap:var(--size-32)}.SubmitPage-fieldset{border:none;display:flex;flex-direction:column;gap:var(--size-24);margin:0;padding:0}.SubmitPage-fieldset:disabled{opacity:.6}.SubmitPage-legend{color:var(--color-text);margin-block-end:var(--size-16);padding:0}.SubmitPage-actions{display:flex;justify-content:flex-end}.SubmitPage-errorDetails{margin-block-start:var(--size-8);padding-inline-start:var(--size-20)}.AboutPage{margin-inline:auto;max-inline-size:48rem;padding-block:var(--size-40);padding-inline:var(--size-24)}.AboutPage h1{margin-block-end:var(--size-32)}.AboutPage section{margin-block-end:var(--size-32)}.AboutPage h2{margin-block-end:var(--size-12)}.AboutPage p{line-height:var(--line-height-normal);margin-block-end:var(--size-12)}.AboutPage ul{list-style-position:inside;margin-block-end:var(--size-12);padding-inline-start:var(--size-16)}.AboutPage li{line-height:var(--line-height-normal);margin-block-end:var(--size-8)}.PrivacyPage{margin-inline:auto;max-inline-size:48rem;padding-block:var(--size-40);padding-inline:var(--size-24)}.PrivacyPage h1{margin-block-end:var(--size-8)}.PrivacyPage-meta{color:var(--color-text-muted);margin-block-end:var(--size-32)}.PrivacyPage section{margin-block-end:var(--size-32)}.PrivacyPage h2{margin-block-end:var(--size-12)}.PrivacyPage h3{margin-block:var(--size-16) var(--size-8)}.PrivacyPage p{line-height:var(--line-height-normal);margin-block-end:var(--size-12)}.PrivacyPage ul{list-style-position:inside;margin-block-end:var(--size-12);padding-inline-start:var(--size-16)}.PrivacyPage li{line-height:var(--line-height-normal);margin-block-end:var(--size-8)}.PrivacyPage-emphasis{font-weight:var(--font-weight-semibold)}.NotFoundPage{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-block:var(--size-64);padding-inline:var(--size-24);text-align:center}.NotFoundPage-heading{color:var(--color-text-muted);font-size:var(--text-4xl);font-weight:var(--font-weight-bold);margin-block-end:var(--size-16)}.NotFoundPage-message{color:var(--color-text-muted);font-size:var(--text-lg)}