:root{--md-sys-font-family-display: "Inter", "Roboto", sans-serif;--md-sys-font-family-body: "Inter", "Roboto", sans-serif;--md-sys-font-family-mono: "JetBrains Mono", "Fira Code", monospace;--md-sys-typescale-display-large-size: 57px;--md-sys-typescale-display-large-weight: 400;--md-sys-typescale-display-large-tracking: -.25px;--md-sys-typescale-display-large-line-height: 64px;--md-sys-typescale-display-medium-size: 45px;--md-sys-typescale-display-medium-weight: 400;--md-sys-typescale-display-medium-tracking: 0px;--md-sys-typescale-display-medium-line-height: 52px;--md-sys-typescale-display-small-size: 36px;--md-sys-typescale-display-small-weight: 400;--md-sys-typescale-display-small-tracking: 0px;--md-sys-typescale-display-small-line-height: 44px;--md-sys-typescale-headline-large-size: 32px;--md-sys-typescale-headline-large-weight: 400;--md-sys-typescale-headline-large-tracking: 0px;--md-sys-typescale-headline-large-line-height: 40px;--md-sys-typescale-headline-medium-size: 28px;--md-sys-typescale-headline-medium-weight: 400;--md-sys-typescale-headline-medium-tracking: 0px;--md-sys-typescale-headline-medium-line-height: 36px;--md-sys-typescale-headline-small-size: 24px;--md-sys-typescale-headline-small-weight: 400;--md-sys-typescale-headline-small-tracking: 0px;--md-sys-typescale-headline-small-line-height: 32px;--md-sys-typescale-title-large-size: 22px;--md-sys-typescale-title-large-weight: 500;--md-sys-typescale-title-large-tracking: 0px;--md-sys-typescale-title-large-line-height: 28px;--md-sys-typescale-title-medium-size: 16px;--md-sys-typescale-title-medium-weight: 500;--md-sys-typescale-title-medium-tracking: .15px;--md-sys-typescale-title-medium-line-height: 24px;--md-sys-typescale-title-small-size: 14px;--md-sys-typescale-title-small-weight: 500;--md-sys-typescale-title-small-tracking: .1px;--md-sys-typescale-title-small-line-height: 20px;--md-sys-typescale-body-large-size: 16px;--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-body-large-tracking: .5px;--md-sys-typescale-body-large-line-height: 24px;--md-sys-typescale-body-medium-size: 14px;--md-sys-typescale-body-medium-weight: 400;--md-sys-typescale-body-medium-tracking: .25px;--md-sys-typescale-body-medium-line-height: 20px;--md-sys-typescale-body-small-size: 12px;--md-sys-typescale-body-small-weight: 400;--md-sys-typescale-body-small-tracking: .4px;--md-sys-typescale-body-small-line-height: 16px;--md-sys-typescale-label-large-size: 14px;--md-sys-typescale-label-large-weight: 500;--md-sys-typescale-label-large-tracking: .1px;--md-sys-typescale-label-large-line-height: 20px;--md-sys-typescale-label-medium-size: 12px;--md-sys-typescale-label-medium-weight: 500;--md-sys-typescale-label-medium-tracking: .5px;--md-sys-typescale-label-medium-line-height: 16px;--md-sys-typescale-label-small-size: 11px;--md-sys-typescale-label-small-weight: 500;--md-sys-typescale-label-small-tracking: .5px;--md-sys-typescale-label-small-line-height: 16px}:root{--md-sys-spacing-0: 0px;--md-sys-spacing-1: 4px;--md-sys-spacing-2: 8px;--md-sys-spacing-3: 12px;--md-sys-spacing-4: 16px;--md-sys-spacing-5: 20px;--md-sys-spacing-6: 24px;--md-sys-spacing-7: 28px;--md-sys-spacing-8: 32px;--md-sys-spacing-9: 36px;--md-sys-spacing-10: 40px;--md-sys-spacing-11: 44px;--md-sys-spacing-12: 48px;--md-sys-spacing-16: 64px}:root{--md-sys-elevation-0: none;--md-sys-elevation-1: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.14);--md-sys-elevation-2: 0 2px 6px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.14);--md-sys-elevation-3: 0 4px 12px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.14);--md-sys-elevation-4: 0 6px 18px rgba(0,0,0,.12), 0 8px 10px rgba(0,0,0,.14);--md-sys-elevation-5: 0 10px 24px rgba(0,0,0,.12), 0 12px 14px rgba(0,0,0,.14)}:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: .1s;--md-sys-motion-duration-short3: .15s;--md-sys-motion-duration-short4: .2s;--md-sys-motion-duration-medium1: .25s;--md-sys-motion-duration-medium2: .3s;--md-sys-motion-duration-medium3: .35s;--md-sys-motion-duration-medium4: .4s;--md-sys-motion-duration-long1: .45s;--md-sys-motion-duration-long2: .5s;--md-sys-motion-duration-extra-long1: .55s;--md-sys-motion-duration-extra-long2: .6s;--md-sys-motion-duration-extra-long3: .65s;--md-sys-motion-duration-extra-long4: .7s}:root{--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(.3, 0, .8, .15);--md-sys-motion-easing-standard-decelerate: cubic-bezier(.05, .7, .1, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--md-sys-motion-easing-legacy: cubic-bezier(.4, 0, .2, 1);--md-sys-motion-easing-linear: linear}:root[data-theme=obsidian]{--md-sys-color-primary: #BACFE5;--md-sys-color-on-primary: #2C3E50;--md-sys-color-primary-container: #3D5167;--md-sys-color-on-primary-container: #D6E5F5;--md-sys-color-secondary: #C6CBD9;--md-sys-color-on-secondary: #31343C;--md-sys-color-secondary-container: #474B55;--md-sys-color-on-secondary-container: #E3E6EF;--md-sys-color-tertiary: #CDC6E2;--md-sys-color-on-tertiary: #342F45;--md-sys-color-tertiary-container: #4B465C;--md-sys-color-on-tertiary-container: #E9E2FF;--md-sys-color-error: #FFB4AB;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000A;--md-sys-color-on-error-container: #FFDAD6;--md-sys-color-surface: #11151C;--md-sys-color-on-surface: #DCE1E9;--md-sys-color-surface-variant: #454D56;--md-sys-color-on-surface-variant: #C5CDD9;--md-sys-color-surface-container-lowest: #0D1117;--md-sys-color-surface-container-low: #1A1F26;--md-sys-color-surface-container: #1E242C;--md-sys-color-surface-container-high: #282E36;--md-sys-color-surface-container-highest: #31383F;--md-sys-color-outline: #8F97A3;--md-sys-color-outline-variant: #454D56;--md-sys-color-inverse-surface: #DCE1E9;--md-sys-color-inverse-on-surface: #1A1F26;--md-sys-color-inverse-primary: #506680;--md-sys-color-scrim: #000000;--md-sys-color-shadow: #000000;--md-sys-color-elevation: transparent}:root[data-theme=obsidian] .md-elevation-1{background-color:color-mix(in srgb,var(--md-sys-color-primary) 3%,var(--md-sys-color-surface))}:root[data-theme=obsidian] .md-elevation-2{background-color:color-mix(in srgb,var(--md-sys-color-primary) 6%,var(--md-sys-color-surface))}:root[data-theme=obsidian] .md-elevation-3{background-color:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}:root[data-theme=obsidian] .md-elevation-4{background-color:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface))}:root[data-theme=obsidian] .md-elevation-5{background-color:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface))}:root{--bg: var(--md-sys-color-surface);--bg-card: var(--md-sys-color-surface-container-low);--bg-raised: var(--md-sys-color-surface-container-high);--bg-hover: var(--md-sys-color-surface-container-highest);--border: var(--md-sys-color-outline-variant);--border-light: color-mix(in srgb, var(--md-sys-color-outline-variant) 50%, transparent);--text: var(--md-sys-color-on-surface);--text-dim: var(--md-sys-color-on-surface-variant);--text-muted: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 60%, var(--md-sys-color-surface));--sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--serif: "Georgia", "Times New Roman", serif;--mono: "JetBrains Mono", "Fira Code", monospace;--radius: var(--md-sys-shape-corner-medium, 12px);--radius-sm: var(--md-sys-shape-corner-small, 8px);--radius-lg: var(--md-sys-shape-corner-large, 16px);--transition: var(--md-sys-motion-duration-short2, .15s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1));--sidebar-width: 76px;--domain-accent: var(--md-sys-color-primary)}[data-domain=watch]{--domain-accent: #e040fb}[data-domain=kitchen]{--domain-accent: #ff9100}[data-domain=read]{--domain-accent: #34d399}[data-domain=music]{--domain-accent: #818cf8}[data-domain=flow]{--domain-accent: #22d3ee}[data-domain=masks]{--domain-accent: #a78bfa}[data-domain=brain]{--domain-accent: #60a5fa}[data-domain=projects]{--domain-accent: #fbbf24}[data-domain=craft]{--domain-accent: #fb7185}[data-domain=wish]{--domain-accent: #a3e635}[data-domain=world]{--domain-accent: #2dd4bf}a{color:var(--md-sys-color-primary);text-decoration:none;transition:opacity var(--transition)}a:hover{opacity:.85}img{max-width:100%;height:auto;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-family:var(--sans);color:var(--text);line-height:1.3}.prose h1{font-size:2.25rem;margin-bottom:1rem}.prose h2{font-size:1.75rem;margin:2rem 0 .75rem}.prose h3{font-size:1.25rem;margin:1.5rem 0 .5rem}.prose p{margin-bottom:1rem}.prose ul,.prose ol{margin-bottom:1rem;padding-left:1.5rem}.prose li{margin-bottom:.25rem}.prose blockquote{border-left:3px solid var(--md-sys-color-primary);padding-left:1rem;color:var(--text-dim);font-style:italic;margin-bottom:1rem}.prose code{font-family:var(--mono);font-size:.875em;background:var(--bg-raised);padding:.15em .4em;border-radius:var(--radius-sm)}.prose pre{background:var(--bg-raised);padding:1rem;border-radius:var(--radius);overflow-x:auto;margin-bottom:1rem}.prose pre code{background:none;padding:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--md-sys-spacing-4, 16px)}@media(max-width:768px){input,select,textarea{font-size:1rem!important}.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--md-sys-spacing-3, 12px)}.prose h1{font-size:1.75rem}.prose h2{font-size:1.375rem}.prose h3{font-size:1.0625rem}}.text-accent{color:var(--domain-accent)}.text-dim{color:var(--text-dim)}.text-muted{color:var(--text-muted)}.font-serif{font-family:var(--serif)}.font-mono{font-family:var(--mono)}.error-boundary-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--md-sys-spacing-8, 32px);text-align:center;min-height:200px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--md-sys-color-surface-container, #25253a)}.error-boundary-fallback__title{font-size:1.125rem;font-weight:600;color:var(--md-sys-color-error, #ef4444);margin-bottom:var(--md-sys-spacing-2, 8px)}.error-boundary-fallback__message{font-size:.875rem;color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--md-sys-spacing-4, 16px)}.error-boundary-fallback__retry{padding:var(--md-sys-spacing-2, 8px) var(--md-sys-spacing-4, 16px);border-radius:var(--md-sys-shape-corner-full, 9999px);background:var(--md-sys-color-primary, #a78bfa);color:var(--md-sys-color-on-primary, #1a1a2e);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:opacity .15s ease}.error-boundary-fallback__retry:hover{opacity:.9}.error-boundary-fallback__details{margin-top:var(--md-sys-spacing-4, 16px);text-align:left;max-width:480px;width:100%}.error-boundary-fallback__details summary{cursor:pointer;font-size:.8125rem;color:var(--md-sys-color-on-surface-variant)}.error-boundary-fallback__details pre{font-size:.75rem;color:var(--md-sys-color-error, #ef4444);background:var(--md-sys-color-surface-container-high);padding:var(--md-sys-spacing-3, 12px);border-radius:var(--md-sys-shape-corner-small, 8px);overflow-x:auto;margin-top:var(--md-sys-spacing-2, 8px)}.glass{background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 70%,transparent);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 30%,transparent);border-radius:var(--radius-lg, 16px)}.glass-elevated{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 80%,transparent);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 40%,transparent);border-radius:var(--radius-lg, 16px);box-shadow:var(--md-sys-elevation-2, 0 2px 8px rgba(0,0,0,.3))}.glass-card{background:color-mix(in srgb,var(--md-sys-color-surface-container) 65%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 25%,transparent);border-radius:var(--radius, 12px);padding:var(--md-sys-spacing-4, 16px);transition:all var(--transition)}.glass-card:hover{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 75%,transparent);border-color:color-mix(in srgb,var(--domain-accent, var(--md-sys-color-primary)) 30%,transparent);transform:translateY(-2px);box-shadow:0 4px 16px color-mix(in srgb,var(--domain-accent, var(--md-sys-color-primary)) 10%,transparent)}.glass-btn{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-2, 8px);padding:var(--md-sys-spacing-2, 8px) var(--md-sys-spacing-4, 16px);background:color-mix(in srgb,var(--domain-accent, var(--md-sys-color-primary)) 12%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--domain-accent, var(--md-sys-color-primary)) 25%,transparent);border-radius:var(--md-sys-shape-corner-full, 9999px);color:var(--domain-accent, var(--md-sys-color-primary));font-family:var(--sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none}.glass-btn:hover{background:color-mix(in srgb,var(--domain-accent, var(--md-sys-color-primary)) 20%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--domain-accent, var(--md-sys-color-primary)) 15%,transparent);opacity:1}.glass-input{background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 50%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-sm, 8px);padding:var(--md-sys-spacing-2, 8px) var(--md-sys-spacing-3, 12px);color:var(--text);font-family:var(--sans);outline:none;transition:border-color var(--transition)}.glass-input:focus{border-color:var(--domain-accent, var(--md-sys-color-primary))}.glass-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--md-sys-color-outline-variant) 40%,transparent) 20%,color-mix(in srgb,var(--md-sys-color-outline-variant) 40%,transparent) 80%,transparent);margin:var(--md-sys-spacing-4, 16px) 0}.ambient-gradient{animation:none}.ambient-gradient.active{animation:ambientShift var(--ambient-duration, 24s) ease-in-out infinite alternate}.ambient-gradient[data-domain=hub]{background:radial-gradient(ellipse 60% 50% at 25% 20%,color-mix(in srgb,#60a5fa 6%,transparent),transparent 60%),radial-gradient(ellipse 40% 40% at 75% 80%,color-mix(in srgb,#818cf8 4%,transparent),transparent 60%);--ambient-duration: 25s}.ambient-gradient[data-domain=watch]{background:radial-gradient(ellipse 50% 50% at 30% 30%,color-mix(in srgb,#e040fb 8%,transparent),transparent 60%),radial-gradient(ellipse 40% 40% at 70% 70%,color-mix(in srgb,#e040fb 4%,transparent),transparent 50%);--ambient-duration: 20s}.ambient-gradient[data-domain=kitchen]{background:radial-gradient(ellipse 50% 50% at 35% 25%,color-mix(in srgb,#ff9100 8%,transparent),transparent 60%),radial-gradient(ellipse 35% 35% at 75% 75%,color-mix(in srgb,#ff9100 5%,transparent),transparent 50%);--ambient-duration: 22s}.ambient-gradient[data-domain=read]{background:radial-gradient(ellipse 50% 50% at 25% 35%,color-mix(in srgb,#34d399 7%,transparent),transparent 60%),radial-gradient(ellipse 40% 40% at 80% 70%,color-mix(in srgb,#34d399 4%,transparent),transparent 50%);--ambient-duration: 24s}.ambient-gradient[data-domain=masks]{background:radial-gradient(ellipse 50% 50% at 30% 30%,color-mix(in srgb,#a78bfa 8%,transparent),transparent 60%),radial-gradient(ellipse 40% 40% at 70% 70%,color-mix(in srgb,#a78bfa 4%,transparent),transparent 50%);--ambient-duration: 18s}.ambient-gradient[data-domain=brain]{background:radial-gradient(ellipse 50% 50% at 20% 25%,color-mix(in srgb,#60a5fa 8%,transparent),transparent 60%),radial-gradient(ellipse 35% 35% at 80% 75%,color-mix(in srgb,#60a5fa 5%,transparent),transparent 50%);--ambient-duration: 23s}.ambient-gradient[data-domain=music]{background:radial-gradient(ellipse 50% 50% at 30% 30%,color-mix(in srgb,#818cf8 7%,transparent),transparent 60%),radial-gradient(ellipse 40% 40% at 70% 65%,color-mix(in srgb,#818cf8 4%,transparent),transparent 50%);--ambient-duration: 21s}.ambient-gradient[data-domain=projects]{background:radial-gradient(ellipse 50% 50% at 35% 25%,color-mix(in srgb,#fbbf24 7%,transparent),transparent 60%),radial-gradient(ellipse 35% 35% at 75% 70%,color-mix(in srgb,#fbbf24 4%,transparent),transparent 50%);--ambient-duration: 20s}.ambient-gradient[data-domain=flow]{background:radial-gradient(ellipse 55% 50% at 25% 30%,color-mix(in srgb,#22d3ee 7%,transparent),transparent 60%),radial-gradient(ellipse 40% 40% at 75% 65%,color-mix(in srgb,#22d3ee 4%,transparent),transparent 50%);--ambient-duration: 22s}.ambient-gradient[data-domain=craft]{background:radial-gradient(ellipse 50% 50% at 30% 25%,color-mix(in srgb,#fb7185 7%,transparent),transparent 60%),radial-gradient(ellipse 35% 35% at 70% 70%,color-mix(in srgb,#fb7185 4%,transparent),transparent 50%);--ambient-duration: 19s}.ambient-gradient[data-domain=wish]{background:radial-gradient(ellipse 50% 50% at 25% 30%,color-mix(in srgb,#a3e635 8%,transparent),transparent 60%),radial-gradient(ellipse 40% 40% at 75% 65%,color-mix(in srgb,#a3e635 4%,transparent),transparent 50%);--ambient-duration: 21s}.ambient-gradient[data-domain=world]{background:radial-gradient(ellipse 55% 50% at 30% 25%,color-mix(in srgb,#2dd4bf 7%,transparent),transparent 60%),radial-gradient(ellipse 40% 40% at 70% 70%,color-mix(in srgb,#2dd4bf 4%,transparent),transparent 50%);--ambient-duration: 24s}@keyframes ambientShift{0%{transform:translate(0) scale(1)}33%{transform:translate(5%,-3%) scale(1.05)}66%{transform:translate(-3%,5%) scale(.95)}to{transform:translate(0) scale(1)}}.particle-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--domain-accent, var(--md-sys-color-primary));opacity:0;transition:opacity .8s ease;animation:particleFloat var(--duration, 12s) var(--delay, 0s) infinite linear}.particle.visible{opacity:.4}@keyframes particleFloat{0%{opacity:0;transform:translateY(100%) scale(0)}10%{opacity:.6;transform:translateY(80%) scale(1)}90%{opacity:.3;transform:translateY(-10%) scale(.5)}to{opacity:0;transform:translateY(-20%) scale(0)}}.fade-in{animation:fadeIn var(--md-sys-motion-duration-medium2, .3s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0, 0, 0, 1)) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-in>*{animation:staggerIn var(--md-sys-motion-duration-medium1, .25s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0, 0, 0, 1)) both}.stagger-in>*:nth-child(1){animation-delay:0ms}.stagger-in>*:nth-child(2){animation-delay:50ms}.stagger-in>*:nth-child(3){animation-delay:.1s}.stagger-in>*:nth-child(4){animation-delay:.15s}.stagger-in>*:nth-child(5){animation-delay:.2s}.stagger-in>*:nth-child(6){animation-delay:.25s}.stagger-in>*:nth-child(n+7){animation-delay:.3s}@keyframes staggerIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hover-glow{transition:box-shadow var(--transition)}.hover-glow:hover{box-shadow:0 0 24px color-mix(in srgb,var(--domain-accent, var(--md-sys-color-primary)) 20%,transparent)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ambient-gradient{transition:none}.ambient-gradient.active{opacity:1}}.watch-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0}.watch-filters__search{position:relative;flex:1;min-width:200px}.watch-filters__search-input{width:100%;padding:8px 32px 8px 12px;border-radius:var(--md-sys-shape-corner-medium, 12px);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);font-size:.85rem;outline:none;transition:border-color .2s ease}.watch-filters__search-input:focus{border-color:var(--md-sys-color-primary)}.watch-filters__search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.5}.watch-filters__search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-size:.8rem;padding:4px}.watch-filters__toggle{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--md-sys-shape-corner-medium, 12px);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font-size:.8rem;cursor:pointer;position:relative;transition:background .2s ease}.watch-filters__toggle:hover{background:var(--md-sys-color-surface-container)}.watch-filters__toggle-icon{font-size:.9rem}.watch-filters__active-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--md-sys-color-primary)}.watch-filters__sort,.watch-filters__select{padding:8px 28px 8px 12px;border-radius:var(--md-sys-shape-corner-medium, 12px);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);font-size:.8rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.watch-filters__sort:focus,.watch-filters__select:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:-1px}.watch-filters__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;padding-top:12px}.watch-filters__clear{padding:8px 14px;border-radius:var(--md-sys-shape-corner-medium, 12px);border:1px solid var(--md-sys-color-outline-variant);background:transparent;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;cursor:pointer}.watch-filters__clear:disabled{opacity:.3;cursor:default}.watch-filters__count{font-size:.75rem;color:var(--md-sys-color-on-surface-variant);margin-left:auto}@media(max-width:768px){.watch-filters{flex-direction:column;align-items:stretch;gap:8px}.watch-filters__search{min-width:0}.watch-filters__search-input,.watch-filters__sort,.watch-filters__select{font-size:1rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;line-height:1.6}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:var(--md-sys-spacing-2, 8px) var(--md-sys-spacing-4, 16px);background:var(--md-sys-color-primary, #a78bfa);color:var(--md-sys-color-on-primary, #1a1a2e);font-weight:600;border-radius:var(--md-sys-shape-corner-small, 8px);text-decoration:none;z-index:9999;transition:top .15s ease}.skip-link:focus{top:var(--md-sys-spacing-4, 16px)}[data-domain]{--domain-accent: var(--md-sys-color-primary)}