.random-best-panel{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;width:100%;max-width:480px;margin:0 auto}.random-best-panel--empty,.random-best-panel--loading{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.random-best-panel__skeleton{width:100%;height:240px;background:linear-gradient(90deg,var(--color-neutral-200,#e5e5e5) 0,var(--color-neutral-100,#f5f5f5) 50%,var(--color-neutral-200,#e5e5e5) 100%);background-size:200% 100%;animation:random-best-shimmer 1.5s infinite;border-radius:1rem}@keyframes random-best-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.random-best-panel--empty button{padding:.5rem 1rem;background:var(--color-orange,#e99e49);color:white;border:none;border-radius:.5rem;cursor:pointer;font-weight:500}.random-best-panel--empty button:hover{opacity:.9}.random-best-panel__container{appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer!important;position:relative;z-index:1;pointer-events:auto!important;width:100%;display:flex;flex-direction:column;gap:.75rem;border-radius:1rem;transition:opacity .15s ease}.random-best-panel__container:hover{opacity:.9}.random-best-panel__container:focus-visible{outline:2px solid var(--color-orange,#e99e49);outline-offset:2px}.random-best-panel__container *{pointer-events:auto}.random-best-panel__media{width:100%;min-height:200px;max-height:360px;border-radius:1rem;overflow:hidden;background:var(--color-neutral-100,#f5f5f5);display:flex;align-items:center;justify-content:center}@media (min-width:768px){.random-best-panel__media{min-height:240px;max-height:420px}}.random-best-panel__video{width:100%;height:100%;min-height:200px}@media (min-width:768px){.random-best-panel__video{min-height:280px}}.random-best-panel__image{max-width:100%;max-height:360px;width:auto;height:auto;object-fit:contain;transition:transform .3s ease}@media (min-width:768px){.random-best-panel__image{max-height:420px}}.random-best-panel__image:hover{transform:scale(1.02)}.random-best-panel__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-neutral-500,#737373);font-size:.875rem}.random-best-panel__text{padding:.5rem 0;text-align:center}.random-best-panel__title{font-size:1.125rem;font-weight:600;color:var(--color-neutral-900,#171717);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .random-best-panel__title{color:var(--color-neutral-100,#f5f5f5)}.random-best-panel__summary{font-size:.875rem;color:var(--color-neutral-600,#525252);margin-top:.25rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .random-best-panel__summary{color:var(--color-neutral-400,#a3a3a3)}.random-best-panel__controls{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.random-best-panel__bookmark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-neutral-100,#f5f5f5);border:none;cursor:pointer;color:var(--color-neutral-500,#737373);transition:all .2s ease}.dark .random-best-panel__bookmark{background:var(--color-neutral-800,#262626);color:var(--color-neutral-400,#a3a3a3)}.random-best-panel__bookmark:hover{background:var(--color-neutral-200,#e5e5e5);color:var(--color-orange,#e99e49)}.dark .random-best-panel__bookmark:hover{background:var(--color-neutral-700,#404040)}.random-best-panel__bookmark--active{color:var(--color-orange,#e99e49)}.random-best-panel__meta{display:flex;justify-content:center;margin-top:.25rem}.random-best-panel__pool-info{font-size:.75rem;color:var(--color-neutral-400,#a3a3a3)}.random-best-panel--compact{padding:.5rem;gap:.5rem}.random-best-panel--compact .random-best-panel__media{height:160px}.random-best-panel--compact .random-best-panel__title{font-size:1rem}.random-best-panel--compact .random-best-panel__summary{font-size:.75rem}.random-best-panel--inline{flex-direction:row;max-width:none;gap:1.5rem}.random-best-panel--inline .random-best-panel__container{flex:1;flex-direction:row}.random-best-panel--inline .random-best-panel__media{width:200px;height:150px;flex-shrink:0}.random-best-panel--inline .random-best-panel__text{text-align:left;flex:1}.random-type-filter{display:flex;justify-content:center;padding:.5rem 1rem;margin-bottom:.5rem}.random-type-filter__trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-neutral-100,#f5f5f5);border:1px solid var(--color-neutral-200,#e5e5e5);border-radius:999px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-neutral-700,#404040);transition:all .2s ease}.dark .random-type-filter__trigger{background:var(--color-neutral-800,#262626);border-color:var(--color-neutral-700,#404040);color:var(--color-neutral-200,#e5e5e5)}.random-type-filter__trigger:hover{background:var(--color-neutral-200,#e5e5e5);border-color:var(--color-orange,#e99e49)}.dark .random-type-filter__trigger:hover{background:var(--color-neutral-700,#404040)}.random-type-filter__value{white-space:nowrap}.random-type-filter__icon{flex-shrink:0;opacity:.6}.random-type-filter__positioner{z-index:1000}.random-type-filter__popup{background:white;border:1px solid var(--color-neutral-200,#e5e5e5);border-radius:.75rem;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:hidden;min-width:160px}.dark .random-type-filter__popup{background:var(--color-neutral-900,#171717);border-color:var(--color-neutral-700,#404040)}.random-type-filter__list{padding:.5rem;display:flex;flex-direction:column;gap:2px}.random-type-filter__item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;color:var(--color-neutral-700,#404040);transition:background .15s ease}.dark .random-type-filter__item{color:var(--color-neutral-200,#e5e5e5)}.random-type-filter__item:hover,.random-type-filter__item[data-highlighted]{background:var(--color-neutral-100,#f5f5f5)}.dark .random-type-filter__item:hover,.dark .random-type-filter__item[data-highlighted]{background:var(--color-neutral-800,#262626)}.random-type-filter__item[data-selected]{background:var(--color-orange-light,#fef3e2);color:var(--color-orange,#e99e49)}.dark .random-type-filter__item[data-selected]{background:rgba(233,158,73,.2)}.random-type-filter__indicator{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--color-orange,#e99e49)}