.search-trigger.svelte-1tio7e5,dialog.search-dialog.svelte-1tio7e5{--panel-bg:var(--color-bg,#0a0a0a);--panel-fg:var(--color-fg,#f5f5f5);--panel-muted:var(--color-muted,#8a8a8a);--panel-accent:var(--color-accent,#0cf7ff);--panel-error:var(--color-error,#ff3b3b);--panel-border:var(--border,1px solid #ffffff1f);--panel-badge-bg:color-mix(in srgb, var(--panel-fg) 90%, transparent);--panel-badge-fg:var(--panel-bg);--panel-hover-bg:color-mix(in srgb, var(--panel-accent) 4%, transparent);--panel-trigger-hover-bg:color-mix(in srgb, var(--panel-accent) 8%, transparent);--panel-active-bg:color-mix(in srgb, var(--panel-accent) 10%, transparent);--panel-subtle-bg:color-mix(in srgb, var(--panel-fg) 7%, transparent);--card-min-height:120px;--transition-fast:.12s ease;--transition-normal:.2s ease;color-scheme:dark}.sr-only.svelte-1tio7e5{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog.search-dialog.svelte-1tio7e5{z-index:500;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);isolation:isolate;background:0 0;border:none;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}dialog.search-dialog.svelte-1tio7e5::backdrop{background:#0000008c}.dialog-content.svelte-1tio7e5{box-sizing:border-box;background:var(--panel-bg);width:min(720px,92%);min-width:0;max-width:100%;min-height:0;max-height:min(640px,80dvh);color:var(--panel-fg);border:var(--panel-border);text-transform:none;flex-direction:column;margin-block:8vh 0;margin-inline:auto;animation:.18s ease-out svelte-1tio7e5-dialog-in;display:flex;position:relative;overflow:hidden}@keyframes svelte-1tio7e5-dialog-in{0%{opacity:0;transform:translateY(-.75rem)}}.search-trigger.svelte-1tio7e5{margin:var(--size-fluid-2,1rem);width:72px;height:72px;color:inherit;border:var(--panel-border);-webkit-backdrop-filter:blur(1rem);cursor:pointer;z-index:500;transition:background var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal), transform var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;display:inline-flex;position:fixed;top:0;right:0}.search-trigger.svelte-1tio7e5:is(:where(.svelte-1tio7e5):hover,:where(.svelte-1tio7e5):focus-visible){background:var(--panel-trigger-hover-bg);border-color:var(--panel-accent);color:var(--panel-accent)}.search-trigger.svelte-1tio7e5:active{background:var(--panel-active-bg);transform:scale(.94)}.search-trigger.svelte-1tio7e5:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px}.search-header.svelte-1tio7e5{align-items:center;gap:var(--size-fluid-1,.75rem);padding-inline:var(--size-fluid-2,1rem);border-bottom:var(--panel-border);display:flex;position:relative}.loading-bar.svelte-1tio7e5{background:linear-gradient(90deg, transparent, var(--panel-accent), transparent) no-repeat;background-size:40% 100%;height:2px;animation:1.1s linear infinite svelte-1tio7e5-loading-sweep;position:absolute;inset:auto 0 -1px}@keyframes svelte-1tio7e5-loading-sweep{0%{background-position-x:-40%}to{background-position-x:140%}}.search-icon.svelte-1tio7e5{color:var(--panel-muted);flex:none}.search-header.svelte-1tio7e5 input:where(.svelte-1tio7e5){min-width:0;padding:var(--size-fluid-2,1rem) 0;color:var(--panel-fg);user-select:text;background:0 0;border:none;outline:none;flex:1;font-size:1.1rem}.search-header.svelte-1tio7e5 input:where(.svelte-1tio7e5)::-webkit-search-cancel-button,.search-header.svelte-1tio7e5 input:where(.svelte-1tio7e5)::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.search-header.svelte-1tio7e5 input:where(.svelte-1tio7e5)::placeholder{color:var(--panel-muted);opacity:.75;transition:opacity .15s}.search-header.svelte-1tio7e5:has(input:where(.svelte-1tio7e5):not(:placeholder-shown)) input:where(.svelte-1tio7e5)::placeholder{opacity:0}.clear-btn.svelte-1tio7e5{width:28px;background:var(--panel-subtle-bg);block-size:28px;inline-size:28px;color:var(--panel-muted);cursor:pointer;transition:color var(--transition-normal), background var(--transition-normal), transform var(--transition-fast);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;&:is(:where(.svelte-1tio7e5):hover,:where(.svelte-1tio7e5):focus-visible){color:var(--panel-fg);background:#ffffff24;background:color-mix(in srgb, var(--panel-fg) 14%, transparent)}&:active{background:var(--panel-active-bg);transform:scale(.94)}}.search-body.svelte-1tio7e5{min-width:0;min-height:0;padding:var(--size-fluid-2,1rem);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff3 transparent;scrollbar-gutter:stable;flex:auto;overflow-y:auto}.search-body.svelte-1tio7e5::-webkit-scrollbar,.search-body.svelte-1tio7e5::-webkit-scrollbar-track{background:0 0;border:none;width:8px}.search-body.svelte-1tio7e5::-webkit-scrollbar-thumb{background:#fff3;border:none}.hint.svelte-1tio7e5{color:var(--panel-muted);text-align:center;padding:0 0 var(--size-fluid-1,.75rem);font-size:.9rem}.empty-state.svelte-1tio7e5{padding:var(--size-fluid-1,.75rem) 0}.status-state.svelte-1tio7e5{justify-content:center;align-items:center;gap:var(--size-fluid-1,.75rem);min-height:8rem;padding:var(--size-fluid-2,1rem) 0;color:var(--panel-muted);text-align:center;flex-direction:column;display:flex}.status-state.svelte-1tio7e5 p:where(.svelte-1tio7e5){margin:0}.status-state.svelte-1tio7e5 strong:where(.svelte-1tio7e5){color:var(--panel-fg)}.status-state.error.svelte-1tio7e5{color:var(--panel-error)}.status-hint.svelte-1tio7e5{opacity:.8;font-size:.85rem}.results-list.svelte-1tio7e5{--card-lift-shadow:0 4px 12px color-mix(in srgb, var(--panel-accent) 10%, transparent);gap:var(--size-fluid-1,.75rem);min-width:0;transition:opacity var(--transition-normal);grid-template-columns:repeat(auto-fill,minmax(135px,1fr));margin:0;padding:0;list-style:none;display:grid;&.stale{opacity:.5}&>li:where(.svelte-1tio7e5){contain:layout;content-visibility:auto;contain-intrinsic-block-size:var(--card-min-height);min-width:0;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}@media (hover:hover){&>li:where(.svelte-1tio7e5):hover{box-shadow:var(--card-lift-shadow);transform:translateY(-2px)}}&>li:where(.svelte-1tio7e5):focus-within{box-shadow:var(--card-lift-shadow);transform:translateY(-2px)}&>li:where(.svelte-1tio7e5):active{box-shadow:none;transform:none}}.channel-card.svelte-1tio7e5{min-width:0;min-height:var(--card-min-height);border:var(--panel-border);contain:layout;text-align:center;color:var(--panel-fg);transition:border-color var(--transition-normal), color var(--transition-normal), background var(--transition-normal);flex-direction:column;justify-content:space-between;align-items:center;padding:.75rem .5rem;font-size:.85rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.channel-card.svelte-1tio7e5{&:is(:where(.svelte-1tio7e5):hover,:where(.svelte-1tio7e5):focus-visible){border-color:var(--panel-accent);color:var(--panel-accent);background:var(--panel-hover-bg)}&:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px}&:active{background:var(--panel-active-bg)}}.skeleton-card.svelte-1tio7e5{min-height:var(--card-min-height);border:var(--panel-border);background:linear-gradient(100deg,#ffffff0a 40%,#ffffff1a 50%,#ffffff0a 60%) 0 0/200% 100% no-repeat;animation:1.4s ease-in-out infinite svelte-1tio7e5-shimmer}@keyframes svelte-1tio7e5-shimmer{to{background-position-x:-200%}}.country-badge.svelte-1tio7e5{box-sizing:border-box;border-inline-end:var(--panel-border);border-block-end:var(--panel-border);justify-content:center;align-items:center;block-size:1.4rem;padding-inline:.25rem;font-size:.9rem;line-height:1;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-start:0}.channel-card.svelte-1tio7e5:is(:where(.svelte-1tio7e5):hover,:where(.svelte-1tio7e5):focus-visible) .country-badge:where(.svelte-1tio7e5){border-color:var(--panel-accent)}.channel-url-count.svelte-1tio7e5{color:var(--panel-badge-fg);background:var(--panel-badge-bg);padding:.2rem .4rem;font-size:.7rem;font-weight:600;line-height:1;position:absolute;inset-block-start:0;inset-inline-end:0}.channel-img.svelte-1tio7e5{object-fit:contain;block-size:3.5rem;inline-size:100%;transition:transform var(--transition-normal), opacity var(--transition-normal);margin-block:.9rem .5rem}.channel-card.svelte-1tio7e5:is(:where(.svelte-1tio7e5):hover,:where(.svelte-1tio7e5):focus-visible) .channel-img:where(.svelte-1tio7e5){transform:scale(1.04)}.channel-name.svelte-1tio7e5{overflow-wrap:anywhere;min-width:0;max-width:100%;font-weight:500;line-height:1.2}.channel-name.svelte-1tio7e5 mark:where(.svelte-1tio7e5){color:inherit;background:#0cf7ff2e;background:color-mix(in srgb, var(--panel-accent) 18%, transparent)}.channel-card.svelte-1tio7e5 .arrow-icon:where(.svelte-1tio7e5){opacity:0;transition:opacity var(--transition-normal), transform var(--transition-normal);position:absolute;inset-block-end:6px;inset-inline-end:6px;transform:translate(-4px)}.channel-card.svelte-1tio7e5:is(:where(.svelte-1tio7e5):hover,:where(.svelte-1tio7e5):focus-visible) .arrow-icon:where(.svelte-1tio7e5){opacity:1;transform:translate(0)}@media screen and (width<=480px){.dialog-content.svelte-1tio7e5{border:none;width:100%;max-width:100%;max-height:100%;margin:0}.search-header.svelte-1tio7e5{padding-inline:.75rem}.search-body.svelte-1tio7e5{padding:.75rem}}@media (prefers-reduced-motion:reduce){.skeleton-card.svelte-1tio7e5,.dialog-content.svelte-1tio7e5,.search-trigger.svelte-1tio7e5,.clear-btn.svelte-1tio7e5,.results-list.svelte-1tio7e5,.results-list.svelte-1tio7e5>li:where(.svelte-1tio7e5),.channel-card.svelte-1tio7e5,.channel-card.svelte-1tio7e5 .arrow-icon:where(.svelte-1tio7e5),.channel-img.svelte-1tio7e5,.loading-bar.svelte-1tio7e5{transition:none;animation:none}.loading-bar.svelte-1tio7e5{opacity:.6;background-size:100% 100%}.results-list.svelte-1tio7e5>li:where(.svelte-1tio7e5):is(:where(.svelte-1tio7e5):hover,:where(.svelte-1tio7e5):focus-within),.channel-card.svelte-1tio7e5:is(:where(.svelte-1tio7e5):hover,:where(.svelte-1tio7e5):focus-visible) .channel-img:where(.svelte-1tio7e5),.search-trigger.svelte-1tio7e5:active,.clear-btn.svelte-1tio7e5:active{transform:none}}@media (hover:none),(pointer:coarse){.channel-card.svelte-1tio7e5 .arrow-icon:where(.svelte-1tio7e5){opacity:1;transform:none}}