@layer theme,base,components,utilities;@layer components{.dir-input,.dir-select{width:100%;min-height:3rem;border-radius:999px;background:var(--color-night-700);color:var(--color-fg);box-shadow:inset 0 0 0 1px var(--color-line-control);padding:.7rem 1.1rem;font-size:1rem;transition:box-shadow var(--dur-hover) ease,background-color var(--dur-hover) ease}.dir-input::placeholder{color:var(--color-fg-3)}.dir-input:hover,.dir-select:hover{box-shadow:inset 0 0 0 1px rgb(var(--white-ch) / .45)}.dir-input:focus-visible,.dir-select:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-brand-300),0 0 0 4px rgb(var(--brand-ch) / .18)}.dir-input::-webkit-search-cancel-button{display:none}.dir-select{width:auto;padding-right:2.5rem;appearance:none;font-weight:600;font-size:.95rem;background-image:linear-gradient(45deg,transparent 50%,var(--color-fg-2) 50%),linear-gradient(135deg,var(--color-fg-2) 50%,transparent 50%);background-position:calc(100% - 1.15rem) 55%,calc(100% - .8rem) 55%;background-size:.35rem .35rem;background-repeat:no-repeat}.dir-select option{background:var(--color-night-800)}.dir-clear{position:absolute;right:.5rem;top:50%;translate:0 -50%;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;color:var(--color-fg-2)}.dir-clear:hover{background:rgb(var(--white-ch) / .08);color:var(--color-fg)}.dir-toolbar{display:flex;flex-direction:column;gap:.6rem;position:sticky;top:4rem;z-index:20;margin-inline:-1rem;padding:.75rem 1rem;background:rgb(var(--night-ch) / .92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-line)}@media(min-width:640px){.dir-toolbar{flex-direction:row;margin-inline:0;padding-inline:0}}@media(min-width:1024px){.dir-toolbar{position:static;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;padding:0}}.dir-filter-btn{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding-inline:1.1rem;border-radius:999px;font-weight:700;color:var(--color-fg);background:rgb(var(--white-ch) / .04);box-shadow:inset 0 0 0 1px var(--color-line-strong)}.dir-filter-btn:hover{background:rgb(var(--white-ch) / .08)}.dir-badge{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding-inline:.35rem;border-radius:999px;background:var(--color-brand);color:var(--color-night-950);font-size:.8rem;font-weight:800}.dir-aside{position:sticky;top:5.5rem;align-self:start;max-height:calc(100dvh - 7rem);overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem}.dir-facet{border:0;padding:1.25rem 0 0;margin:1.25rem 0 0;border-top:1px solid var(--color-line);min-width:0}.dir-legend{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--color-fg);float:left;width:100%}.dir-legend+*{clear:both}.dir-legend-n:not(:empty){font-size:.8rem;color:var(--color-brand)}.dir-scroll{max-height:15rem;overflow-y:auto;overscroll-behavior:contain;margin-inline:-.5rem;padding-inline:.5rem}.dir-opt{display:flex;align-items:center;gap:.65rem;min-height:2.5rem;padding:.25rem .5rem;margin-inline:-.5rem;border-radius:var(--radius-sm);color:var(--color-fg-2);cursor:pointer;transition:background-color var(--dur-hover) ease,color var(--dur-hover) ease}.dir-opt:hover{background:rgb(var(--white-ch) / .05);color:var(--color-fg)}.dir-opt input{position:absolute;opacity:0;width:1px;height:1px}.dir-check{display:grid;place-items:center;flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:.35rem;box-shadow:inset 0 0 0 1.5px var(--color-line-control);color:transparent;transition:background-color var(--dur-hover) ease,box-shadow var(--dur-hover) ease,color var(--dur-hover) ease}.dir-opt:has(input:checked){color:var(--color-fg)}.dir-opt:has(input:checked) .dir-check{background:var(--color-brand);box-shadow:none;color:var(--color-night-950)}.dir-opt:has(input:focus-visible){outline:2px solid var(--color-brand-300);outline-offset:1px}.dir-opt-flag{width:1.25rem;height:.94rem;flex-shrink:0;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--white-ch) / .12)}.dir-count{margin-left:auto;font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--color-fg-3)}.is-zero{opacity:.45}.dir-chip{display:inline-flex;align-items:center;gap:.45rem;min-height:2.5rem;padding:.35rem .85rem;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--color-fg-2);background:rgb(var(--white-ch) / .03);box-shadow:inset 0 0 0 1px var(--color-line-strong);cursor:pointer;transition:background-color var(--dur-hover) ease,box-shadow var(--dur-hover) ease,color var(--dur-hover) ease}.dir-chip .dir-count{margin-left:.1rem}.dir-chip:hover{color:var(--color-fg);background:rgb(var(--white-ch) / .07)}.dir-chip:has(input:checked){color:var(--color-fg);background:rgb(var(--brand-ch) / .16);box-shadow:inset 0 0 0 1.5px var(--color-brand)}.dir-chip:has(input:checked) .dir-count{color:var(--color-brand-300)}.dir-chip:has(input:focus-visible){outline:2px solid var(--color-brand-300);outline-offset:2px}.dir-reset{font-size:.9rem;font-weight:700;color:var(--color-brand);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgb(var(--brand-ch) / .4)}.dir-reset:hover{color:var(--color-brand-300)}.dir-pill{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;padding:.2rem .4rem .2rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--color-fg);background:rgb(var(--brand-ch) / .12);box-shadow:inset 0 0 0 1px rgb(var(--brand-ch) / .4)}.dir-pill button{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:999px;color:var(--color-fg-2)}.dir-pill button:hover{background:rgb(var(--white-ch) / .1);color:var(--color-fg)}.dir-list{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}.dir-list[hidden]{display:none}.dir-list[aria-busy=true]{opacity:.6;transition:opacity .12s ease}.dir-card{position:relative;display:flex;align-items:center;gap:.9rem;min-height:5.25rem;padding:.9rem 1rem;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line),var(--shadow-e1);content-visibility:auto;contain-intrinsic-size:auto 5.25rem}.dir-card:focus{outline:2px solid var(--color-brand-300);outline-offset:2px}.dir-logo{position:relative;display:grid;place-items:center;flex-shrink:0;width:3rem;height:3rem;overflow:hidden;border-radius:.8rem;background:linear-gradient(145deg,hsl(var(--h, 174) 45% 30%),hsl(var(--h, 174) 50% 18%));box-shadow:inset 0 0 0 1px rgb(var(--white-ch) / .1)}.dir-mono{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--color-fg)}.dir-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--color-night-800)}.dir-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--color-fg)}.dir-meta{display:flex;align-items:center;gap:.35rem;margin-top:.15rem;font-size:.875rem;color:var(--color-fg-2);white-space:nowrap;overflow:hidden}.dir-flag{display:inline-grid;place-items:center;flex-shrink:0;color:var(--color-fg-3)}.dir-flag img{width:1rem;height:.75rem;border-radius:1.5px;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--white-ch) / .14)}.dir-langs{display:block;margin-top:.1rem;font-size:.8rem;color:var(--color-fg-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-q{align-self:flex-start;display:inline-grid;place-items:center;min-width:2.4rem;padding:.15rem .4rem;border-radius:.4rem;font-size:.72rem;font-weight:800;letter-spacing:.04em;color:var(--color-fg-2);box-shadow:inset 0 0 0 1px var(--color-line-strong)}.dir-q[data-q=UHD]{color:var(--color-night-950);background:var(--color-brand);box-shadow:none}.dir-q[data-q=FHD]{color:var(--color-brand-300);box-shadow:inset 0 0 0 1px rgb(var(--brand-ch) / .5)}.dir-empty,.dir-error,.dir-notice{display:flex;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--color-line)}.dir-empty[hidden],.dir-error[hidden]{display:none}.dir-empty{flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem;background:var(--color-surface)}.dir-error{align-items:center;gap:.75rem;flex-wrap:wrap;padding:1rem 1.25rem;color:var(--color-fg-2);background:rgb(var(--white-ch) / .03)}.dir-notice{gap:.75rem;padding:1rem 1.25rem;color:var(--color-fg-2);background:rgb(var(--white-ch) / .03);box-shadow:inset 0 0 0 1px var(--color-line-strong);font-size:.95rem}.dir-list.is-loading .dir-card{color:transparent}.dir-country{display:flex;align-items:center;gap:.8rem;height:100%;padding:.8rem .9rem;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);transition:background-color var(--dur-hover) ease,box-shadow var(--dur-hover) ease,transform var(--dur-hover) var(--ease-out)}@media(hover:hover)and (pointer:fine){.dir-country:hover{background:var(--color-surface-2);box-shadow:inset 0 0 0 1px rgb(var(--brand-ch) / .45);transform:translateY(-1px)}}.dir-country[aria-current=true]{box-shadow:inset 0 0 0 1.5px var(--color-brand);background:rgb(var(--brand-ch) / .08)}@media(max-width:639px){.dir-country{flex-direction:column;align-items:flex-start;gap:.55rem;padding:.75rem}}.dir-country-flag{width:2rem;height:1.5rem;flex-shrink:0;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--white-ch) / .14)}.dir-sheet{margin:auto 0 0;width:100%;max-width:100%;max-height:88dvh;padding:0;border:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-night-850);color:var(--color-fg);box-shadow:0 -1px 0 var(--color-line-strong),var(--shadow-e3)}.dir-sheet[open]{display:flex;flex-direction:column}.dir-sheet::backdrop{background:rgb(var(--night-ch) / .7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dir-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem .75rem 1.25rem;border-bottom:1px solid var(--color-line)}.dir-sheet-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 1.25rem 1.25rem}.dir-sheet-body .dir-facet:first-child{border-top:0;margin-top:0}.dir-sheet-foot{display:flex;gap:.75rem;padding:.9rem 1.25rem max(.9rem,env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:var(--color-night-900)}.dir-apply{flex:1.4;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;border-radius:999px;padding-inline:1.25rem;font-weight:700;background:var(--color-brand);color:var(--color-night-950);transition:background-color var(--dur-hover) ease}.dir-apply:hover{background:var(--color-brand-300)}@media(prefers-reduced-motion:no-preference){.dir-sheet[open]{animation:dir-sheet-in var(--dur-drawer, .28s) var(--ease-drawer, var(--ease-out)) both}}@keyframes dir-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@media(min-width:1024px){.dir-sheet{display:none!important}}}