@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');
:root {
  --bg: #ffffff;
  --text: rgba(0,0,0,.86);
  --muted: rgba(0,0,0,.60);
  --faint: rgba(0,0,0,.12);
  --link: #0b57d0;
  --link-visited: #5b3fd6;
  --measure: 38em;
  --pad: 18px;
  --line-height: 1.8; 
  --entry-content: var(--text);
  --serif: 'Bree Serif', serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0b0c0f;
    --text: rgba(255,255,255,.88);
    --muted: rgba(255,255,255,.62);
    --faint: rgba(255,255,255,.14);
    --link: #7ab7ff;
    --link-visited: #b6a6ff;}}
@view-transition {navigation: auto;}
::view-transition-old(root) {animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-out;}
::view-transition-new(root) {animation: 210ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in;}
html, body { background: var(--bg) !important; scroll-behavior: smooth; }
body {
  font-family: var(--serif) !important;
  color: var(--text) !important;
  line-height: var(--line-height);
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;}
code, kbd, pre, samp { font-family: var(--mono) !important; }
.main, .page, .post, .first-entry, .home-info, .profile, .footer {
  max-width: var(--measure) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: none !important;}
.main { padding-left: var(--pad) !important; padding-right: var(--pad) !important; }
.header, .nav { border-bottom: none !important; }
.nav { position: relative; margin: 0 auto; width: 100%; max-width: var(--measure) !important; }
.nav::after { content: ""; display: block; position: absolute; bottom: 0; height: 2px; background: var(--border); left: var(--pad); right: var(--pad); }
.logo a { font-weight: 600 !important; letter-spacing: 0 !important; }
#menu { gap: 14px !important; margin-right: var(--pad)!important;}
#menu a { font-size: 0.95rem !important; color: var(--muted) !important; text-decoration: none !important; }
#menu a:hover { color: var(--text) !important; text-underline-offset: 1px; }
.page-header h1 { font-size: 1.7rem !important; font-weight: 700 !important; margin-bottom: 14px !important; }
.post-title { font-size: 1.8rem !important; font-weight: 700 !important; line-height: 1.15 !important; margin-bottom: 0.6rem !important; }
.toc, details.toc, .post-toc { display: none !important; }
.post-meta, .entry-meta, .breadcrumbs, .post-description { color: var(--muted) !important; font-size: 0.85rem !important; font-variant-numeric: tabular-nums; }
.post-content { font-size: 18px; line-height: 1.8; letter-spacing: 0.01em;}
.post-content p { margin: 0.95rem 0 !important; }
.post-content a { color: var(--link) !important; }
.post-content a:visited { color: var(--link-visited) !important; }
.post-content img, .post-content video, .post-content iframe { border-radius: 0 !important; box-shadow: none !important; max-width: 100% !important; }
.post-content figure, .post-content p:has(img) { margin: 1rem 0 !important; }
.post-content > h1:first-child { display: none !important; }
hr { border: 0; border-top: 1px solid var(--faint); margin: 1.6rem 0; }
blockquote { border-left: 3px solid var(--faint) !important; margin-left: 0 !important; padding-left: 14px !important; color: var(--muted) !important; }
pre { border: 1px solid var(--faint) !important; border-radius: 0 !important; }
.bear-archive-head { display: flex; justify-content: flex-end; margin: 6px 0 18px; }
.bear-archive-tag { color: var(--muted); font-size: 0.95rem; letter-spacing: 0.02em; }
.bear-archive-list { list-style: none; padding: 0; margin: 0; }
.bear-archive-item { display: grid; grid-template-columns: 140px 1fr; gap: 22px; align-items: baseline; padding: 12px 0; }
.bear-archive-date { color: var(--text); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bear-archive-title { color: var(--text); text-decoration: none; line-height: 1.5; word-break: break-word; overflow-wrap: anywhere; }
.bear-archive-title:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 560px) {
  .bear-archive-item { grid-template-columns: 1fr; gap: 6px; padding: 10px 0; }
  .bear-archive-date { font-weight: 600; color: var(--muted); }}
.footer { display: none !important; }
@media (max-width: 520px) {
  :root { --pad: 14px; }
  .post-title { font-size: 1.65rem !important; }
  .post-content { font-size: 1.02rem; }}
.bear-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.bear-list li { list-style: none !important; display: grid; grid-template-columns: 140px 1fr; gap: 22px; align-items: baseline; padding: 12px 0; }
.bear-list .date { color: var(--text); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bear-list a { color: var(--text); text-decoration: none; line-height: 1.5; word-break: break-word; overflow-wrap: anywhere; }
.bear-list a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 560px) {
  .bear-list li { grid-template-columns: 1fr; gap: 6px; padding: 10px 0; }
  .bear-list .date { font-weight: 600; color: var(--muted); }}
.post-content figure { margin: 1.5rem auto !important; text-align: center;}
.post-content figcaption { display: block !important; font-size: 0.9rem; color: var(--text) !important; opacity: 0.7; margin-top: 10px; text-align: center;}
.main .main { margin: 0 !important; padding: 0 !important;}