.blog-micro-header{--blog-micro-ease:cubic-bezier(.23, 1, .32, 1);z-index:60;border:1px solid color-mix(in srgb, var(--foreground) 14%, transparent);background:color-mix(in srgb, var(--surface-shell) 84%, transparent);max-width:calc(100vw - 32px);height:40px;color:var(--foreground);font-family:var(--font-pilat-book), ui-sans-serif, system-ui, sans-serif;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;padding:0 6px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000047,0 3px 10px #0003}.blog-micro-segment{z-index:1;height:28px;color:color-mix(in srgb, var(--foreground) 78%, transparent);font:inherit;white-space:nowrap;cursor:pointer;transition:color .2s ease, transform .16s var(--blog-micro-ease);background:0 0;border:0;border-radius:999px;flex:none;align-items:center;padding:0 12px;font-size:13px;font-weight:400;text-decoration:none;display:flex;position:relative}.blog-micro-segment:hover{color:var(--foreground)}.blog-micro-segment:active{transform:scale(.96)}.blog-micro-segment:focus-visible,.blog-micro-menu button:focus-visible{outline:2px solid color-mix(in srgb, var(--foreground) 55%, transparent);outline-offset:1px}.blog-micro-wash{background:color-mix(in srgb, var(--foreground) 8%, transparent);pointer-events:none;border-radius:999px;height:28px;transition:opacity .18s;position:absolute;top:calc(50% - 14px);left:-1px}.blog-micro-title{opacity:0;white-space:nowrap;max-width:0;transition:max-width .32s var(--blog-micro-ease), opacity .22s ease;display:inline-block;overflow:hidden}.blog-micro-title[data-shown]{opacity:1;max-width:min(620px,62vw)}.blog-micro-top{color:color-mix(in srgb, var(--foreground) 48%, transparent);padding:0 10px}.blog-micro-crumbs{align-items:center;display:flex}.blog-micro-crumb{overflow:hidden}.blog-micro-crumb-side{max-width:130px;color:color-mix(in srgb, var(--foreground) 42%, transparent);text-overflow:ellipsis;white-space:nowrap;transition:max-width .28s var(--blog-micro-ease), color .2s ease;padding:0 8px;font-size:12px;display:block;overflow:hidden}.blog-micro-crumb-side:hover{color:color-mix(in srgb, var(--foreground) 76%, transparent)}.blog-micro-crumb-current{max-width:min(280px,34vw);color:color-mix(in srgb, var(--foreground) 80%, transparent);transition:max-width .28s var(--blog-micro-ease), transform .16s var(--blog-micro-ease);font-weight:600}.blog-micro-post-title{cursor:default}.blog-micro-post-title:active{transform:none}.blog-micro-chevron{color:color-mix(in srgb, var(--foreground) 42%, transparent);transition:transform .2s var(--blog-micro-ease);flex:none;margin-left:7px}.blog-micro-crumb-current[aria-expanded=true] .blog-micro-chevron{transform:rotate(180deg)}.blog-micro-crumb-separator{color:color-mix(in srgb, var(--foreground) 30%, transparent);flex:none}.blog-micro-live-label,.blog-micro-label-swap{text-overflow:ellipsis;white-space:nowrap;animation:blog-micro-label-swap .32s var(--blog-micro-ease);display:block;overflow:hidden}.blog-micro-crumbs[data-direction="1"]{--blog-micro-swap-x:32px}.blog-micro-crumbs[data-direction="-1"]{--blog-micro-swap-x:-32px}@keyframes blog-micro-label-swap{0%{opacity:0;filter:blur(3px);transform:translate(var(--blog-micro-swap-x,0), 2px)}}.blog-micro-readtime-slot{max-width:0;transition:max-width .42s var(--blog-micro-ease);order:1;align-items:center;display:inline-flex;overflow:hidden}.blog-micro-readtime-slot[data-shown]{max-width:72px}.blog-micro-segment.blog-micro-readtime{background:color-mix(in srgb, var(--foreground) 5%, transparent);height:28px;color:color-mix(in srgb, var(--foreground) 76%, transparent);cursor:default;opacity:0;transition:opacity .3s ease, transform .42s var(--blog-micro-ease);border-radius:999px;padding:0 12px;font-size:12px;font-weight:500;transform:scale(.9)}.blog-micro-readtime-slot[data-shown] .blog-micro-readtime{opacity:1;transform:scale(1)}.blog-micro-segment.blog-micro-readtime:active{transform:scale(1)}.blog-micro-readtime-number{font-variant-numeric:tabular-nums;letter-spacing:.01em}.blog-micro-readtime-ring{pointer-events:none;position:absolute;top:-1px;left:-1px;overflow:visible}.blog-micro-menu{z-index:59;transform-origin:bottom;border:1px solid color-mix(in srgb, var(--foreground) 14%, transparent);background:color-mix(in srgb, var(--surface-shell) 90%, transparent);min-width:250px;max-width:min(360px,100vw - 32px);max-height:min(420px,62vh);font-family:var(--font-pilat-book), ui-sans-serif, system-ui, sans-serif;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:blog-micro-menu-in .2s var(--blog-micro-ease);border-radius:20px;flex-direction:column;padding:6px;display:flex;position:fixed;bottom:64px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 18px 46px #00000047}@keyframes blog-micro-menu-in{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.97)}}.blog-micro-menu button{color:color-mix(in srgb, var(--foreground) 76%, transparent);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;gap:11px;padding:8px 12px;font-size:13px;transition:background-color .15s,color .15s;display:flex}.blog-micro-menu button:hover,.blog-micro-menu button:focus-visible{background:color-mix(in srgb, var(--foreground) 8%, transparent);color:var(--foreground)}.blog-micro-menu button[data-active]{color:var(--foreground);font-weight:600}.blog-micro-menu-tick{background:color-mix(in srgb, var(--foreground) 25%, transparent);flex:none;width:14px;height:2px;transition:background-color .15s}.blog-micro-menu button[data-active] .blog-micro-menu-tick{background:var(--foreground)}.blog-micro-menu-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog-prose h2{scroll-margin-top:24px}@media (hover:hover) and (pointer:fine){.blog-micro-crumb-side:hover{max-width:340px}.blog-micro-crumb-current:hover{max-width:min(460px,50vw)}}@media (width<=900px){.blog-micro-crumb-side,.blog-micro-crumb-separator{display:none}.blog-micro-title[data-shown]{max-width:min(420px,58vw)}.blog-micro-crumb-current{max-width:min(250px,43vw)}}@media (width<=540px){.blog-micro-header{bottom:max(10px, env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}.blog-micro-title[data-shown]{max-width:58vw}.blog-micro-top{padding:0 8px}.blog-micro-crumb-current{max-width:42vw;padding-left:10px;padding-right:10px}.blog-micro-menu{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 50px)}}@media (prefers-reduced-motion:reduce){.blog-micro-title,.blog-micro-readtime-slot,.blog-micro-header .blog-micro-readtime-slot .blog-micro-readtime,.blog-micro-crumb-side,.blog-micro-crumb-current{transition:none}.blog-micro-live-label,.blog-micro-label-swap,.blog-micro-menu{animation:none}}