*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--color-bg: #0a0a0a;--color-bg-elevated: #111111;--color-card: #161616;--color-card-hover: #1c1c1c;--color-border: #222222;--color-border-subtle: #1a1a1a;--color-accent: #ff6b35;--color-accent-dim: rgba(255, 107, 53, .15);--color-accent-glow: rgba(255, 107, 53, .08);--color-text-primary: #e8e8e8;--color-text-secondary: #888888;--color-text-muted: #555555;--color-overlay: rgba(0, 0, 0, .6);--color-selection-bg: rgba(255, 107, 53, .3);--color-selection-text: #ffffff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--max-width: 1400px;--sidebar-width: 300px;--header-height: 56px;--grid-gap: 1.25rem;--card-radius: 12px;--radius-sm: 6px;--radius-full: 999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--shadow-card-hover: 0 8px 30px rgba(0, 0, 0, .5), 0 0 20px var(--color-accent-glow);--shadow-accent-glow: 0 4px 20px rgba(255, 107, 53, .15);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}::selection{background-color:var(--color-selection-bg);color:var(--color-selection-text)}::-moz-selection{background-color:var(--color-selection-bg);color:var(--color-selection-text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--grid-gap);max-width:var(--max-width);margin:0 auto;padding:var(--space-lg)}@media(max-width:640px){.grid{grid-template-columns:1fr;padding:var(--space-md)}}.main-content{padding-top:var(--header-height);min-height:100vh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.loader{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--grid-gap);max-width:var(--max-width);margin:0 auto;padding:var(--space-lg)}.skeleton{background:var(--color-card);border-radius:var(--card-radius);overflow:hidden;position:relative}.skeleton-card{height:280px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:skeleton-pulse 1.8s ease-in-out infinite}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.scroll-hidden{opacity:0;transform:translateY(30px) scale(.96)}.content-card{opacity:0;transform:translateY(30px) scale(.96);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-in-out);position:relative;overflow:hidden;border-radius:var(--card-radius);background:var(--color-card);border:1px solid var(--color-border-subtle);cursor:pointer;will-change:transform,opacity}.content-card.revealed{opacity:1;transform:translateY(0) scale(1)}.content-card.exiting{opacity:0;transform:scale(.95) translateY(10px);transition:opacity .3s var(--ease-in-out),transform .3s var(--ease-in-out);pointer-events:none}.content-card:hover{transform:translateY(-4px) scale(1.015);box-shadow:var(--shadow-card-hover);border-color:#ff6b351f}.content-card.revealed:hover{transform:translateY(-4px) scale(1.015)}.content-card:after{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--color-accent-glow),transparent 60%);opacity:0;transition:opacity var(--duration-normal) var(--ease-in-out);pointer-events:none;z-index:1}.content-card:hover:after{opacity:1}.content-card>*{position:relative;z-index:2}.sidebar{transform:translate(-100%);transition:transform .4s var(--ease-out-expo)}.sidebar.open{transform:translate(0)}.sidebar-overlay{opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out-expo),visibility .4s var(--ease-out-expo)}.sidebar-overlay.visible{opacity:1;visibility:visible}.filter-tag{transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-in-out)}.filter-tag:hover{transform:translateY(-1px)}.filter-tag:active{transform:translateY(0) scale(.97)}@keyframes skeleton-pulse{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.hamburger-btn{transition:transform var(--duration-fast) var(--ease-in-out)}.hamburger-btn:hover{transform:scale(1.1)}.hamburger-btn:active{transform:scale(.95)}.category-tab{transition:color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out)}.category-tab:hover{color:var(--color-text-primary)}.category-tab.active{color:var(--color-accent);box-shadow:0 2px 0 0 var(--color-accent)}.loader{transition:opacity .3s var(--ease-in-out)}.loader.hidden{opacity:0;pointer-events:none;position:absolute}.content-card[data-type=youtube] .play-overlay{transition:transform var(--duration-normal) var(--ease-out-expo),opacity var(--duration-normal) var(--ease-in-out)}.content-card[data-type=youtube]:hover .play-overlay{transform:translate(-50%,-50%) scale(1.1)}