:root{--bg:#f3f5f9;--panel:#ffffffe0;--panel-solid:#fff;--text:#1f2937;--muted:#6b7280;--line:#0f172a14;--brand:#5b5ce6;--brand-soft:#5b5ce624;--shadow:0 16px 40px #0f172a14;--shadow-soft:0 10px 24px #0f172a0f;--card-radius:18px}:root[data-theme=dark]{--bg:#0b1020;--panel:#111827e6;--panel-solid:#121a2d;--text:#edf2ff;--muted:#98a2b3;--line:#ffffff14;--brand:#818cf8;--brand-soft:#818cf829;--shadow:0 20px 60px #00000059;--shadow-soft:0 12px 28px #00000038}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #5b5ce61f, transparent 28%), radial-gradient(circle at top right, #10b98114, transparent 20%), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,video{font:inherit}button{color:inherit;background:0 0;border:0}img,video{max-width:100%;display:block}.page-shell{width:min(1520px,100vw - 36px);margin:0 auto;padding:24px 0 60px}.topbar,.panel,.card{-webkit-backdrop-filter:blur(16px)}.topbar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:24px 28px;display:flex}.brand-row{align-items:center;gap:16px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--brand), #23b7f4);color:#fff;border-radius:20px;place-items:center;width:58px;height:58px;font-size:30px;display:grid;box-shadow:0 12px 30px #5b5ce647}.topbar h1{margin:0;font-size:clamp(1.75rem,2vw,2.15rem)}.topbar p{color:var(--muted);margin:4px 0 0}.theme-toggle{background:var(--panel-solid);border:1px solid var(--line);width:48px;height:48px;box-shadow:var(--shadow-soft);cursor:pointer;border-radius:16px;place-items:center;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:24px}.controls-panel{margin-bottom:20px;padding:18px}.tab-row{flex-wrap:wrap;gap:10px;display:flex}.pill-button,.action-button,.icon-action,.link-button,.search-box,.card-click-area,.theme-toggle{transition:transform .18s,background-color .18s,border-color .18s,opacity .18s}.pill-button{cursor:pointer;color:var(--text);background:#7f7f7f14;border-radius:999px;align-items:center;gap:10px;padding:12px 18px;display:inline-flex}.tab-icon{opacity:.9;font-size:.95rem;line-height:1}.pill-button.is-active{background:var(--brand);color:#fff;box-shadow:0 12px 24px #5b5ce63d}.toolbar-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px;display:flex}.toolbar-row-single{justify-content:flex-start}.search-box{background:var(--panel-solid);border:1px solid var(--line);min-width:260px;max-width:520px;box-shadow:var(--shadow-soft);border-radius:18px;flex:1;align-items:center;gap:12px;padding:14px 16px;display:flex}.search-box span{color:var(--muted)}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.attribution-row{align-items:center;margin-top:12px;display:flex}.meta-badge{color:#db2777;letter-spacing:.01em;background:#ec48991a;border-radius:999px;align-items:center;padding:5px 10px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.meta-badge-giphy{opacity:.9}.inline-warning,.inline-error{color:#f59e0b;background:#f59e0b1f;border-radius:18px;margin:12px 0 0;padding:14px 16px}.inline-error{color:#ef4444;background:#ef44441f}.loader-panel{text-align:center;place-items:center;min-height:320px;padding:48px 20px;display:grid}.loader-panel h2{margin:16px 0 6px}.loader-panel p{color:var(--muted);margin:0}.spinner{border:4px solid #7f7f7f2e;border-top-color:var(--brand);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin}.spinner-inline{vertical-align:-3px;border-width:2px;width:18px;height:18px;margin-right:8px;display:inline-block}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.card{border-radius:var(--card-radius);background:var(--panel);border:1px solid var(--line);min-height:620px;box-shadow:var(--shadow-soft);flex-direction:column;display:flex;overflow:hidden}.card-click-area{text-align:left;cursor:pointer;flex-direction:column;flex:1;width:100%;padding:20px 18px 10px;display:flex}.card-click-area:hover,.pill-button:hover,.theme-toggle:hover,.action-button:hover,.icon-action:hover,.link-button:hover{transform:translateY(-1px)}.card-title-row{min-height:0;margin-bottom:8px;display:block}.card-title-row h3{letter-spacing:-.01em;margin:0;font-size:1rem;line-height:1.3}.thumb{background:#7f7f7f14;border-radius:14px;height:clamp(360px,28vw,450px);position:relative;overflow:hidden}.thumb img,.thumb video{object-fit:cover;width:100%;height:100%}.thumb-image{background:#7f7f7f0a;place-items:center;display:grid}.thumb-image img{object-fit:contain}.media-pill{color:#fff;background:#0f172acc;border-radius:12px;padding:6px 10px;font-size:.75rem;font-weight:700;position:absolute;top:12px;right:12px}.card-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:0 18px 18px;display:flex}.card-stats{align-items:center;gap:8px;min-height:38px;display:flex}.card-stats.right-align{justify-content:flex-end}.icon-action{cursor:pointer;background:#7f7f7f14;border-radius:14px;align-items:center;gap:6px;min-width:40px;padding:10px 12px;display:inline-flex}.icon-action.passive{cursor:default}.icon-action.is-active{background:var(--brand-soft);color:var(--brand)}.card-age,.muted-text{color:var(--muted)}.empty-state{margin-top:12px;padding:28px}.empty-state h2{margin-top:0}.empty-state code{background:#7f7f7f1f;border-radius:8px;padding:2px 6px}.sentinel{height:1px}.loading-more,.endcap{text-align:center;color:var(--muted);padding:22px 0 8px}.modal-backdrop{z-index:50;background:#0009;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--panel-solid);width:min(1100px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow);border-radius:28px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);display:grid;position:relative;overflow:auto}.modal-close{z-index:1;color:#fff;cursor:pointer;background:#0f172abd;border-radius:14px;width:42px;height:42px;position:absolute;top:14px;right:14px}.modal-media{background:#0f172a;min-height:360px}.modal-media img,.modal-media video{object-fit:contain;width:100%;height:100%}.modal-body{padding:26px}.modal-body h2{margin:12px 0 8px;font-size:1.65rem}.modal-meta-row,.modal-actions,.modal-tags{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.modal-tags{margin:18px 0 22px}.tag-chip{color:var(--muted);background:#7f7f7f1a;border-radius:999px;padding:8px 12px}.action-button{cursor:pointer;background:#7f7f7f14;border-radius:16px;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;display:inline-flex}.action-button.is-active,.link-button{background:var(--brand-soft);color:var(--brand)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1280px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.toolbar-row,.topbar,.modal{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.modal{display:block}.card-grid{grid-template-columns:1fr}}@media (max-width:720px){.page-shell{width:min(100vw - 20px,1520px);padding-top:10px}.topbar,.controls-panel,.card,.empty-state{border-radius:22px}.card-grid{grid-template-columns:1fr}.card-title-row{flex-direction:column}.modal-backdrop{padding:12px}}@media (max-width:1200px){.thumb{height:300px}.card{min-height:520px}}@media (max-width:768px){.thumb{height:280px}.card{min-height:0}}