@charset "UTF-8";:root{color-scheme: light;font-size: 16px;--ink-rgb: 54, 54, 54;--paper-rgb: 255, 255, 255;--ink-text-1: 1;--ink-text-2: .90;--ink-text-3: .78;--ink-text-4: .50;--ink-line-1: .07;--ink-line-2: .13;--ink-line-3: .20;--ink-fill-1: .02;--ink-fill-2: .05;--ink-fill-3: .08;--accent: var(--accent-user, #425aef);--accent-rgb: var(--accent-user-rgb, 66, 90, 239);--accent-hover: var(--accent-user-hover, #3549c9);--accent-bg: rgba(var(--accent-rgb), .10);--accent-ring: rgba(var(--accent-rgb), .35);--accent-container: rgba(var(--accent-rgb), .14);--on-accent-container: var(--accent-hover);--brand: var(--accent);--brand-hover: var(--accent-hover);--on-brand: #ffffff;--on-brand-muted: rgba(255, 255, 255, .82);--text-strong: rgb(var(--ink-rgb));--text-main: rgba(var(--ink-rgb), var(--ink-text-2));--text-secondary: rgba(var(--ink-rgb), var(--ink-text-3));--text-light: rgba(var(--ink-rgb), var(--ink-text-4));--bg-color: #f7f9fe;--card-bg: rgb(var(--paper-rgb));--topbar-bg: var(--glass-bg);--surface-zebra: rgba(var(--ink-rgb), var(--ink-fill-1));--surface-soft: #f7f7f9;--surface-code: rgba(var(--ink-rgb), var(--ink-fill-3));--surface-sunken: #f2f5f8;--border-color: rgba(var(--ink-rgb), var(--ink-line-1));--border-soft: rgba(var(--ink-rgb), var(--ink-line-2));--border-strong: rgba(var(--ink-rgb), var(--ink-line-3));--card-border: #e3e8f7;--glass-bg: rgba(255, 255, 255, .72);--glass-bg-deep: rgba(255, 255, 255, .88);--glass-inset: inset 0 1px 1px rgba(255, 255, 255, .60), inset 0 -1px 1px rgba(255, 255, 255, .60), inset 1px 0 2px rgba(0, 0, 0, .06), inset -1px 0 2px rgba(0, 0, 0, .06);--style-border: 1px solid var(--card-border);--style-border-hover: 1px solid var(--accent);--avatar-ring: rgb(var(--paper-rgb));--cover-fallback: #e8ecf7;--heading-marker: #f2ba4b;--on-cover: #ffffff;--on-cover-rgb: 255, 255, 255;--hero-veil-top: rgba(16, 20, 38, .28);--hero-veil-bottom: rgba(16, 20, 38, .60);--warn-bg: #fef3c7;--warn-text: #b45309;--mark-bg: #fef08a;--health-thin: #0c7489;--health-thin-bg: rgba(12, 116, 137, .10);--health-normal: #2f7a44;--health-normal-bg: rgba(47, 122, 68, .11);--health-over: #a8600f;--health-over-bg: rgba(168, 96, 15, .12);--health-obese: #b3352f;--health-obese-bg: rgba(179, 53, 47, .11);--scrim: rgba(15, 23, 42, .45);--lightbox-bg: rgba(8, 12, 18, .82);--lightbox-fg: #f2f5f9;--lightbox-btn: rgba(255, 255, 255, .14);--lightbox-btn-hover: rgba(255, 255, 255, .26);--code-bg: #282c34;--code-fg: #abb2bf;--code-chrome: rgba(255, 255, 255, .10);--code-chrome-hover: rgba(255, 255, 255, .20);--code-dots: radial-gradient(circle at 20px 17px, #fc625d 0 6px, transparent 6px), radial-gradient(circle at 40px 17px, #fdbc40 0 6px, transparent 6px), radial-gradient(circle at 60px 17px, #35cd4b 0 6px, transparent 6px);--shadow-sm: 0 8px 16px -4px rgba(44, 45, 48, .05);--shadow-md: 0 8px 12px -3px rgba(44, 45, 48, .08);--shadow-lg: 0 16px 32px -12px rgba(44, 45, 48, .14);--shadow-lift: 0 24px 40px -18px rgba(44, 45, 48, .18);--shadow-border: 0 8px 16px -4px rgba(44, 45, 48, .05);--shadow-main: 0 8px 12px -3px rgba(var(--accent-rgb), .20);--shadow-glass: 0 5px 100px -5px rgba(140, 140, 140, .50);--page-glow: radial-gradient(1100px 560px at 14% -10%, rgba(var(--accent-rgb), .10), transparent 60%), radial-gradient(900px 520px at 100% -6%, rgba(var(--accent-rgb), .06), transparent 55%), radial-gradient(760px 480px at 50% 108%, rgba(var(--ink-rgb), .04), transparent 60%);--glass-blur: 20px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-ios: cubic-bezier(.32, .72, 0, 1);--t: color .3s, background-color .3s, border-color .3s, opacity .3s, transform .3s, box-shadow .3s, width .3s, padding .3s, margin .3s;--t-fast: color .2s, background-color .2s, border-color .2s, opacity .2s, transform .2s, box-shadow .2s;--t-500: color .5s, background-color .5s, border-color .5s, opacity .5s, transform .5s, box-shadow .5s;--radius-lg: 12px;--radius-md: 8px;--radius-img: 16px;--radius-pill: 999px;--radius-full: 9999px;--topbar-h: 60px;--nav-pill-h: 44px;--layout-max: 1200px;--aside-w: 300px;--hero-h: 24rem;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--z-scrim: 800;--z-topbar: 1000;--z-progress: 2000;--z-float: 700;--z-modal: 1500;--z-sticky: 600;}:root[data-theme="dark"]{color-scheme: dark;--ink-rgb: 247, 247, 250;--paper-rgb: 27, 28, 32;--ink-text-1: 1;--ink-text-2: .86;--ink-text-3: .66;--ink-text-4: .46;--ink-line-1: .07;--ink-line-2: .11;--ink-line-3: .16;--ink-fill-1: .02;--ink-fill-2: .05;--ink-fill-3: .08;--accent: var(--accent-user-dark, #8a9bff);--accent-rgb: var(--accent-user-dark-rgb, 138, 155, 255);--accent-hover: var(--accent-user-dark-hover, #a3b2ff);--accent-bg: rgba(var(--accent-rgb), .18);--accent-ring: rgba(var(--accent-rgb), .45);--accent-container: rgba(var(--accent-rgb), .20);--on-accent-container: var(--accent-hover);--brand: var(--accent);--brand-hover: var(--accent-hover);--on-brand: #14161c;--on-brand-muted: rgba(20, 22, 28, .72);--bg-color: #17191d;--topbar-bg: var(--glass-bg);--surface-soft: #21232a;--card-border: #3d3d3f;--surface-sunken: rgba(0, 0, 0, .28);--glass-bg: rgba(23, 25, 29, .72);--glass-bg-deep: rgba(18, 20, 24, .88);--glass-inset: inset 0 1px 1px rgba(255, 255, 255, .85), inset 0 -1px 1px rgba(255, 255, 255, .85), inset 2px 0 3px rgba(0, 0, 0, .16), inset -2px 0 3px rgba(0, 0, 0, .16);--cover-fallback: #2a2d36;--heading-marker: #e8c476;--on-cover: #f2f5f9;--on-cover-rgb: 242, 245, 249;--hero-veil-top: rgba(0, 0, 0, .34);--hero-veil-bottom: rgba(10, 14, 20, .78);--warn-bg: #3a2f14;--warn-text: #e0b25c;--mark-bg: #575019;--health-thin: #58bdd0;--health-thin-bg: rgba(88, 189, 208, .16);--health-normal: #6ec389;--health-normal-bg: rgba(110, 195, 137, .16);--health-over: #e2a75f;--health-over-bg: rgba(226, 167, 95, .16);--health-obese: #e0837a;--health-obese-bg: rgba(224, 131, 122, .16);--scrim: rgba(0, 0, 0, .62);--lightbox-bg: rgba(0, 0, 0, .90);--lightbox-fg: #e8eef6;--lightbox-btn: rgba(255, 255, 255, .12);--lightbox-btn-hover: rgba(255, 255, 255, .22);--code-bg: #1a1f27;--code-fg: #abb2bf;--code-chrome: rgba(255, 255, 255, .10);--code-chrome-hover: rgba(255, 255, 255, .20);--code-dots: radial-gradient(circle at 20px 17px, #fc625d 0 6px, transparent 6px), radial-gradient(circle at 40px 17px, #fdbc40 0 6px, transparent 6px), radial-gradient(circle at 60px 17px, #35cd4b 0 6px, transparent 6px);--shadow-sm: 0 8px 16px -4px rgba(0, 0, 0, .32);--shadow-md: 0 8px 12px -3px rgba(0, 0, 0, .40);--shadow-lg: 0 16px 32px -8px rgba(0, 0, 0, .55);--shadow-lift: 0 24px 40px -18px rgba(0, 0, 0, .60);--shadow-border: 0 8px 16px -4px rgba(0, 0, 0, .50);--shadow-main: 0 8px 12px -3px rgba(var(--accent-rgb), .28);--shadow-glass: 0 5px 100px -5px rgba(0, 0, 0, .55);--page-glow: radial-gradient(1100px 560px at 14% -10%, rgba(var(--accent-rgb), .12), transparent 60%), radial-gradient(900px 520px at 100% -6%, rgba(var(--accent-rgb), .07), transparent 55%), radial-gradient(760px 480px at 50% 108%, rgba(0, 0, 0, .30), transparent 60%);}*, *::before, *::after{box-sizing: border-box;}body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd{margin: 0;}ul[class], ol[class]{list-style: none;margin: 0;padding: 0;}html{scroll-padding-top: calc(var(--topbar-h) + 16px);}body{font-family: var(--font-sans);background-color: var(--bg-color);background-image: var(--page-glow);background-repeat: no-repeat;color: var(--text-main);line-height: 1.7;-webkit-font-smoothing: antialiased;transition: background-color .25s ease, color .25s ease;}a{text-decoration: none;color: inherit;transition: color .2s;}a:hover{color: var(--accent);}img{max-width: 100%;height: auto;}button, input, textarea, select{font-family: inherit;font-size: inherit;}a:focus-visible, button:focus-visible, summary:focus-visible, [tabindex]:focus-visible{outline: 2px solid var(--accent-ring);outline-offset: 2px;}.container{width: 100%;max-width: var(--layout-max);margin: 0 auto;padding: 1.5rem 1.25rem 3rem;transition: opacity .34s ease, transform .34s ease;}@media (min-width: 1300px){.container{padding: 2rem 1.5rem 4rem;}}@media (min-width: 2000px){.container{max-width: 1500px;}}.grid-layout{display: grid;grid-template-columns: minmax(0, 1fr);gap: 1rem;align-items: start;}@media (min-width: 1200px){.grid-layout{grid-template-columns: minmax(0, 1fr) var(--aside-w);column-gap: 1rem;}.sidebar{align-self: stretch;}.sidebar-sticky{position: sticky;top: calc(var(--topbar-h) + 1.25rem);max-height: calc(100vh - var(--topbar-h) - 3rem);overflow-y: auto;scrollbar-width: thin;scrollbar-color: var(--border-strong) transparent;margin: -.25rem;padding: .25rem;}.sidebar-sticky .card:last-child{margin-bottom: 0;}}@media (min-width: 768px) and (max-width: 1199px){.sidebar{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));align-items: start;gap: .75rem;}.sidebar .card-widget{margin-bottom: 0;}.sidebar-sticky{display: contents;}}.main-content, .sidebar{min-width: 0;}.noline-icon{width: 1em;height: 1em;display: inline-block;vertical-align: -.125em;flex-shrink: 0;fill: currentColor;}.noline-emoji{width: 1em;height: 1em;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;font-size: 1em;font-style: normal;line-height: 1;}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -.0625rem;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}.topbar{--nav-fg: var(--text-secondary);--nav-fg-strong: var(--text-strong);--nav-fg-accent: var(--accent);--nav-hover-bg: var(--surface-soft);--nav-active-bg: var(--accent-bg);--nav-field-bg: var(--surface-soft);--nav-field-border: transparent;--nav-field-fg: var(--text-main);position: fixed;top: 0;right: 0;left: 0;z-index: var(--z-topbar);background-color: transparent;border-bottom: 0;transition: var(--t);}body:not(.has-hero){padding-top: calc(var(--topbar-h) + .75rem);}body.hero-cover:not(.nav-fixed) .topbar{--nav-fg: rgba(var(--on-cover-rgb), .86);--nav-fg-strong: var(--on-cover);--nav-fg-accent: var(--on-cover);--nav-hover-bg: rgba(var(--on-cover-rgb), .18);--nav-active-bg: rgba(var(--on-cover-rgb), .24);--nav-field-bg: rgba(var(--on-cover-rgb), .16);--nav-field-border: rgba(var(--on-cover-rgb), .28);--nav-field-fg: var(--on-cover);}body.nav-fixed .topbar-inner{--nav-fg: var(--text-secondary);--nav-fg-strong: var(--text-strong);--nav-fg-accent: var(--accent);--nav-hover-bg: var(--surface-soft);--nav-active-bg: var(--accent-bg);--nav-field-bg: var(--surface-soft);--nav-field-border: transparent;--nav-field-fg: var(--text-main);min-height: var(--nav-pill-h);margin: .5rem auto;padding: 0 .75rem;gap: .125rem .375rem;border-radius: var(--radius-pill);border: var(--style-border);background-color: var(--glass-bg);-webkit-backdrop-filter: saturate(180%) blur(var(--glass-blur));backdrop-filter: saturate(180%) blur(var(--glass-blur));box-shadow: var(--shadow-glass), var(--glass-inset);}.topbar-inner{display: flex;align-items: center;flex-wrap: wrap;gap: .25rem .5rem;min-height: var(--topbar-h);max-width: var(--layout-max);margin: 0 auto;padding: .375rem 1.25rem;border-radius: var(--radius-pill);border: 1px solid transparent;transition: var(--t);}.topbar-brand{display: inline-flex;align-items: center;gap: .5rem;flex-shrink: 0;max-width: 12rem;}.topbar-logo{width: 32px;height: 32px;border-radius: 50%;object-fit: cover;background-color: var(--surface-code);box-shadow: 0 0 0 2px var(--accent-bg);}.topbar-logo-placeholder{display: inline-flex;align-items: center;justify-content: center;background-image: linear-gradient(135deg, var(--brand-hover), var(--brand));color: var(--on-brand);font-size: .875rem;font-weight: 700;line-height: 1;user-select: none;}.topbar-name{min-width: 0;font-size: .9375rem;font-weight: 700;color: var(--nav-fg-strong);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.topbar-actions{display: flex;align-items: center;gap: .25rem;flex-shrink: 0;margin-left: auto;}.icon-btn{display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;padding: 0;flex-shrink: 0;background: none;border: none;border-radius: var(--radius-md);color: var(--nav-fg);font-size: 1.0625rem;cursor: pointer;transition: var(--t-fast);}.icon-btn:hover{background-color: var(--nav-hover-bg);color: var(--nav-fg-accent);}.icon-btn-label{width: auto;gap: .375rem;padding: 0 .75rem;}.icon-btn-label span{font-size: .875rem;}.icon-sun{display: none;}:root[data-theme="dark"] .icon-sun{display: inline-block;}:root[data-theme="dark"] .icon-moon{display: none;}.topbar-percent{display: inline-flex;align-items: baseline;justify-content: flex-end;min-width: 2.5rem;font-size: .875rem;font-weight: 700;color: var(--nav-fg);font-variant-numeric: tabular-nums;}.topbar-percent[hidden]{display: none;}.topbar-percent::after{content: "%";margin-left: 1px;font-size: .6875rem;font-weight: 500;color: var(--nav-fg);opacity: .6;}.topnav{display: flex;align-items: center;flex-wrap: wrap;gap: .125rem;flex: 1 1 auto;min-width: 0;}.nav-item{position: relative;display: inline-flex;align-items: center;gap: .375rem;height: 36px;padding: 0 .875rem;border: none;border-radius: var(--radius-pill);background: none;font-family: inherit;font-size: .9375rem;font-weight: 500;line-height: 1;color: var(--nav-fg);white-space: nowrap;cursor: pointer;transition: var(--t-fast);}.nav-item:hover{background-color: var(--nav-hover-bg);color: var(--nav-fg-accent);}.nav-item .noline-icon, .nav-item .noline-emoji{font-size: 1.0625rem;}.nav-item.active{background-color: var(--nav-active-bg);color: var(--nav-fg-accent);font-weight: 600;}.nav-label{min-width: 0;overflow: hidden;text-overflow: ellipsis;}.topbar-search{position: relative;display: flex;align-items: center;gap: .125rem;flex-shrink: 0;margin-left: auto;}.topbar-search input{width: 9.5rem;padding: .4375rem .875rem;border: 1px solid var(--nav-field-border);border-radius: var(--radius-full);background-color: var(--nav-field-bg);font-family: inherit;font-size: .875rem;color: var(--nav-field-fg);outline: none;transition: var(--t);}.topbar-search input::placeholder{color: var(--nav-fg);opacity: .7;}.topbar-search input:focus{width: 13rem;background-color: var(--card-bg);border-color: var(--accent);box-shadow: 0 0 0 3px var(--accent-bg);color: var(--text-main);}body.hero-cover:not(.nav-fixed) .topbar-search input:focus{background-color: rgba(var(--on-cover-rgb), .26);border-color: rgba(var(--on-cover-rgb), .6);box-shadow: 0 0 0 3px rgba(var(--on-cover-rgb), .22);color: var(--on-cover);}.search-kbd{position: absolute;top: 50%;right: 2.75rem;transform: translateY(-50%);pointer-events: none;font-family: inherit;font-size: .6875rem;line-height: 1.4;letter-spacing: .02em;padding: .0625rem .3125rem;border: 1px solid var(--nav-field-border);border-radius: .3125rem;color: var(--nav-fg);opacity: .55;transition: opacity var(--t-fast);}.topbar-search:focus-within .search-kbd, .topbar-search input:not(:placeholder-shown) ~ .search-kbd{opacity: 0;}body.hero-cover:not(.nav-fixed) .search-kbd{color: var(--on-cover);border-color: rgba(var(--on-cover-rgb), .45);opacity: .75;}.mobile-menu-btn{display: none;}.nav-scrim{display: none;}@media (max-width: 1023px){.mobile-menu-btn{display: inline-flex;}.topbar-inner{padding-left: .875rem;padding-right: .875rem;}.topbar-brand{max-width: 7.5rem;}.topnav{display: block;position: absolute;top: 100%;left: 0;right: 0;max-height: calc(100vh - var(--topbar-h) - 1rem);overflow-y: auto;padding: .5rem .75rem .875rem;background-color: var(--glass-bg);-webkit-backdrop-filter: blur(var(--glass-blur));backdrop-filter: blur(var(--glass-blur));border-bottom: 1px solid var(--border-color);box-shadow: var(--shadow-lg);opacity: 0;visibility: hidden;transform: translateY(-.5rem);transition: opacity .2s ease, transform .24s var(--ease-spring), visibility .2s;}.topnav.is-open{opacity: 1;visibility: visible;transform: none;}.topnav .nav-item{display: flex;width: 100%;height: 44px;}.topnav .nav-item::after{display: none;}.topnav .nav-item.active{background-color: var(--accent-container);color: var(--on-accent-container);}.topbar-search{width: 100%;margin: .5rem 0 0;}.topbar-search input, .topbar-search input:focus{flex: 1;width: auto;}.search-kbd{display: none;}.nav-scrim{display: block;position: fixed;inset: 0;z-index: var(--z-scrim);background-color: var(--scrim);opacity: 0;pointer-events: none;transition: opacity .28s ease;}.nav-scrim.is-open{opacity: 1;pointer-events: auto;}}@media (max-width: 639px){.icon-btn-label{width: 38px;gap: 0;padding: 0;}.icon-btn-label span{display: none;}}@media (max-width: 479px){.topbar-brand{max-width: none;}.topbar-name{display: none;}}.card{background-color: var(--card-bg);border: var(--style-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-border);overflow: hidden;margin-bottom: 1.5rem;transition: box-shadow .3s ease, border-color .3s ease, background-color .25s ease;}.post-card:hover, .link-card:hover{box-shadow: var(--shadow-lift);}.post-card:hover{transform: translateY(-3px);}.post-card::after, .link-card::after{content: "";position: absolute;left: 1.25rem;right: 1.25rem;top: 0;height: 2px;background-color: var(--accent);border-radius: 0 0 2px 2px;opacity: 0;transform: scaleX(.6);transition: opacity .3s ease, transform .3s ease;}.post-card:hover::after, .link-card:hover::after{opacity: 1;transform: scaleX(1);}.reveal{opacity: 0;transform: translateY(18px);transition: opacity .55s ease, transform .55s ease;}.reveal.is-visible{opacity: 1;transform: none;}.post-card{position: relative;padding: 1.75rem 2rem;transition: box-shadow .3s ease, transform .3s var(--ease-spring), background-color .25s ease;}.article-card{padding: 2.25rem 3rem;}@media (max-width: 640px){.post-card{padding: 1.25rem;}.article-card{padding: 1.5rem 1.125rem;}}.main-content.feed{display: flex;flex-wrap: wrap;align-content: flex-start;gap: 1.25rem;}.main-content.feed > *{flex: 1 1 100%;min-width: 0;}.main-content.feed > .card, .main-content.feed > .archive-header, .main-content.feed > .page-navigator, .main-content.feed > .feed-status{margin-bottom: 0;}.main-content.feed .post-card{padding: 0;}.post-card-body{padding: 1.375rem 1.5rem 1.5rem;min-width: 0;}@media (max-width: 639px){.post-card-body{padding: 1.125rem 1rem 1.25rem;}}.post-cover{display: block;height: 12.5rem;overflow: hidden;background-color: var(--cover-fallback);}.post-cover img{width: 100%;height: 100%;object-fit: cover;transition: transform .45s ease;}.post-card:hover .post-cover img{transform: scale(1.04);}.post-card.has-cover::after{content: none;}@media (min-width: 1200px) and (max-width: 1299px){.main-content.feed .post-card.has-cover{display: flex;align-items: stretch;min-height: 13.75rem;}.main-content.feed .post-card.has-cover .post-cover{width: 40%;height: auto;flex-shrink: 0;}.main-content.feed .post-card.has-cover .post-card-body{flex: 1 1 auto;padding: 1.75rem 2rem;}.post-card.has-cover.flip .post-cover{order: 2;}}@media (min-width: 1300px){.main-content.feed{gap: 1rem;}.main-content.feed > .post-card{flex-basis: calc(50% - .5rem);max-width: calc(50% - .5rem);}.main-content.feed > .feed-cats, .main-content.feed > .archive-header, .main-content.feed > .status-card, .main-content.feed > .card:not(.post-card), .main-content.feed > .page-navigator, .main-content.feed > .feed-status{flex-basis: 100%;max-width: 100%;}}.feed-cats{position: sticky;top: calc(var(--topbar-h) + .5rem);z-index: var(--z-sticky);display: flex;align-items: center;gap: .375rem;padding: .125rem 0;}.feed-cats-scroll{min-width: 0;flex: 0 1 auto;display: flex;align-items: center;gap: .375rem;overflow-x: auto;scrollbar-width: none;}.feed-cats-scroll::-webkit-scrollbar{display: none;}.feed-cat{flex-shrink: 0;display: inline-flex;align-items: center;gap: .375rem;min-height: 38px;padding: .5rem 1.125rem;border: var(--style-border);border-radius: var(--radius-pill);background-color: var(--card-bg);box-shadow: var(--shadow-border);font-size: .875rem;font-weight: 700;line-height: 1;color: var(--text-strong);transition: var(--t);}.feed-cat:hover{background-color: var(--surface-soft);border-color: var(--accent-ring);color: var(--accent);}.feed-cat.active{background-color: var(--brand);border-color: var(--brand);color: var(--on-brand);box-shadow: var(--shadow-main);}.feed-cat-count{font-size: .75rem;font-weight: 500;opacity: .62;}.feed-cat-more{flex-shrink: 0;display: inline-flex;align-items: center;gap: .375rem;min-height: 38px;padding: .5rem .9375rem;border: var(--style-border);border-radius: var(--radius-pill);background-color: var(--card-bg);box-shadow: var(--shadow-border);font-family: inherit;font-size: .875rem;font-weight: 700;line-height: 1;color: var(--text-strong);cursor: pointer;transition: var(--t);}.feed-cat-more[hidden]{display: none;}.feed-cat-more:hover{background-color: var(--surface-soft);border-color: var(--accent-ring);color: var(--accent);}.feed-cat-more .noline-icon{font-size: .9375rem;color: var(--accent);}.feed-cat-more.is-open{background-color: var(--brand);border-color: var(--brand);color: var(--on-brand);box-shadow: var(--shadow-main);}.feed-cat-more.is-open .noline-icon{color: var(--on-brand);}.feed-cats-pop{position: absolute;top: calc(100% + .375rem);right: 0;z-index: calc(var(--z-sticky) + 1);width: min(22rem, 88vw);max-height: 22rem;overflow-y: auto;display: grid;grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));gap: .125rem;padding: .375rem;background-color: var(--card-bg);border: var(--style-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);}.feed-cats-pop[hidden]{display: none;}.feed-cats-pop:not([hidden]){animation: feed-cats-pop-in .2s var(--ease-spring);}@keyframes feed-cats-pop-in{from{opacity: 0;transform: translateY(-.375rem);}}.feed-cats-pop-item{display: flex;align-items: baseline;justify-content: space-between;gap: .5rem;min-width: 0;padding: .5rem .625rem;border-radius: var(--radius-md);font-size: .875rem;color: var(--text-main);transition: var(--t-fast);}.feed-cats-pop-item:hover{background-color: var(--surface-soft);color: var(--accent);}.feed-cats-pop-item span:first-child{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.feed-cats-pop-item.active{background-color: var(--accent-container);color: var(--on-accent-container);font-weight: 700;}.feed-cats-pop-count{flex-shrink: 0;font-size: .75rem;color: var(--text-light);font-variant-numeric: tabular-nums;}.feed-cats-pop-item.active .feed-cats-pop-count{color: inherit;opacity: .72;}@media (max-width: 639px){.feed-cats-pop{width: min(18rem, 92vw);}}.post-header{display: flex;align-items: center;margin-bottom: .875rem;min-width: 0;}.avatar{width: 40px;height: 40px;border-radius: 50%;background-color: var(--surface-code);border: 2px solid var(--avatar-ring);margin-right: .75rem;object-fit: cover;flex-shrink: 0;}.header-text{min-width: 0;}.author-name{font-size: .875rem;font-weight: 700;color: var(--text-strong);}.post-meta{font-size: .75rem;color: var(--text-light);display: flex;align-items: center;flex-wrap: wrap;gap: .375rem;}.post-meta a{color: inherit;}.post-meta a:hover{color: var(--accent);}.meta-item{display: inline-flex;align-items: center;gap: .25rem;}.category-tag{display: inline-flex;align-items: center;gap: .375rem;color: var(--on-accent-container);background-color: var(--accent-container);padding: .125rem .5rem;border-radius: var(--radius-md);font-weight: 500;}.category-tag::before{content: "";width: .375rem;height: .375rem;border-radius: 50%;background-color: var(--accent);flex-shrink: 0;}.post-title{font-size: 1.25rem;font-weight: 800;line-height: 1.4;letter-spacing: -.01em;color: var(--text-strong);margin-bottom: .625rem;overflow-wrap: break-word;}.post-title-link{background-image: linear-gradient(var(--accent), var(--accent));background-repeat: no-repeat;background-position: 0 100%;background-size: 0 2px;transition: color .2s, background-size .3s ease;}.post-title-link:hover{color: var(--accent);background-size: 100% 2px;}.main-content.feed .post-title{display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.page-title{text-align: center;font-size: 1.875rem;font-weight: 800;line-height: 1.3;color: var(--text-strong);margin-bottom: .5rem;}.page-subtitle{text-align: center;color: var(--text-light);font-size: .875rem;margin-bottom: 2.25rem;display: flex;align-items: center;justify-content: center;gap: .375rem;}.page-title + .post-content{margin-top: 1.75rem;}.page-subtitle:last-child{margin-bottom: 0;}.post-excerpt{color: var(--text-secondary);font-size: .9375rem;line-height: 1.8;margin-bottom: 1rem;overflow-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.post-content{margin-bottom: 1rem;}.post-content:empty{display: none;}.post-footer{border-top: 1px solid var(--border-color);padding-top: 1rem;margin-top: .25rem;display: flex;align-items: center;flex-wrap: wrap;gap: .625rem;}.stat-item{display: inline-flex;align-items: center;gap: .375rem;font-size: .75rem;color: var(--text-light);background-color: var(--surface-soft);padding: .25rem .625rem;border-radius: var(--radius-md);transition: color .2s, background-color .2s;}a.stat-item:hover{color: var(--accent);background-color: var(--accent-bg);}.stat-item .noline-icon{font-size: .8125rem;}.read-more{margin-left: auto;display: inline-flex;align-items: center;gap: .375rem;font-size: .8125rem;font-weight: 600;color: var(--on-accent-container);background-color: var(--accent-container);padding: .375rem .875rem;border-radius: var(--radius-full);transition: background-color .2s, transform .2s var(--ease-spring);}.read-more:hover{background-color: rgba(var(--accent-rgb), .22);color: var(--on-accent-container);transform: translateY(-1px);}.card-comments{display: flex;align-items: flex-start;gap: .625rem;margin-top: 1rem;padding: .875rem .5rem .5rem;border-top: 1px solid var(--border-color);border-radius: var(--radius-md);color: inherit;text-decoration: none;transition: background-color .18s;}.card-comments:hover{background-color: var(--surface-soft);}.card-comments-faces{display: flex;flex-shrink: 0;padding-top: .125rem;}.card-comments-face{width: 26px;height: 26px;margin-right: -.5rem;border: 2px solid var(--card-bg);border-radius: 50%;background-color: var(--surface-code);object-fit: cover;}.card-comments-face:last-child{margin-right: 0;}.card-comments-list{display: flex;flex-direction: column;gap: .1875rem;flex: 1 1 auto;min-width: 0;}.card-comments-item{display: flex;align-items: baseline;gap: .375rem;min-width: 0;font-size: .8125rem;line-height: 1.6;}.card-comments-author, .card-comments-reply, .card-comments-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0;}.card-comments-author{max-width: 8em;font-weight: 600;color: var(--text-secondary);}.card-comments-reply{max-width: 7em;color: var(--text-light);}.card-comments-text{flex: 1 1 auto;color: var(--text-light);}@media (max-width: 480px){.card-comments{flex-direction: column;gap: .375rem;}.card-comments-faces{padding-top: 0;}}.post-tags{display: flex;flex-wrap: wrap;gap: .5rem;margin-top: 1.25rem;}.archive-header{margin-bottom: 1.5rem;padding: .25rem .25rem 0;}.archive-title{font-size: 1.375rem;font-weight: 800;line-height: 1.3;color: var(--text-strong);}.archive-count{display: flex;align-items: center;gap: .375rem;font-size: .8125rem;color: var(--text-light);margin-top: .25rem;}.archive-count .noline-icon, .page-subtitle .noline-icon{color: var(--accent);}.empty-state{padding: 5rem 1.25rem;text-align: center;color: var(--text-light);}.empty-state-icon, .error-illustration{position: relative;z-index: 0;display: inline-flex;align-items: center;justify-content: center;width: 5rem;height: 5rem;color: var(--accent);}.empty-state-icon::before, .error-illustration::before{content: "";position: absolute;inset: 0;border-radius: 50%;border: 1.5px dashed var(--border-strong);}.empty-state-icon::after, .error-illustration::after{content: "";position: absolute;inset: .5rem;border-radius: 50%;background-color: var(--accent-bg);z-index: -1;}.empty-state-icon .noline-icon, .error-illustration .noline-icon{position: relative;z-index: 1;}.empty-state-icon{font-size: 2.25rem;margin-bottom: 1.25rem;}.error-illustration{font-size: 2.25rem;margin-bottom: .75rem;}.empty-state-text{font-size: .9375rem;}.card-widget{padding: .5rem .75rem;display: flex;flex-direction: column;gap: .5rem;transition: var(--t);}.sidebar .card-widget{margin-bottom: .5rem;}.card-header{display: flex;align-items: center;gap: .25rem;margin: 0;font-size: 1rem;font-weight: 700;line-height: 1.5;color: var(--text-strong);}.card-header .noline-icon{font-size: 1.125rem;color: var(--accent);}.tags-container{padding: 0 .25rem .25rem;display: flex;flex-wrap: wrap;gap: .375rem;}.tag{display: inline-flex;align-items: center;background-color: var(--surface-soft);color: var(--text-secondary);font-size: .75rem;padding: .25rem .625rem;border-radius: var(--radius-md);transition: background-color .2s, color .2s, transform .15s var(--ease-spring), box-shadow .2s ease;}.tag:hover{background-color: var(--brand);color: var(--on-brand);transform: translateY(-1px);box-shadow: var(--shadow-sm);}.tag-count{margin-left: .3125rem;color: var(--text-light);font-size: .6875rem;}.tag:hover .tag-count{color: var(--on-brand-muted);}.site-footer-note{padding: 0 .25rem .25rem;font-size: .75rem;line-height: 1.9;color: var(--text-light);}.site-footer-note a{color: var(--text-secondary);text-decoration: underline;text-underline-offset: 2px;}.site-footer-note a:hover{color: var(--accent);}.archive-list{padding: 0 .25rem;}.post-archive{margin-top: .5rem;}.post-archive .archive-list{padding: 0 0 .5rem;}.post-archive .archive-item{padding: .5625rem 0;}.archive-year{font-size: 1.125rem;font-weight: 800;color: var(--text-strong);margin: 1.75rem 0 .375rem;padding-bottom: .5rem;border-bottom: 1px solid var(--border-color);}.post-archive > .archive-year:first-child{margin-top: .25rem;}.archive-year-count{margin-left: .375rem;font-size: .75rem;font-weight: 500;color: var(--text-light);}.archive-item{display: flex;align-items: baseline;gap: .875rem;padding: .5rem .625rem;font-size: .875rem;transition: var(--t-fast);}.archive-item:hover{background-color: var(--surface-soft);}.card-widget .archive-item{margin: .25rem 0;border: var(--style-border);border-radius: var(--radius-md);}.card-widget .archive-item:hover{border-color: var(--accent-ring);}@media (hover: hover){.sidebar .card-widget .archive-item:hover{background-color: var(--brand);border-color: var(--brand);}.sidebar .card-widget .archive-item:hover .archive-item-title a, .sidebar .card-widget .archive-item:hover .archive-item-meta{color: var(--on-brand);}}.archive-date{flex: 0 0 auto;min-width: 72px;font-size: .8125rem;color: var(--text-light);font-variant-numeric: tabular-nums;}.archive-item-title{flex: 1 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.archive-item-title a:hover{color: var(--accent);}.archive-item-meta{flex: 0 0 auto;font-size: .75rem;color: var(--text-light);font-variant-numeric: tabular-nums;}.post-archive .archive-list{position: relative;}.post-archive .archive-list::before{content: "";position: absolute;top: 6px;bottom: 14px;left: 7px;width: 2px;background-color: var(--border-strong);}.post-archive .archive-item{position: relative;padding-left: 1.625rem;align-items: center;}.post-archive .archive-item::before{content: "";position: absolute;left: 3px;top: 50%;width: 10px;height: 10px;margin-top: -5px;border-radius: 50%;background-color: var(--accent);box-shadow: 0 0 0 3px var(--accent-bg);transition: box-shadow .2s;}.post-archive .archive-item:hover::before{box-shadow: 0 0 0 5px var(--accent-bg);}.status-card{padding: 1.375rem 1.625rem;transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease, background-color .25s ease;}.status-card:hover{box-shadow: var(--shadow-lift);border-color: var(--accent-ring);transform: translateY(-3px);}@media (max-width: 640px){.status-card{padding: 1.125rem 1rem;}}.status-main{display: flex;gap: .875rem;}.status-avatar{width: 42px;height: 42px;border-radius: 50%;object-fit: cover;flex-shrink: 0;background-color: var(--surface-code);border: 2px solid var(--avatar-ring);}.status-body{min-width: 0;flex: 1;}.status-author{font-size: .9375rem;font-weight: 700;color: var(--text-strong);}.status-meta{font-size: .75rem;color: var(--text-light);margin-top: .125rem;}.status-time{color: inherit;transition: color .2s;}.status-time:hover{color: var(--accent);}.status-content{margin-top: .625rem;font-size: .9375rem;line-height: 1.85;color: var(--text-main);overflow-wrap: break-word;}.status-content > :last-child{margin-bottom: 0;}.status-content p{margin: 0 0 .6em;}.status-content a{color: var(--accent);}.status-content img{max-width: 100%;height: auto;border-radius: var(--radius-md);margin-top: .375rem;}.status-content ul, .status-content ol{margin: 0 0 .6em;padding-left: 1.5em;}.status-content blockquote{margin: 0 0 .6em;padding: .125rem 0 .125rem .75rem;border-left: 3px solid var(--border-strong);color: var(--text-secondary);}.status-content h1, .status-content h2, .status-content h3, .status-content h4, .status-content h5, .status-content h6{margin: .8em 0 .4em;font-size: .9375rem;font-weight: 700;color: var(--text-strong);}.status-content code{font-family: var(--font-mono);font-size: .9em;}.status-content :not(pre) > code{padding: .0625rem .3125rem;background-color: var(--surface-code);border-radius: 4px;}.status-content pre{margin: 0 0 .6em;padding: .625rem .75rem;overflow-x: auto;font-size: .8125rem;line-height: 1.6;color: var(--code-fg);background-color: var(--code-bg);border-radius: var(--radius-md);}@media (max-width: 640px){.status-main{gap: .625rem;}}.status-fold.is-clamped:not(.is-open) .status-content{position: relative;max-height: 10.4063rem;overflow: hidden;}.status-fold.is-clamped:not(.is-open) .status-content::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 60px;background: linear-gradient(to bottom, transparent, var(--card-bg));pointer-events: none;}.status-toggle{margin-top: .375rem;padding: .125rem 0;font-size: .8125rem;font-weight: 600;color: var(--accent);background: none;border: none;cursor: pointer;transition: color .2s;}.status-toggle:hover{color: var(--accent-hover);}.status-actions{display: flex;align-items: center;margin-top: .875rem;padding-top: .375rem;border-top: 1px solid var(--border-color);}.status-action{flex: 1;display: inline-flex;align-items: center;justify-content: center;gap: .375rem;padding: .5rem 0;font-size: .8125rem;color: var(--text-light);border-radius: var(--radius-md);transition: color .2s, background-color .2s;}a.status-action:hover{color: var(--accent);background-color: var(--accent-bg);}.status-action .noline-icon{font-size: .875rem;}.load-more-container{text-align: center;padding: 1.5rem 0;}.btn-load-more{display: inline-block;background-color: var(--card-bg);color: var(--text-secondary);border: var(--style-border);padding: .625rem 1.5rem;border-radius: var(--radius-pill);box-shadow: var(--shadow-border);font-size: .875rem;font-weight: 500;cursor: pointer;transition: var(--t-fast);}.btn-load-more:hover{background-color: var(--brand);border-color: var(--brand);color: var(--on-brand);}.page-navigator{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: .5rem;padding: .5rem 0 1.5rem;}.page-navigator li{list-style: none;}.page-navigator li a, .page-navigator li span{display: inline-block;min-width: 38px;padding: .5rem .875rem;text-align: center;font-size: .875rem;background-color: var(--card-bg);border: var(--style-border);border-radius: var(--radius-pill);box-shadow: var(--shadow-border);color: var(--text-secondary);transition: var(--t-fast);}.page-navigator li a:hover{border-color: var(--accent);color: var(--accent);box-shadow: var(--shadow-main);}.page-navigator .current a, .page-navigator .current span{background-color: var(--brand);border-color: var(--accent);color: var(--on-brand);box-shadow: var(--shadow-main);}.page-navigator[hidden]{display: none;}.feed-status{display: flex;align-items: center;justify-content: center;gap: .5rem;min-height: 3rem;padding: .5rem 0;font-size: .875rem;color: var(--text-light);}.feed-status[hidden]{display: none;}.feed-spinner{width: 14px;height: 14px;flex-shrink: 0;border: 2px solid var(--border-strong);border-top-color: var(--accent);border-radius: 50%;animation: feed-spin .7s linear infinite;}.feed-text{min-width: 5em;}.feed-retry{padding: .375rem 1rem;border: 1px solid var(--border-strong);border-radius: var(--radius-full);background-color: var(--card-bg);font-family: inherit;font-size: .8125rem;color: var(--text-secondary);cursor: pointer;transition: background-color .2s, color .2s, border-color .2s;}.feed-retry:hover{background-color: var(--brand);border-color: var(--brand);color: var(--on-brand);}@keyframes feed-spin{to{transform: rotate(360deg);}}.feed-skeleton{pointer-events: none;}.sk-head{display: flex;align-items: center;gap: .75rem;margin-bottom: 1rem;}.sk-avatar, .sk-line{background: linear-gradient(90deg, var(--surface-soft) 25%, var(--surface-zebra) 50%, var(--surface-soft) 75%);background-size: 200% 100%;animation: sk-shimmer 1.2s linear infinite;}.sk-avatar{width: 40px;height: 40px;border-radius: 50%;}.sk-line{height: 14px;border-radius: 4px;}.sk-line + .sk-line{margin-top: .625rem;}.sk-line-sm{width: 40%;}.sk-line-70{width: 70%;}@keyframes sk-shimmer{to{background-position: -200% 0;}}.random-card{padding: 1.5rem 1.25rem;margin-bottom: 1.5rem;text-align: center;}.random-card p{margin: 0 0 1rem;font-size: .9375rem;color: var(--text-secondary);}.article-nav{margin-bottom: 1.5rem;}.article-nav-dock{display: flex;overflow: hidden;border: var(--style-border);border-radius: var(--radius-md);background-color: var(--glass-bg-deep);box-shadow: var(--shadow-border);transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;}.article-nav-dock:hover{border-color: var(--accent);}.article-nav-cell{position: relative;flex: 1 1 0;min-width: 0;height: 150px;display: flex;flex-direction: column;justify-content: center;gap: .75rem;padding: 1.125rem 1.5rem;transition: background-color .25s ease;}.article-nav-cell + .article-nav-cell{border-left: 1px solid var(--card-border);}.article-nav-next{text-align: right;}.article-nav-label{font-size: .75rem;color: var(--text-light);transition: color .25s ease;}.article-nav-title{font-size: .9375rem;font-weight: 700;line-height: 1.5;color: var(--text-strong);display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;transition: color .25s ease;}.article-nav-title::after{content: '';position: absolute;inset: 0;}@media (hover: hover){.article-nav-cell:hover{background-color: var(--brand);}.article-nav-cell:hover .article-nav-label, .article-nav-cell:hover .article-nav-title{color: var(--on-brand);}}@media (hover: none){.article-nav-cell:active{background-color: var(--surface-soft);}}@media (max-width: 767px){.article-nav-dock{flex-direction: column;}.article-nav-cell{height: 118px;}.article-nav-cell + .article-nav-cell{border-left: 0;border-top: 1px solid var(--card-border);}.article-nav-next{text-align: left;}}.related{margin-top: 2rem;}.related-headline{display: flex;align-items: center;gap: .5rem;margin: 0 0 .875rem;font-size: 1.25rem;font-weight: 800;line-height: 1.4;letter-spacing: -.01em;color: var(--text-strong);}.related-headline .noline-icon{color: var(--accent);}.related-lead{margin-right: auto;}.related-random{flex-shrink: 0;display: inline-flex;align-items: center;height: 32px;padding: 0 .75rem;border: var(--style-border);border-radius: var(--radius-full);background-color: var(--surface-soft);font-size: .8125rem;font-weight: 600;color: var(--text-secondary);transition: var(--t);}.related-random:hover{background-color: var(--brand);border-color: var(--brand);color: var(--on-brand);}.related-list{display: flex;flex-wrap: wrap;gap: .75rem;}.related-item{position: relative;flex: 1 1 100%;min-width: 0;display: flex;align-items: stretch;height: 150px;overflow: hidden;border: var(--style-border);border-radius: var(--radius-md);background-color: var(--surface-soft);transition: background-color .3s ease, box-shadow .3s ease;}.related-cover{flex: 0 0 40%;max-width: 40%;background-position: center;background-repeat: no-repeat;background-size: cover;background-color: var(--cover-fallback);}.related-text{flex: 1 1 auto;min-width: 0;display: flex;flex-direction: column;justify-content: center;gap: .5rem;padding: 1rem 1.25rem;}.related-title{font-size: .9375rem;font-weight: 700;line-height: 1.5;color: var(--text-strong);display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;transition: color .3s ease;}.related-date{font-size: .75rem;color: var(--text-light);transition: color .3s ease;}@media (hover: hover){.related-item:hover{background-color: var(--brand);box-shadow: var(--shadow-sm);}.related-item:hover .related-title, .related-item:hover .related-date{color: var(--on-brand);}}@media (hover: none){.related-item:active{background-color: var(--card-bg);}}@media (max-width: 767px){.related-item{height: auto;align-items: center;}.related-cover{display: none;}.related-text{padding: 1rem 1.125rem;}.related-title{-webkit-line-clamp: 2;line-clamp: 2;}}.btn-primary{display: inline-flex;align-items: center;gap: .5rem;padding: .625rem 1.5rem;border-radius: var(--radius-full);font-size: .875rem;font-weight: 600;background-color: var(--brand);color: var(--on-brand);cursor: pointer;transition: background-color .2s, transform .2s;}.btn-primary:hover{background-color: var(--brand-hover);color: var(--on-brand);transform: translateY(-2px);}.error-page{text-align: center;padding: 4.5rem 1.25rem;}.error-code{font-size: 6rem;font-weight: 800;line-height: 1;letter-spacing: -3px;color: var(--brand);}.error-message{font-size: 1.0625rem;font-weight: 600;color: var(--text-strong);margin-top: .75rem;}.error-hint{font-size: .875rem;color: var(--text-light);margin-top: .375rem;}.error-actions{margin-top: 2rem;display: flex;gap: .75rem;justify-content: center;flex-wrap: wrap;}.comment-empty{display: flex;align-items: center;justify-content: center;gap: .5rem;padding: 1.25rem 0;font-size: .875rem;color: var(--text-light);}.comment-empty .noline-icon{font-size: 1rem;color: var(--border-strong);}@media (max-width: 640px){.error-code{font-size: 4.5rem;}}.links-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 1.25rem;margin-top: 1.25rem;}.link-card{position: relative;display: flex;align-items: center;background-color: var(--card-bg);padding: .9375rem;border-radius: var(--radius-lg);border: var(--style-border);height: 90px;box-shadow: var(--shadow-border);transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background-color .25s ease;}.link-card:hover{transform: translateY(-3px);}.link-avatar{width: 54px;height: 54px;border-radius: 50%;object-fit: cover;margin-right: .9375rem;border: 2px solid var(--avatar-ring);box-shadow: var(--shadow-md);background-color: var(--surface-code);flex-shrink: 0;transition: transform .4s ease;}.link-card:hover .link-avatar{transform: rotate(360deg);}.link-info{flex: 1;display: flex;flex-direction: column;justify-content: center;overflow: hidden;min-width: 0;}.link-title{font-weight: 700;font-size: .9375rem;color: var(--text-main);margin-bottom: .25rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.link-desc{font-size: .75rem;color: var(--text-light);line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.health-stats{display: grid;grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));gap: .75rem;margin-top: 1.5rem;}.health-tile{display: flex;flex-direction: column;gap: .1875rem;padding: .8125rem 1rem;border: 1px solid var(--border-color);border-radius: var(--radius-md);background-color: var(--surface-soft);transition: transform .25s var(--ease-spring), box-shadow .25s ease, background-color .25s ease;}.health-tile:hover{transform: translateY(-2px);box-shadow: var(--shadow-md);background-color: var(--card-bg);}.health-tile-label{display: flex;align-items: center;gap: .375rem;font-size: .75rem;font-weight: 600;color: var(--text-light);}.health-tile-value{font-size: 1.625rem;font-weight: 800;line-height: 1.25;color: var(--text-strong);font-variant-numeric: tabular-nums;}.health-tile-value i{margin-left: .1875rem;font-size: .8125rem;font-style: normal;font-weight: 600;color: var(--text-secondary);}.health-tile-note{font-size: .75rem;color: var(--text-secondary);}.health-chart, .health-log{margin-top: 1.5rem;padding: 1.125rem 1.125rem 1.25rem;border: 1px solid var(--border-color);border-radius: var(--radius-md);background-color: var(--surface-zebra);}.health-block-head{display: flex;align-items: center;justify-content: space-between;gap: .75rem;margin-bottom: 1rem;}.health-block-range{font-size: .75rem;color: var(--text-light);font-variant-numeric: tabular-nums;}.health-plot{position: relative;padding-left: 2.5rem;}.health-axis{position: absolute;left: 0;width: 2.125rem;text-align: right;font-size: .6875rem;color: var(--text-light);font-variant-numeric: tabular-nums;}.health-axis:first-child{top: 5.9%;transform: translateY(-50%);}.health-axis:last-child{bottom: 5.9%;transform: translateY(50%);}.health-svg{display: block;width: 100%;height: auto;overflow: visible;}.health-grid{stroke: var(--border-color);stroke-width: 1;}.health-area{fill: var(--accent-bg);stroke: none;}.health-line{fill: none;stroke: var(--accent);stroke-width: 2;stroke-linejoin: round;stroke-linecap: round;stroke-dasharray: 1;stroke-dashoffset: 1;animation: health-draw 1.1s var(--ease-ios) .12s forwards;}@keyframes health-draw{to{stroke-dashoffset: 0;}}.health-dot{fill: var(--card-bg);stroke: var(--accent);stroke-width: 2;}.health-dot.is-last{fill: var(--accent);stroke: var(--card-bg);filter: drop-shadow(0 0 4px var(--accent-ring));}.health-deltas{display: flex;flex-wrap: wrap;gap: .5rem;margin-top: 1rem;}.health-delta{display: inline-flex;align-items: baseline;gap: .375rem;padding: .3125rem .6875rem;border: 1px solid var(--border-color);border-radius: var(--radius-full);background-color: var(--card-bg);font-size: .75rem;}.health-delta b{font-weight: 700;color: var(--text-strong);font-variant-numeric: tabular-nums;}.health-delta i{font-style: normal;color: var(--text-light);}.health-delta.is-up b{color: var(--health-over);}.health-delta.is-down b{color: var(--health-normal);}.health-delta.is-quiet b{color: var(--text-light);}.health-badge{display: inline-block;padding: .125rem .4375rem;border-radius: var(--radius-full);font-size: .6875rem;font-weight: 700;line-height: 1.5;}.health-badge.is-thin{color: var(--health-thin);background-color: var(--health-thin-bg);}.health-badge.is-normal{color: var(--health-normal);background-color: var(--health-normal-bg);}.health-badge.is-over{color: var(--health-over);background-color: var(--health-over-bg);}.health-badge.is-obese{color: var(--health-obese);background-color: var(--health-obese-bg);}.health-row{display: flex;align-items: center;gap: .75rem;padding: .5625rem .25rem;border-bottom: 1px solid var(--border-color);font-size: .8125rem;transition: background-color .2s ease;}.health-row:last-of-type{border-bottom: 0;}.health-row:hover{background-color: var(--surface-soft);}.health-row-date{flex-shrink: 0;width: 3.125rem;color: var(--text-light);font-variant-numeric: tabular-nums;}.health-row-weight{flex-shrink: 0;min-width: 4.375rem;font-weight: 700;color: var(--text-strong);font-variant-numeric: tabular-nums;}.health-row-weight i{margin-left: .125rem;font-size: .6875rem;font-style: normal;font-weight: 500;color: var(--text-secondary);}.health-row-delta{flex-shrink: 0;width: 3.75rem;text-align: right;font-size: .75rem;color: var(--text-light);font-variant-numeric: tabular-nums;}.health-row-delta.is-up{color: var(--health-over);}.health-row-delta.is-down{color: var(--health-normal);}.health-row-bmi{flex-shrink: 0;width: 2.875rem;text-align: right;font-variant-numeric: tabular-nums;}.health-row-note{min-width: 0;margin-left: auto;font-size: .75rem;color: var(--text-secondary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.health-more{margin: .875rem 0 0;font-size: .75rem;color: var(--text-light);}.health-foot{margin: 1.5rem 0 0;padding-top: .875rem;border-top: 1px solid var(--border-color);font-size: .75rem;color: var(--text-light);}@media (max-width: 640px){.health-stats{grid-template-columns: repeat(2, 1fr);}.health-plot{padding-left: 2.125rem;}.health-axis{width: 1.75rem;}.health-row{flex-wrap: wrap;gap: .5rem;}.health-row-note{flex: 1 1 100%;margin-left: 3.875rem;white-space: normal;}}.comments-header{display: flex;align-items: center;gap: .625rem;font-size: 1.125rem;font-weight: 700;margin-bottom: 1.875rem;color: var(--text-strong);}.comments-header .noline-icon{color: var(--accent);}.comments-header .count{color: var(--text-light);font-weight: 500;font-size: .9375rem;}.comment-form{background-color: var(--surface-sunken);border-radius: var(--radius-lg);padding: 1.5625rem;margin-bottom: 2rem;border: 1px dashed var(--border-soft);transition: background-color .3s, border-color .3s, box-shadow .3s;}.comment-form:focus-within{background-color: var(--card-bg);border-color: var(--accent);box-shadow: 0 0 0 4px var(--accent-bg);}.comment-form-head{display: flex;align-items: center;justify-content: space-between;gap: .75rem;margin-bottom: .9375rem;}.comment-form-title{font-size: 1rem;font-weight: 700;color: var(--text-strong);}#cancel-comment-reply-link{font-size: .75rem;color: var(--text-light);padding: .25rem .625rem;border-radius: var(--radius-full);transition: background-color .2s, color .2s;}#cancel-comment-reply-link:hover{background-color: var(--surface-code);color: var(--accent);}.comment-field{margin-bottom: .9375rem;}.comment-form-grid{display: grid;grid-template-columns: 1fr 1fr;gap: .9375rem;}.comment-form-grid .comment-field{margin-bottom: 0;}@media (max-width: 640px){.comment-form-grid{grid-template-columns: 1fr;}.comment-form-grid .comment-field{margin-bottom: .9375rem;}}.comment-login-as{font-size: .875rem;color: var(--text-secondary);margin-bottom: .9375rem;}.comment-login-as a{color: var(--accent);}.comment-form-actions{text-align: right;}.comment-awaiting-moderation{font-style: normal;font-size: .75rem;color: var(--warn-text);background-color: var(--warn-bg);padding: .125rem .5rem;border-radius: var(--radius-md);margin-left: .5rem;}.comment-input, .comment-textarea{width: 100%;padding: .75rem 1rem;border: 1px solid var(--border-strong);border-radius: var(--radius-md);background-color: var(--card-bg);font-size: .875rem;color: var(--text-main);outline: none;transition: border-color .2s, box-shadow .2s, background-color .25s ease;}.comment-input::placeholder, .comment-textarea::placeholder{color: var(--text-light);}.comment-input:focus, .comment-textarea:focus{border-color: var(--accent);box-shadow: 0 0 0 3px var(--accent-bg);}.comment-textarea{min-height: 120px;resize: vertical;}.submit-btn{display: inline-flex;align-items: center;justify-content: center;gap: .5rem;padding: .625rem 2rem;background-color: var(--brand);color: var(--on-brand);border: none;border-radius: var(--radius-full);font-size: .875rem;font-weight: 600;cursor: pointer;margin-top: .9375rem;box-shadow: var(--shadow-md);transition: background-color .2s, transform .2s, box-shadow .2s;}.submit-btn:hover{background-color: var(--brand-hover);color: var(--on-brand);transform: translateY(-2px);box-shadow: var(--shadow-lg);}.comment-list{margin-top: 1.25rem;}.comment-list ol{list-style: none;margin: 0;padding-left: 0;}.comment-list > ol > li{margin-bottom: 1.25rem;}.comment-body{position: relative;padding: 1.125rem 1.375rem;background-color: var(--card-bg);border: var(--style-border);border-radius: var(--radius-lg);transition: var(--t-fast);}.comment-body:hover{border-color: var(--accent-ring);}.comment-author{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: .75rem;}.comment-author .avatar{width: 42px;height: 42px;border-radius: 50%;margin-right: .875rem;border: 2px solid var(--avatar-ring);background-color: var(--surface-code);object-fit: cover;flex-shrink: 0;}.comment-author .fn{font-style: normal;font-weight: 700;font-size: .9375rem;color: var(--text-strong);margin-right: .625rem;}.comment-author .fn a{color: inherit;}.comment-author .fn a:hover{color: var(--accent);}.comment-meta{font-size: .75rem;color: var(--text-light);background-color: var(--surface-sunken);padding: .125rem .5rem;border-radius: var(--radius-md);}.comment-meta a{color: inherit;}.comment-content{font-size: .9375rem;line-height: 1.7;color: var(--text-secondary);margin-left: 3.5rem;margin-bottom: .75rem;overflow-wrap: break-word;}.comment-content p{margin-bottom: .8em;}.comment-content p:last-child{margin-bottom: 0;}.comment-content a{color: var(--accent);}.comment-content pre{background-color: var(--surface-sunken);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: .75rem;overflow-x: auto;font-family: var(--font-mono);font-size: .8125rem;color: var(--text-main);}@media (max-width: 640px){.comment-content{margin-left: 0;}}.comment-reply{text-align: right;margin-top: -.375rem;}.comment-reply a{display: inline-block;font-size: .75rem;color: var(--accent);padding: .25rem .75rem;background-color: var(--accent-bg);border-radius: var(--radius-pill);font-weight: 500;opacity: .85;transition: opacity .2s, background-color .2s, color .2s;}.comment-reply a:hover{opacity: 1;background-color: var(--accent);color: var(--on-brand);}.comment-children{margin-top: 1.25rem;margin-left: 1.25rem;padding-left: 1.25rem;border-left: 1px solid var(--border-color);}@media (min-width: 640px){.comment-children{margin-left: 3.5rem;}}@media (max-width: 640px){.comment-children{padding-left: .75rem;margin-left: .5rem;}}.comment-closed{padding: 1.25rem 1.5rem;background-color: var(--surface-sunken);border-radius: var(--radius-md);color: var(--text-light);font-size: .875rem;text-align: center;}.site-hero, .post-hero{--hero-pad-x: max(1.25rem, calc((100% - var(--layout-max)) / 2 + 1.5rem));position: relative;display: flex;align-items: center;min-height: var(--hero-h);padding: calc(var(--topbar-h) + 2.5rem) var(--hero-pad-x) 3.5rem;overflow: hidden;isolation: isolate;transition: opacity .34s ease, transform .34s ease;}.site-hero{justify-content: center;text-align: center;}.post-hero{justify-content: flex-start;}.site-hero-cover, .post-hero-cover{position: absolute;inset: -3rem;z-index: -2;background-color: var(--cover-fallback);background-size: cover;background-position: center 30%;filter: blur(26px) saturate(1.15);transform: scale(1.12);opacity: .55;}.site-hero-cover::after, .post-hero-cover::after{content: "";position: absolute;inset: 0;background-image: linear-gradient(to bottom, var(--hero-veil-top), var(--hero-veil-bottom)), radial-gradient(120% 90% at 80% 10%, var(--accent-bg), transparent 60%);}.site-hero:not(.has-cover), .post-hero:not(.has-cover){background-image: radial-gradient(60% 90% at 12% -10%, var(--accent-bg), transparent 62%), radial-gradient(50% 80% at 92% 6%, var(--accent-container), transparent 60%);background-color: var(--bg-color);}.hero-lip{position: absolute;right: calc(var(--hero-pad-x) * -1);bottom: 0;left: calc(var(--hero-pad-x) * -1);height: 16px;background-color: var(--bg-color);border-radius: var(--radius-img) var(--radius-img) 0 0;box-shadow: 0 -7px 20px 0 var(--accent-bg);}.site-hero-inner{position: relative;z-index: 1;min-width: 0;}.site-hero-avatar{width: 136px;height: 136px;border-radius: 50%;object-fit: cover;background-color: var(--surface-code);box-shadow: 0 0 0 4px var(--accent-bg), var(--shadow-md);}.site-hero-placeholder{display: inline-flex;align-items: center;justify-content: center;background-image: linear-gradient(135deg, var(--brand-hover), var(--brand));color: var(--on-brand);font-size: 3rem;font-weight: 700;line-height: 1;user-select: none;}.site-hero-title{margin: 1.25rem 0 0;font-size: 2rem;font-weight: 800;line-height: 1.35;letter-spacing: .02em;color: var(--text-strong);}.site-hero-bio{position: relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-width: 34rem;margin: 1rem auto 0;padding-top: .875rem;font-size: .875rem;line-height: 1.9;color: var(--text-light);}.site-hero-bio::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-image: linear-gradient(to right, transparent, var(--border-color), transparent);}.site-hero.has-cover .site-hero-title{color: var(--on-cover);}.site-hero.has-cover .site-hero-bio{color: var(--on-cover);opacity: .84;}.site-hero.has-cover .site-hero-bio::before{background-image: linear-gradient(to right, transparent, var(--on-cover), transparent);opacity: .5;}.post-hero-info{position: relative;z-index: 1;min-width: 0;max-width: 44rem;margin-right: auto;}.post-hero-top{display: flex;align-items: center;flex-wrap: wrap;gap: .5rem;}.post-badge{display: inline-flex;align-items: center;padding: .2rem .55rem;border-radius: var(--radius-md);background-color: var(--on-cover);color: var(--accent);font-size: .6875rem;font-weight: 700;line-height: 1.5;white-space: nowrap;user-select: none;}.post-hero-top .post-cats{color: var(--on-cover);font-size: .8125rem;opacity: .88;}.post-hero-top .post-cats a{color: inherit;}.post-hero-top .post-cats a:hover{color: var(--on-cover);opacity: 1;text-decoration: underline;}.post-hero-title{margin: .5rem 0 0;max-width: 44rem;font-size: 2.625rem;font-weight: 700;line-height: 1.38;color: var(--on-cover);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}.post-hero-meta{display: flex;align-items: center;flex-wrap: wrap;gap: .375rem;margin-top: .75rem;font-size: .8125rem;color: var(--on-cover);}.meta-pill{display: inline-flex;align-items: center;gap: .3rem;padding: .25rem .625rem;border-radius: var(--radius-pill);color: var(--on-cover);background-color: rgba(var(--on-cover-rgb), .14);line-height: 1.4;transition: var(--t-fast);}.meta-pill .noline-icon{font-size: .875rem;}a.meta-pill:hover, .meta-pill:hover{background-color: var(--on-cover);color: var(--accent);}.meta-pill.is-plain{background-color: transparent;}.meta-pill b{font-weight: 700;}.post-hero-card{--tilt-x: 0deg;--tilt-y: 0deg;--glow-x: 50%;--glow-y: 50%;--glow-opacity: 0;position: absolute;right: var(--hero-pad-x);top: 50%;z-index: 1;width: 300px;aspect-ratio: 16 / 9;margin-top: -1rem;border-radius: var(--radius-lg);overflow: hidden;transform: translateY(-50%) perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style: preserve-3d;border: var(--style-border);box-shadow: var(--shadow-lg), var(--glass-inset);transition: transform .18s ease-out, box-shadow .3s ease;will-change: transform;}.post-hero-card img{width: 100%;height: 100%;object-fit: cover;display: block;border-radius: inherit;}.post-hero-card::after{content: "";position: absolute;inset: 0;pointer-events: none;background: radial-gradient(circle at var(--glow-x) var(--glow-y), rgba(var(--on-cover-rgb), .22), rgba(var(--on-cover-rgb), .08) 22%, rgba(var(--on-cover-rgb), 0) 55%);mix-blend-mode: screen;opacity: var(--glow-opacity);transition: opacity .18s ease-out;}.post-hero-card::before{content: "";position: absolute;inset: 0;pointer-events: none;padding: 2px;border-radius: inherit;background: radial-gradient(circle at var(--glow-x) var(--glow-y), rgba(var(--on-cover-rgb), .9), rgba(var(--on-cover-rgb), .7) 20%, rgba(var(--on-cover-rgb), .1) 46%, rgba(var(--on-cover-rgb), 0) 62%);opacity: var(--glow-opacity);transition: opacity .18s ease-out;-webkit-mask: linear-gradient(var(--on-cover) 0 0) content-box, linear-gradient(var(--on-cover) 0 0);-webkit-mask-composite: xor;mask: linear-gradient(var(--on-cover) 0 0) content-box, linear-gradient(var(--on-cover) 0 0);mask-composite: exclude;}@media (max-width: 639px){.site-hero, .post-hero{--hero-pad-x: 1rem;}.site-hero{min-height: 20rem;padding-block: calc(var(--topbar-h) + 1.5rem) 3rem;}.post-hero{min-height: 18rem;padding-block: calc(var(--topbar-h) + 1.5rem) 3rem;}.post-hero-title{font-size: 1.5rem;-webkit-line-clamp: 3;line-clamp: 3;}.post-hero-card{display: none;}}.post-hero:not(.has-cover) .post-hero-title, .post-hero:not(.has-cover) .post-hero-meta{color: var(--text-strong);}.post-hero:not(.has-cover) .post-hero-top .post-cats{color: var(--text-secondary);opacity: 1;}.post-hero:not(.has-cover) .meta-pill{background-color: var(--surface-soft);color: var(--text-secondary);}.post-hero:not(.has-cover) .meta-pill.is-plain{background-color: transparent;}.post-hero:not(.has-cover) .post-badge{background-color: var(--brand);color: var(--on-brand);}.notice-body{display: flex;align-items: flex-start;gap: .625rem;margin: 0;padding: 1rem 1.25rem;background-color: var(--surface-sunken);border-radius: var(--radius-md);}.notice-icon{font-size: 1rem;line-height: 1.9;}.notice-text{min-width: 0;font-size: .875rem;line-height: 1.9;color: var(--text-secondary);}.notice-text p{margin-bottom: .5em;}.notice-text p:last-child{margin-bottom: 0;}.post-copyright{position: relative;margin-top: 3.5rem;padding: 2.75rem 1.5rem 1.25rem;text-align: center;background-color: var(--surface-soft);border: var(--style-border);border-radius: var(--radius-lg);}.post-copyright-avatar{position: absolute;top: -33px;left: calc(50% - 33px);width: 66px;height: 66px;overflow: hidden;border: var(--style-border);border-radius: 50%;background-color: var(--brand);box-shadow: var(--shadow-main);}.post-copyright-avatar img{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;transition: transform .3s var(--ease-ios);}.post-copyright-avatar-back{z-index: 1;background-color: var(--surface-code);}.post-copyright-avatar-front{z-index: 2;transform: scale(1.05) translateY(2px);}.post-copyright-avatar:hover .post-copyright-avatar-front{transform: scale(1) translateY(3px);}.post-copyright-avatar:hover .post-copyright-avatar-back{transform: scale(.8);}.post-copyright-name{margin: 0;font-size: 1.375rem;font-weight: 700;line-height: 1.4;color: var(--text-strong);}.post-copyright-desc{margin: .5rem 0 0;font-size: .9375rem;line-height: 1.8;color: var(--text-light);}.post-copyright-badges{display: flex;flex-wrap: wrap;gap: .375rem;justify-content: center;margin-top: 1rem;}.post-copyright-badge{padding: .25rem .625rem;border-radius: var(--radius-md);background-color: var(--text-strong);color: var(--card-bg);font-size: .6875rem;font-weight: 500;line-height: 1.5;}.calendar-wrap{padding: 0 .25rem .25rem;}.calendar-head, .calendar-week{display: grid;grid-template-columns: repeat(7, 1fr);gap: .25rem;}.calendar-head{margin-bottom: .25rem;}.calendar-cell{position: relative;display: flex;align-items: center;justify-content: center;height: 1.875rem;border-radius: var(--radius-md);font-size: .75rem;color: var(--text-secondary);}.calendar-head .calendar-cell{height: auto;font-weight: 600;color: var(--accent);}.calendar-today{background-color: var(--accent);color: var(--on-brand);font-weight: 700;}.calendar-posted{color: var(--accent);font-weight: 600;}.calendar-posted::after{content: "";position: absolute;bottom: .25rem;left: 50%;width: 3px;height: 3px;margin-left: -1.5px;border-radius: 50%;background-color: var(--accent);}.history-list{position: relative;display: flex;flex-direction: column;gap: .875rem;padding: 0 .25rem .25rem 1.5rem;}.history-list::before{content: "";position: absolute;left: .5rem;top: .6rem;bottom: .6rem;width: 1px;background-color: var(--border-soft);}.history-item{position: relative;display: flex;align-items: flex-start;gap: .875rem;}.history-item::before{content: "";position: absolute;left: -1.25rem;top: .35rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: var(--accent);box-shadow: 0 0 0 3px var(--accent-bg);}.history-year{flex-shrink: 0;min-width: 3.25rem;font-size: 1rem;font-weight: 800;line-height: 1.3;color: var(--accent);}.history-ago{display: block;font-size: .6875rem;font-weight: 400;color: var(--text-light);}.history-title{min-width: 0;font-size: .875rem;font-weight: 600;line-height: 1.6;color: var(--text-strong);}.rcomment-list{position: relative;display: flex;flex-direction: column;gap: .875rem;padding: 0 .25rem .25rem;}.rcomment-list::before{content: "";position: absolute;top: .625rem;bottom: .625rem;left: calc(.25rem + 16px);width: 1px;background-color: var(--border-color);}.rcomment-item{position: relative;display: flex;align-items: flex-start;gap: .625rem;color: inherit;text-decoration: none;}.rcomment-face{width: 32px;height: 32px;flex-shrink: 0;border: 2px solid var(--card-bg);border-radius: 50%;background-color: var(--surface-code);object-fit: cover;}.rcomment-main{display: flex;flex-direction: column;gap: .25rem;flex: 1 1 auto;min-width: 0;}.rcomment-head{display: flex;align-items: baseline;justify-content: space-between;gap: .5rem;min-width: 0;}.rcomment-author{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0;font-size: .8125rem;font-weight: 600;color: var(--text-secondary);}.rcomment-time{flex-shrink: 0;font-size: .6875rem;color: var(--text-light);}.rcomment-bubble{display: block;padding: .5rem .75rem;background-color: var(--surface-zebra);border-radius: var(--radius-md);font-size: .8125rem;line-height: 1.7;color: var(--text-secondary);overflow-wrap: break-word;transition: background-color .18s;}.rcomment-item:hover .rcomment-bubble{background-color: var(--surface-soft);}.site-stats{display: grid;grid-template-columns: 1fr 1fr;gap: .5rem;padding: 0 .25rem;}.site-stat{display: flex;align-items: baseline;justify-content: space-between;gap: .5rem;padding: .5rem .75rem;background-color: var(--surface-zebra);border-radius: var(--radius-md);font-size: .75rem;color: var(--text-light);}.site-stat b{font-size: .9375rem;font-weight: 700;color: var(--accent);}.site-stat b, .stat-item, .topbar-percent, .feed-text, .tag-count, .archive-item-meta{font-variant-numeric: tabular-nums;}.sidebar-toc[hidden]{display: none;}.toc-content{max-height: 40vh;overflow-y: auto;scrollbar-width: thin;scrollbar-color: var(--border-strong) transparent;padding: 0 .25rem .25rem;}.toc-list{width: 100%;}.toc-child{display: none;padding-left: .75rem;}.toc-link{display: flex;align-items: center;border-left: 2px solid transparent;min-height: 2.25rem;padding: .4375rem .5rem;border-radius: 0 var(--radius-md) var(--radius-md) 0;font-size: .8125rem;line-height: 1.5;color: var(--text-secondary);transition: var(--t);}.toc-link span{width: 100%;opacity: .6;filter: blur(1px);transition: var(--t);}.toc-link.is-active{font-size: 1rem;font-weight: 700;color: var(--accent);border-left-color: var(--accent);background-color: var(--surface-soft);}.toc-link.is-active span{opacity: 1;filter: none;}.toc-child{display: none;}.toc-item.is-open > .toc-child{display: block;}@media (hover: hover){.sidebar-toc:hover .toc-link span{opacity: 1;filter: none;}.toc-link:hover{background-color: var(--surface-sunken);}.toc-link:hover span{color: var(--accent);}}@media (max-width: 767px){.toc-child{display: block;}}.back-top{position: fixed;right: 1.5rem;bottom: 1.5rem;z-index: var(--z-float);width: 2.75rem;height: 2.75rem;display: flex;align-items: center;justify-content: center;border: 1px solid var(--border-soft);border-radius: 50%;background-color: var(--card-bg);color: var(--text-secondary);box-shadow: var(--shadow-md);cursor: pointer;opacity: 0;transform: translateY(.5rem);pointer-events: none;transition: opacity .25s ease, transform .25s var(--ease-spring), color .2s, border-color .2s;}.back-top .noline-icon{font-size: 1.125rem;}.back-top.is-visible{opacity: 1;transform: none;pointer-events: auto;}.back-top:hover{color: var(--accent);border-color: var(--accent);}.lightbox{position: fixed;inset: 0;z-index: var(--z-modal);display: flex;align-items: center;justify-content: center;background-color: var(--lightbox-bg);animation: lightbox-in .32s var(--ease-ios);}.lightbox[hidden]{display: none;}.lightbox-stage{display: flex;flex-direction: column;align-items: center;gap: .75rem;max-width: min(92vw, 1200px);margin: 0;padding: 0 4rem;}.lightbox-img{display: block;max-width: 100%;max-height: 80vh;object-fit: contain;border-radius: var(--radius-md);box-shadow: var(--shadow-lg);}.lightbox-caption{max-width: 100%;font-size: .8125rem;color: var(--lightbox-fg);opacity: .8;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.lightbox-btn{position: absolute;display: flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;border: none;border-radius: 50%;background-color: var(--lightbox-btn);color: var(--lightbox-fg);cursor: pointer;transition: background-color .2s;}.lightbox-btn:hover{background-color: var(--lightbox-btn-hover);}.lightbox-btn[hidden]{display: none;}.lightbox-close{top: 1.25rem;right: 1.25rem;}.lightbox-prev{left: 1.25rem;top: 50%;transform: translateY(-50%);}.lightbox-next{right: 1.25rem;top: 50%;transform: translateY(-50%);}.lightbox-close::before, .lightbox-close::after{content: "";position: absolute;left: 50%;top: 50%;width: 2px;height: 1.125rem;background-color: currentColor;}.lightbox-close::before{transform: translate(-50%, -50%) rotate(45deg);}.lightbox-close::after{transform: translate(-50%, -50%) rotate(-45deg);}.lightbox-prev::before, .lightbox-next::before{content: "";width: .875rem;height: .875rem;border-top: 2px solid currentColor;border-left: 2px solid currentColor;}.lightbox-prev::before{transform: translateX(.2rem) rotate(-45deg);}.lightbox-next::before{transform: translateX(-.2rem) rotate(135deg);}.post-content img, .status-content img{cursor: zoom-in;}html.lightbox-open{overflow: hidden;}@keyframes lightbox-in{from{opacity: 0;}to{opacity: 1;}}.btn-primary:active, .read-more:active, .feed-retry:active, .icon-btn:active, .nav-item:active, .tag:active{transform: scale(.95);}html.is-loading .container, html.is-loading .site-hero, html.is-loading .post-hero{opacity: 0;transform: translateY(14px);}html.is-leaving .container, html.is-leaving .site-hero, html.is-leaving .post-hero{opacity: 0;transform: translateY(-8px);transition-duration: .18s;}#noline-progress{position: fixed;top: 0;left: 0;right: 0;height: 2px;z-index: var(--z-progress);background-color: var(--accent);box-shadow: 0 0 8px var(--accent);transform: scaleX(0);transform-origin: 0 50%;opacity: 0;pointer-events: none;transition: transform .2s ease, opacity .3s ease;}#noline-progress.is-active{opacity: 1;}@media (prefers-reduced-motion: reduce){*, *::before, *::after{transition-duration: .01ms !important;animation-duration: .01ms !important;}html.is-loading .container, html.is-leaving .container, html.is-loading .site-hero, html.is-loading .post-hero, html.is-leaving .site-hero, html.is-leaving .post-hero{opacity: 1;transform: none;}}@media print{.topbar, .nav-scrim, #noline-progress, .article-nav, .comment-form, .related, .random-card, .post-hero-card, .hero-lip{display: none !important;}body, body:not(.has-hero){padding-top: 0;}.site-hero, .post-hero{min-height: 0;padding: 0 0 1rem;}.site-hero-cover, .post-hero-cover{display: none !important;}.card{box-shadow: none !important;}.post-card::after, .link-card::after{display: none;}html.is-loading .container, html.is-leaving .container, html.is-loading .site-hero, html.is-loading .post-hero, html.is-leaving .site-hero, html.is-leaving .post-hero{opacity: 1 !important;transform: none !important;}}