@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";.media-button--play .media-icon--restart,.media-button--play .media-icon--play,.media-button--play .media-icon--pause,.media-button--mute .media-icon--volume-off,.media-button--mute .media-icon--volume-low,.media-button--mute .media-icon--volume-high,.media-button--fullscreen .media-icon--fullscreen-enter,.media-button--fullscreen .media-icon--fullscreen-exit,.media-button--captions .media-icon--captions-off,.media-button--captions .media-icon--captions-on{display:none;opacity:0}.media-button--play[data-ended] .media-icon--restart,.media-button--play:not([data-ended])[data-paused] .media-icon--play,.media-button--play:not([data-paused]):not([data-ended]) .media-icon--pause,.media-button--mute[data-muted] .media-icon--volume-off,.media-button--mute:not([data-muted])[data-volume-level=low] .media-icon--volume-low,.media-button--mute:not([data-muted]):not([data-volume-level=low]) .media-icon--volume-high,.media-button--fullscreen:not([data-fullscreen]) .media-icon--fullscreen-enter,.media-button--fullscreen[data-fullscreen] .media-icon--fullscreen-exit,.media-button--captions:not([data-active]) .media-icon--captions-off,.media-button--captions[data-active] .media-icon--captions-on{display:block;opacity:1}.media-tooltip-label{display:none}.media-button--play[data-ended]+.media-tooltip .media-tooltip-label--replay,.media-button--play:not([data-ended])[data-paused]+.media-tooltip .media-tooltip-label--play,.media-button--play:not([data-paused]):not([data-ended])+.media-tooltip .media-tooltip-label--pause,.media-button--fullscreen:not([data-fullscreen])+.media-tooltip .media-tooltip-label--enter-fullscreen,.media-button--fullscreen[data-fullscreen]+.media-tooltip .media-tooltip-label--exit-fullscreen,.media-button--captions:not([data-active])+.media-tooltip .media-tooltip-label--enable-captions,.media-button--captions[data-active]+.media-tooltip .media-tooltip-label--disable-captions,.media-button--pip:not([data-pip])+.media-tooltip .media-tooltip-label--enter-pip,.media-button--pip[data-pip]+.media-tooltip .media-tooltip-label--exit-pip{display:block}.media-default-skin *,.media-default-skin *:before,.media-default-skin *:after{box-sizing:border-box;margin:0}.media-default-skin img,.media-default-skin video,.media-default-skin svg{display:block;max-width:100%}.media-default-skin button{font:inherit}@media(prefers-reduced-motion:no-preference){.media-default-skin{interpolate-size:allow-keywords}}.media-default-skin{position:relative;isolation:isolate;display:block;height:100%;width:100%;container:media-root / inline-size;border-radius:var(--media-border-radius, 2rem);font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.media-default-skin .media-surface{background-color:var(--media-surface-background-color);-webkit-backdrop-filter:var(--media-surface-backdrop-filter);backdrop-filter:var(--media-surface-backdrop-filter);box-shadow:inset 0 0 0 1px var(--media-surface-inner-border-color),0 1px 3px 0 var(--media-surface-shadow-color),0 1px 2px -1px var(--media-surface-shadow-color)}.media-default-skin .media-surface:after{content:"";position:absolute;inset:0;z-index:10;border-radius:inherit;box-shadow:0 0 0 1px var(--media-surface-outer-border-color);pointer-events:none}@media(prefers-reduced-transparency:reduce){.media-default-skin .media-surface{background-color:oklch(from var(--media-surface-background-color) l c h / .7)}}@media(prefers-contrast:more){.media-default-skin .media-surface{background-color:oklch(from var(--media-surface-background-color) l c h / .9)}}.media-default-skin ::slotted(video),.media-default-skin video{display:block;width:100%;height:100%}.media-default-skin ::slotted(video){border-radius:var(--media-border-radius, 2rem)}.media-default-skin video{border-radius:inherit}.media-default-skin>img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;transition:opacity .25s;pointer-events:none}.media-default-skin>img:not([data-visible]){opacity:0}.media-default-skin:fullscreen video,.media-default-skin:fullscreen ::slotted(video),.media-default-skin:fullscreen>img{object-fit:contain}.media-default-skin:fullscreen ::slotted(video){border-radius:0}.media-default-skin .media-overlay{position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(to top,#00000080,#0000004d,#0000);-webkit-backdrop-filter:blur(0) saturate(1.5);backdrop-filter:blur(0) saturate(1.5);opacity:0;pointer-events:none}@media(pointer:fine){.media-default-skin .media-overlay{transition-property:opacity,backdrop-filter;transition-duration:.3s;transition-delay:.5s;transition-timing-function:ease-out}@media(prefers-reduced-motion:reduce){.media-default-skin .media-overlay{transition-duration:.1s}}}.media-default-skin .media-controls[data-visible]~.media-overlay,.media-default-skin .media-error[data-open]~.media-overlay{opacity:1}@media(pointer:fine){.media-default-skin .media-controls[data-visible]~.media-overlay,.media-default-skin .media-error[data-open]~.media-overlay{transition-duration:.15s;transition-delay:0ms}}.media-default-skin .media-error[data-open]~.media-overlay{-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5)}.media-default-skin .media-buffering-indicator{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:#fff;pointer-events:none}.media-default-skin .media-buffering-indicator[data-visible]{display:flex}.media-default-skin .media-buffering-indicator .media-surface{padding:.25rem;border-radius:100%}.media-default-skin .media-error{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center}.media-default-skin .media-error__dialog{display:flex;flex-direction:column;gap:.75rem;max-width:18rem;padding:.75rem;border-radius:1.75rem;color:#fff;font-size:.875rem;transition-property:opacity,transform;transition-duration:.5s;transition-delay:.1s;transition-timing-function:linear(0,.034 1.5%,.763 9.7%,1.066 13.9%,1.198 19.9%,1.184 21.8%,.963 37.5%,.997 50.9%,1)}@media(prefers-reduced-motion:reduce){.media-default-skin .media-error__dialog{transition-duration:.1s;transition-delay:0ms;transition-timing-function:ease-out}}.media-default-skin .media-error[data-starting-style] .media-error__dialog,.media-default-skin .media-error[data-ending-style] .media-error__dialog{opacity:0;transform:scale(.5)}.media-default-skin .media-error__content{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .5rem .375rem}.media-default-skin .media-error__title{font-weight:600;line-height:1.25}.media-default-skin .media-error__description{opacity:.7}.media-default-skin .media-error__actions{display:flex;gap:.5rem}.media-default-skin .media-error__actions>*{flex:1}.media-default-skin .media-controls{container:media-controls / inline-size;display:flex;align-items:center;gap:.075rem;padding:.175rem;border-radius:calc(infinity * 1px);--media-controls-current-shadow-color: oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5)/2) , .25));--media-controls-current-shadow-color-subtle: oklch( from var(--media-controls-current-shadow-color) l c h / calc(alpha*.4) );text-shadow:0 0 1px var(--media-controls-current-shadow-color)}@container media-root (width > 40rem){.media-default-skin .media-controls{gap:.125rem;padding:.25rem}}.media-default-skin .media-time{container:media-time / inline-size;display:flex;align-items:center;flex:1;gap:.75rem;padding-inline:.5rem}.media-default-skin .media-time .media-time__value:first-child{display:none}@container media-time (width > 18rem){.media-default-skin .media-time .media-time__value:first-child{display:block}}.media-default-skin .media-time__value{font-variant-numeric:tabular-nums}.media-default-skin .media-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:.5rem 1rem;background:#fff;border:none;border-radius:calc(infinity * 1px);outline:2px solid transparent;outline-offset:-2px;color:#000;font-weight:500;text-align:center;transition-property:background-color,color,outline-offset,transform;transition-duration:.15s;transition-timing-function:ease-out;cursor:pointer;-webkit-user-select:none;user-select:none}.media-default-skin .media-button:focus-visible{outline-color:#3280ff;outline-color:oklch(62.3% .214 259.815);outline-offset:2px}.media-default-skin .media-button[disabled]{opacity:.5;filter:grayscale(1);cursor:not-allowed}.media-default-skin .media-button[data-availability=unavailable]{display:none}.media-default-skin .media-button--icon{display:grid;width:2.125rem;padding:0;aspect-ratio:1;background:transparent;color:inherit;text-shadow:inherit}.media-default-skin .media-button--icon:hover,.media-default-skin .media-button--icon:focus-visible,.media-default-skin .media-button--icon[aria-expanded=true]{background-color:oklch(from currentColor l c h / .1);text-decoration:none}.media-default-skin .media-button--icon:active{transform:scale(.9)}.media-default-skin .media-button--icon .media-icon{filter:drop-shadow(0 1px 0 var(--media-controls-current-shadow-color, oklch(0 0 0 / .25)))}.media-default-skin .media-button--seek .media-icon__label{position:absolute;right:-1px;bottom:-3px;font-size:.75em;font-weight:480;font-variant-numeric:tabular-nums}.media-default-skin .media-button--seek:has(.media-icon--flipped) .media-icon__label{right:unset;left:-1px}@container media-controls (width < 28rem){.media-default-skin .media-button--seek{display:none}}.media-default-skin .media-button--playback-rate{padding:0}.media-default-skin .media-button--playback-rate:after{content:attr(data-rate) "×";width:4ch;font-variant-numeric:tabular-nums}.media-default-skin .media-icon__container{position:relative}.media-default-skin .media-icon{display:block;flex-shrink:0;grid-area:1 / 1;width:18px;height:18px;transition-behavior:allow-discrete;transition-property:display,opacity;transition-duration:.15s;transition-timing-function:ease-out}.media-default-skin .media-icon--flipped{scale:-1 1}.media-default-skin .media-slider{position:relative;display:flex;align-items:center;justify-content:center;flex:1;border-radius:calc(infinity * 1px);outline:none}.media-default-skin .media-slider[data-orientation=horizontal]{min-width:5rem;width:100%;height:1.25rem}.media-default-skin .media-slider[data-orientation=vertical]{width:1.25rem;height:5rem}.media-default-skin .media-slider__track{position:relative;isolation:isolate;overflow:hidden;border-radius:inherit;-webkit-user-select:none;user-select:none}.media-default-skin .media-slider__track[data-orientation=horizontal]{width:100%;height:.25rem}.media-default-skin .media-slider__track[data-orientation=vertical]{width:.25rem;height:100%}.media-default-skin .media-slider__thumb{z-index:10;position:absolute;transform:translate(-50%,-50%);width:.625rem;height:.625rem;background-color:currentColor;border-radius:calc(infinity * 1px);box-shadow:0 0 0 1px var(--media-controls-current-shadow-color-subtle, oklch(0 0 0 / .1)),0 1px 3px #00000026,0 1px 2px -1px #00000026;opacity:0;transition-property:opacity,height,width,outline-offset;transition-duration:.15s;transition-timing-function:ease-out;-webkit-user-select:none;user-select:none;outline:4px solid transparent;outline-offset:-4px}.media-default-skin .media-slider__thumb[data-orientation=horizontal]{top:50%;left:var(--media-slider-fill)}.media-default-skin .media-slider__thumb[data-orientation=vertical]{left:50%;top:calc(100% - var(--media-slider-fill))}.media-default-skin .media-slider__thumb:hover,.media-default-skin .media-slider__thumb:focus{outline-color:oklch(from currentColor l c h / .25);outline-offset:0}.media-default-skin .media-slider:active .media-slider__thumb,.media-default-skin .media-slider__thumb--persistent{width:.75rem;height:.75rem}.media-default-skin .media-slider:hover .media-slider__thumb,.media-default-skin .media-slider__thumb:focus-visible,.media-default-skin .media-slider__thumb--persistent{opacity:1}.media-default-skin .media-slider__buffer,.media-default-skin .media-slider__fill{position:absolute;border-radius:inherit;pointer-events:none}.media-default-skin .media-slider__buffer[data-orientation=horizontal],.media-default-skin .media-slider__fill[data-orientation=horizontal]{inset-block:0;left:0}.media-default-skin .media-slider__buffer[data-orientation=vertical],.media-default-skin .media-slider__fill[data-orientation=vertical]{inset-inline:0;bottom:0}.media-default-skin .media-slider__buffer{background-color:oklch(from currentColor l c h / .2);transition-duration:.25s;transition-timing-function:ease-out}.media-default-skin .media-slider__buffer[data-orientation=horizontal]{width:var(--media-slider-buffer);transition-property:width}.media-default-skin .media-slider__buffer[data-orientation=vertical]{height:var(--media-slider-buffer);transition-property:height}.media-default-skin .media-slider__fill{background-color:currentColor}.media-default-skin .media-slider__fill[data-orientation=horizontal]{width:var(--media-slider-fill)}.media-default-skin .media-slider__fill[data-orientation=vertical]{height:var(--media-slider-fill)}.media-default-skin .media-slider__time-display{font-variant-numeric:tabular-nums}.media-default-skin .media-popover,.media-default-skin .media-tooltip{margin:0;border:0;color:inherit;overflow:visible;transition-property:transform,scale,opacity,filter;transition-duration:.2s}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-starting-style],:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-ending-style]{opacity:0;transform:scale(0);filter:blur(8px)}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-instant]{transition-duration:0ms}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=top]{transform-origin:bottom}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=bottom]{transform-origin:top}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=left]{transform-origin:right}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=right]{transform-origin:left}.media-default-skin .media-popover{--media-popover-side-offset: .5rem}.media-default-skin .media-popover--volume{padding:.625rem .25rem;border-radius:calc(infinity * 1px)}.media-default-skin .media-tooltip{padding:.25rem .625rem;border-radius:calc(infinity * 1px);font-size:.75rem;white-space:nowrap;--media-tooltip-side-offset: .5rem}.media-default-skin{--media-caption-track-delay: .6s;--media-caption-track-y: -.5rem}.media-default-skin:has(.media-controls[data-visible]){--media-caption-track-delay: 25ms;--media-caption-track-y: -3.5rem}.media-default-skin video::-webkit-media-text-track-container{transition:transform .15s ease-out;transition-delay:var(--media-caption-track-delay);transform:translateY(var(--media-caption-track-y)) scale(.98);z-index:1;font-family:inherit}@media(prefers-reduced-motion:reduce){.media-default-skin video::-webkit-media-text-track-container{transition-duration:50ms}}.media-default-skin--video{background:#000;--media-border-color: oklch(0 0 0 / .1);--media-surface-background-color: oklch(1 0 0 / .1);--media-surface-inner-border-color: oklch(1 0 0 / .05);--media-surface-outer-border-color: oklch(0 0 0 / .1);--media-surface-shadow-color: oklch(0 0 0 / .15);--media-surface-backdrop-filter: blur(16px) saturate(1.5)}@media(prefers-color-scheme:dark){.media-default-skin--video{--media-border-color: oklch(1 0 0 / .1)}}.media-default-skin--video:after{content:"";position:absolute;inset:0;z-index:10;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-border-color);pointer-events:none}.media-default-skin--video:fullscreen{border-radius:0}.media-default-skin--video .media-controls{position:absolute;bottom:.75rem;inset-inline:.75rem;z-index:10;color:#fff;will-change:scale,transform,filter,opacity;transition-timing-function:ease-out;transform-origin:bottom}@media(pointer:fine){.media-default-skin--video .media-controls{transition-property:scale,transform,filter,opacity;transition-duration:.1s;transition-delay:0ms}}.media-default-skin--video .media-controls:not([data-visible]){opacity:0;pointer-events:none;scale:.9;filter:blur(8px)}@media(pointer:fine){.media-default-skin--video .media-controls:not([data-visible]){transition-duration:.3s;transition-delay:.5s}@media(prefers-reduced-motion:reduce){.media-default-skin--video .media-controls:not([data-visible]){transition-duration:.1s}}}@media(prefers-reduced-motion:reduce){.media-default-skin--video .media-controls:not([data-visible]){scale:1;filter:blur(0)}}.media-default-skin--video .media-slider__track{background-color:#fff3;box-shadow:0 0 0 1px #0000000d}:root{--bg-base: #090909;--bg-raised: #111111;--bg-surface: #161616;--bg-overlay: #1a1a1a;--bg-hover: #1f1f1f;--bg-active: #262626;--border-subtle: #1a1a1a;--border-default: #272727;--border-strong: #383838;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-tertiary: #6a6a6a;--text-muted: #3a3a3a;--accent: #3ea6ff;--accent-hover: #5cb8ff;--accent-active: #2e96ee;--accent-subtle: rgba(62, 166, 255, .1);--accent-glow: rgba(62, 166, 255, .2);--success: #22c55e;--success-subtle: rgba(34, 197, 94, .12);--warning: #eab308;--warning-subtle: rgba(234, 179, 8, .12);--danger: #ef4444;--danger-subtle: rgba(239, 68, 68, .12);--danger-hover: #dc2626;--info: #3b82f6;--info-subtle: rgba(59, 130, 246, .12);--font-display: "Outfit", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px rgba(62, 166, 255, .15);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .5), 0 0 0 1px rgba(62, 166, 255, .06);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .35s;--navbar-h: 56px;--sidebar-w: 220px;--content-max: 1280px;--grid-min: 280px}*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;min-height:100vh}img,video{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;line-height:1.25;letter-spacing:-.01em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:#3ea6ff40}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.page-enter{animation:fadeIn var(--duration-slow) var(--ease-out) both}.stagger-grid>*{opacity:0;animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.stagger-grid>*:nth-child(1){animation-delay:0ms}.stagger-grid>*:nth-child(2){animation-delay:40ms}.stagger-grid>*:nth-child(3){animation-delay:60ms}.stagger-grid>*:nth-child(4){animation-delay:80ms}.stagger-grid>*:nth-child(5){animation-delay:.1s}.stagger-grid>*:nth-child(6){animation-delay:.12s}.stagger-grid>*:nth-child(7){animation-delay:.14s}.stagger-grid>*:nth-child(8){animation-delay:.16s}.stagger-grid>*:nth-child(9){animation-delay:.18s}.stagger-grid>*:nth-child(10){animation-delay:.2s}.stagger-grid>*:nth-child(11){animation-delay:.22s}.stagger-grid>*:nth-child(12){animation-delay:.24s}.stagger-grid>*:nth-child(13){animation-delay:.26s}.stagger-grid>*:nth-child(14){animation-delay:.28s}.stagger-grid>*:nth-child(15){animation-delay:.3s}.stagger-grid>*:nth-child(16){animation-delay:.32s}.stagger-grid>*:nth-child(17){animation-delay:.34s}.stagger-grid>*:nth-child(18){animation-delay:.36s}.stagger-grid>*:nth-child(19){animation-delay:.38s}.stagger-grid>*:nth-child(20){animation-delay:.4s}.stagger-grid>*:nth-child(n+21){animation-delay:.42s}.video-card{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.video-card:active{transform:translateY(-2px)}.video-card-thumb{position:relative;aspect-ratio:16/9;background:var(--bg-hover);border-radius:var(--radius-lg);overflow:hidden}.video-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.video-card:hover .video-card-thumb img{transform:scale(1.05)}.video-card-duration{position:absolute;bottom:6px;right:6px;background:#000000d9;color:#fff;font-size:var(--text-xs);padding:1px 5px;border-radius:var(--radius-sm);font-weight:600;font-variant-numeric:tabular-nums}.navbar{position:sticky;top:0;z-index:100;height:var(--navbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:#090909cc;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border-subtle)}.navbar-logo{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--text-primary);text-decoration:none;transition:opacity var(--duration-fast)}.navbar-logo:hover{opacity:.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--duration-fast) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-active);border-color:var(--border-strong)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger);font-weight:600}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:.3rem .65rem;font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-lg{padding:.65rem 1.5rem;font-size:var(--text-md);font-weight:600}.btn-pill{border-radius:var(--radius-full);padding:.4rem 1rem}.input{width:100%;padding:.6rem .875rem;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);outline:none}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.input::placeholder{color:var(--text-tertiary)}.input-search{border-radius:var(--radius-full);padding-left:1rem;padding-right:1rem;background:var(--bg-surface)}.pill{display:inline-flex;align-items:center;padding:.35rem .9rem;border-radius:var(--radius-full);border:none;font-size:var(--text-base);font-weight:500;text-decoration:none;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:var(--bg-hover);color:var(--text-primary)}.pill:hover{background:var(--bg-active)}.pill-active{background:var(--text-primary);color:var(--bg-base)}.pill-active:hover{opacity:.9}.tag{display:inline-flex;padding:.2rem .65rem;border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent);font-size:var(--text-sm);text-decoration:none;transition:background var(--duration-fast)}.tag:hover{background:var(--accent-glow)}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;line-height:1.4}.badge-success{background:var(--success-subtle);color:var(--success)}.badge-warning{background:var(--warning-subtle);color:var(--warning)}.badge-danger{background:var(--danger-subtle);color:var(--danger)}.badge-info{background:var(--info-subtle);color:var(--info)}.badge-accent{background:var(--accent-subtle);color:var(--accent)}.badge-outline{background:transparent;border:1px solid currentColor}.card{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--duration-fast)}.card:hover{border-color:var(--border-strong)}.card-link{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-primary);text-decoration:none;cursor:pointer}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.table td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);font-size:var(--text-base)}.table tbody tr{transition:background var(--duration-fast)}.table tbody tr:hover{background:var(--bg-raised)}.skeleton{background:linear-gradient(105deg,var(--bg-surface) 30%,var(--bg-hover) 50%,var(--bg-surface) 70%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md)}.overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayIn var(--duration-fast) var(--ease-out)}.modal{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);max-width:460px;width:90%;animation:scaleIn var(--duration-normal) var(--ease-spring)}.sidebar{width:var(--sidebar-w);background:var(--bg-raised);border-right:1px solid var(--border-subtle);padding:var(--space-6) 0;flex-shrink:0}.sidebar-label{padding:0 var(--space-4);margin-bottom:var(--space-6);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.sidebar-link{display:block;padding:.6rem 1.25rem;color:var(--text-tertiary);text-decoration:none;font-size:var(--text-base);border-left:3px solid transparent;transition:all var(--duration-fast)}.sidebar-link:hover{color:var(--text-secondary);background:var(--bg-hover)}.sidebar-link-active{color:var(--text-primary);background:var(--bg-hover);border-left-color:var(--accent)}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;cursor:pointer;background:var(--bg-raised);transition:all var(--duration-normal) var(--ease-out)}.dropzone:hover,.dropzone-active{border-color:var(--accent);background:var(--accent-subtle)}.progress-track{height:4px;background:var(--bg-active);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:var(--radius-full);transition:width .3s var(--ease-out)}.spinner{width:36px;height:36px;border:3px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);animation:fadeIn var(--duration-slow) var(--ease-out)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.3}.msg-success{color:var(--success);font-size:var(--text-sm)}.msg-error{color:var(--danger);font-size:var(--text-sm)}.msg-warning{color:var(--warning);font-size:var(--text-sm)}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;z-index:200;animation:slideDown var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-lg)}.search-suggestion{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--text-primary);font-size:var(--text-base);cursor:pointer;transition:background var(--duration-fast)}.search-suggestion:hover,.search-suggestion-active{background:var(--bg-hover)}.search-suggestion-thumb{width:48px;height:27px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-surface);flex-shrink:0}.video-player{border-radius:var(--radius-lg);overflow:hidden;background:#000;aspect-ratio:16 / 9;max-height:75vh;margin:0 auto}.video-player video{object-fit:contain}@media(max-width:768px){:root{--grid-min: 240px}.navbar{padding:0 var(--space-4)}.hide-mobile{display:none!important}.sidebar{display:none}}@media(max-width:480px){:root{--grid-min: 100%}}