.comedy-toolbar{display:flex;flex-direction:column;gap:.6rem;position:sticky;top:60px;z-index:20;background:rgba(238,242,246,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin:0 -.5rem;padding:.65rem .5rem .7rem;border-bottom:1px solid var(--border);border-radius:0 0 .7rem .7rem}.comedy-filter-row{display:flex;align-items:center;gap:.5rem}.comedy-categories{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;flex:1 1;-webkit-overflow-scrolling:touch}.comedy-categories::-webkit-scrollbar{display:none}.comedy-cat-pill{white-space:nowrap;padding:.32rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.comedy-cat-pill:hover{border-color:#93b1cf;color:var(--ink)}.comedy-cat-pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.comedy-shuffle-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .72rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0;white-space:nowrap}.comedy-shuffle-btn:hover{border-color:#93b1cf;color:var(--ink)}.comedy-shuffle-btn.active{background:#e8f4e8;color:#1a6b3a;border-color:#9dd4a9}.comedy-search-row{display:flex;align-items:center;gap:.6rem}.comedy-search-wrap{position:relative;flex:1 1}.comedy-search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;display:flex}.comedy-search{width:100%;padding:.42rem 2rem .42rem 2.3rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font:inherit;font-size:.88rem;color:var(--ink);outline:none;transition:border-color .15s}.comedy-search:focus{border-color:var(--cool-accent)}.comedy-search::placeholder{color:#94a7ba}.comedy-search-clear{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;color:var(--muted);cursor:pointer;padding:0 .3rem;line-height:1}.comedy-result-count{font-size:.82rem;font-weight:700;color:var(--muted);white-space:nowrap;flex-shrink:0}.comedy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:.9rem}.comedy-card{border:1px solid var(--border);border-radius:1rem;background:var(--surface);overflow:hidden;box-shadow:0 12px 28px rgba(25,44,70,.08);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}@media (hover:hover){.comedy-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(25,44,70,.15)}}.comedy-card-featured{grid-column:span 2}.comedy-video-wrap{position:relative;background:#0a1120;cursor:pointer}.comedy-video{width:100%;display:block;background:#0a1120}.comedy-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;z-index:2;transition:opacity .2s}.comedy-play-overlay:hover .comedy-play-svg circle{fill:rgba(0,0,0,.6)}.comedy-play-svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));transition:transform .15s}.comedy-play-overlay:hover .comedy-play-svg{transform:scale(1.08)}.comedy-preview-badge{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);padding:.25rem .7rem;border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.02em;z-index:2;pointer-events:auto;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:background .15s}.comedy-preview-badge:hover{background:rgba(0,0,0,.72)}.comedy-card-body{padding:.7rem .85rem .85rem;display:flex;flex-direction:column;gap:.5rem;flex:1 1}.comedy-caption{color:#1a3652;font-weight:700;font-size:.95rem;line-height:1.4;flex:1 1}.comedy-card-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.comedy-action-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-soft);color:var(--muted);font:inherit;font-size:.76rem;font-weight:700;cursor:pointer;transition:background .14s,color .14s,border-color .14s;text-decoration:none;white-space:nowrap}.comedy-action-btn:hover{background:#e6eef7;color:var(--ink);border-color:#93b1cf}.comedy-action-view{background:linear-gradient(180deg,#f0f7f0,#e2f0e2);color:#1a4a2e;border-color:#b3d4b3;font-weight:700}.comedy-action-view:hover{background:linear-gradient(180deg,#e5f2e5,#d6ebd6);border-color:#8fc28f}.comedy-action-details{background:linear-gradient(180deg,#eaf2fc,#deebfa);color:#173754;border-color:#b7cde3;font-weight:800}.comedy-action-details:hover{background:linear-gradient(180deg,#e1ecf9,#d3e3f7);border-color:#93b1cf}.comedy-load-more{display:flex;justify-content:center;padding:1rem 0}.comedy-load-more button{min-height:40px;border:1px solid #b7cde3;border-radius:999px;background:linear-gradient(180deg,#eaf2fc,#deebfa);color:#173754;font:inherit;font-weight:800;padding:0 1.4rem;cursor:pointer;transition:background .14s,border-color .14s}.comedy-load-more button:hover{border-color:#93b1cf;background:linear-gradient(180deg,#e1ecf9,#d3e3f7)}.comedy-empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.comedy-empty p{font-size:1.05rem;font-weight:700;margin:0 0 .8rem}.comedy-empty button{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700;padding:.4rem 1.2rem;cursor:pointer}@keyframes comedy-shimmer{0%{background-position:-300% 0}to{background-position:300% 0}}.comedy-skeleton{pointer-events:none}.comedy-skeleton-video{width:100%;aspect-ratio:16/9}.comedy-skeleton-line,.comedy-skeleton-video{background:linear-gradient(90deg,#dde5ee 25%,#eef2f7 50%,#dde5ee 75%);background-size:200% 100%;animation:comedy-shimmer 1.6s ease-in-out infinite}.comedy-skeleton-line{height:.85rem;border-radius:4px;margin-bottom:.35rem}.comedy-skeleton-actions{display:flex;gap:.35rem;margin-top:.25rem}.comedy-skeleton-btn{height:1.6rem;width:3.2rem;border-radius:.5rem;background:linear-gradient(90deg,#dde5ee 25%,#eef2f7 50%,#dde5ee 75%);background-size:200% 100%;animation:comedy-shimmer 1.6s ease-in-out infinite}.comedy-skeleton-btn-wide{width:5rem;margin-left:auto}.comedy-floating{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;z-index:50;animation:comedy-fade-in .25s ease}@keyframes comedy-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comedy-counter{padding:.3rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.01em}.comedy-back-to-top,.comedy-counter{background:rgba(23,36,53,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.comedy-back-to-top{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.comedy-back-to-top:hover{background:rgba(23,36,53,.95)}.comedy-toast{position:fixed;bottom:5.5rem;left:50%;transform:translateX(-50%);padding:.5rem 1.2rem;border-radius:999px;background:rgba(23,36,53,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.85rem;font-weight:700;z-index:100;animation:comedy-toast-in .25s ease;pointer-events:none}@keyframes comedy-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:960px){.comedy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comedy-card-featured{grid-column:span 2}}@media (max-width:760px){.comedy-grid{grid-template-columns:1fr}.comedy-card-featured{grid-column:span 1}.comedy-toolbar{top:52px;margin:0 -.3rem;padding:.5rem .3rem}.comedy-filter-row{flex-wrap:wrap}.comedy-action-btn span,.comedy-shuffle-btn span{display:none}.comedy-action-details,.comedy-action-view{font-size:.76rem}.comedy-floating{bottom:1rem;right:1rem}}