:root{--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#f0f2f5;--accent:#ec4899;--accent-dark:#db2777;--accent-light:#f472b6;--accent-soft:rgba(236, 72, 153, 0.08);--accent-glow:rgba(236, 72, 153, 0.15);--accent-secondary:#a855f7;--accent-secondary-soft:rgba(168, 85, 247, 0.08);--color-blog:#ec4899;--color-blog-soft:rgba(236, 72, 153, 0.1);--color-mh:#f97316;--color-mh-soft:rgba(249, 115, 22, 0.1);--color-videos:#22c55e;--color-videos-soft:rgba(34, 197, 94, 0.1);--color-todos:#eab308;--color-todos-soft:rgba(234, 179, 8, 0.1);--success:#22c55e;--success-soft:rgba(34, 197, 94, 0.1);--warning:#f59e0b;--warning-soft:rgba(245, 158, 11, 0.1);--danger:#ef4444;--danger-soft:rgba(239, 68, 68, 0.1);--text-primary:#1a1a1a;--text-body:#374151;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:rgba(0, 0, 0, 0.06);--border-hover:rgba(0, 0, 0, 0.12);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.02);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.02);--shadow-hover:0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(236, 72, 153, 0.06);--glow-pink:0 0 20px rgba(236, 72, 153, 0.3), 0 0 40px rgba(236, 72, 153, 0.1);--glow-purple:0 0 20px rgba(168, 85, 247, 0.3), 0 0 40px rgba(168, 85, 247, 0.1);--glow-mixed:0 0 20px rgba(236, 72, 153, 0.2), 0 0 40px rgba(168, 85, 247, 0.15);--shadow-glow:0 8px 32px rgba(0, 0, 0, 0.08), 0 0 20px rgba(236, 72, 153, 0.15);--font-display:'Jura', sans-serif;--font-body:'Exo 2', sans-serif;--font-mono:'JetBrains Mono', monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--transition-fast:0.15s ease;--transition-normal:0.25s var(--ease-out);--transition-slow:0.4s var(--ease-out)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:300;color:var(--text-body);background:var(--bg-secondary);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-dark)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft);color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,100%{opacity:1}50%{opacity:.4}}@keyframes wave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.5)}}@keyframes glow-pulse{0%,100%{box-shadow:0 0 5px var(--accent-glow),0 0 10px var(--accent-glow)}50%{box-shadow:0 0 15px var(--accent-glow),0 0 25px var(--accent-glow)}}@keyframes shimmer{0%{background-position:-200%}100%{background-position:200%}}@keyframes gradient-shift{0%,100%{background-position:0}50%{background-position:100%}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes border-glow{0%,100%{border-color:var(--accent);box-shadow:0 0 5px var(--accent-glow)}50%{border-color:var(--accent-secondary);box-shadow:0 0 10px rgba(168,85,247,.2)}}@keyframes scanline{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--text-primary);line-height:1.3}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-family:var(--font-body);font-size:1.1rem;font-weight:500}h5,h6{font-family:var(--font-body);font-size:1rem;font-weight:500}p{margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}strong,b{font-weight:500;color:var(--text-primary)}em,i{font-style:italic}small{font-size:.875rem}code,kbd,samp,pre{font-family:var(--font-mono)}.text-display{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1.2}.section-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.section-title::before{content:'';width:3px;height:16px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:2px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}@media(max-width:768px){.container{padding:0 var(--space-md)}}.container-sm{max-width:800px}.container-md{max-width:1e3px}.main{padding:var(--space-2xl)0;min-height:calc(100vh - 64px - 100px)}.page-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}@media(max-width:768px){.page-wrapper{padding:0 var(--space-md)}}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--space-2xl);align-items:start}@media(max-width:1200px){.article-layout{grid-template-columns:1fr}.article-layout .sidebar{display:none}}.article-main{min-width:0}.article-page{max-width:1e3px;margin:0 auto}.list-header{text-align:center;margin-bottom:var(--space-2xl)}.list-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.list-description{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.list-count{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.section{margin-bottom:var(--space-3xl)}.section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-link{font-size:.85rem;font-weight:400;color:var(--text-muted)}.section-link:hover{color:var(--accent)}.hero{padding:var(--space-3xl)0 var(--space-2xl)}@media(max-width:768px){.hero{padding:var(--space-xl)0}}.hero-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:stretch}@media(max-width:992px){.hero-row{grid-template-columns:1fr;gap:var(--space-lg)}}.quick-access{display:flex;flex-direction:column}.quick-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);display:flex;align-items:center}.quick-title::before{content:'';width:3px;height:16px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:2px;margin-right:var(--space-sm)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.grid-2{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:992px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-3{grid-template-columns:1fr}}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:992px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.grid-4{grid-template-columns:1fr}}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);flex:1}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media(max-width:992px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.content-grid{grid-template-columns:1fr}}.blog-list{display:flex;flex-direction:column;gap:var(--space-lg)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.header{background:var(--bg-primary);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-xs)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.logo-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);animation:breathe 2s ease-in-out infinite,glow-pulse 3s ease-in-out infinite;box-shadow:0 0 8px var(--accent-glow),0 0 16px var(--accent-glow)}.logo-text{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-primary);letter-spacing:.5px;transition:all var(--transition-normal)}.logo:hover .logo-text{color:var(--accent)}.nav{display:flex;align-items:center;gap:var(--space-xs)}@media(max-width:768px){.nav{display:none}}.nav-link{font-family:var(--font-body);font-size:.9rem;font-weight:400;color:var(--text-secondary);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-normal);position:relative}.nav-link::after{content:'';position:absolute;bottom:4px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:1px;transition:all var(--transition-normal);transform:translateX(-50%)}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link:hover::after{width:calc(100% - var(--space-lg))}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.nav-link.active::after{width:calc(100% - var(--space-lg))}.nav-search{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-normal)}.nav-search:hover{color:var(--accent);background:var(--accent-soft)}.nav-search svg{width:20px;height:20px}.mobile-menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-normal)}@media(max-width:768px){.mobile-menu-btn{display:flex}}.mobile-menu-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.mobile-menu-btn svg{width:24px;height:24px}.nav-mobile{display:none;position:fixed;top:64px;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:var(--space-md);box-shadow:var(--shadow-md);animation:fadeIn .2s var(--ease-out);z-index:99}.nav-mobile.open{display:block}.mobile-nav-link{display:block;font-family:var(--font-body);font-size:1rem;font-weight:400;color:var(--text-secondary);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--accent);background:var(--accent-soft)}.footer{background:var(--bg-primary);border-top:1px solid var(--border);padding:var(--space-xl)0;margin-top:var(--space-2xl)}.footer-inner{display:flex;align-items:center;justify-content:space-between}@media(max-width:576px){.footer-inner{flex-direction:column;gap:var(--space-md);text-align:center}}.footer-copy{font-size:.85rem;color:var(--text-muted)}.footer-links{display:flex;gap:var(--space-md)}.footer-link{font-size:.85rem;color:var(--text-muted)}.footer-link:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-body);font-size:.9rem;font-weight:500;padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-md);border:none;cursor:pointer;text-decoration:none;transition:all var(--transition-normal)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-dark);box-shadow:var(--glow-pink);transform:translateY(-2px);color:#fff}.btn-gradient{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-gradient:hover{box-shadow:var(--glow-mixed);transform:translateY(-2px);color:#fff}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.btn-ghost{background:0 0;color:var(--accent)}.btn-ghost:hover{background:var(--accent-soft)}.btn-sm{font-size:.8rem;padding:var(--space-xs)var(--space-md)}.btn-lg{font-size:1rem;padding:var(--space-md)var(--space-xl)}.badge{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:.7rem;font-weight:500;padding:.2rem .6rem;border-radius:var(--radius-full)}.badge-blog{background:var(--color-blog-soft);color:var(--color-blog)}.badge-mh{background:var(--color-mh-soft);color:var(--color-mh)}.badge-videos{background:var(--color-videos-soft);color:var(--color-videos)}.badge-todos{background:var(--color-todos-soft);color:var(--color-todos)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-solid{background:var(--accent);color:#fff}.badge-gradient{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:#fff}.tag{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:.75rem;font-weight:400;color:var(--text-secondary);padding:var(--space-xs)var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-normal)}.tag:hover{color:var(--accent);background:var(--accent-soft)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.search-wrapper{position:relative}.search-input{width:100%;font-family:var(--font-body);font-size:.95rem;padding:var(--space-md)var(--space-lg);padding-left:48px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);outline:none;transition:all var(--transition-normal)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-icon svg{width:20px;height:20px}.pagination{display:flex;align-items:center;justify-content:center;margin-top:var(--space-2xl)}.pagination-list{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);list-style:none;padding:0;margin:0}.pagination-link{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;padding:0 var(--space-md);transition:all var(--transition-normal)}.pagination-link:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.pagination-link svg{width:16px;height:16px;flex-shrink:0}.pagination-current{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);padding:0 var(--space-md)}.pagination-prev,.pagination-next{padding:0 var(--space-md)}.pagination-ellipsis{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1rem}.pagination-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-normal)}.pagination-item:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.pagination-item.active{color:#fff;background:var(--accent);border-color:var(--accent)}.pagination-item.disabled{color:var(--text-muted);pointer-events:none;opacity:.5}.pagination-item svg{width:16px;height:16px}.status{display:inline-flex;align-items:center;gap:var(--space-xs)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:var(--success);animation:breathe 2s ease-in-out infinite}.status-dot.idle{background:var(--warning)}.status-dot.offline{background:var(--text-muted)}.status-text{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.progress-wrapper{width:100%}.progress-track{position:relative;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:visible}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:2px;position:relative;transition:width .3s linear}.progress-fill::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--bg-primary);border:2px solid var(--accent);border-radius:50%;box-shadow:0 2px 8px var(--accent-soft)}.callout{padding:var(--space-md)var(--space-lg);padding-left:var(--space-xl);border-radius:var(--radius-md);position:relative;margin:var(--space-lg)0}.callout::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px}.callout-title{font-family:var(--font-body);font-size:.85rem;font-weight:500;margin-bottom:var(--space-xs)}.callout-text{font-size:.9rem;line-height:1.6}.callout-info{background:var(--accent-soft)}.callout-info::before{background:var(--accent)}.callout-info .callout-title{color:var(--accent)}.callout-success{background:var(--success-soft)}.callout-success::before{background:var(--success)}.callout-success .callout-title{color:var(--success)}.callout-warning{background:var(--warning-soft)}.callout-warning::before{background:var(--warning)}.callout-warning .callout-title{color:var(--warning)}.callout-danger{background:var(--danger-soft)}.callout-danger::before{background:var(--danger)}.callout-danger .callout-title{color:var(--danger)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:600;background:linear-gradient(135deg,var(--accent-soft) 0%,var(--accent-secondary-soft) 100%);color:var(--accent)}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-sm{width:32px;height:32px;font-size:.8rem}.avatar-md{width:48px;height:48px;font-size:1.1rem}.avatar-lg{width:64px;height:64px;font-size:1.5rem}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.75rem;margin-bottom:var(--space-md)}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb-sep{color:var(--text-muted)}.breadcrumb-current{color:var(--text-secondary)}.waveform{display:flex;align-items:center;gap:3px;height:20px}.wave-bar{width:3px;background:var(--accent);border-radius:2px;animation:wave 1s ease-in-out infinite}.wave-bar:nth-child(1){height:40%;animation-delay:0s}.wave-bar:nth-child(2){height:70%;animation-delay:.1s}.wave-bar:nth-child(3){height:50%;animation-delay:.2s}.wave-bar:nth-child(4){height:90%;animation-delay:.3s}.wave-bar:nth-child(5){height:60%;animation-delay:.4s}.waveform.paused .wave-bar{animation:none;opacity:.3}.mini-card,.blog-card,.video-card,.content-card,.featured-card,.quick-card,.hero-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-decoration:none;color:inherit;display:block;position:relative}.mini-card:hover,.blog-card:hover,.video-card:hover,.content-card:hover,.featured-card:hover,.quick-card:hover,.hero-card:hover{border-color:rgba(236,72,153,.3);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.content-card::after,.featured-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-secondary) 100%);opacity:0;transition:opacity var(--transition-normal)}.content-card:hover::after,.featured-card:hover::after{opacity:1}.hero-card{border-radius:var(--radius-2xl);padding:var(--space-xl);animation:fadeIn .5s var(--ease-out)forwards;display:flex;flex-direction:column}.hero-card:hover{transform:none}.hero-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.hero-avatar{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-soft) 0%,var(--accent-secondary-soft) 100%);display:flex;align-items:center;justify-content:center;font-size:1.75rem;box-shadow:var(--shadow-sm)}.hero-info{flex:1}.hero-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-role{font-size:.85rem;color:var(--text-muted)}.hero-status{display:flex;align-items:center;gap:var(--space-xs)}.hero-message{font-size:1rem;line-height:1.7;color:var(--text-body)}.hero-message strong{color:var(--text-primary);font-weight:500}.quick-card{border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;animation:fadeIn .5s var(--ease-out)forwards;opacity:0}.quick-card:nth-child(1){animation-delay:.05s}.quick-card:nth-child(2){animation-delay:.1s}.quick-card:nth-child(3){animation-delay:.15s}.quick-card:nth-child(4){animation-delay:.2s}.quick-card:nth-child(5){animation-delay:.25s}.quick-icon{width:48px;height:48px;margin:0 auto var(--space-sm);background:var(--accent-soft);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.quick-icon svg{width:24px;height:24px;color:var(--accent);transition:color var(--transition-normal)}.quick-card:hover .quick-icon{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);box-shadow:0 0 20px var(--accent-glow),0 0 40px rgba(168,85,247,.1)}.quick-card:hover .quick-icon svg{color:#fff}.quick-label{font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-normal)}.quick-card:hover .quick-label{color:var(--text-primary)}.featured-card{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);display:grid;grid-template-columns:400px 1fr;animation:fadeIn .5s var(--ease-out).1s forwards;opacity:0}@media(max-width:992px){.featured-card{grid-template-columns:1fr}}.featured-image{aspect-ratio:16/10;background:var(--bg-tertiary);position:relative;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.featured-card:hover .featured-image img{transform:scale(1.03)}.featured-badge{position:absolute;top:var(--space-md);left:var(--space-md);font-family:var(--font-body);font-size:.7rem;font-weight:500;padding:.3rem .8rem;border-radius:var(--radius-full);background:var(--color-blog-soft);color:var(--color-blog);backdrop-filter:blur(8px)}.featured-content{padding:var(--space-xl);display:flex;flex-direction:column;justify-content:center}.featured-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.featured-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:var(--space-md)}.featured-excerpt{font-size:.95rem;color:var(--text-secondary);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-card{overflow:hidden;animation:fadeIn .5s var(--ease-out)forwards;opacity:0}.content-card:nth-child(1){animation-delay:.05s}.content-card:nth-child(2){animation-delay:.1s}.content-card:nth-child(3){animation-delay:.15s}.content-card:nth-child(4){animation-delay:.2s}.content-card:nth-child(5){animation-delay:.25s}.content-card:nth-child(6){animation-delay:.3s}.content-image{height:160px;background:var(--bg-tertiary);position:relative;overflow:hidden}.content-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.content-card:hover .content-image img{transform:scale(1.03)}.content-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);font-family:var(--font-body);font-size:.65rem;font-weight:500;padding:.2rem .6rem;border-radius:var(--radius-full)}.content-badge.blog{background:var(--color-blog-soft);color:var(--color-blog)}.content-badge.mh{background:var(--color-mh-soft);color:var(--color-mh)}.content-badge.videos{background:var(--color-videos-soft);color:var(--color-videos)}.content-badge.todos{background:var(--color-todos-soft);color:var(--color-todos)}.content-body{padding:var(--space-md)}.content-title{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card:hover .content-title{color:var(--accent)}.content-excerpt{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.video-card{overflow:hidden}.video-thumbnail{aspect-ratio:16/9;background:var(--bg-tertiary);position:relative;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.video-card:hover .video-thumbnail img{transform:scale(1.03)}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.video-play svg{width:24px;height:24px;color:var(--accent);margin-left:3px}.video-card:hover .video-play{transform:translate(-50%,-50%)scale(1.1);box-shadow:var(--shadow-hover)}.video-duration{position:absolute;bottom:var(--space-sm);right:var(--space-sm);font-family:var(--font-mono);font-size:.7rem;font-weight:500;padding:.2rem .5rem;background:rgba(0,0,0,.7);color:#fff;border-radius:var(--radius-sm)}.video-body{padding:var(--space-md)}.video-title{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-xs)}.video-meta{display:flex;align-items:center;gap:var(--space-sm)}.video-game{font-size:.75rem;font-weight:500;color:var(--accent)}.video-date{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.blog-card{border-radius:var(--radius-xl);padding:var(--space-lg);overflow:hidden}.blog-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-secondary) 100%);opacity:0;transition:opacity var(--transition-normal)}.blog-card:hover::before{opacity:1}.blog-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.blog-card-avatar{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-soft) 0%,var(--accent-secondary-soft) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;color:var(--accent)}.blog-card-info{flex:1}.blog-card-author{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--text-primary)}.blog-card-date{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.blog-card-body{display:grid;grid-template-columns:1fr 120px;gap:var(--space-md);align-items:start}@media(max-width:576px){.blog-card-body{grid-template-columns:1fr}}.blog-card-content{min-width:0}.blog-card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:var(--space-xs)}.blog-card-excerpt{font-size:.85rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-thumb{width:120px;height:80px;border-radius:var(--radius-md);background:var(--bg-tertiary);overflow:hidden;flex-shrink:0}@media(max-width:576px){.blog-card-thumb{display:none}}.blog-card-thumb img{width:100%;height:100%;object-fit:cover}.mini-card{border-radius:var(--radius-lg);padding:var(--space-md);display:flex;gap:var(--space-md)}.mini-card:hover{transform:translateY(-1px)}.mini-image{width:80px;height:80px;border-radius:var(--radius-md);background:var(--bg-tertiary);flex-shrink:0;overflow:hidden}.mini-image img{width:100%;height:100%;object-fit:cover}.mini-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.mini-title{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-xs)}.mini-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.year-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl)0}.year-divider::before,.year-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border) 50%,transparent 100%)}.year-label{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--accent)}.article-header{margin-bottom:var(--space-xl)}.article-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.article-badge{font-family:var(--font-body);font-size:.7rem;font-weight:500;padding:.25rem .75rem;border-radius:var(--radius-full);background:var(--color-blog-soft);color:var(--color-blog)}.article-badge.mh{background:var(--color-mh-soft);color:var(--color-mh)}.article-badge.videos{background:var(--color-videos-soft);color:var(--color-videos)}.article-badge.todos{background:var(--color-todos-soft);color:var(--color-todos)}.article-section{font-size:.85rem;font-weight:500;color:var(--accent);text-decoration:none}.article-section:hover{text-decoration:underline}.article-date{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.article-description{font-size:1.05rem;color:var(--text-secondary);line-height:1.6}.article-title{font-family:var(--font-display);font-size:2.25rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:var(--space-md)}@media(max-width:768px){.article-title{font-size:1.75rem}}.article-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.article-featured-image{margin:0 0 var(--space-xl);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.article-featured-image img{width:100%;height:auto;display:block;object-fit:cover}.article-content{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm)}@media(max-width:768px){.article-content{padding:var(--space-lg);border-radius:var(--radius-lg)}}.article-content>*+*{margin-top:var(--space-lg)}.article-content p{font-size:1rem;line-height:1.85;color:var(--text-body)}.article-content h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-top:var(--space-2xl);padding-bottom:var(--space-sm);border-bottom:2px solid transparent;background:linear-gradient(var(--bg-primary),var(--bg-primary))padding-box,linear-gradient(90deg,var(--accent) 0%,var(--accent-secondary) 50%,transparent 100%)border-box}.article-content h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-top:var(--space-xl)}.article-content h4{font-family:var(--font-body);font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-top:var(--space-lg)}.article-content a{color:var(--accent);text-decoration:none;position:relative;transition:all var(--transition-normal)}.article-content a::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-secondary) 100%);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-normal);border-radius:1px}.article-content a:hover{color:var(--accent-dark)}.article-content a:hover::after{transform:scaleX(1);transform-origin:left}.article-content ul,.article-content ol{padding-left:var(--space-lg)}.article-content li{margin-bottom:var(--space-sm);line-height:1.7}.article-content li::marker{color:var(--accent)}.article-content ol li::marker{font-weight:500}.article-content blockquote{position:relative;padding:var(--space-lg);padding-left:var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-md);font-style:italic;color:var(--text-secondary)}.article-content blockquote::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:2px}.article-content blockquote p{margin:0}.article-content code{font-family:var(--font-mono);font-size:.9em;padding:.15em .4em;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--accent-dark)}.article-content pre{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-lg);overflow-x:auto;position:relative}.article-content pre::before{content:'CODE';position:absolute;top:var(--space-sm);right:var(--space-sm);font-family:var(--font-mono);font-size:.6rem;font-weight:500;color:var(--text-muted);letter-spacing:1px}.article-content pre code{background:0 0;padding:0;font-size:.85rem;line-height:1.6;color:var(--text-body)}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-md)0}.article-content figure{margin:var(--space-lg)0}.article-content figcaption{font-size:.85rem;color:var(--text-muted);text-align:center;margin-top:var(--space-sm)}.article-content table{width:100%;border-collapse:collapse;font-size:.9rem;margin:var(--space-lg)0}.article-content th{background:var(--bg-tertiary);font-weight:500;text-align:left;padding:var(--space-sm)var(--space-md);border-bottom:2px solid var(--border)}.article-content td{padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--border)}.article-content tr:hover{background:var(--bg-secondary)}.article-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border) 20%,var(--accent-soft) 50%,var(--border) 80%,transparent 100%);margin:var(--space-2xl)0}.article-footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-md)}.article-taxonomy{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.taxonomy-label{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.article-tags,.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.post-nav,.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-xl)}@media(max-width:576px){.post-nav,.post-navigation{grid-template-columns:1fr}}.post-nav-link{display:flex;flex-direction:column;gap:var(--space-xs);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);text-decoration:none;transition:all var(--transition-normal)}.post-nav-link:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.post-nav-link.next{text-align:right;align-items:flex-end}.post-nav-label{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;font-weight:500;color:var(--accent)}.post-nav-title{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.4}.comments-section{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm);margin-top:var(--space-xl)}.comments-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.comments-title::before{content:'';width:3px;height:20px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:2px}.sidebar-section,.sidebar-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg)}.sidebar-section:last-child,.sidebar-card:last-child{margin-bottom:0}.sidebar-title{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.sidebar-title::before{content:'';width:3px;height:12px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:2px}.toc ul{list-style:none;padding:0;margin:0}.toc ul li{margin-bottom:var(--space-xs)}.toc ul ul{padding-left:var(--space-md);margin-top:var(--space-xs)}.toc ul ul a{font-size:.8rem}.toc a{display:block;font-size:.85rem;color:var(--text-secondary);text-decoration:none;padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.toc a:hover{color:var(--accent);background:var(--accent-soft);padding-left:var(--space-md)}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:var(--space-xs)}.toc-list .toc-list{padding-left:var(--space-md);margin-top:var(--space-xs)}.toc-list .toc-list .toc-link{font-size:.8rem}.toc-link{display:block;font-size:.85rem;color:var(--text-secondary);text-decoration:none;padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.toc-link:hover{color:var(--accent);background:var(--accent-soft);padding-left:var(--space-md)}.toc-link.active{color:var(--accent);background:var(--accent-soft)}.related-list{display:flex;flex-direction:column}.related-item{display:block;padding:var(--space-sm)0;border-bottom:1px solid var(--border);text-decoration:none;transition:all var(--transition-normal)}.related-item:last-child{border-bottom:none;padding-bottom:0}.related-item:first-child{padding-top:0}.related-item:hover .related-title{color:var(--accent)}.related-title{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-xs);transition:color var(--transition-normal)}.related-date{display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.related-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.recent-list{list-style:none;padding:0;margin:0}.recent-item{padding:var(--space-sm)0;border-bottom:1px solid var(--border)}.recent-item:last-child{border-bottom:none}.recent-item a{font-size:.85rem;color:var(--text-secondary);text-decoration:none;display:block;transition:color var(--transition-normal)}.recent-item a:hover{color:var(--accent)}.search-page{max-width:1e3px;margin:0 auto}.search-header{margin-bottom:var(--space-xl)}.search-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg)}.search-form{position:relative;max-width:500px}.search-results{margin-top:var(--space-xl)}.search-results-count{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-lg)}.search-result-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);text-decoration:none;display:block;transition:all var(--transition-normal)}.search-result-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.search-result-title{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs)}.search-result-excerpt{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-sm)}.search-result-excerpt mark{background:var(--accent-soft);color:var(--accent);padding:0 .2em;border-radius:2px}.search-result-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:var(--space-md)}.about-page{max-width:1e3px;margin:0 auto}.profile-section{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);text-align:center}.profile-image{width:120px;height:120px;margin:0 auto var(--space-lg);border-radius:50%;background:linear-gradient(135deg,var(--accent-soft) 0%,var(--accent-secondary-soft) 100%);display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:var(--shadow-md)}.profile-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-name{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.profile-role{font-size:1rem;color:var(--text-muted);margin-bottom:var(--space-lg)}.profile-bio{font-size:1rem;color:var(--text-secondary);line-height:1.8;max-width:600px;margin:0 auto var(--space-xl)}.social-links{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.9rem;color:var(--text-secondary);padding:var(--space-sm)var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-normal)}.social-link:hover{color:var(--accent);background:var(--accent-soft)}.social-link svg{width:18px;height:18px}.stats-section{margin-bottom:var(--space-xl)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-sm)}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--accent);margin-bottom:var(--space-xs)}.stat-label{font-size:.85rem;color:var(--text-muted)}.archives-page{max-width:1e3px;margin:0 auto}.archive-year{margin-bottom:var(--space-2xl)}.archive-year-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--accent-soft)}.archive-year-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--accent);margin:0}.archive-year-count{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);background:var(--bg-tertiary);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full)}.archive-month{margin-bottom:var(--space-xl)}.archive-month-title{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md);padding-left:var(--space-sm)}.archive-list{display:flex;flex-direction:column;gap:var(--space-xs)}.archive-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-md);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-normal)}.archive-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.archive-item:hover .archive-title{color:var(--accent)}.archive-item:hover .archive-arrow{opacity:1;transform:translateX(0)}.archive-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);min-width:50px}.archive-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.15rem .5rem;border-radius:var(--radius-full);min-width:45px;text-align:center}.archive-badge.blog{background:var(--color-blog-soft);color:var(--color-blog)}.archive-badge.monster-hunter{background:var(--color-mh-soft);color:var(--color-mh)}.archive-badge.videos{background:var(--color-videos-soft);color:var(--color-videos)}.archive-badge.todos{background:var(--color-todos-soft);color:var(--color-todos)}.archive-title{font-size:.9rem;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-normal)}.archive-arrow{color:var(--text-muted);opacity:0;transform:translateX(-4px);transition:all var(--transition-normal);flex-shrink:0}@media(max-width:576px){.archive-year-header{flex-wrap:wrap}.archive-item{flex-wrap:wrap;gap:var(--space-sm)}.archive-date{min-width:auto}.archive-title{width:100%;order:3;white-space:normal}.archive-arrow{display:none}}.error-page{text-align:center;padding:var(--space-3xl)0}.error-code{font-family:var(--font-display);font-size:6rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md)}.error-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.error-message{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-xl)}.error-actions{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.search-container{max-width:700px;margin:0 auto}.search-box{position:relative;margin-bottom:var(--space-xl)}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:var(--space-md)var(--space-md)var(--space-md)calc(var(--space-md) + 32px);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 3px var(--accent-soft)}.search-shortcut{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.75rem;padding:.2rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted)}.search-result{display:block;text-decoration:none;color:inherit;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all var(--transition-normal)}.search-result:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.search-result-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xs)}.search-result-badge{font-size:.7rem;font-weight:500;padding:.2rem .5rem;background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-full);text-transform:capitalize}.search-result-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-top:var(--space-sm)}.search-empty{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}.todos-list{display:flex;flex-direction:column;gap:var(--space-sm)}.todo-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-normal)}.todo-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.todo-item:hover .todo-arrow{opacity:1;transform:translateX(0)}.todo-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);min-width:50px}.todo-status{font-family:var(--font-mono);font-size:.7rem;font-weight:500;padding:.2rem .6rem;border-radius:var(--radius-full);text-transform:capitalize}.todo-status.todo-status-todo{background:var(--color-todos-soft);color:var(--color-todos)}.todo-status.todo-status-in-progress{background:var(--accent-soft);color:var(--accent)}.todo-status.todo-status-done,.todo-status.todo-status-completed{background:var(--accent-secondary-soft);color:var(--accent-secondary)}.todo-title{flex:1;font-size:.95rem;font-weight:500;color:var(--text-primary)}.todo-arrow{color:var(--text-muted);opacity:0;transform:translateX(-4px);transition:all var(--transition-normal)}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}@media(max-width:768px){.hub-grid{grid-template-columns:1fr}}.hub-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2xl);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:all var(--transition-normal)}.hub-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.hub-card:hover .hub-icon{background:var(--accent)}.hub-card:hover .hub-icon svg{color:#fff}.hub-icon{width:64px;height:64px;margin-bottom:var(--space-lg);background:var(--accent-soft);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.hub-icon svg{color:var(--accent);transition:color var(--transition-normal)}.hub-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.hub-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.hub-link{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--accent)}.video-page{max-width:1200px;margin:0 auto}.video-header{margin-bottom:var(--space-xl)}.video-header .video-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.video-section{font-size:.85rem;font-weight:500;color:var(--accent);text-decoration:none}.video-section:hover{text-decoration:underline}.video-header .video-date,.video-header .video-game{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.video-header .video-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:var(--space-sm)}.video-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.video-player{margin-bottom:var(--space-2xl);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-md)}.video-content{margin-bottom:var(--space-2xl)}.video-content .video-block{margin-bottom:var(--space-xl)}.video-content .video-block .plyr__video-embed{border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--space-md)}.video-content .video-block .plyr__video-embed iframe{border-radius:var(--radius-xl)}.video-content .video-block .video-source-link{display:block;text-align:center;padding:var(--space-sm)var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal);width:fit-content;margin:var(--space-md)auto 0}.video-content .video-block .video-source-link:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--accent)}.video-content>.plyr__video-embed{border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl)}.video-content>.plyr__video-embed iframe{border-radius:var(--radius-xl)}.video-content p{font-size:1rem;line-height:1.8;color:var(--text-body);margin-bottom:var(--space-md)}.video-content p:last-child{margin-bottom:0}.video-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-soft);transition:all var(--transition-normal)}.video-content a:hover{color:var(--accent-dark);border-bottom-color:var(--accent)}.video-content h2,.video-content h3,.video-content h4{font-family:var(--font-display);font-weight:600;color:var(--text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.video-content h2{font-size:1.25rem}.video-content h3{font-size:1.1rem}.video-content h4{font-size:1rem}.video-content ul,.video-content ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.video-content li{margin-bottom:var(--space-xs);line-height:1.7;color:var(--text-body)}.video-content li::marker{color:var(--accent)}.video-content blockquote{padding:var(--space-md)var(--space-lg);background:var(--bg-secondary);border-left:3px solid var(--accent);border-radius:var(--radius-md);font-style:italic;color:var(--text-secondary);margin:var(--space-lg)0}.video-content blockquote p{margin:0}.video-content code{font-family:var(--font-mono);font-size:.9em;padding:.15em .4em;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--accent-dark)}.video-content hr{border:none;height:1px;background:var(--border);margin:var(--space-xl)0}.video-navigation{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border)}@media(max-width:576px){.video-navigation{grid-template-columns:1fr}}.video-nav-link{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-normal)}.video-nav-link:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.video-nav-link.next{text-align:right;align-items:flex-end}.video-nav-label{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;font-weight:500;color:var(--accent)}.video-nav-title{font-size:.9rem;color:var(--text-primary)}.related-section{padding-top:var(--space-xl);border-top:1px solid var(--border)}.video-block{margin-bottom:var(--space-lg)}.video-source-link{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);font-size:.85rem;color:var(--text-muted);text-decoration:none}.video-source-link:hover{color:var(--accent)}.empty-state{text-align:center;padding:var(--space-3xl)}.empty-icon{margin-bottom:var(--space-lg);color:var(--text-muted);opacity:.5}.empty-state h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state p{font-size:.95rem;color:var(--text-muted)}.compendium-page{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.compendium-header{text-align:center;padding:var(--space-3xl)0;background:linear-gradient(135deg,var(--color-mh-soft) 0%,var(--accent-soft) 100%);border-radius:var(--radius-2xl);margin-bottom:var(--space-2xl)}.compendium-icon{width:80px;height:80px;margin:0 auto var(--space-lg);background:var(--bg-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.compendium-icon svg{color:var(--color-mh)}.compendium-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.compendium-subtitle{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.compendium-quicklinks{margin-bottom:var(--space-2xl)}.compendium-section-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg)}.compendium-section-title svg{color:var(--color-mh)}.quicklink-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md)}@media(max-width:992px){.quicklink-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:576px){.quicklink-grid{grid-template-columns:repeat(2,1fr)}}.quicklink-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-normal)}.quicklink-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.quicklink-card:hover .quicklink-icon{transform:scale(1.1)}.quicklink-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal)}.quicklink-icon.database{background:var(--accent-soft);color:var(--accent)}.quicklink-icon.tools{background:var(--accent-secondary-soft);color:var(--accent-secondary)}.quicklink-icon.quests{background:var(--color-mh-soft);color:var(--color-mh)}.quicklink-icon.weapons{background:var(--danger-soft);color:var(--danger)}.quicklink-icon.discord{background:rgba(88,101,242,.15);color:#5865f2}.quicklink-icon.spreadsheet{background:var(--success-soft);color:var(--success)}.quicklink-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);text-align:center}.compendium-content{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm)}.compendium-content h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-mh);margin-top:var(--space-xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-mh-soft)}.compendium-content h2:first-child{margin-top:0}.compendium-content h3{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:var(--space-lg);margin-bottom:var(--space-md)}.compendium-content ul{list-style:none;padding:0;margin:0}.compendium-content li{position:relative;padding:var(--space-md)var(--space-lg);padding-left:calc(var(--space-lg) + 12px);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-sm);line-height:1.6}.compendium-content li::before{content:'';position:absolute;left:var(--space-md);top:calc(var(--space-md) + 8px);width:6px;height:6px;background:var(--color-mh);border-radius:50%}.compendium-content li strong{color:var(--text-primary)}.compendium-content li a{color:var(--accent);text-decoration:none;font-weight:500}.compendium-content li a:hover{text-decoration:underline}.compendium-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border) 20%,var(--color-mh-soft) 50%,var(--border) 80%,transparent 100%);margin:var(--space-xl)0}.compendium-content p{color:var(--text-secondary);line-height:1.7}.compendium-footer{display:flex;justify-content:center;margin-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.animate-fade-in{animation:fadeIn .5s var(--ease-out)forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.stagger-children>*{animation:fadeIn .5s var(--ease-out)forwards;opacity:0}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(9){animation-delay:.45s}.stagger-children>*:nth-child(10){animation-delay:.5s}.stagger-children>*:nth-child(11){animation-delay:.55s}.stagger-children>*:nth-child(12){animation-delay:.6s}.loading{opacity:.5;pointer-events:none}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1/1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.img-cover{width:100%;height:100%;object-fit:cover}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shimmer-text{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-secondary) 25%,var(--accent) 50%,var(--accent-secondary) 75%,var(--accent) 100%);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;will-change:background-position}.hover-glow{transition:all var(--transition-normal)}.hover-glow:hover{box-shadow:var(--glow-mixed)}.pulse-glow{animation:glow-pulse 2s ease-in-out infinite;will-change:box-shadow}.float{animation:float 3s ease-in-out infinite;will-change:transform}.cyber-border{position:relative}.cyber-border::before{content:'';position:absolute;inset:-2px;background:linear-gradient(45deg,var(--accent),var(--accent-secondary),var(--accent));background-size:200% 200%;border-radius:inherit;z-index:-1;animation:gradient-shift 3s ease infinite;opacity:0;transition:opacity var(--transition-normal);will-change:opacity,background-position}.cyber-border:hover::before{opacity:1}.scanlines{position:relative;overflow:hidden}.scanlines::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0,transparent,transparent 2px,rgba(0,0,0,3%) 2px,rgba(0,0,0,3%) 4px);pointer-events:none;z-index:10}.scanline-animated{position:relative;overflow:hidden}.scanline-animated::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(180deg,transparent,rgba(236,72,153,.1),transparent);animation:scanline 4s linear infinite;pointer-events:none;z-index:10}