@import "https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Ubuntu+Mono:wght@400;700&display=swap";:root{--font-sans:"Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Ubuntu Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--md-sys-color-primary:#006495;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#cbe6ff;--md-sys-color-on-primary-container:#001e30;--md-sys-color-secondary:#50606e;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#d3e5f5;--md-sys-color-on-secondary-container:#0c1d29;--md-sys-color-tertiary:#65587b;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#ebdcf9;--md-sys-color-on-tertiary-container:#201634;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-success:#198754;--md-sys-color-on-success:#fff;--md-sys-color-success-container:#d1e7dd;--md-sys-color-on-success-container:#0f5132;--md-sys-color-background:#fbfcfe;--md-sys-color-on-background:#191c1e;--md-sys-color-surface:#fbfcfe;--md-sys-color-on-surface:#191c1e;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f5f6f9;--md-sys-color-surface-container:#eff0f4;--md-sys-color-surface-container-high:#e9ebef;--md-sys-color-surface-container-highest:#e3e5e9;--md-sys-color-surface-variant:#dfe3eb;--md-sys-color-on-surface-variant:#42474e;--md-sys-color-outline:#73777f;--md-sys-color-outline-variant:#c3c7cf;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#2e3133;--md-sys-color-inverse-on-surface:#f0f0f3;--md-sys-color-inverse-primary:#8ecdff;--md-elevation-1:0px 1px 3px 1px #00000014, 0px 1px 2px 0px #0000001f;--md-elevation-2:0px 2px 6px 2px #00000014, 0px 1px 2px 0px #00000024;--md-elevation-3:0px 4px 8px 3px #00000017, 0px 1px 3px 0px #00000026;--md-elevation-4:0px 6px 10px 4px #0000001a, 0px 2px 3px 0px #0000002e;--md-elevation-5:0px 8px 12px 6px #0000001f, 0px 4px 4px 0px #0003;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:28px;--radius-full:9999px;--motion-duration-short:.15s;--motion-duration-medium:.25s;--motion-duration-long:.4s;--motion-easing:cubic-bezier(.2, 0, 0, 1);--min-touch-target:48px;--header-height:72px}[data-theme=dark]{--md-sys-color-primary:#8ecdff;--md-sys-color-on-primary:#003450;--md-sys-color-primary-container:#004b71;--md-sys-color-on-primary-container:#cbe6ff;--md-sys-color-secondary:#b7c9d9;--md-sys-color-on-secondary:#22323f;--md-sys-color-secondary-container:#394956;--md-sys-color-on-secondary-container:#d3e5f5;--md-sys-color-tertiary:#d0c0e8;--md-sys-color-on-tertiary:#362a4a;--md-sys-color-tertiary-container:#4d4062;--md-sys-color-on-tertiary-container:#ebdcf9;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-success:#75b798;--md-sys-color-on-success:#0a3622;--md-sys-color-success-container:#0f5132;--md-sys-color-on-success-container:#d1e7dd;--md-sys-color-background:#111416;--md-sys-color-on-background:#e2e2e5;--md-sys-color-surface:#111416;--md-sys-color-on-surface:#e2e2e5;--md-sys-color-surface-container-lowest:#0c0f11;--md-sys-color-surface-container-low:#191c1e;--md-sys-color-surface-container:#1d2022;--md-sys-color-surface-container-high:#272a2d;--md-sys-color-surface-container-highest:#323538;--md-sys-color-surface-variant:#42474e;--md-sys-color-on-surface-variant:#c3c7cf;--md-sys-color-outline:#8d9199;--md-sys-color-outline-variant:#42474e;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#e2e2e5;--md-sys-color-inverse-on-surface:#2e3133;--md-sys-color-inverse-primary:#006495;--md-elevation-1:0px 1px 3px 1px #00000073, 0px 1px 2px 0px #00000059;--md-elevation-2:0px 2px 6px 2px #00000073, 0px 1px 2px 0px #0006;--md-elevation-3:0px 4px 8px 3px #00000080, 0px 1px 3px 0px #00000073;--md-elevation-4:0px 6px 10px 4px #0000008c, 0px 2px 3px 0px #00000080;--md-elevation-5:0px 8px 14px 6px #0009, 0px 4px 4px 0px #0000008c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);min-height:100vh;transition:background-color var(--motion-duration-medium) ease, color var(--motion-duration-medium) ease;flex-direction:column;line-height:1.6;display:flex;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:var(--md-sys-color-primary);transition:color var(--motion-duration-short) ease;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.reading-progress-track{z-index:1000;pointer-events:none;background-color:#0000;width:100%;height:4px;position:fixed;top:0;left:0}.reading-progress-bar{background:linear-gradient(90deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary));width:0%;height:100%;transition:width .1s linear}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.25rem}.reader-container{width:100%;max-width:768px;margin:0 auto;padding:0 1.25rem}.narrow-container{width:100%;max-width:640px;margin:0 auto;padding:0 1.25rem}.site-header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--md-sys-color-outline-variant);transition:background-color var(--motion-duration-medium) ease, border-color var(--motion-duration-medium) ease;background-color:#fbfcfed9;position:sticky;top:0}[data-theme=dark] .site-header{background-color:#111416d9}.header-content{justify-content:space-between;align-items:center;gap:1rem;height:100%;display:flex}.brand-logo{color:var(--md-sys-color-on-surface);letter-spacing:-.02em;align-items:center;gap:.625rem;font-size:1.35rem;font-weight:700;text-decoration:none;display:flex}.brand-logo:hover{text-decoration:none}.brand-icon-box{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary));color:#fff;width:36px;height:36px;box-shadow:var(--md-elevation-1);justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.site-nav{align-items:center;gap:.5rem;display:flex}.nav-link{min-height:var(--min-touch-target);border-radius:var(--radius-full);color:var(--md-sys-color-on-surface-variant);transition:background-color var(--motion-duration-short) ease, color var(--motion-duration-short) ease;align-items:center;padding:0 1rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container);text-decoration:none}.nav-link.admin-link{border:1px solid var(--md-sys-color-outline-variant);font-size:.85rem}.header-actions{align-items:center;gap:.5rem;display:flex}.btn-icon{width:var(--min-touch-target);height:var(--min-touch-target);min-width:var(--min-touch-target);min-height:var(--min-touch-target);color:var(--md-sys-color-on-surface-variant);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--motion-duration-short) ease, color var(--motion-duration-short) ease, transform var(--motion-duration-short) ease;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.btn-icon:active{transform:scale(.94)}.mobile-nav-toggle{display:none}.hero-section{background:radial-gradient(circle at 10% 20%, var(--md-sys-color-surface-container) 0%, transparent 60%);border-bottom:1px solid var(--md-sys-color-outline-variant);margin-bottom:2.5rem;padding:3.5rem 0 2.5rem}.hero-inner{flex-direction:column;gap:1.25rem;max-width:820px;display:flex}.hero-pill{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--radius-full);align-items:center;gap:.5rem;width:fit-content;padding:.35rem .85rem;font-size:.825rem;font-weight:500;display:inline-flex}.hero-title{letter-spacing:-.03em;color:var(--md-sys-color-on-surface);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;line-height:1.15}.hero-subtitle{color:var(--md-sys-color-on-surface-variant);max-width:680px;font-size:1.15rem;line-height:1.6}.hero-stats{flex-wrap:wrap;gap:1.75rem;padding-top:.75rem;display:flex}.hero-stat-item{flex-direction:column;display:flex}.hero-stat-num{color:var(--md-sys-color-primary);font-size:1.5rem;font-weight:700}.hero-stat-label{color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.825rem}.toolbar-section{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.search-bar-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.search-input-wrapper{flex:1;min-width:260px;position:relative}.search-input{width:100%;height:52px;min-height:var(--min-touch-target);background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-full);color:var(--md-sys-color-on-surface);transition:border-color var(--motion-duration-short) ease, background-color var(--motion-duration-short) ease, box-shadow var(--motion-duration-short) ease;padding:0 3rem 0 3.25rem;font-size:1rem}.search-input:focus{background-color:var(--md-sys-color-surface-container-lowest);border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary-container);outline:none}.search-icon-leading{color:var(--md-sys-color-on-surface-variant);pointer-events:none;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.search-clear-btn{color:var(--md-sys-color-on-surface-variant);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.search-clear-btn.visible{display:inline-flex}.search-clear-btn:hover{background-color:var(--md-sys-color-surface-container-high)}.type-segmented-control{background-color:var(--md-sys-color-surface-container);border-radius:var(--radius-full);border:1px solid var(--md-sys-color-outline-variant);padding:4px;display:inline-flex}.segmented-btn{min-height:42px;color:var(--md-sys-color-on-surface-variant);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--motion-duration-short) ease, color var(--motion-duration-short) ease, box-shadow var(--motion-duration-short) ease;background:0 0;border:none;align-items:center;gap:.35rem;padding:0 1.25rem;font-size:.9rem;font-weight:500;display:inline-flex}.segmented-btn.active{background-color:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-elevation-1)}.tags-filter-bar{scrollbar-width:thin;align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tags-filter-bar::-webkit-scrollbar{height:4px}.filter-chip{border-radius:var(--radius-sm);background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);min-height:36px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;white-space:nowrap;transition:all var(--motion-duration-short) ease;align-items:center;gap:.35rem;padding:0 .875rem;font-size:.85rem;font-weight:500;display:inline-flex}.filter-chip:hover{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.filter-chip.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:var(--md-sys-color-secondary)}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3.5rem;display:grid}.post-card{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--md-elevation-1);transition:transform var(--motion-duration-medium) var(--motion-easing), box-shadow var(--motion-duration-medium) var(--motion-easing), border-color var(--motion-duration-medium) ease;flex-direction:column;display:flex;position:relative;overflow:hidden}.post-card:hover{box-shadow:var(--md-elevation-3);border-color:var(--md-sys-color-primary);transform:translateY(-4px)}.card-media{aspect-ratio:16/9;background-color:var(--md-sys-color-surface-container-highest);width:100%;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-duration-long) ease}.post-card:hover .card-img{transform:scale(1.05)}.card-badge-row{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:.875rem;left:.875rem;right:.875rem}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);box-shadow:var(--md-elevation-1);align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-standard{color:#fff;background-color:#006495e6}.badge-gallery{color:#fff;background-color:#65587be6}.views-pill{color:#fff;border-radius:var(--radius-full);background-color:#000000a6;align-items:center;gap:.25rem;padding:.25rem .55rem;font-size:.75rem;font-weight:500;display:inline-flex}.card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.card-meta-top{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.825rem;display:flex}.meta-dot{opacity:.6;font-size:.5rem}.card-title{color:var(--md-sys-color-on-surface);margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.35}.card-title a{color:inherit;text-decoration:none}.card-title a:hover{color:var(--md-sys-color-primary);text-decoration:none}.card-excerpt{color:var(--md-sys-color-on-surface-variant);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1.25rem;font-size:.925rem;line-height:1.55;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.card-tags{flex-wrap:wrap;gap:.35rem;display:flex}.tag-badge{border-radius:var(--radius-xs);background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);padding:.15rem .5rem;font-size:.75rem}.card-read-link{min-height:var(--min-touch-target);color:var(--md-sys-color-primary);align-items:center;gap:.35rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.card-read-link:hover{text-decoration:underline}.empty-state{text-align:center;background-color:var(--md-sys-color-surface-container-low);border:1px dashed var(--md-sys-color-outline-variant);border-radius:var(--radius-lg);margin-bottom:3.5rem;padding:4rem 1.5rem}.empty-state-icon{color:var(--md-sys-color-on-surface-variant);margin-bottom:1rem;font-size:3rem}.empty-state-title{margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.empty-state-desc{color:var(--md-sys-color-on-surface-variant);max-width:480px;margin:0 auto 1.5rem}.pagination-row{flex-direction:column;align-items:center;gap:1rem;margin-bottom:4rem;display:flex}.pagination-info{color:var(--md-sys-color-on-surface-variant);font-size:.875rem}.btn{min-height:var(--min-touch-target);border-radius:var(--radius-full);cursor:pointer;transition:all var(--motion-duration-short) ease;border:none;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-elevation-1)}.btn-primary:hover{box-shadow:var(--md-elevation-2);filter:brightness(1.05)}.btn-secondary{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.btn-secondary:hover{background-color:var(--md-sys-color-surface-variant)}.btn-outlined{border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-primary);background:0 0}.btn-outlined:hover{background-color:var(--md-sys-color-surface-container)}.btn-danger{background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.btn-danger:hover{filter:brightness(1.1)}.reader-header{padding:2.5rem 0 1.5rem}.breadcrumb-nav{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.breadcrumb-separator{opacity:.5}.post-header-badges{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.post-main-title{letter-spacing:-.02em;color:var(--md-sys-color-on-surface);margin-bottom:1.5rem;font-size:clamp(2rem,4.5vw,3rem);font-weight:700;line-height:1.2}.post-author-bar{border-top:1px solid var(--md-sys-color-outline-variant);border-bottom:1px solid var(--md-sys-color-outline-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.15rem 0;display:flex}.author-info-block{align-items:center;gap:.875rem;min-width:fit-content;display:flex}.author-avatar-img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--md-sys-color-primary);flex-shrink:0;width:48px;height:48px}.author-name{color:var(--md-sys-color-on-surface);font-weight:700}.author-role{color:var(--md-sys-color-on-surface-variant);font-size:.8rem}.post-meta-actions-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem 1rem;display:flex}.post-meta-chips-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.meta-chip{color:var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-surface-container);border-radius:var(--radius-full);border:1px solid var(--md-sys-color-outline-variant);white-space:nowrap;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.825rem;font-weight:500;display:inline-flex}.meta-chip svg{color:var(--md-sys-color-primary);flex-shrink:0}.meta-chip.reading-time-badge{background-color:var(--md-sys-color-surface-container-high)}.meta-chip.frames-count-badge{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary);font-weight:600}.views-display{background-color:var(--md-sys-color-surface-container);border-radius:var(--radius-full);color:var(--md-sys-color-primary);align-items:center;gap:.35rem;padding:.35rem .75rem;font-weight:500;display:inline-flex}.reading-time-badge{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);border-radius:var(--radius-full);border:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.825rem;font-weight:500;display:inline-flex}.reading-time-badge svg{color:var(--md-sys-color-primary)}.share-action-row{align-items:center;gap:.5rem;display:flex}.share-btn-pill{background-color:var(--md-sys-color-primary-container);min-width:48px;min-height:40px;color:var(--md-sys-color-on-primary-container);border:1px solid var(--md-sys-color-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--motion-duration-short) ease;box-shadow:var(--md-elevation-1);justify-content:center;align-items:center;gap:.45rem;padding:.4rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.share-btn-pill:hover{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-elevation-2);transform:translateY(-1px)}.share-btn-pill:active{transform:scale(.96)}.share-btn-pill svg{flex-shrink:0}.post-featured-media{border-radius:var(--radius-lg);box-shadow:var(--md-elevation-2);margin-bottom:2.5rem;overflow:hidden}.post-featured-media img{object-fit:cover;width:100%;max-height:520px}.media-caption{color:var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-surface-container-low);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);padding:.75rem 1rem;font-size:.825rem;font-style:italic}.prose-content{color:var(--md-sys-color-on-surface);margin-bottom:3.5rem;font-size:1.125rem;line-height:1.8}.prose-content p{margin-bottom:1.5rem}.prose-content h2{letter-spacing:-.01em;color:var(--md-sys-color-on-surface);margin-top:2.5rem;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.prose-content h3{margin-top:2rem;margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.prose-content blockquote{background-color:var(--md-sys-color-surface-container);border-left:4px solid var(--md-sys-color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:2rem 0;padding:1.25rem 1.75rem;font-style:italic}.prose-content blockquote p{margin-bottom:.5rem;font-size:1.15rem}.prose-content blockquote cite{color:var(--md-sys-color-on-surface-variant);font-size:.85rem;font-style:normal;font-weight:500;display:block}.prose-content ul,.prose-content ol{margin:1.5rem 0;padding-left:1.75rem}.prose-content li{margin-bottom:.5rem}.prose-content figure{border-radius:var(--radius-md);box-shadow:var(--md-elevation-1);margin:2.5rem 0;overflow:hidden}.prose-content figure img{width:100%}.prose-callout{border-radius:var(--radius-md);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border:1px solid var(--md-sys-color-outline-variant);margin:2rem 0;padding:1.5rem}.prose-callout h4{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.prose-code-block{color:#f8f9fa;border-radius:var(--radius-md);box-shadow:var(--md-elevation-2);background-color:#1e1e24;margin:2rem 0;overflow:hidden}.code-header{color:#adb5bd;text-transform:uppercase;font-size:.75rem;font-family:var(--font-mono);background-color:#141418;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.code-copy-btn{color:#adb5bd;cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;padding:.25rem .5rem;font-size:.75rem}.code-copy-btn:hover{color:#fff;background-color:#ffffff1a}.prose-code-block pre{font-family:var(--font-mono);padding:1.25rem;font-size:.9rem;line-height:1.5;overflow-x:auto}.author-bio-card{border-radius:var(--radius-lg);background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);gap:1.5rem;margin-bottom:3.5rem;padding:1.75rem;display:flex}.author-bio-avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:64px;height:64px}.author-bio-info h3{margin-bottom:.25rem;font-size:1.15rem;font-weight:700}.author-bio-info p{color:var(--md-sys-color-on-surface-variant);font-size:.925rem}.post-nav-footer{border-top:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;gap:1rem;margin-bottom:4rem;padding:2rem 0;display:flex}.gallery-overview-text{color:var(--md-sys-color-on-surface-variant);max-width:820px;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.7}.gallery-mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:4rem;display:grid}.gallery-item-card{border-radius:var(--radius-md);cursor:pointer;background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-elevation-1);aspect-ratio:4/3;transition:transform var(--motion-duration-medium) ease, box-shadow var(--motion-duration-medium) ease;position:relative;overflow:hidden}.gallery-item-card.aspect-wide{grid-column:span 1}@media (width>=768px){.gallery-item-card.aspect-wide{grid-column:span 2}}.gallery-item-card:hover{box-shadow:var(--md-elevation-3);transform:translateY(-4px)}.gallery-item-img{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-duration-long) ease}.gallery-item-card:hover .gallery-item-img{transform:scale(1.06)}.gallery-item-overlay{color:#fff;opacity:.9;transition:opacity var(--motion-duration-short) ease;background:linear-gradient(#0000 0%,#0003 40%,#000000d9 100%);flex-direction:column;justify-content:flex-end;padding:1.25rem;display:flex;position:absolute;inset:0}.gallery-item-card:hover .gallery-item-overlay{opacity:1}.gallery-item-title{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.gallery-item-caption{opacity:.85;font-size:.825rem;line-height:1.4}.gallery-item-zoom-icon{border-radius:var(--radius-full);color:#fff;background-color:#0009;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:1rem;right:1rem}.lightbox-modal{z-index:2000;-webkit-backdrop-filter:blur(8px);background-color:#000000eb;flex-direction:column;animation:.25s forwards fadeIn;display:none;position:fixed;inset:0}.lightbox-modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-header{color:#fff;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.lightbox-counter{opacity:.8;font-size:.95rem;font-weight:500}.lightbox-viewport{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative;overflow:hidden}.lightbox-stage-img{object-fit:contain;border-radius:var(--radius-sm);max-width:90vw;max-height:75vh;transition:transform .2s;box-shadow:0 10px 30px #000000b3}.lightbox-nav-btn{width:52px;height:52px;min-width:var(--min-touch-target);min-height:var(--min-touch-target);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:background-color var(--motion-duration-short) ease, transform var(--motion-duration-short) ease;background-color:#ffffff26;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav-btn:hover{background-color:#ffffff4d}.lightbox-nav-prev{left:1.5rem}.lightbox-nav-next{right:1.5rem}.lightbox-footer{text-align:center;color:#fff;background-color:#00000080;padding:1.25rem 1.5rem}.lightbox-caption-title{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.lightbox-caption-text{opacity:.8;max-width:700px;margin:0 auto;font-size:.875rem}.form-card{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--md-elevation-1);padding:2.5rem}.form-group{flex-direction:column;gap:.35rem;margin-bottom:1.5rem;display:flex}.form-label{color:var(--md-sys-color-on-surface);justify-content:space-between;font-size:.875rem;font-weight:700;display:flex}.char-counter{color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:400}.form-input,.form-textarea,.form-select{width:100%;min-height:var(--min-touch-target);border-radius:var(--radius-sm);background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);transition:all var(--motion-duration-short) ease;padding:.75rem 1rem;font-size:1rem}.form-textarea{resize:vertical;min-height:140px}.form-input:focus,.form-textarea:focus,.form-select:focus{background-color:var(--md-sys-color-surface-container-lowest);border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary-container);outline:none}.form-input.invalid,.form-textarea.invalid{border-color:var(--md-sys-color-error)}.field-error-msg{color:var(--md-sys-color-error);font-size:.785rem;display:none}.field-error-msg.visible{display:block}.admin-badge{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:var(--radius-xs);text-transform:uppercase;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.admin-block-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-md);margin-bottom:1rem;padding:1.25rem;position:relative}.image-uploader-widget{flex-direction:column;gap:.75rem;margin-top:.35rem;display:flex}.uploader-tabs{background-color:var(--md-sys-color-surface-container);border-radius:var(--radius-full);border:1px solid var(--md-sys-color-outline-variant);width:fit-content;padding:3px;display:inline-flex}.uploader-tab-btn{color:var(--md-sys-color-on-surface-variant);border-radius:var(--radius-full);cursor:pointer;transition:all var(--motion-duration-short) ease;background:0 0;border:none;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.8rem;font-weight:500;display:inline-flex}.uploader-tab-btn.active{background-color:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-primary);box-shadow:var(--md-elevation-1);font-weight:700}.uploader-dropzone{border:2px dashed var(--md-sys-color-outline-variant);border-radius:var(--radius-md);text-align:center;background-color:var(--md-sys-color-surface-container-low);cursor:pointer;transition:all var(--motion-duration-short) ease;padding:1.5rem 1rem;position:relative}.uploader-dropzone:hover,.uploader-dropzone.dragover{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-high)}.uploader-dropzone-icon{color:var(--md-sys-color-primary);justify-content:center;margin:0 auto .5rem;display:flex}.uploader-dropzone-text{color:var(--md-sys-color-on-surface);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.uploader-dropzone-hint{color:var(--md-sys-color-on-surface-variant);font-size:.75rem}.uploader-preview-box{border-radius:var(--radius-md);border:1px solid var(--md-sys-color-outline-variant);background-color:#0d1117;justify-content:center;align-items:center;min-height:120px;max-height:240px;display:flex;position:relative;overflow:hidden}.uploader-preview-img{object-fit:contain;max-width:100%;max-height:220px}.uploader-preview-info{color:#fff;border-radius:var(--radius-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;padding:.2rem .6rem;font-size:.75rem;position:absolute;bottom:.5rem;left:.5rem}.uploader-preview-remove-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--motion-duration-short) ease;background-color:#ba1a1ad9;border:none;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.uploader-preview-remove-btn:hover{background-color:#ba1a1a}.file-input-hidden{display:none!important}.block-header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.block-type-label{text-transform:uppercase;color:var(--md-sys-color-primary);font-size:.875rem;font-weight:700}.json-preview-box{color:#79c0ff;font-family:var(--font-mono);border-radius:var(--radius-md);white-space:pre;background-color:#121418;max-height:400px;padding:1.25rem;font-size:.85rem;overflow-x:auto}.toast-container{z-index:3000;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{pointer-events:auto;border-radius:var(--radius-sm);background-color:var(--md-sys-color-inverse-surface);min-width:280px;max-width:420px;color:var(--md-sys-color-inverse-on-surface);box-shadow:var(--md-elevation-3);animation:slideInUp .3s var(--motion-easing) forwards;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.9rem;display:flex}.toast.toast-success{border-left:4px solid var(--md-sys-color-success)}.toast.toast-error{border-left:4px solid var(--md-sys-color-error)}.toast.toast-info{border-left:4px solid var(--md-sys-color-primary)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.toast-close-btn{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none}.toast-close-btn:hover{opacity:1}.site-footer{background-color:var(--md-sys-color-surface-container-low);border-top:1px solid var(--md-sys-color-outline-variant);margin-top:auto;padding:3.5rem 0 2rem}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem;display:grid}.footer-brand-desc{color:var(--md-sys-color-on-surface-variant);max-width:380px;margin-top:.75rem;font-size:.925rem}.footer-heading{color:var(--md-sys-color-on-surface);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.95rem;font-weight:700}.footer-links{flex-direction:column;gap:.6rem;list-style:none;display:flex}.footer-links a{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;text-decoration:none}.footer-links a:hover{color:var(--md-sys-color-primary);text-decoration:underline}.footer-bottom{border-top:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;font-size:.85rem;display:flex}@media (width<=768px){.site-nav{top:var(--header-height);background-color:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);box-shadow:var(--md-elevation-3);flex-direction:column;align-items:stretch;padding:1.25rem;display:none;position:fixed;left:0;right:0}.site-nav.open{display:flex}.mobile-nav-toggle{display:inline-flex}.footer-top{grid-template-columns:1fr;gap:2rem}}.admin-registry-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-lg);margin-bottom:2.5rem;padding:1.5rem}.admin-posts-table-wrapper{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.admin-post-row{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-md);transition:all var(--motion-duration-short) ease;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.admin-post-row:hover{background-color:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-primary);box-shadow:var(--md-elevation-1)}.admin-post-thumb-block{flex:1;align-items:center;gap:1rem;min-width:260px;display:flex}.admin-post-thumb{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--md-sys-color-outline-variant);background-color:#000;flex-shrink:0;width:64px;height:64px}.admin-post-info-title{color:var(--md-sys-color-on-surface);margin-bottom:.25rem;font-size:1rem;font-weight:700}.admin-post-info-meta{color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.785rem;display:flex}.admin-post-actions-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-modal-backdrop{z-index:2500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000a6;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.admin-modal-backdrop.active{display:flex}.admin-modal-box{background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--md-elevation-3);padding:1.75rem;animation:.2s cubic-bezier(.2,.9,.3,1) modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.admin-stat-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:1.25rem;display:flex}.admin-stat-icon{border-radius:var(--radius-md);background-color:var(--md-sys-color-primary-container);width:44px;height:44px;color:var(--md-sys-color-on-primary-container);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.admin-stat-val{color:var(--md-sys-color-on-surface);font-size:1.5rem;font-weight:700;line-height:1.1}.admin-stat-label{color:var(--md-sys-color-on-surface-variant);font-size:.8rem}.admin-table-filters-bar{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.admin-table-controls-left{flex:1;align-items:center;gap:.75rem;min-width:260px;display:flex}.admin-table-controls-right{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-data-table-container{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--md-elevation-1);overflow-x:auto}.admin-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.admin-data-table th{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);white-space:nowrap;padding:.85rem 1rem;font-weight:700}.admin-data-table td{border-bottom:1px solid var(--md-sys-color-outline-variant);vertical-align:middle;padding:.85rem 1rem}.admin-data-table tbody tr{transition:background-color var(--motion-duration-short) ease}.admin-data-table tbody tr:hover{background-color:var(--md-sys-color-surface-container)}.table-post-thumb{border-radius:var(--radius-xs);object-fit:cover;border:1px solid var(--md-sys-color-outline-variant);background-color:#000;width:52px;height:52px}.table-post-title-link{color:var(--md-sys-color-on-surface);font-weight:600;text-decoration:none}.table-post-title-link:hover{color:var(--md-sys-color-primary);text-decoration:underline}.table-post-id-tag{font-size:.75rem;font-family:var(--font-mono);color:var(--md-sys-color-on-surface-variant);display:block}.admin-table-pagination-bar{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:0 0 var(--radius-md) var(--radius-md);color:var(--md-sys-color-on-surface-variant);border-top:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.85rem;display:flex}.pagination-btn-group{align-items:center;gap:.35rem;display:flex}.pagination-btn{border:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--motion-duration-short) ease;padding:.4rem .75rem;font-size:.825rem;font-weight:500}.pagination-btn:hover:not(:disabled){background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary)}.pagination-btn.active{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary);font-weight:700}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.related-posts-section{border-top:1px solid var(--md-sys-color-outline-variant);margin-top:4rem;padding-top:3rem}.related-posts-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.related-posts-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--md-sys-color-primary);margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.related-posts-title{color:var(--md-sys-color-on-surface);font-size:1.65rem;font-weight:700;line-height:1.2}.related-posts-view-all{color:var(--md-sys-color-primary);transition:gap var(--motion-duration-short) ease;align-items:center;gap:.35rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.related-posts-view-all:hover{gap:.6rem;text-decoration:underline}.related-posts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem;display:grid}.related-post-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-md);transition:transform var(--motion-duration-short) ease, box-shadow var(--motion-duration-short) ease, border-color var(--motion-duration-short) ease;flex-direction:column;display:flex;overflow:hidden}.related-post-card:hover{box-shadow:var(--md-elevation-2);border-color:var(--md-sys-color-primary);transform:translateY(-4px)}.related-card-media-link{aspect-ratio:16/9;background-color:#000;display:block;position:relative;overflow:hidden}.related-card-img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.related-post-card:hover .related-card-img{transform:scale(1.05)}.related-card-badge{padding:.2rem .55rem;font-size:.7rem;position:absolute;top:.75rem;left:.75rem}.related-card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.related-card-meta{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.45rem;margin-bottom:.5rem;font-size:.785rem;display:flex}.related-matching-tag{color:var(--md-sys-color-primary);font-weight:700}.related-card-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:700;line-height:1.35}.related-card-title a{color:var(--md-sys-color-on-surface);transition:color var(--motion-duration-short) ease;text-decoration:none}.related-card-title a:hover{color:var(--md-sys-color-primary)}.related-card-excerpt{color:var(--md-sys-color-on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.related-card-footer{color:var(--md-sys-color-on-surface-variant);border-top:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;font-size:.785rem;display:flex}