/* A single author's personal moments, in one continuous column. */
:root { --ink:#262b30; --muted:#969ba0; --paper:#f3f4f5; --surface:#fff; --line:#eceef0; --green:#526b83; --green-soft:#edf1f5; --coral:#718399; --danger:#ad4e4e; --shadow:none; }
body { background:var(--paper); font:14px/1.8 "PingFang SC","Microsoft YaHei",sans-serif; }
:focus-visible { outline:2px solid var(--green); outline-offset:4px; }
.topbar { position:relative; width:min(700px,100%); min-height:58px; margin:auto; padding:13px 24px; border:0; background:white; backdrop-filter:none; }
.wordmark { gap:8px; }
.wordmark .brand-mark,.wordmark small { display:none; }
.wordmark strong { font-size:14px; font-weight:600; letter-spacing:0; color:#68727a; }
.top-actions { gap:12px; }
.user-name { display:none; }
.topbar .button { min-height:28px; padding:0 10px; background:transparent; color:#68727a; border:0; font-weight:400; font-size:12px; }
.topbar .button:hover { background:var(--green-soft); }
.text-button { font-size:12px; color:var(--green); }
.app-shell { width:min(700px,100%); min-height:calc(100vh - 58px); margin:auto; padding:0 0 26px; background:white; }
.profile-header { margin-bottom:8px; }
.profile-cover { height:260px; background:#819899 url('cover.svg') center 53%/cover no-repeat; }
.profile-identity { position:relative; display:flex; align-items:center; justify-content:flex-end; gap:18px; min-height:64px; padding:0 28px; text-align:right; }
.profile-identity h1 { font-size:20px; font-weight:600; margin:12px 0 0; }
.profile-identity p { margin:3px 0 0; color:var(--muted); font-size:11px; }
.profile-avatar { flex-shrink:0; display:grid; place-items:center; width:78px; height:78px; margin-top:-48px; border:4px solid white; border-radius:9px; background:#344e5b; color:#e7edef; font:600 34px "Songti SC",SimSun,serif; box-shadow:0 1px 4px #00000012; }
.profile-meta { display:flex; justify-content:space-between; align-items:center; padding:22px 28px 15px; color:var(--muted); font-size:11px; }
.archive-toggle { color:var(--muted); text-decoration:none; font-size:11px; }
.archive-toggle:hover { color:var(--green); }
.layout { display:block; padding:0; }
.timeline-column { min-width:0; }
.composer { margin:8px 28px 14px; border:1px solid #e3e7ea; border-radius:8px; background:#fafbfc; box-shadow:none; }
.section-head { min-height:0; padding:15px 18px 0; border:0; }
.section-head h2 { font-size:13px; font-weight:500; }
.section-index { display:none; }
.composer-head-actions { gap:8px; }
#entryForm { padding:10px 18px 16px; }
textarea { min-height:130px; padding:6px 0; border:0; border-radius:0; background:transparent; font:14px/1.8 "Microsoft YaHei",sans-serif; }
textarea:focus { box-shadow:none; }
textarea::placeholder { color:#a3aab0; }
.composer-tools { display:flex; gap:10px; align-items:center; padding-top:12px; border-top:1px solid #e7eaed; }
.tool-group { margin-right:auto; }
.tool-button { min-height:32px; padding:0 7px; border-radius:4px; color:#87929b; font-size:10px; }
.tool-button i { font-size:17px; }
.visibility-choice { display:block; flex-shrink:0; }
.visibility-choice select { max-width:148px; padding:7px; border:1px solid #e1e5e8; border-radius:4px; background:white; color:#7a858f; font:11px "Microsoft YaHei",sans-serif; }
.button { min-height:34px; border-radius:4px; border:1px solid #536c83; padding:0 16px; font-size:12px; font-weight:500; }
.button.primary { background:#536c83; color:white; border-color:#536c83; }
.button.primary:hover { background:#42586d; }
.editor-note { margin:9px 0 0; color:var(--muted); font-size:9px; }
.entries { border:0; border-radius:0; box-shadow:none; background:transparent; }
.entries > .section-head,.day-label { display:none; }
.day-group { padding:0; }
.entry { position:relative; display:flex; flex-direction:column; padding:24px 28px 24px 84px; border:0; border-bottom:1px solid var(--line); border-radius:0; background:white; box-shadow:none; }
.entry + .entry { margin:0; }
.entry.pinned { border-left:0; background:white; }
.entry-avatar { position:absolute; top:25px; left:28px; display:grid; place-items:center; width:40px; height:40px; background:#344e5b; color:#e7edef; border-radius:5px; font:500 20px "Songti SC",SimSun,serif; }
.entry-author { order:1; color:#536b84; font-size:14px; font-weight:600; line-height:1.5; margin-bottom:8px; }
.entry-content { order:2; color:#30363b; font-size:14px; line-height:1.85; }
.entry .image-grid { order:3; }
.entry header { order:4; margin:14px 0 0; display:flex; align-items:center; justify-content:space-between; border:0; }
.entry-time { color:var(--muted); font-size:10px; gap:6px; }
.entry-time time { font:10px/1.5 "Microsoft YaHei",sans-serif; color:var(--muted); }
.entry-time > span { display:none; }
.entry-time .bi-pin-angle-fill { color:var(--green); }
.visibility-badge { margin-left:auto; margin-right:6px; color:#a1a8ae; font-size:9px; }
.entry-menu-toggle { width:28px; height:24px; background:#f4f5f6; color:#687e92; border-radius:4px; }
.entry-menu { top:30px; border:1px solid #e3e7ea; border-radius:5px; background:white; box-shadow:0 4px 18px #26333c12; padding:5px; }
.entry-menu a,.entry-menu button { border-radius:3px; font-size:11px; }
.entry footer { order:5; color:#abb1b6; font-size:9px; margin-top:8px; }
.file-preview { grid-template-columns:repeat(5,minmax(0,1fr)); }
.file-thumb,.image-button { border-radius:3px; }
.image-grid { max-width:420px; gap:5px; margin-top:12px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.image-grid.count-1 { grid-template-columns:minmax(0,280px); }
.image-grid.count-1 .image-button { aspect-ratio:auto; max-height:340px; }
.image-grid.count-1 img { display:block; height:auto; max-height:340px; object-fit:contain; }
.image-grid.count-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.preview { background:#f0f3f6; border:1px solid #e0e6ec; border-radius:4px; }
.emoji-picker { border:1px solid #e3e7ea; border-radius:5px; box-shadow:0 4px 18px #26333c12; }
.emoji-picker { top:auto; bottom:40px; width:260px; }
.markdown-body blockquote { background:#f4f6f8; color:#7d8790; border-left:3px solid #a6b4c0; }
.markdown-body code { border-radius:3px; background:#f0f2f4; }
.markdown-body table { display:block; max-width:100%; overflow:auto; border-collapse:collapse; }
.markdown-body td,.markdown-body th { border:1px solid var(--line); padding:5px 8px; }
.filter-notice,.alert { margin:10px 28px 14px; padding:10px 12px; border:0; border-radius:4px; background:#f0f3f6; color:#677c8f; font-size:11px; }
.empty-state { border:0; margin:0; padding:64px 28px 72px; background:white; text-align:center; }
.empty-state i { color:#c1cbd3; font-size:30px; }
.empty-state h3 { margin:13px 0 8px; color:#77848f; font:500 15px "Microsoft YaHei",sans-serif; }
.empty-state p { font-size:11px; color:#a3abb1; }
.pagination { padding:24px 28px; border:0; font-size:11px; }
.side-column { display:block; margin:20px 28px 0; padding:0; border:1px solid var(--line); background:#fafbfc; border-radius:5px; position:static; }
.side-column > summary { list-style:none; display:flex; justify-content:space-between; align-items:center; padding:12px 16px; cursor:pointer; font-size:11px; color:#8b969e; }
.side-column > summary::-webkit-details-marker { display:none; }
.side-column[open] > summary { border-bottom:1px solid var(--line); }
.side-column[open] > summary i { transform:rotate(180deg); }
.archive-content { padding:18px; }
.side-section { border:0; box-shadow:none; background:transparent; padding:0; }
.side-section + .side-section { margin-top:24px; padding-top:18px; border-top:1px solid var(--line); }
.side-title { margin-bottom:14px; }
.side-title h2 { font-weight:500; font-size:12px; color:#75828c; }
.side-title > i { color:#93a0aa; }
.month-title { color:#75899c; font:500 19px Arial,sans-serif; }
.calendar { max-width:330px; margin:auto; }
.weekdays span { color:#a3adb5; }
.days a,.days > span { font:11px Arial,sans-serif; }
.days a.disabled { color:#bec5ca; }
.days a.has-entry span { border-radius:50%; background:#e9eef3; color:#617a90; }
.days a.active span,.days a:hover span { background:#617a90; color:white; }
.days a.today span { outline-color:#9eafbc; }
.days small { color:#8196a6; }
.search-form { border:1px solid #e3e7ea; background:white; border-radius:4px; padding:0 8px; grid-template-columns:minmax(0,1fr) 32px; align-items:center; }
.search-form input { font-size:11px; }
.search-form .icon-button { width:28px; height:28px; }
.markdown-help dl div { border-color:var(--line); }
.markdown-help dt,.markdown-help dd { font-size:10px; }
.journal-footer { display:flex; justify-content:center; gap:12px; margin-top:28px; padding:0 24px; color:#b0b6bb; font:9px/1.5 "Microsoft YaHei",sans-serif; letter-spacing:0; border:0; }
.auth-page { background:var(--paper); }
.auth-card { border:1px solid #e7ebee; border-radius:8px; padding:36px; background:white; box-shadow:0 8px 40px #52657908; }
.auth-card .brand-mark { background:#344e5b; border-radius:6px; margin-bottom:22px; }
.auth-card h1 { font:500 25px "Microsoft YaHei",sans-serif; }
.auth-card .eyebrow { color:#8d9dab; font-size:9px; letter-spacing:1px; }
.auth-card .muted { font-size:12px; }
.stack label { font-size:11px; }
.stack input { border:1px solid #e3e7ea; border-radius:4px; background:#fafbfc; }
.stack .button { min-height:42px; }
.auth-card .alert { margin:16px 0 0; }
.subtle-link { font-size:11px; color:#9ca7af; }
@media(max-width:700px) {
 body { background:white; }
 .topbar { padding:12px 20px; }
 .profile-cover { height:220px; }
 .profile-identity { padding:0 20px; gap:14px; }
 .profile-identity h1 { font-size:18px; }
 .profile-avatar { width:70px; height:70px; font-size:30px; }
 .profile-meta { padding:22px 20px 10px; }
 .composer { margin:10px 20px; }
 .entry { padding:22px 20px 22px 72px; }
 .entry-avatar { width:36px; height:36px; top:23px; left:20px; }
 .entry-author,.entry-content { font-size:13px; }
 .entry-time time { font-size:9px; }
 .visibility-badge { font-size:8px; }
 .entry-menu { position:absolute; top:30px; right:0; left:auto; bottom:auto; }
 .entry-menu a,.entry-menu button { min-height:38px; }
 .composer-tools { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; }
 .composer-tools .visibility-choice { grid-column:1/-1; grid-row:1; }
 .composer-tools .tool-group { grid-column:1; grid-row:2; }
 .composer-tools > .button { grid-column:2; grid-row:2; }
 .tool-button { width:30px; padding:0; justify-content:center; }
 .tool-button span { display:none; }
 .side-column { display:block; margin:18px 20px 0; }
 .filter-notice,.alert { margin-left:20px; margin-right:20px; }
 .file-preview { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .markdown-help { display:block; }
 .journal-footer { font-size:8px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }/* Compact right-hand toolbar and quiet interaction controls. */
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; font-size:15px; line-height:1.75; }
.topbar { position:sticky; top:0; width:100%; min-height:62px; padding:10px 28px; z-index:60; background:#fffffff5; border-bottom:1px solid #f0f1f2; backdrop-filter:blur(12px); }
.top-actions { margin-left:auto; gap:16px; }
.wordmark strong { font-size:15px; font-weight:500; }
.entry-author { font-size:15px; font-weight:600; }
.entry-content { font-size:15px; line-height:1.75; }
.profile-identity h1 { font-size:22px; }
.profile-identity p { font-size:12px; }
.entry-time time { font-size:11px; }
.nav-icon { display:inline-grid; place-items:center; width:32px; height:32px; flex-shrink:0; border:0; border-radius:50%; background:transparent; color:#858d95; font-size:20px; padding:0; cursor:pointer; text-decoration:none; }
.nav-icon:hover { background:#f0f2f4; color:#556b80; }
.music-player { display:flex; align-items:center; gap:5px; padding-right:12px; border-right:1px solid #eceef0; }
.music-track { width:160px; padding:0 7px; position:relative; }
.music-track > span { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; line-height:1.4; color:#77838f; }
.music-track small { display:block; font-size:9px; color:#afb6bd; line-height:1.5; }
#musicSeek { display:block; width:100%; height:3px; padding:0; margin:4px 0 0; border:0; border-radius:0; accent-color:#8597a6; cursor:pointer; box-shadow:none; }
.music-play { background:#f3f5f7; width:30px; height:30px; }
.music-player .nav-icon:not(.music-play) { font-size:16px; width:25px; height:28px; }
.like-button { display:inline-flex; align-items:center; gap:5px; min-height:28px; margin-left:auto; margin-right:10px; padding:0 5px; border:0; background:transparent; color:#9aa6b0; font-family:inherit; font-size:11px; cursor:pointer; border-radius:3px; }
.like-button i { font-size:14px; }
.like-button[aria-pressed="true"] { color:#be727d; }
.like-button:hover { background:#f5f6f7; }
.like-button:disabled { opacity:.6; cursor:wait; }
.visibility-badge { margin-left:0; }
.login-dialog { position:fixed; inset:0; width:min(370px,calc(100% - 40px)); max-height:calc(100vh - 48px); overflow:auto; padding:32px; border:0; border-radius:8px; color:#485663; background:white; box-shadow:0 20px 90px #293a4a2e; }
.login-dialog::backdrop { background:#2935414f; backdrop-filter:blur(3px); }
.dialog-close { position:absolute; right:12px; top:12px; font-size:14px; }
.login-symbol { width:45px; height:45px; display:grid; place-items:center; border-radius:50%; background:#f3f5f7; color:#8b9aa7; font-size:24px; margin-bottom:18px; }
.login-dialog h2 { font-size:20px; font-weight:500; margin:0 0 8px; }
.login-dialog > p { color:#a0a9b1; font-size:11px; margin:0; }
.login-dialog .stack { margin-top:24px; gap:16px; }
.login-dialog .stack input { font-size:13px; background:#fafbfc; }
.login-error { font-size:11px; color:#b6636a; margin:0; }
.feedback-toast { position:fixed; z-index:200; left:50%; bottom:28px; transform:translateX(-50%); max-width:calc(100% - 32px); padding:10px 16px; background:#43505deb; color:white; font-size:12px; border-radius:5px; }
.feedback-toast[hidden] { display:none; }
.calendar-dialog { inset:0; width:min(420px,calc(100% - 32px)); max-height:calc(100dvh - 40px); overflow:auto; padding:32px; border:1px solid #e8edef; border-radius:18px; background:#fff; color:#485663; box-shadow:0 24px 90px #293a4a30; }
.calendar-dialog[open] { animation:calendar-reveal .24s ease-out; }
.calendar-dialog::backdrop { background:#29354155; backdrop-filter:blur(5px); }
.calendar-eyebrow { color:#a2adb5; font-size:9px; letter-spacing:2px; }
.calendar-dialog h2 { margin:7px 0; font-size:23px; font-weight:500; }
.calendar-caption { margin:0; color:#9ba7af; font-size:12px; }
.calendar-controls { display:flex; align-items:center; justify-content:space-between; margin:26px 0 20px; }
.calendar-controls input { width:160px; border:0; background:#f4f6f7; color:#526774; border-radius:9px; padding:9px 12px; font:inherit; font-size:14px; cursor:pointer; }
.calendar-weekdays,.calendar-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; text-align:center; }
.calendar-weekdays { margin-bottom:10px; color:#a1adb6; font-size:10px; }
.calendar-days { min-height:238px; align-content:start; transition:opacity .15s; }
.calendar-days[aria-busy="true"] { opacity:.3; pointer-events:none; }
.calendar-day { display:flex; flex-direction:column; justify-content:center; align-items:center; height:43px; border:0; border-radius:10px; background:transparent; color:#bbc2c8; font:inherit; font-size:13px; text-decoration:none; animation:calendar-day-in .25s both; animation-delay:calc(var(--day-index) * 5ms); }
.calendar-day.has-moments { background:#edf2f4; color:#526e7a; cursor:pointer; transition:transform .18s,background .18s,box-shadow .18s; }
.calendar-day.has-moments:hover { transform:translateY(-3px); background:#dfe9ed; box-shadow:0 5px 12px #526e7a18; }
.calendar-day small { font-size:8px; line-height:1.1; }
.calendar-day.is-today { outline:1px solid #91a6b1; outline-offset:-2px; }
.calendar-day.selected { background:#526e7a; color:#fff; }
.calendar-status { min-height:36px; margin:16px 0; font-size:11px; color:#94a1aa; }
.calendar-footer { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #edf0f2; padding-top:17px; font-size:11px; }
.calendar-footer button { font:inherit; border:0; background:transparent; color:#718794; padding:0; cursor:pointer; }
.calendar-footer a { color:#718794; text-decoration:none; }
@keyframes calendar-reveal { from { opacity:0; transform:translateY(12px) scale(.98); } to { opacity:1; transform:none; } }
@keyframes calendar-day-in { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) { .calendar-dialog[open],.calendar-day { animation:none; } }
@media(max-width:700px) {
 .topbar { padding:10px 16px; min-height:58px; }
 .top-actions { gap:8px; }
 .music-player { gap:2px; padding-right:8px; }
 .music-track { width:110px; padding:0 5px; }
 .music-player #musicMute { display:none; }
 .wordmark strong { font-size:13px; }
 .entry-author,.entry-content { font-size:14px; }
 .entry-time time { font-size:10px; }
 .profile-identity h1 { font-size:20px; }
 .nav-icon { font-size:19px; }
 .login-dialog { padding:28px; }
}

/* Measured from wishtoday.space: HarmonyOS Sans and a 52px toolbar. */
@font-face { font-family:Mood HarmonyOS; src:url("fonts/HarmonyOS_Sans_regular.woff2") format("woff2"); font-weight:400; font-display:swap; }
@font-face { font-family:Mood HarmonyOS; src:url("fonts/HarmonyOS_Sans_medium.woff2") format("woff2"); font-weight:500 900; font-display:swap; }
@font-face { font-family:Mood HarmonyOS; src:url("fonts/HarmonyOS_Sans_light.woff2") format("woff2"); font-weight:300; font-display:swap; }
body { font:400 18px/26px Mood HarmonyOS,"PingFang SC","Microsoft YaHei",sans-serif; color:#191919; }
.profile-identity h1,.auth-card h1 { font-family:inherit; }
.entry-author { font-size:16px; line-height:24px; font-weight:500; color:#576b95; }
.entry-content { font-size:16px; line-height:24px; }
.entry-time time,.visibility-badge,.entry > footer { font-size:14px; line-height:22px; color:#b2b2b2; }
.profile-identity p,.profile-meta,.editor-note,.filter-notice,.stack label { font-size:14px; line-height:22px; }
.topbar { height:52px; min-height:52px; padding:6px 12px; background:rgba(240,240,240,.99); border:0; backdrop-filter:none; }
.top-actions { gap:12px; height:40px; }
.topbar .nav-icon { width:40px; height:40px; padding:8px; font-size:24px; border-radius:4px; color:#898989; }
.topbar .nav-icon:hover { background:rgba(0,0,0,.05); }
.wordmark strong { font-size:16px; font-weight:500; color:#898989; }
.music-player { height:40px; gap:0; padding:0; border:0; border-radius:4px; position:relative; }
.music-player:hover { background:rgba(0,0,0,.05); }
.music-player .music-play { width:32px; height:40px; padding:0; font-size:20px; background:transparent; }
.music-track { width:56px; height:40px; padding:0; display:flex; align-items:center; }
.music-player .nav-icon.music-pick { width:34px; height:40px; padding:0; font-size:20px; }
#musicSeek { appearance:none; -webkit-appearance:none; height:2px; margin:0; background:linear-gradient(to right,#898989 var(--music-progress,0%),rgba(0,0,0,.05) var(--music-progress,0%)); border-radius:1px; }
#musicSeek::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:2px; height:2px; background:#898989; border:0; border-radius:1px; }
#musicSeek::-moz-range-thumb { width:2px; height:2px; background:#898989; border:0; border-radius:1px; }
#musicSeek:focus-visible { outline:2px solid #898989; outline-offset:5px; }
@media(max-width:375px) { .music-track { width:26px; } }

/* Personal moments layout aligned with the reference's 600px column. */
:root { --paper:#f0f0f0; --line:#f2f2f2; --green:#576b95; }
.app-shell { width:min(600px,100%); min-height:100vh; padding:0 0 26px; }
.topbar { position:fixed; left:50%; transform:translateX(-50%); width:min(600px,100%); background:transparent; transition:background .2s; }
.topbar .wordmark strong,.topbar .nav-icon,.topbar .text-button { color:#fff; }
.topbar.is-scrolled { background:rgba(240,240,240,.99); }
.topbar.is-scrolled .wordmark strong,.topbar.is-scrolled .nav-icon,.topbar.is-scrolled .text-button { color:#898989; }
.topbar:not(.is-scrolled) #musicSeek { background:linear-gradient(to right,#f5f5f5 var(--music-progress,0%),rgba(255,255,255,.3) var(--music-progress,0%)); }
.profile-header { position:relative; margin:0; height:325px; }
.profile-cover { height:325px; }
.profile-identity { position:absolute; top:auto; bottom:-12px; left:25px; right:25px; min-height:0; height:60px; padding:0; gap:15px; align-items:flex-start; }
.profile-identity h1 { margin:12px 0 0; font-size:18px; line-height:26px; font-weight:500; color:white; letter-spacing:1px; }
.profile-avatar { width:60px; height:60px; margin:0; border:0; border-radius:7px; box-shadow:none; font-size:28px; }
.profile-identity p { position:absolute; right:0; top:70px; margin:0; color:#b2b2b2; font-size:14px; line-height:22px; }
.profile-meta { position:absolute; top:335px; left:25px; padding:0; z-index:1; }
.profile-meta > span { display:none; }
.entries { padding-top:40px; }
.entry { padding:15px 25px 0 75px; border-bottom:0; }
.entry::after { content:""; order:7; display:block; height:1px; flex-shrink:0; margin-top:14px; background:linear-gradient(to right,transparent,#e7ebee 35%,#e7ebee 65%,transparent); }
.entry-avatar { left:25px; top:15px; width:36px; height:36px; }
.entry-author { margin-bottom:6px; line-height:24px; }
.entry-content { color:#191919; padding-bottom:14px; }
.entry-content p { margin:0 0 10px; }
.entry-content p:last-child { margin-bottom:0; }
.entry header { margin:0 0 14px; min-height:22px; gap:6px; }
.entry-time time { font-family:inherit; }
.entry-menu-toggle { width:30px; height:20px; padding:0; background:#f7f7f7; color:#576b95; }
.entry header .visibility-badge { font-size:12px; }
.entry header .visibility-badge.is-public { display:none; }
.entry-likes { order:5; background:#f7f7f7; border-radius:4px; min-height:32px; }
.entry-likes .like-button { width:100%; justify-content:flex-start; min-height:32px; margin:0; padding:4px 12px; font-size:14px; line-height:22px; color:#576b95; gap:8px; }
.entry-likes .like-button i { font-size:16px; }
.entry-likes .like-button[aria-pressed="true"] { color:#be727d; }
.entry > footer { order:6; margin-top:8px; }
.image-grid { width:100%; max-width:100%; margin:0 0 14px; gap:5px; }
.image-grid.count-1 { grid-template-columns:minmax(0,310px); }
.image-grid.count-1 .image-button { max-height:340px; }
.image-grid.count-1 img { max-height:340px; width:100%; }
.composer { margin:70px 25px 0; }
.composer textarea { font-family:inherit; font-size:16px; line-height:24px; }
.filter-notice,.alert { position:relative; margin:64px 25px 0; }
.alert-close { display:grid; place-items:center; flex-shrink:0; width:24px; height:24px; padding:0; border:0; border-radius:4px; background:transparent; color:inherit; font-size:20px; line-height:1; cursor:pointer; }
.alert-close:hover { background:rgba(103,124,143,.1); }
.filter-notice ~ .layout .entries { padding-top:20px; }
.journal-footer { padding:28px 25px 0; font-size:12px; color:#b2b2b2; }
.empty-state { padding:70px 25px 80px; }
.side-column { margin:24px 25px 0; }
.load-more { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin:22px 0 0; padding:12px 0; border:0; background:transparent; color:#b2b2b2; font:inherit; font-size:12px; text-align:center; cursor:pointer; }
.load-more.is-loading::before { content:""; width:14px; height:14px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; opacity:.7; animation:load-spin .8s linear infinite; }
@keyframes load-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .load-more.is-loading::before { animation:none; } }
p.load-more { cursor:default; }
.load-more:disabled { cursor:default; }
.pagination[hidden] { display:none; }
.entry { scroll-margin-top:68px; }
.entry-time { flex-wrap:wrap; min-width:0; }
.entry header { position:relative; }
.entry-menu-toggle { flex-shrink:0; margin-left:auto; }
.entry header .entry-menu { position:absolute; top:-7px; right:35px; left:auto; bottom:auto; border:0; background:#4b5153; color:white; padding:0; box-shadow:none; border-radius:4px; z-index:15; }
.entry-actions { display:flex; padding:8px 0; }
.entry-menu .entry-actions button { display:flex; width:auto; align-items:center; justify-content:center; gap:8px; padding:0 20px; min-height:24px; white-space:nowrap; color:white; font:inherit; font-size:16px; border:0; background:transparent; border-radius:0; cursor:pointer; }
.entry-menu .entry-actions button + button { border-left:1px solid #373d40; }
.entry-actions button i { font-size:20px; }
.entry-actions button:hover { background:#606769; }
.entry-actions button:disabled { opacity:.5; cursor:wait; }
.entry-management { display:flex; flex-wrap:wrap; border-top:1px solid #373d40; padding:6px; gap:4px; }
.entry-management a,.entry-management button { color:#e4e6e7; font-size:12px; padding:6px; }
.entry-likes { padding:5px 12px; font-size:14px; line-height:22px; color:#576b95; }
.entry-likes[hidden] { display:none; }
.entry-likes > i { margin-right:8px; }
@media(max-width:400px) { .entry-menu .entry-actions button { padding:0 14px; } }

/* Full-height action hover, direct reactions and a quiet topic index. */
.entry-actions { padding:0; overflow:hidden; border-radius:4px; }
.entry-menu .entry-actions button { min-height:38px; padding:0 24px; font-size:15px; transition:background .15s; }
.entry-actions button i { font-size:18px; }
.entry-menu .entry-actions button:hover,.entry-menu .entry-actions button:focus-visible { background:#606769; }
.entry-menu .entry-actions button + button { border-left:0; position:relative; }
.entry-menu .entry-actions button + button::before { content:""; position:absolute; left:0; top:10px; bottom:10px; width:1px; background:#373d40; }
.entry-likes { display:flex; align-items:center; gap:4px; padding:4px 12px; }
.outside-like { display:inline-grid; place-items:center; width:25px; height:25px; padding:0; margin-right:4px; border:0; background:transparent; color:#576b95; cursor:pointer; border-radius:4px; font-size:16px; }
.outside-like:hover { background:#e9edf3; }
.outside-like[aria-pressed="true"] { color:#be727d; }
.outside-like:disabled { opacity:.5; cursor:wait; }
body { background:#f0f0f0 url('journal-background.svg') center top repeat; }
.app-shell { padding-bottom:0; }
.journal-footer { min-height:180px; margin-top:24px; padding:36px 25px; align-items:flex-end; flex-wrap:wrap; background:#f0f0f0 url('journal-background.svg') center top repeat; color:#8c959b; }
@media(max-width:600px) { body { background:#f0f0f0 url('journal-background.svg') center top repeat; } .journal-footer { min-height:150px; } }
@media(max-width:400px) { .entry-menu .entry-actions button { padding:0 20px; } .top-actions { gap:6px; } }
.lazy-page .entry { animation:calendar-day-in .25s ease-out; }
@media(prefers-reduced-motion:reduce) { .lazy-page .entry { animation:none; } }
@media(max-width:600px) {
 body { background:white; }
 .profile-header,.profile-cover { height:300px; }
 .profile-meta { top:310px; }
 .profile-identity p { max-width:calc(100% - 100px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
 .composer { margin-left:25px; margin-right:25px; }
 .entry { padding:15px 25px 0 75px; }
 .entry-avatar { top:15px; left:25px; width:36px; height:36px; }
 .entry-author,.entry-content { font-size:16px; line-height:24px; }
 .entry-time time { font-size:14px; line-height:22px; }
}

/* Compact publishing panel. */
.composer { margin-top:48px; border:1px solid #e6eaed; border-radius:10px; background:#fff; box-shadow:0 4px 18px #344e5b05; }
.composer:focus-within { border-color:#b6c3ce; }
.composer > .section-head { padding:18px 20px 0; }
.composer .section-head h2 { color:#536b84; font-size:14px; }
.composer #entryForm { padding:12px 20px 18px; }
.composer textarea { min-height:112px; padding:8px 0 16px; font-size:15px; line-height:25px; }
.composer textarea::placeholder { color:#a5adb5; }
.composer .composer-tools { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; padding-top:12px; border-top:1px solid #eef0f2; align-items:center; }
.composer .composer-tools .visibility-choice,.composer .composer-tools .tool-group,.composer .composer-tools > .button { grid-column:auto; grid-row:auto; }
.composer .tool-group { margin:0; gap:4px; }
.composer .tool-button { width:34px; min-height:34px; padding:0; justify-content:center; border-radius:6px; color:#8a98a5; }
.composer .tool-button span { display:none; }
.composer .tool-button:hover { background:#edf1f5; color:#536b84; }
.composer .visibility-choice select { max-width:140px; min-height:34px; padding:6px 9px; border:1px solid #e6eaed; border-radius:6px; background:#f7f8fa; color:#758595; font-family:inherit; font-size:12px; cursor:pointer; }
.composer .button.primary { min-height:34px; padding:0 15px; border-radius:6px; font-family:inherit; font-size:12px; }
.composer .file-preview:empty { display:none; }
.composer .file-preview { margin:0 0 14px; }
.composer .preview { margin:0 0 14px; border:1px solid #e6eaed; border-radius:6px; background:#f7f9fb; }
.composer .emoji-picker { border:1px solid #e2e7ec; border-radius:8px; box-shadow:0 8px 24px #344e5b14; }
@media(max-width:400px) {
 .composer > .section-head { padding:16px 16px 0; }
 .composer #entryForm { padding:10px 16px 16px; }
 .composer .composer-tools { grid-template-columns:minmax(0,1fr) auto; gap:8px; }
 .composer .composer-tools .visibility-choice { grid-column:1/-1; grid-row:1; }
 .composer .composer-tools .tool-group { grid-column:1; grid-row:2; }
 .composer .composer-tools > .button { grid-column:2; grid-row:2; }
}
/* Quiet icon navigation with music controls tucked away. */
.topbar,.topbar.is-scrolled { height:54px; min-height:54px; padding:7px 20px; background:rgba(245,245,245,.95); }
.topbar .nav-icon,.topbar.is-scrolled .nav-icon { width:36px; height:36px; padding:0; font-size:21px; color:#848b90; border-radius:6px; }
.topbar .nav-icon:hover { color:#536b84; background:#e9edf0; }
.topbar .top-actions { height:36px; gap:8px; margin-left:auto; }
@media(max-width:400px) { .topbar { padding-left:16px; padding-right:16px; } .topbar .top-actions { gap:4px; } }
.topbar > .music-player { margin-left:0; height:36px; gap:4px; background:transparent; }
.topbar > .account-icon { margin-left:auto; }
.topbar > .music-player:hover { background:transparent; }
.topbar .music-player > .nav-icon { width:30px; height:36px; padding:0; font-size:21px; color:#848b90; }
.topbar .music-player .music-track { width:56px; height:36px; }
.topbar #musicSeek { height:2px; background:linear-gradient(to right,#8a9299 var(--music-progress,0%),#e2e5e8 var(--music-progress,0%)); }
.topbar #musicLoop[aria-pressed="false"] { opacity:.4; }
@media(max-width:375px) { .topbar > .music-player { gap:2px; } .topbar .music-player .music-track { width:42px; } }
.topbar { background:transparent; }
.topbar.is-scrolled { background:rgba(245,245,245,.96); }
.archive-filter { display:none; position:absolute; right:0; top:54px; font-size:13px; color:#727b82; }
.topbar.has-reached-entry .archive-filter { display:block; }
.archive-filter > summary { display:flex; align-items:center; gap:12px; padding:4px 10px; min-height:28px; line-height:20px; border-radius:0 0 5px 5px; background:#f0f0f0; cursor:pointer; list-style:none; box-shadow:0 2px 5px #00000008; }
.archive-filter > summary::-webkit-details-marker { display:none; }
.archive-filter > summary i { font-size:12px; }
.archive-panel { position:absolute; top:36px; right:0; width:280px; padding:18px; border:1px solid #dedfe1; border-radius:10px; background:#f0f0f0; box-shadow:0 8px 28px #344e5b12; }
.archive-panel::before { content:""; position:absolute; top:-6px; right:20px; width:10px; height:10px; background:#f0f0f0; border-top:1px solid #dedfe1; border-left:1px solid #dedfe1; transform:rotate(45deg); }
.archive-panel h2 { margin:0 0 16px; font-size:14px; font-weight:600; color:#6b7075; }
.archive-choices { display:grid; grid-template-columns:90px minmax(0,1fr); gap:8px; }
.archive-choices select { width:100%; min-height:36px; padding:7px 6px; border:1px solid #dedfe1; border-radius:5px; background:#eaeaec; color:#555e66; font:inherit; font-size:12px; }
.archive-buttons { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }
.archive-buttons button { padding:6px 14px; border:0; border-radius:5px; background:#e0e1e3; color:#6b7075; font:inherit; cursor:pointer; }
.archive-buttons button[type="submit"] { background:#536c83; color:#fff; }
@media(max-width:400px) { .archive-panel { width:min(280px,calc(100vw - 32px)); } }
.topbar:not(.is-scrolled) .nav-icon,.topbar:not(.is-scrolled) .music-player > .nav-icon { color:#fff; }
.topbar:not(.is-scrolled) #musicSeek { background:linear-gradient(to right,#fff var(--music-progress,0%),#ffffff44 var(--music-progress,0%)); }

.topbar { justify-content:flex-start; }

.profile-avatar img,.entry-avatar img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.settings-dialog { width:min(420px,calc(100% - 32px)); max-height:calc(100dvh - 40px); overflow:auto; padding:28px; }
.settings-dialog h2 { margin:0 0 8px; font-size:21px; color:#536b84; }
.settings-dialog .stack { gap:14px; margin-top:20px; }
.settings-dialog .stack label { display:grid; gap:6px; font-size:13px; color:#7a8995; }
.settings-dialog input,.settings-dialog select,.settings-dialog textarea { width:100%; padding:9px 10px; border:1px solid #e2e7ec; border-radius:6px; background:#f8f9fb; color:#566674; font-family:inherit; font-size:13px; line-height:21px; }
.settings-dialog textarea { min-height:96px; resize:vertical; }
.settings-note { margin:0; color:#a0aab3; font-size:11px; line-height:18px; }
.settings-buttons { display:flex; align-items:center; justify-content:space-between; margin-top:4px; }
.settings-tabs { display:flex; gap:18px; margin:18px 0 0; border-bottom:1px solid #e7ebee; }
.settings-tabs button { padding:9px 0; border:0; border-bottom:2px solid transparent; background:transparent; color:#9aa5ae; font:inherit; font-size:13px; cursor:pointer; }
.settings-tabs button[aria-selected="true"] { color:#536b84; border-bottom-color:#536b84; }
.settings-input { display:block; position:relative; }
.settings-dialog .settings-input input,.settings-dialog .settings-input textarea { padding-right:65px; }
.settings-input > button { position:absolute; right:6px; top:6px; min-height:27px; padding:3px 9px; border:0; border-radius:4px; background:#eaf0f5; color:#657e93; font:inherit; font-size:11px; cursor:pointer; }
.settings-input > button:disabled { opacity:.5; }
.settings-dialog .stack .cos-switch { display:flex; align-items:center; gap:8px; }
.settings-dialog .cos-switch input { width:15px; height:15px; accent-color:#536b84; }
.settings-dialog #settingsUpload { display:none; }

.entry header .entry-menu.admin-menu { width:78px; min-width:78px; padding:4px; background:#fff; border:1px solid #e6eaed; border-radius:6px; box-shadow:0 5px 18px #344e5b14; }
.admin-menu .entry-management { display:block; border:0; padding:0; }
.admin-menu .entry-management a,.admin-menu .entry-management button { width:100%; min-height:28px; padding:4px 10px; border-radius:3px; color:#6e7f8e; font-family:inherit; font-size:12px; line-height:20px; }
.admin-menu .entry-management a:hover,.admin-menu .entry-management button:hover { background:#f0f3f6; color:#536b84; }
.admin-menu .entry-management .danger-text { color:#ad6767; }
.settings-scroll-locked { overflow:hidden; }
.settings-dialog { overscroll-behavior:contain; }
.profile-note { position:absolute; z-index:2; top:70px; left:0; right:0; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.profile-identity .profile-note p { position:static; flex:1; margin:0; max-width:none; text-align:right; }
.composer-toggle { flex-shrink:0; padding:0; border:0; background:transparent; color:#7d8f9f; font:inherit; font-size:14px; line-height:22px; cursor:pointer; }
.composer-toggle:hover { color:#536b84; }
.composer[hidden] { display:none; }
.entry-time > .entry-edited { display:inline; color:#b2b2b2; font-size:12px; line-height:22px; }
.login-dialog { overscroll-behavior:contain; }
.composer[hidden] + .entries { position:relative; padding-top:88px; }
.alert ~ .layout .entries,.alert ~ .layout .composer[hidden] + .entries { padding-top:20px; }
.settings-dialog .settings-status { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 0 0; padding:8px 10px; border-radius:5px; background:#edf3f7; color:#536b84; font-size:12px; line-height:20px; }
.settings-status[hidden] { display:none; }
html { scrollbar-gutter:stable; }
.entries { overflow-anchor:none; }
.feedback-toast { display:flex; align-items:center; gap:12px; max-width:calc(100vw - 32px); }
.feedback-toast[hidden] { display:none; }
.composer { scroll-margin-top:70px; }
button:disabled { cursor:wait; }
.lightbox { z-index:150; padding:16px; background:rgba(15,18,22,.94); backdrop-filter:blur(8px); animation:lightbox-in .18s ease-out; }
.lightbox-bar { justify-content:flex-end; gap:12px; }
.lightbox-bar .icon-button { color:#eee; min-width:36px; width:auto; padding:0 8px; }
#imageCounter { margin-right:auto; color:#bbb; font-size:13px; }
.lightbox-stage img { max-width:90vw; max-height:82vh; border-radius:4px; box-shadow:0 16px 60px #0006; touch-action:none; }
.lightbox-prev,.lightbox-next { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:48px; border:0; border-radius:6px; background:#ffffff12; color:#eee; cursor:pointer; font-size:24px; }
.lightbox-prev { left:16px; }
.lightbox-next { right:16px; }
.lightbox-prev[hidden],.lightbox-next[hidden] { display:none; }
.lightbox-prev:hover,.lightbox-next:hover { background:#ffffff25; }
@keyframes lightbox-in { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) { .lightbox { animation:none; } }
html[data-theme="light"] { color-scheme:light; }
html[data-theme="dark"] { color-scheme:dark; --ink:#d3d6da; --muted:#8b929a; --paper:#181a1d; --surface:#22252a; --line:#34383e; --green:#91a7c8; --green-soft:#303842; }
[data-theme="dark"] body { background:var(--paper) url('journal-background.svg') center top repeat; color:var(--ink); }
[data-theme="dark"] .journal-footer { background:var(--paper) url('journal-background.svg') center top repeat; color:#9aa8b8; }
[data-theme="dark"] .app-shell,[data-theme="dark"] .entry,[data-theme="dark"] .empty-state,[data-theme="dark"] .login-dialog,[data-theme="dark"] .settings-dialog { background:var(--surface); color:var(--ink); }
[data-theme="dark"] .entry-content,[data-theme="dark"] .markdown-body { color:var(--ink); }
[data-theme="dark"] .topbar.is-scrolled { background:rgba(30,33,37,.97); }
[data-theme="dark"] .topbar.is-scrolled .nav-icon,[data-theme="dark"] .topbar.is-scrolled .music-player > .nav-icon { color:#a4acb7; }
[data-theme="dark"] .topbar .nav-icon:hover { background:#343a42; }
[data-theme="dark"] .composer,[data-theme="dark"] .composer textarea,[data-theme="dark"] .stack input,[data-theme="dark"] .settings-input,[data-theme="dark"] .archive-panel,[data-theme="dark"] .archive-choices select { background:#282c32; color:var(--ink); border-color:#3b4149; }
[data-theme="dark"] .composer .composer-tools,[data-theme="dark"] .composer .editor-wrap { border-color:#3b4149; }
[data-theme="dark"] .visibility-choice select,[data-theme="dark"] .entry-likes,[data-theme="dark"] .entry-menu-toggle,[data-theme="dark"] .archive-filter > summary,[data-theme="dark"] .back-to-top,[data-theme="dark"] .emoji-picker,[data-theme="dark"] .preview { background:#2c3138; color:#a8b8ce; border-color:#3b4149; }
[data-theme="dark"] .entry-author { color:#93abd0; }
[data-theme="dark"] .entry::after { background:linear-gradient(to right,transparent,#3a4049 35%,#3a4049 65%,transparent); }
[data-theme="dark"] .alert,[data-theme="dark"] .filter-notice,[data-theme="dark"] .settings-dialog .settings-status { background:#303b48; color:#b1c4df; }
[data-theme="dark"] .entry header .entry-menu.admin-menu { background:#2b3037; border-color:#3c424a; }
[data-theme="dark"] .entry-menu.admin-menu .entry-management a,[data-theme="dark"] .entry-menu.admin-menu .entry-management button { color:#c2cad5; }
[data-theme="dark"] .entry-menu.admin-menu .entry-management a:hover,[data-theme="dark"] .entry-menu.admin-menu .entry-management button:hover,[data-theme="dark"] .settings-tabs button[aria-selected="true"] { background:#3a4554; color:#e0e7f0; }
[data-theme="dark"] .entry-menu.admin-menu .entry-management .danger-text { color:#dc8585; }
.back-to-top { position:fixed; right:24px; bottom:24px; z-index:90; display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid #e3e7ea; border-radius:8px; background:rgba(255,255,255,.95); color:#7d8f9f; font-size:20px; box-shadow:0 3px 12px rgba(40,55,65,.08); cursor:pointer; }
.back-to-top:hover { color:#536b84; background:#f0f3f6; }
.back-to-top[hidden] { display:none; }
@media(max-width:700px) { .back-to-top { right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); } }
.theme-float { bottom:72px; }
[data-theme="dark"] .back-to-top:hover { background:#3a424d; color:#d4dfef; }
[data-theme="dark"] .settings-dialog h2 { color:#b7c9e1; }
[data-theme="dark"] .settings-dialog .stack label { color:#a4afbc; }
[data-theme="dark"] .settings-dialog input,[data-theme="dark"] .settings-dialog select,[data-theme="dark"] .settings-dialog textarea { background:#292e35; color:#d4dbe4; border-color:#3d4652; }
[data-theme="dark"] .settings-dialog input::placeholder,[data-theme="dark"] .settings-dialog textarea::placeholder { color:#8995a4; }
[data-theme="dark"] .settings-dialog .settings-input { background:transparent; }
[data-theme="dark"] .settings-input > button { background:#3a4553; color:#bdcde0; }
[data-theme="dark"] .settings-input > button:hover { background:#465468; color:#e2ebf6; }
[data-theme="dark"] .settings-tabs { border-bottom-color:#3c434d; }
[data-theme="dark"] .settings-tabs button[aria-selected="true"] { background:transparent; color:#becfe7; border-bottom-color:#9cb5d6; }
[data-theme="dark"] .settings-dialog .settings-note,[data-theme="dark"] .settings-dialog > p { color:#9faab7; }
[data-theme="dark"] .settings-dialog .text-button { color:#b5c8e3; }
@media(max-width:700px) { .theme-float { bottom:calc(64px + env(safe-area-inset-bottom)); } }

.markdown-body { line-height:1.8; }
.markdown-body p { margin:0 0 14px; }
.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 { margin:22px 0 10px; color:inherit; font-family:inherit; font-weight:600; line-height:1.45; }
.markdown-body h1 { font-size:1.4em; }
.markdown-body h2 { font-size:1.25em; }
.markdown-body h3 { font-size:1.12em; }
.markdown-body h4,.markdown-body h5,.markdown-body h6 { font-size:1em; }
.markdown-body ul,.markdown-body ol { margin:10px 0 16px; padding-left:1.6em; }
.markdown-body li { margin:5px 0; padding-left:3px; }
.markdown-body li > p { margin:4px 0; }
.markdown-body li > ul,.markdown-body li > ol { margin:4px 0; }
.markdown-body ul:has(> li > input[type="checkbox"]) { list-style:none; padding-left:4px; }
.markdown-body li > input[type="checkbox"] { width:14px; height:14px; margin:0 8px 0 0; vertical-align:-1px; accent-color:#718ba4; }
.markdown-body blockquote { margin:16px 0; padding:10px 14px; border-left:3px solid #a6b4c0; border-radius:0 6px 6px 0; background:#f4f6f8; color:#6f7c89; }
.markdown-body blockquote > :last-child { margin-bottom:0; }
.markdown-body pre { margin:16px 0; padding:14px 16px; border:1px solid #e3e8ed; border-radius:7px; background:#f5f7f9; color:#435161; white-space:pre-wrap; overflow-wrap:anywhere; font-size:.88em; line-height:1.75; tab-size:4; }
.markdown-body code { background:#eef2f5; color:#53677d; font-size:.9em; }
.markdown-body pre code { color:inherit; font-size:inherit; }
.markdown-body a { color:#587b9f; text-decoration:underline; text-decoration-color:#a9bacb; text-underline-offset:3px; }
.markdown-body hr { margin:22px 0; height:1px; border:0; background:linear-gradient(to right,transparent,var(--line) 30%,var(--line) 70%,transparent); }
.markdown-body table { margin:16px 0; font-size:.9em; }
.markdown-body th { background:#f3f6f8; text-align:left; }
.markdown-body td,.markdown-body th { padding:8px 12px; }
.markdown-body img { display:block; width:auto; max-width:100%; max-height:360px; height:auto; object-fit:contain; border-radius:6px; }
.markdown-image { display:block; max-width:100%; margin:12px 0; padding:0; border:0; border-radius:6px; background:transparent; cursor:zoom-in; }
.markdown-image:focus-visible { outline:2px solid #718ba4; outline-offset:4px; }
.entry-content > :first-child,.preview > :first-child { margin-top:0; }
.entry-content > :last-child,.preview > :last-child { margin-bottom:0; }
[data-theme="dark"] .markdown-body blockquote,[data-theme="dark"] .markdown-body pre,[data-theme="dark"] .markdown-body th { background:#292f37; color:#c0cbd8; border-color:#414b58; }
[data-theme="dark"] .markdown-body code { background:#303944; color:#c1d2e7; }
[data-theme="dark"] .markdown-body pre code { background:none; color:inherit; }
[data-theme="dark"] .markdown-body a { color:#a2c2e5; text-decoration-color:#607b99; }