@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@500;600;700;800;900&family=Fira+Code:wght@400;500;600&display=swap";:root{--bg-dark:#07090e;--bg-card:#121826bf;--bg-card-hover:#1a2338e0;--bg-glass:#0d121ea6;--bg-popover:#0f172a;--border-color:#ffffff14;--border-glow:#6366f14d;--color-genai:#ec4899;--color-genai-bg:#ec48991f;--color-genai-border:#ec489959;--color-ml:#f97316;--color-ml-bg:#f973161f;--color-ml-border:#f9731659;--color-frontend:#0ea5e9;--color-frontend-bg:#0ea5e91f;--color-frontend-border:#0ea5e959;--color-backend:#10b981;--color-backend-bg:#10b9811f;--color-backend-border:#10b98159;--color-release:#eab308;--color-release-bg:#eab3081f;--color-release-border:#eab30859;--color-devops:#f43f5e;--color-devops-bg:#f43f5e1f;--color-devops-border:#f43f5e59;--color-ai:#8b5cf6;--color-ai-bg:#8b5cf61f;--color-ai-border:#8b5cf659;--accent-primary:#6366f1;--accent-cyan:#38bdf8;--accent-emerald:#34d399;--accent-amber:#fbbf24;--accent-rose:#f43f5e;--accent-purple:#a855f7;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-glow:0 0 25px #6366f126;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 15% 15%,#6366f11a 0%,#0000 40%),radial-gradient(circle at 85% 65%,#ec489914 0%,#0000 40%),radial-gradient(circle at 50% 90%,#f973160f 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.brand-title{font-family:Outfit,sans-serif}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0a0e17cc}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#07090ed9;padding:.85rem 0;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1320px;margin:0 auto;padding:0 1.5rem;display:flex}.brand-logo{color:inherit;align-items:center;gap:.85rem;text-decoration:none;display:flex}.logo-badge{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 0 20px #6366f166}.brand-text h1{letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.35rem;font-weight:800;line-height:1.1}.brand-text span{color:var(--text-muted);font-size:.76rem;font-weight:500}.search-box{flex:1;max-width:520px;position:relative}.search-icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);width:100%;color:var(--text-main);transition:var(--transition);background:#ffffff0a;border-radius:100px;outline:none;padding:.65rem 1rem .65rem 2.75rem;font-size:.9rem}.search-input:focus{border-color:var(--accent-primary);background:#ffffff12;box-shadow:0 0 20px #6366f140}.header-actions{align-items:center;gap:.65rem;display:flex}.navbar-feedback-btn{color:#f472b6;cursor:pointer;transition:var(--transition);background:#ec48991f;border:1px solid #ec48994d;border-radius:100px;align-items:center;gap:.4rem;padding:.52rem .95rem;font-size:.82rem;font-weight:600;display:flex}.navbar-feedback-btn:hover{color:#fff;background:#ec489938;border-color:#ec4899;box-shadow:0 0 15px #ec489959}.bookmark-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:100px;align-items:center;gap:.45rem;padding:.52rem 1rem;font-size:.82rem;font-weight:600;display:flex}.bookmark-btn:hover,.bookmark-btn.active{border-color:var(--accent-primary);color:#fff;background:#6366f12e;box-shadow:0 0 15px #6366f14d}.bookmark-nav-badge{background:var(--accent-primary);color:#fff;border-radius:100px;padding:1px 7px;font-size:.72rem;font-weight:700}.navbar-auth-btn{color:#fff;cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:1px solid #fff3;border-radius:100px;align-items:center;gap:.45rem;padding:.52rem 1.1rem;font-size:.82rem;font-weight:700;display:flex;box-shadow:0 0 20px #6366f159}.navbar-auth-btn:hover{transform:translateY(-1px);box-shadow:0 0 25px #6366f180}.user-profile-menu{border:1px solid var(--border-color);background:#ffffff0d;border-radius:100px;align-items:center;gap:.4rem;padding:.25rem .35rem .25rem .6rem;display:flex}.user-avatar-pill{align-items:center;gap:.45rem;display:flex}.user-avatar-circle{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 100%);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.user-display-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:.8rem;font-weight:600;overflow:hidden}.user-logout-btn{color:var(--text-dim);cursor:pointer;width:28px;height:28px;transition:var(--transition);background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.user-logout-btn:hover{color:#f43f5e;background:#f43f5e40}.filter-hub-wrapper{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:500;background:#0a0e17b3;padding:.85rem 0;position:relative}.category-nav-hub{scrollbar-width:none;align-items:center;gap:.5rem;max-width:1320px;margin:0 auto;padding:0 1.5rem .65rem;display:flex;overflow-x:auto}.category-nav-hub::-webkit-scrollbar{display:none}.cat-btn-hub{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:var(--transition);background:#ffffff08;border-radius:100px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.84rem;font-weight:600;display:flex}.cat-btn-hub:hover{color:var(--text-main);background:#ffffff14;border-color:#fff3}.cat-btn-hub.active{color:#fff;background:#ffffff1a}.filter-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1320px;margin:0 auto;padding:0 1.5rem;display:flex}.filter-dropdowns-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-dropdown-container{z-index:600;position:relative}.filter-dropdown-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition);background:#ffffff0a;border-radius:8px;align-items:center;gap:.75rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;display:flex}.filter-dropdown-btn:hover{background:#ffffff14;border-color:#ffffff40}.filter-dropdown-btn.highlight-active{border-color:var(--color-frontend);color:#fff;background:#0ea5e91f}.dropdown-btn-left{align-items:center;gap:.45rem;display:flex}.dropdown-counter-badge{color:#fff;background:#ffffff26;border-radius:100px;padding:1px 6px;font-size:.72rem;font-weight:700}.date-selected-pill{color:var(--accent-amber);font-weight:600}.dropdown-chevron{color:var(--text-dim);transition:transform .2s}.dropdown-chevron.rotate{transform:rotate(180deg)}.filter-popover-menu{z-index:1000;background:var(--bg-popover);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(24px);border:1px solid #fff3;width:540px;max-width:92vw;padding:1.1rem;animation:.15s ease-out fadeInDown;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 25px 50px -10px #000000f2,0 0 30px #6366f140}.filter-popover-menu:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.filter-popover-menu.date-popover{width:320px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.popover-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.5rem;font-size:.78rem;font-weight:700;display:flex}.popover-action-toggle{border:1px solid var(--color-frontend-border);color:var(--color-frontend);cursor:pointer;background:#0ea5e926;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600}.popover-action-toggle.active{background:var(--color-frontend);color:#fff}.popover-grid-items{grid-template-columns:1fr 1fr;gap:.5rem;display:grid;overflow:visible}.popover-topic-chip{border:1px solid var(--border-color);cursor:pointer;min-width:0;transition:var(--transition);background:#ffffff0a;border-radius:6px;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.78rem;font-weight:500;display:flex}.topic-chip-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;overflow:hidden}.popover-topic-chip:hover{background:#ffffff17;border-color:#ffffff40}.popover-topic-chip.is-followed{color:#fff;background:#10b9811f;border-color:#10b98159}.topic-chip-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.date-options-list{flex-direction:column;gap:.35rem;display:flex}.date-option-row{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition);background:#ffffff08;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.82rem;font-weight:500;display:flex}.date-option-row:hover,.date-option-row.active{border-color:var(--accent-primary);color:#fff;background:#6366f126}.date-picker-custom-row{border:1px solid var(--border-color);background:#ffffff0d;border-radius:6px;align-items:center;gap:.5rem;margin-top:.3rem;padding:.35rem .6rem;display:flex}.date-input-field{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.clear-all-filters-btn{color:var(--color-devops);cursor:pointer;transition:var(--transition);background:#f43f5e1f;border:1px solid #f43f5e59;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:flex}.clear-all-filters-btn:hover{background:var(--color-devops);color:#fff}.main-container{max-width:1320px;margin:1.5rem auto;padding:0 1.5rem 4rem}.digest-hero{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#6366f11a 0%,#ec489914 50%,#f973160f 100%);border:1px solid #ffffff1a;margin-bottom:2rem;padding:2rem;position:relative;overflow:hidden}.digest-tag{color:var(--color-genai);background:#ec489926;border:1px solid #ec48994d;border-radius:100px;align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.3rem .8rem;font-size:.8rem;font-weight:700;display:inline-flex}.digest-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.digest-item{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#121826b3;flex-direction:column;padding:1.25rem;display:flex}.digest-item:hover{background:#1a2338d9;border-color:#ec489959;transform:translateY(-3px);box-shadow:0 10px 25px #00000080}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.section-title{color:#fff;align-items:center;gap:.55rem;font-size:1.35rem;font-weight:800;display:flex}.section-desc{color:var(--text-muted);margin-top:.2rem;font-size:.86rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;display:grid}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition);cursor:pointer;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:relative;overflow:hidden}.glass-card.card-theme-genai:hover{border-color:var(--color-genai-border);background:var(--bg-card-hover);box-shadow:0 15px 35px -10px #0009,0 0 25px #ec489933}.glass-card.card-theme-ml:hover{border-color:var(--color-ml-border);background:var(--bg-card-hover);box-shadow:0 15px 35px -10px #0009,0 0 25px #f9731633}.glass-card.card-theme-frontend:hover{border-color:var(--color-frontend-border);background:var(--bg-card-hover);box-shadow:0 15px 35px -10px #0009,0 0 25px #0ea5e933}.glass-card.card-theme-backend:hover{border-color:var(--color-backend-border);background:var(--bg-card-hover);box-shadow:0 15px 35px -10px #0009,0 0 25px #10b98133}.glass-card.card-theme-release:hover{border-color:var(--color-release-border);background:var(--bg-card-hover);box-shadow:0 15px 35px -10px #0009,0 0 25px #eab30833}.glass-card.card-theme-devops:hover{border-color:var(--color-devops-border);background:var(--bg-card-hover);box-shadow:0 15px 35px -10px #0009,0 0 25px #f43f5e33}.glass-card.card-theme-ai:hover{border-color:var(--color-ai-border);background:var(--bg-card-hover);box-shadow:0 15px 35px -10px #0009,0 0 25px #8b5cf633}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;display:flex}.card-icon-title{align-items:center;gap:.75rem;display:flex}.tool-icon{border:1px solid var(--border-color);background:#ffffff0a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.card-title{color:#f8fafc;font-size:1.12rem;font-weight:700;line-height:1.25}.card-category-badge{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:100px;padding:.22rem .65rem;font-size:.72rem;font-weight:700}.badge-genai{background:var(--color-genai-bg);border:1px solid var(--color-genai-border);color:var(--color-genai)}.badge-ml{background:var(--color-ml-bg);border:1px solid var(--color-ml-border);color:var(--color-ml)}.badge-frontend{background:var(--color-frontend-bg);border:1px solid var(--color-frontend-border);color:var(--color-frontend)}.badge-backend{background:var(--color-backend-bg);border:1px solid var(--color-backend-border);color:var(--color-backend)}.badge-release{background:var(--color-release-bg);border:1px solid var(--color-release-border);color:var(--color-release)}.badge-devops{background:var(--color-devops-bg);border:1px solid var(--color-devops-border);color:var(--color-devops)}.badge-ai{background:var(--color-ai-bg);border:1px solid var(--color-ai-border);color:var(--color-ai)}.card-star-follow{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:flex}.card-star-follow.active{border-color:var(--color-frontend);color:#fff;background:#0ea5e926}.card-tagline{color:var(--accent-cyan);margin-bottom:.45rem;font-size:.85rem;font-weight:600}.card-summary{color:var(--text-muted);margin-bottom:1rem;font-size:.88rem;line-height:1.55}.card-features{border-radius:var(--radius-sm);background:#00000040;border:1px solid #ffffff0d;margin-bottom:1rem;padding:.75rem .9rem}.features-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.45rem;font-size:.74rem;font-weight:700}.feature-item{color:#e2e8f0;align-items:flex-start;gap:.4rem;margin-bottom:.3rem;font-size:.8rem;line-height:1.4;display:flex}.feature-bullet{color:var(--accent-primary);font-weight:700}.card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.85rem;display:flex}.source-link{border:1px solid var(--border-color);color:var(--text-muted);transition:var(--transition);background:#ffffff0a;border-radius:8px;align-items:center;gap:.35rem;padding:.38rem .75rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.source-link:hover{color:#fff;background:#ffffff17;border-color:#fff3}.detail-action-btn{color:#fff;cursor:pointer;transition:var(--transition);background:#6366f126;border:1px solid #6366f159;border-radius:8px;align-items:center;gap:.35rem;padding:.38rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.detail-action-btn:hover{background:var(--accent-primary);box-shadow:0 0 15px #6366f166}.action-icon-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:var(--transition);background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;display:flex}.action-icon-btn:hover{color:#fff;background:#ffffff1a}.action-icon-btn.active-bookmark{border-color:var(--color-release);color:var(--color-release);background:#eab30826}.genai-showcase-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#ec489914 0%,#a855f70f 100%);border:1px solid #ec489940;margin-bottom:1rem;padding:.85rem}.showcase-header-bar{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.showcase-type-tag{color:var(--color-genai);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:.35rem;font-size:.74rem;font-weight:700;display:flex}.showcase-visual-badge{color:#fff;background:#ec48992e;border-radius:100px;padding:1px 7px;font-size:.68rem;font-weight:600}.showcase-prompt-box{border-left:3px solid var(--color-genai);background:#0000004d;border-radius:4px;margin-bottom:.65rem;padding:.45rem .65rem}.prompt-label{color:var(--text-dim);text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.prompt-text{color:#f1f5f9;font-size:.8rem;font-style:italic;line-height:1.35}.copy-prompt-chip{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:.25rem;padding:1px 6px;font-size:.68rem;font-weight:600;display:flex}.copy-prompt-chip:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.showcase-real-image-wrapper{margin-bottom:.75rem}.real-image-container{border-radius:var(--radius-md);cursor:zoom-in;background:#000;border:1px solid #ffffff26;max-height:230px;position:relative;overflow:hidden}.showcase-img-render{object-fit:cover;width:100%;height:100%;max-height:230px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:block}.real-image-container:hover .showcase-img-render{transform:scale(1.03)}.img-overlay-hover{opacity:0;background:linear-gradient(#0000 40%,#000c 100%);align-items:flex-end;padding:.75rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.real-image-container:hover .img-overlay-hover{opacity:1}.img-badge-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0f172ad9;border:1px solid #fff3;border-radius:6px;align-items:center;gap:.35rem;padding:3px 8px;font-size:.72rem;font-weight:600;display:flex}.img-fullscreen-modal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2000;background:#000000eb;justify-content:center;align-items:center;padding:2rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.img-fullscreen-content{max-width:90vw;max-height:88vh;position:relative}.img-fullscreen-large{object-fit:contain;border-radius:var(--radius-lg);border:1px solid #fff3;max-width:100%;max-height:88vh;box-shadow:0 25px 60px #000000f2}.img-close-btn{color:#fff;cursor:pointer;background:#f43f5e;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;font-weight:700;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 0 15px #f43f5e80}.showcase-real-video-wrapper{margin-bottom:.75rem}.real-video-container{border-radius:var(--radius-md);cursor:pointer;background:#000;border:1px solid #ffffff26;height:190px;position:relative;overflow:hidden}.showcase-video-frame{object-fit:cover;width:100%;height:100%;transition:transform .4s,filter .3s;display:block}.showcase-video-frame.is-playing{animation:15s linear infinite alternate slowZoomPan}@keyframes slowZoomPan{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.08)translate(-1%,-1%)}to{filter:brightness(1.02);transform:scale(1.04)translate(1%,1%)}}.video-rec-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.5px;background:#000000bf;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:.4rem;padding:3px 8px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:.65rem;left:.65rem}.rec-dot{background:#f43f5e;border-radius:50%;width:7px;height:7px}.rec-dot.blink{animation:1s infinite blinkRec}@keyframes blinkRec{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.85)}}.video-center-btn-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-glass-play-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ec4899d9;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .2s;display:flex;box-shadow:0 0 25px #ec489999}.real-video-container:hover .video-glass-play-btn{transform:scale(1.1)}.video-bottom-controls{background:linear-gradient(#0000 0%,#000000d9 100%);align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.video-time-text{color:#fff;white-space:nowrap;font-family:Fira Code,monospace;font-size:.7rem;font-weight:600}.video-bar-track{background:#fff3;border-radius:2px;flex:1;height:4px;overflow:hidden}.video-bar-progress{background:var(--color-genai);height:100%;transition:width .3s linear}.showcase-interactive-audio-wrapper{margin-bottom:.75rem}.audio-player-pro{border-radius:var(--radius-md);background:#090d16;border:1px solid #ec48994d;align-items:center;gap:.9rem;padding:.75rem 1rem;display:flex;box-shadow:0 10px 25px #0009,inset 0 0 20px #ec48990f}.audio-pro-play-btn{cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#a855f7 100%);border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 0 20px #ec489980}.audio-pro-play-btn:hover{transform:scale(1.08);box-shadow:0 0 30px #ec4899b3}.audio-pro-play-btn.is-playing{animation:2s infinite alternate pulseNeonAudio}@keyframes pulseNeonAudio{0%{box-shadow:0 0 15px #ec489966}to{box-shadow:0 0 35px #ec4899d9}}.audio-track-info{flex-direction:column;flex:1;gap:.35rem;display:flex}.audio-track-top{justify-content:space-between;align-items:center;display:flex}.audio-track-name{color:#fff;font-size:.78rem;font-weight:700}.audio-timer{color:var(--text-dim);font-family:Fira Code,monospace;font-size:.72rem}.audio-live-waveform{background:#0000004d;border-radius:4px;align-items:center;gap:2.5px;height:28px;padding:0 .4rem;display:flex}.pro-wave-bar{background:linear-gradient(#ec4899 0%,#a855f7 100%);border-radius:2px;flex:1;min-height:4px;transition:height .15s}.pro-wave-bar.is-active{animation:.5s ease-in-out infinite alternate equalizeWave}@keyframes equalizeWave{0%{transform:scaleY(.4)}to{transform:scaleY(1.3)}}.audio-preset-tabs{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem;padding:0 .2rem;display:flex}.preset-label{color:var(--text-dim);font-size:.7rem;font-weight:600}.preset-tab-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#ffffff0a;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:600}.preset-tab-btn:hover{color:#fff;background:#ffffff17}.preset-tab-btn.active{border-color:var(--color-genai-border);color:var(--color-genai);background:#ec48992e}.showcase-reasoning-container{background:#00000059;border:1px solid #a855f740;border-radius:6px;margin-bottom:.65rem;overflow:hidden}.reasoning-toggle-header{color:#c084fc;cursor:pointer;background:#a855f71a;justify-content:space-between;align-items:center;padding:.4rem .65rem;font-size:.76rem;font-weight:600;display:flex}.reasoning-steps-list{flex-direction:column;gap:.35rem;padding:.5rem .65rem;display:flex}.reasoning-step-item{color:#e2e8f0;align-items:flex-start;gap:.4rem;font-size:.78rem;line-height:1.35;display:flex}.showcase-desc-text{color:var(--text-muted);font-size:.76rem;line-height:1.4}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border-radius:var(--radius-xl);background:#0d121f;border:1px solid #ffffff26;flex-direction:column;width:100%;max-width:780px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) zoomIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000000e6,0 0 40px #6366f133}@keyframes zoomIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.75rem;display:flex}.modal-title-group{align-items:center;gap:1rem;display:flex}.modal-tool-icon{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.modal-title{color:#fff;font-size:1.4rem;font-weight:800;line-height:1.2}.modal-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.84rem;display:block}.topic-follow-btn-inline{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:4px;align-items:center;gap:.3rem;padding:2px 8px;font-size:.74rem;font-weight:600;display:inline-flex}.topic-follow-btn-inline.active{border-color:var(--color-frontend);color:#fff;background:#0ea5e926}.modal-close-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;width:36px;height:36px;transition:var(--transition);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{color:#fff;border-color:var(--color-devops);background:#f43f5e33}.modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem 1.75rem;display:flex;overflow-y:auto}.modal-section-title{color:#f1f5f9;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.95rem;font-weight:700;display:flex}.modal-section-header-inline{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.modal-text{color:#cbd5e1;font-size:.94rem;line-height:1.7}.modal-overview-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;padding:1.1rem 1.25rem}.modal-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;display:grid}.modal-feature-card{border-radius:var(--radius-sm);color:#f1f5f9;transition:var(--transition);background:#10b9810d;border:1px solid #10b98133;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;font-size:.88rem;line-height:1.5;display:flex}.modal-feature-card:hover{background:#10b9811a;border-color:#10b98166}.feature-check-icon{color:var(--accent-emerald);flex-shrink:0;margin-top:1px;font-weight:700}.modal-why-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#0000004d;flex-direction:column;gap:.6rem;padding:1rem 1.2rem;display:flex}.modal-why-item{color:#e2e8f0;align-items:flex-start;gap:.5rem;font-size:.88rem;line-height:1.45;display:flex}.why-bullet{color:var(--accent-emerald);font-weight:700}.code-block{border:1px solid var(--border-color);border-radius:var(--radius-md);color:#38bdf8;background:#07090e;padding:1rem 1.25rem;font-family:Fira Code,monospace;font-size:.84rem;line-height:1.5;overflow-x:auto}.copy-code-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.76rem;font-weight:600;display:flex}.copy-code-btn:hover{color:#fff;background:#ffffff1a}.alert-notice-box{border-radius:var(--radius-md);color:#fef08a;background:#eab30814;border:1px solid #eab30840;padding:.85rem 1rem;font-size:.86rem;line-height:1.5}.comments-container{flex-direction:column;gap:.75rem;display:flex}.comment-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#0000004d;padding:.85rem 1rem}.comment-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.comment-avatar{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.comment-author{color:var(--accent-cyan);font-size:.78rem;font-weight:700}.comment-time{color:var(--text-dim);font-size:.72rem}.comment-text{color:#cbd5e1;font-size:.84rem;line-height:1.5}.modal-footer{border-top:1px solid var(--border-color);background:#0003;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.75rem;display:flex}.source-link-lg{border:1px solid var(--border-glow);border-radius:var(--radius-sm);color:#fff;transition:var(--transition);background:#6366f126;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.source-link-lg:hover{background:var(--accent-primary);box-shadow:0 0 20px #6366f166}.toast-container{z-index:2000;border-radius:var(--radius-md);color:#fff;background:#0f172a;border:1px solid #fff3;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.88rem;font-weight:600;animation:.25s ease-out slideUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 15px 30px #000000b3,0 0 20px #6366f133}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;border:1px dashed var(--border-color);border-radius:var(--radius-lg);background:#12182666;margin-top:1rem;padding:4rem 1.5rem}.empty-state h3{color:#fff;margin:1rem 0 .4rem;font-size:1.25rem}.empty-state p{color:var(--text-muted);font-size:.9rem}@media (width<=768px){.header-container{flex-wrap:wrap}.search-box{order:3;max-width:100%}.cards-grid,.popover-grid-items{grid-template-columns:1fr}.filter-popover-menu{width:300px}}.auth-modal-box{border:1px solid #fff3;max-width:440px!important}.auth-header-title{align-items:center;gap:.75rem;display:flex}.auth-modal-body{padding:1.25rem 1.5rem!important}.auth-tab-switch{border:1px solid var(--border-color);background:#00000059;border-radius:10px;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:1.25rem;padding:.3rem;display:grid}.auth-tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-size:.84rem;font-weight:600;display:flex}.auth-tab-btn.active{color:#fff;background:#ffffff1f;box-shadow:0 2px 8px #0006}.auth-alert{border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.82rem;line-height:1.4;display:flex}.auth-alert.error{color:#fda4af;background:#f43f5e26;border:1px solid #f43f5e59}.auth-alert.success{color:#6ee7b7;background:#10b98126;border:1px solid #10b98159}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-input-group{flex-direction:column;gap:.35rem;display:flex}.auth-label{color:var(--text-muted);font-size:.76rem;font-weight:600}.auth-input-wrapper{position:relative}.auth-input-icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.auth-text-input{border:1px solid var(--border-color);color:#fff;width:100%;transition:var(--transition);background:#0000004d;border-radius:8px;outline:none;padding:.65rem .85rem .65rem 2.4rem;font-size:.88rem}.auth-text-input:focus{border-color:var(--accent-primary);background:#00000080;box-shadow:0 0 15px #6366f140}.auth-textarea{border:1px solid var(--border-color);color:#fff;resize:vertical;width:100%;transition:var(--transition);background:#0000004d;border-radius:8px;outline:none;padding:.75rem;font-family:inherit;font-size:.88rem;line-height:1.5}.auth-textarea:focus{border-color:var(--color-genai);box-shadow:0 0 15px #ec489940}.auth-submit-btn{color:#fff;cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:.4rem;padding:.75rem;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 0 20px #6366f159}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #6366f199}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;color:var(--text-dim);align-items:center;margin:.5rem 0;font-size:.76rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.auth-divider span{padding:0 .6rem}.auth-social-btn{border:1px solid var(--border-color);color:#fff;cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.85rem;font-weight:600;display:flex}.auth-social-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40}.auth-footer-notice{border-top:1px solid var(--border-color);color:var(--text-dim);text-align:center;background:#00000040;padding:.85rem 1.5rem;font-size:.74rem}.feedback-type-grid{grid-template-columns:1fr;gap:.4rem;display:grid}.feedback-type-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#ffffff0a;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;display:flex}.feedback-type-btn:hover,.feedback-type-btn.active{border-color:var(--color-genai-border);color:#fff;background:#ec489926}.feedback-success-state{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1rem;display:flex}.feedback-success-state h3{color:#fff;font-size:1.25rem}.feedback-success-state p{color:var(--text-muted);font-size:.86rem}