:root{--glass-bg:rgba(255, 255, 255, 0.12);--glass-bg-dark:rgba(20, 20, 30, 0.45);--glass-border:rgba(255, 255, 255, 0.25);--glass-blur:18px;--glass-shadow:0 8px 32px rgba(0, 0, 0, 0.18),0 1.5px 0 rgba(255,255,255,0.18) inset,0 -1px 0 rgba(0,0,0,0.08) inset;--glass-radius:16px;--glass-transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1)}#navbar{background:rgba(255,255,255,.1)!important;backdrop-filter:blur(var(--glass-blur)) saturate(180%)!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%)!important;border-bottom:1px solid var(--glass-border)!important;box-shadow:0 4px 24px rgba(0,0,0,.08)!important;transition:var(--glass-transition)!important}.dark-mode #navbar,[data-user-color-scheme=dark] #navbar{background:rgba(15,15,25,.5)!important;border-bottom-color:rgba(255,255,255,.08)!important}.index-card{position:relative;overflow:hidden;border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25);transition:background .4s ease,box-shadow .4s ease}.index-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .4s ease;pointer-events:none}.card-body.hover-with-bg::after,.index-card::after{content:'';position:absolute;inset:-60%;pointer-events:none;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.25),transparent 55%);filter:blur(30px);opacity:0;transition:opacity .25s ease}.card-body.hover-with-bg:hover::after,.index-card:hover::after{opacity:.6}.card-body.hover-with-bg:hover::before,.index-card:hover::before{opacity:.8}.index-card:hover::before{opacity:.6}.index-card:hover{background:rgba(255,255,255,.12)}.card-body.hover-with-bg{position:relative;overflow:hidden;border-radius:14px;background:rgba(255,255,255,.06);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22);transition:background .35s ease,border-color .35s ease}.card-body.hover-with-bg::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .35s ease;pointer-events:none}.card-body.hover-with-bg:hover::before{opacity:.5}.card-body.hover-with-bg:hover{background:rgba(255,255,255,.11)}#board{background:rgba(255,255,255,.75)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-radius:var(--glass-radius)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}[data-user-color-scheme=dark] #board{background:rgba(18,18,30,.72)!important}.sidebar-widget,.widget{background:var(--glass-bg)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius)!important;box-shadow:var(--glass-shadow)!important;margin-bottom:1.2rem!important}#toc-ctn{background:rgba(255,255,255,.1)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid var(--glass-border)!important;border-radius:12px!important;padding:12px!important}.card:hover::after,.post-card:hover::after{opacity:1}.card,.post-card{position:relative!important;overflow:hidden!important}#footer{background:rgba(255,255,255,.08)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-top:1px solid var(--glass-border)!important}