.gl-badge{display:inline-flex;align-items:center;gap:var(--gl-space-1);padding:3px 8px;font-size:var(--gl-text-xs);font-family:var(--gl-font-mono);font-weight:var(--gl-weight-semibold);border-radius:var(--gl-radius-xs);line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.gl-badge-primary{background-color:var(--gl-primary-light);color:var(--gl-primary)}.gl-badge-secondary{background-color:var(--gl-secondary-light);color:var(--gl-secondary)}.gl-badge-difficulty-beginner{background-color:#ecfdf5;color:#059669}.gl-badge-difficulty-intermediate{background-color:#eff6ff;color:#2563eb}.gl-badge-difficulty-advanced{background-color:#fffbeb;color:#d97706}.gl-badge-difficulty-expert{background-color:#fef2f2;color:#dc2626}:root.dark-theme .gl-badge-difficulty-beginner,@media (prefers-color-scheme:dark){:root:not(.light-theme) .gl-badge-difficulty-beginner{background-color:rgba(16,185,129,.15);color:#34d399}:root:not(.light-theme) .gl-badge-difficulty-intermediate{background-color:rgba(59,130,246,.15);color:#60a5fa}:root:not(.light-theme) .gl-badge-difficulty-advanced{background-color:rgba(245,158,11,.15);color:#fbbf24}:root:not(.light-theme) .gl-badge-difficulty-expert{background-color:rgba(239,68,68,.15);color:#f87171}}.gl-cat-badge{background-color:var(--gl-surface);color:var(--gl-text-heading);border:1px solid var(--gl-border);transition:all var(--gl-transition-fast)}.gl-cat-badge:hover{border-color:var(--gl-primary);color:var(--gl-primary)}.gl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gl-space-2);padding:var(--gl-space-3) var(--gl-space-5);font-size:var(--gl-text-sm);font-weight:var(--gl-weight-semibold);border-radius:var(--gl-radius-md);cursor:pointer;border:1px solid transparent;text-decoration:none;transition:all var(--gl-transition-fast)}.gl-btn-primary{background-color:var(--gl-primary);color:var(--gl-text-inverse)}.gl-btn-primary:hover{background-color:var(--gl-primary-hover);color:var(--gl-text-inverse);box-shadow:var(--gl-shadow-md),var(--gl-shadow-glow)}.gl-btn-secondary{background-color:var(--gl-surface);border-color:var(--gl-border);color:var(--gl-text-heading)}.gl-btn-secondary:hover{background-color:var(--gl-surface-hover);border-color:var(--gl-primary);color:var(--gl-primary)}.gl-btn-ghost{background-color:transparent;color:var(--gl-text-muted)}.gl-btn-ghost:hover{background-color:var(--gl-surface-hover);color:var(--gl-text-heading)}.gl-btn-sm{padding:var(--gl-space-1) var(--gl-space-3);font-size:var(--gl-text-xs)}.gl-btn-lg{padding:var(--gl-space-4) var(--gl-space-6);font-size:var(--gl-text-base)}.gl-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(9,13,22,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:var(--gl-z-modal-backdrop);opacity:0;visibility:hidden;transition:opacity var(--gl-transition-fast),visibility var(--gl-transition-fast)}.gl-modal-backdrop.is-open{opacity:1;visibility:visible}.search-modal-container{position:fixed;top:15%;left:50%;transform:translate(-50%,-20px);width:min(90vw,640px);background-color:var(--gl-surface);border:1px solid var(--gl-border);border-radius:var(--gl-radius-2xl);box-shadow:var(--gl-shadow-xl),var(--gl-shadow-glow);z-index:var(--gl-z-modal);opacity:0;visibility:hidden;transition:transform var(--gl-transition-normal),opacity var(--gl-transition-fast),visibility var(--gl-transition-fast);overflow:hidden}.search-modal-container.is-open{transform:translate(-50%,0);opacity:1;visibility:visible}.search-modal-header{display:flex;align-items:center;padding:var(--gl-space-4) var(--gl-space-5);border-bottom:1px solid var(--gl-border)}.search-modal-input{flex:1;border:none;background:0 0;font-size:var(--gl-text-lg);color:var(--gl-text-heading);outline:none}.search-modal-close{background:0 0;border:none;color:var(--gl-text-muted);cursor:pointer;padding:var(--gl-space-1)}.search-modal-body{max-height:380px;overflow-y:auto;padding:var(--gl-space-4)}.search-hint{padding:var(--gl-space-4);text-align:center;color:var(--gl-text-muted);font-size:var(--gl-text-sm)}.gl-pagination{margin-top:var(--gl-space-12);display:flex;justify-content:center}.gl-pagination .nav-links{display:flex;align-items:center;gap:var(--gl-space-2)}.gl-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--gl-space-3);border-radius:var(--gl-radius-md);background-color:var(--gl-surface);border:1px solid var(--gl-border);color:var(--gl-text);font-size:var(--gl-text-sm);font-weight:var(--gl-weight-semibold);transition:all var(--gl-transition-fast)}.gl-pagination .page-numbers:hover,.gl-pagination .page-numbers.current{background-color:var(--gl-primary);border-color:var(--gl-primary);color:var(--gl-text-inverse)}.comments-area{margin-top:var(--gl-space-12);padding-top:var(--gl-space-8);border-top:1px solid var(--gl-border)}.comments-title{font-size:var(--gl-text-2xl);margin-bottom:var(--gl-space-6)}.comment-list{list-style:none;display:flex;flex-direction:column;gap:var(--gl-space-6);margin-bottom:var(--gl-space-10)}.comment-list .children{list-style:none;margin-left:var(--gl-space-6);margin-top:var(--gl-space-4);display:flex;flex-direction:column;gap:var(--gl-space-4);border-left:2px solid var(--gl-border);padding-left:var(--gl-space-4)}.comment-body{background-color:var(--gl-surface);border:1px solid var(--gl-border);border-radius:var(--gl-radius-xl);padding:var(--gl-space-5)}.comment-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gl-space-3)}.comment-author{display:flex;align-items:center;gap:var(--gl-space-3)}.comment-author .avatar{border-radius:var(--gl-radius-full)}.comment-author .fn{font-weight:var(--gl-weight-bold);color:var(--gl-text-heading)}.comment-metadata{font-size:var(--gl-text-xs);color:var(--gl-text-muted)}.comment-content{font-size:var(--gl-text-sm);line-height:var(--gl-leading-normal)}.reply{margin-top:var(--gl-space-3);text-align:right}.comment-reply-link{font-size:var(--gl-text-xs);font-weight:var(--gl-weight-semibold);color:var(--gl-primary)}.comment-respond{background-color:var(--gl-surface);border:1px solid var(--gl-border);border-radius:var(--gl-radius-xl);padding:var(--gl-space-6)}.comment-reply-title{font-size:var(--gl-text-xl);margin-bottom:var(--gl-space-4)}.comment-form{display:flex;flex-direction:column;gap:var(--gl-space-4)}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:var(--gl-space-3) var(--gl-space-4);border-radius:var(--gl-radius-md);border:1px solid var(--gl-border);background-color:var(--gl-bg);color:var(--gl-text)}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--gl-primary);outline:none}.ai-summary-card{background:linear-gradient(135deg,var(--gl-surface) 0%,rgba(124,58,237,.08) 100%);border:1px solid rgba(124,58,237,.3);border-radius:var(--gl-radius-xl);padding:var(--gl-space-6);margin:var(--gl-space-8) 0}.ai-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gl-space-4)}.ai-badge{display:inline-flex;align-items:center;gap:var(--gl-space-1);font-family:var(--gl-font-mono);font-size:var(--gl-text-xs);font-weight:var(--gl-weight-bold);color:var(--gl-accent);text-transform:uppercase}.ai-takeaway-list{list-style:none;display:flex;flex-direction:column;gap:var(--gl-space-3)}.ai-takeaway-item{display:flex;gap:var(--gl-space-3);font-size:var(--gl-text-sm);line-height:var(--gl-leading-normal)}.ai-takeaway-bullet{color:var(--gl-accent);font-weight:var(--gl-weight-bold)}.ai-modal-container{position:fixed;bottom:var(--gl-space-6);right:var(--gl-space-6);width:min(90vw,420px);height:520px;background-color:var(--gl-surface);border:1px solid var(--gl-border);border-radius:var(--gl-radius-2xl);box-shadow:var(--gl-shadow-xl),var(--gl-shadow-glow);z-index:var(--gl-z-modal);display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px) scale(.95);opacity:0;visibility:hidden;transition:all var(--gl-transition-normal)}.ai-modal-container.is-open{transform:translateY(0) scale(1);opacity:1;visibility:visible}.ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--gl-space-4);background-color:var(--gl-surface-elevated);border-bottom:1px solid var(--gl-border)}.ai-modal-body{flex:1;padding:var(--gl-space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--gl-space-3)}.ai-msg{padding:var(--gl-space-3) var(--gl-space-4);border-radius:var(--gl-radius-lg);font-size:var(--gl-text-sm);line-height:var(--gl-leading-normal);max-width:85%}.ai-msg-bot{background-color:var(--gl-surface-hover);color:var(--gl-text);align-self:flex-start}.ai-msg-user{background-color:var(--gl-primary);color:var(--gl-text-inverse);align-self:flex-end}.ai-modal-footer{padding:var(--gl-space-3);border-top:1px solid var(--gl-border);display:flex;gap:var(--gl-space-2)}.ai-modal-footer input{flex:1;border:1px solid var(--gl-border);background-color:var(--gl-bg);border-radius:var(--gl-radius-md);padding:var(--gl-space-2) var(--gl-space-3);color:var(--gl-text);font-size:var(--gl-text-sm)}.site-footer{background-color:var(--gl-surface);border-top:1px solid var(--gl-border);padding-top:var(--gl-space-16);padding-bottom:var(--gl-space-8);margin-top:auto}.footer-widgets-grid{display:grid;grid-template-columns:1fr;gap:var(--gl-space-8);margin-bottom:var(--gl-space-12)}@media (min-width:640px){.footer-widgets-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.footer-widgets-grid{grid-template-columns:2fr 1fr 1fr 1.5fr}}.footer-widget-title{font-size:var(--gl-text-base);font-weight:var(--gl-weight-bold);margin-bottom:var(--gl-space-4);color:var(--gl-text-heading)}.footer-widget ul{list-style:none;display:flex;flex-direction:column;gap:var(--gl-space-2)}.footer-widget a{color:var(--gl-text-muted);font-size:var(--gl-text-sm)}.footer-widget a:hover{color:var(--gl-primary)}.footer-bottom-bar{padding-top:var(--gl-space-8);border-top:1px solid var(--gl-border-subtle);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--gl-space-4);font-size:var(--gl-text-xs);color:var(--gl-text-muted)}.gl-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--gl-z-lightbox);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--gl-transition-normal),visibility var(--gl-transition-normal)}.gl-lightbox.is-open{opacity:1;visibility:visible}.gl-lightbox-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(7,11,20,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.gl-lightbox-container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:92vw;max-height:92vh;transform:scale(.95);transition:transform var(--gl-transition-normal)}.gl-lightbox.is-open .gl-lightbox-container{transform:scale(1)}.gl-lightbox-figure-wrap{display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%}.gl-lightbox-image{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:var(--gl-radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.1);background-color:#090d16}.gl-lightbox-caption{font-family:var(--gl-font-sans);font-size:var(--gl-text-sm);color:#e2e8f0;text-align:center;margin-top:var(--gl-space-3);max-width:700px;line-height:1.5}.gl-lightbox-counter{font-family:var(--gl-font-mono);font-size:var(--gl-text-xs);color:#94a3b8;margin-top:var(--gl-space-1)}.gl-lightbox-btn{position:absolute;background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.15);color:#f8fafc;border-radius:var(--gl-radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);transition:all var(--gl-transition-fast);z-index:10}.gl-lightbox-btn:hover{background:var(--gl-primary);border-color:var(--gl-primary);color:#fff;transform:scale(1.08)}.gl-lightbox-close{top:-48px;right:0;width:38px;height:38px}.gl-lightbox-prev{left:-56px;top:50%;transform:translateY(-50%);width:44px;height:44px}.gl-lightbox-next{right:-56px;top:50%;transform:translateY(-50%);width:44px;height:44px}@media (max-width:768px){.gl-lightbox-close{top:-42px;right:0}.gl-lightbox-prev{left:8px;top:auto;bottom:-48px;transform:none}.gl-lightbox-next{right:8px;top:auto;bottom:-48px;transform:none}}