:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#293129;background:#fbfaf7;font-size:14px;--muted:#7c8479;--line:#e3e8df;--green:#48664e;--soft:#eef2e9;--pink:#b8776b}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,summary{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}[hidden]{display:none!important}.brand{font:bold 35px Georgia,serif;letter-spacing:-1.5px;display:flex;align-items:center;gap:8px}.brand span{color:var(--pink);font:36px Georgia,serif}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:30px;line-height:1.45;letter-spacing:-.8px;margin:0}h2{font-size:16px}h3{font-size:14px}.hint,.subtitle{font-size:12px;line-height:1.8;color:var(--muted)}.primary{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:8px;padding:10px 16px;font-weight:600}.primary:hover{background:#36523d}.quiet{background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--green);font-size:12px}.quiet:hover{background:var(--soft)}.text-button{border:0;background:none;color:var(--green);padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.wide{width:100%;margin-top:22px}.error,.notice{font-size:13px;line-height:1.8;padding:13px 15px;border:1px solid #e1bcae;border-radius:9px;background:#fff4ed;color:#8c513c;white-space:pre-wrap;overflow-wrap:anywhere;margin:15px 0}.notice{border-color:#cfddc8;background:#eff5e9;color:#526b43}.loading{padding:40px;text-align:center;color:var(--muted)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;max-width:1280px;margin:auto;padding:70px 8%;align-items:center;gap:80px}.auth-story{min-height:560px;display:flex;flex-direction:column;justify-content:center}.auth-story>.eyebrow{margin:40px 0 25px}.auth-story h1{font-size:40px;line-height:1.6;font-weight:550;letter-spacing:-1px}.auth-story>p:not(.eyebrow){line-height:2;color:var(--muted);font-size:12px}.story-foot{font-size:11px;color:var(--muted);margin-top:60px}.auth-card{padding:38px;border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 20px 70px #29312905;min-width:0}.auth-card h2{font-size:23px;margin:12px 0 20px}.auth-card form{margin-top:27px}.auth-card label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.auth-card input{border:1px solid #dbe1d7;border-radius:8px;padding:12px;width:100%;background:#fcfdfa;color:inherit}.auth-switch{font-size:12px;text-align:center;margin-top:25px;color:var(--muted)}.auth-switch a{color:var(--green);text-decoration:underline}.layout{max-width:1320px;margin:auto;padding:0 26px;display:grid;grid-template-columns:220px minmax(0,760px) 245px;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:38px 24px 25px 0}.sidebar>.eyebrow{margin:26px 0}.sidebar nav{display:grid;gap:8px}.sidebar nav a{font-size:12px;padding:13px 14px;border-radius:9px;display:flex;gap:9px;align-items:center}.sidebar nav .nav-active{background:#eaf0e6;color:var(--green);font-weight:600}.sidebar nav span{margin-left:auto;font-size:10px;background:#dce6d4;border-radius:12px;padding:3px 6px}.project-card{border:1px solid var(--line);padding:17px 14px;border-radius:9px;margin-top:35px}.project-card strong{display:block;margin:10px 0 15px;overflow-wrap:anywhere}.private-badge{font-size:10px;color:var(--green);border:1px solid #d5e0cc;border-radius:15px;padding:4px 7px}.sidebar-footer{position:absolute;bottom:26px;left:0;right:20px;font-size:12px;overflow-wrap:anywhere}.project-main{padding:39px 33px 30px;border-right:1px solid var(--line);min-width:0}.project-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px}.project-header .eyebrow{margin:0 0 13px}.subtitle{margin:9px 0 0}.connection{display:flex;align-items:center;font-size:10px;color:var(--muted);white-space:nowrap;border:1px solid var(--line);height:31px;border-radius:18px;padding:0 10px}.dot{width:6px;height:6px;border-radius:50%;background:#76916d;margin-right:6px}.dot.offline{background:#bd7c65}.composer{border:1px solid var(--line);border-radius:12px;background:white;padding:16px;margin:22px 0}.composer-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.signature-label{font-size:10px;color:var(--muted)}textarea{display:block;resize:vertical;width:100%;border:0;padding:17px 0;background:transparent;min-height:100px;font-size:13px;line-height:1.8;color:inherit}.composer-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.composer-footer .hint{font-size:10px}.reply-target{display:flex;justify-content:space-between;align-items:center;background:var(--soft);border-radius:6px;padding:3px 9px;margin-top:12px;font-size:11px;color:var(--green)}.approval-panel,.pending-panel{border:1px solid #dfd2bd;border-radius:12px;background:#fffaf2;margin:22px 0;padding:17px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-heading h2{margin:0 0 12px}.section-heading h2 span{font-size:11px;border-radius:12px;background:#ece0c9;padding:3px 7px;margin-left:5px}.approval-card,.pending-card{padding:15px 0;border-top:1px solid #e9e0d1}.approval-card h3{margin:0 0 8px}.approval-card p{font-size:12px;white-space:pre-wrap;line-height:1.8;margin:7px 0}.approval-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.approval-actions button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.toolbar{display:flex;align-items:center;gap:8px;margin-top:30px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;border-radius:8px;padding:8px 10px;flex:1;min-width:0}.search span{font-size:20px;color:var(--muted)}.search input{border:0;background:none;min-width:0;width:100%;font-size:12px;color:inherit}.toolbar select{max-width:155px;padding:11px 6px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:11px}.timeline-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin:23px 0 13px}.thread{border-top:1px solid var(--line)}.post{padding:22px 0;display:flex;gap:12px;scroll-margin-top:15px}.post-avatar,.person-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e8eedf;color:#647358;flex:none;font-size:12px;font-weight:600}.color-1{background:#eee2dd;color:#936c5e}.color-2{background:#e3e9ef;color:#617a8b}.color-3{background:#f0e9d8;color:#96804c}.color-4{background:#e9e3ef;color:#8c739b}.post-main{min-width:0;flex:1}.post-heading{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;font-size:12px}.post-heading strong{overflow-wrap:anywhere}.post-id,.post-heading time{font-size:10px;color:var(--muted)}.post-heading time{margin-left:auto}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:13px;margin:10px 0}.post-body pre,.original pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.post-body pre{background:#f1f3ed;border-radius:6px;padding:12px}.post-tags,.post-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:10px}.post-tags{margin-top:8px}.tag{display:inline-block;border:1px solid #dce4d4;padding:3px 6px;border-radius:4px;color:#6f8062;font-size:9px}.tag.legacy{border-color:#e7d9c2;color:#9b8259}.reply-link{font-size:10px;color:var(--green)}.post-actions{margin-top:12px}.post-actions button{font-size:10px}.original{min-width:0;max-width:100%;color:var(--muted)}.original summary{font-size:10px;cursor:pointer}.original pre{color:#596153;background:#f2f4ed;border-radius:6px;padding:12px}.thread-replies{margin:0 0 16px 45px;border-left:2px solid #e1e7d9;padding-left:13px}.thread-replies>summary{font-size:11px;color:var(--green);padding:0 0 12px;cursor:pointer}.thread-replies .post{padding:15px 0;border-top:1px solid var(--line)}.thread-replies .post-avatar{width:27px;height:27px;font-size:10px;border-radius:8px}.thread-replies .post-body{font-size:12px}.post:target{background:#eff4e8;border-radius:6px;outline:5px solid #eff4e8}.right-panel{padding:41px 0 25px 24px;min-width:0}.right-panel h2{margin-top:16px}.person{display:flex;gap:10px;margin:20px 0;align-items:center}.person-details{min-width:0}.person-name{display:block;font-size:11px;font-weight:600;overflow-wrap:anywhere}.person-stats{display:block;font-size:10px;color:var(--muted);line-height:1.9;margin-top:3px}.person-stats a{color:var(--green);text-decoration:underline;text-underline-offset:2px}.reading-note{margin-top:36px;padding:20px 16px;background:#f1f3ed;border:1px solid #e7ebdf;border-radius:10px}.reading-note>span{font-size:25px;color:#8d9a7e}.reading-note p{font-size:11px;line-height:1.9;color:var(--muted)}.empty{padding:45px 10px;text-align:center;color:var(--muted)}.empty>span{font-size:36px;color:#b99587}.empty h2{font-size:15px}.empty p{font-size:12px}.load-area{border-top:1px solid var(--line);padding:20px 0;display:flex;gap:9px;flex-wrap:wrap}.new-posts{display:block;margin:15px auto;border:1px solid #cddbc5;background:#eef4e9;color:var(--green);padding:9px 20px;border-radius:25px;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1120px){.layout{grid-template-columns:185px minmax(0,1fr);max-width:1050px}.right-panel{display:none}.project-main{border-right:0}.sidebar{padding-right:18px}}@media(max-width:760px){.auth-layout{display:block;max-width:500px;padding:32px 20px}.auth-story{min-height:0;display:block}.auth-story .eyebrow,.auth-story h1,.auth-story>p:not(.eyebrow),.story-foot{display:none}.auth-card{margin-top:25px;padding:26px}.layout{display:block;padding:0 18px}.sidebar{position:static;height:auto;display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.sidebar .eyebrow,.sidebar nav,.project-card{display:none}.sidebar-footer{position:static;text-align:right;font-size:10px}.sidebar-footer .hint{display:none}.sidebar-footer .text-button{font-size:10px}.brand{font-size:29px}.brand span{font-size:30px}.project-main{padding:25px 0}.project-header h1{font-size:25px}.toolbar select{max-width:125px}.quiet{padding:9px}.thread-replies{margin-left:14px;padding-left:10px}.post-heading time{font-size:9px}.composer-footer .hint{max-width:150px}.right-panel{display:block;padding:25px 0;border-top:1px solid var(--line)}.reading-note{display:none}.right-panel #participants{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}}

.projects-heading{margin:28px 0 10px}.owned-projects{list-style:none;padding:0;margin:0}.owned-projects li{border-bottom:1px solid var(--line)}.owned-project-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;color:var(--green);font-weight:600}.owned-project-link:hover{background:var(--soft);text-decoration:none}.project-open-label{font-size:11px;font-weight:400;white-space:nowrap}.projects-empty{padding:16px 0;color:var(--muted);font-size:12px;line-height:1.8}

#project-switcher{width:100%;max-width:100%;padding:8px 6px;margin:0 0 14px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--green);font-size:12px}.sidebar .project-card{min-width:0}@media(max-width:700px){.sidebar .project-card{display:block;margin:0;padding:0;border:0}.sidebar .project-card>.eyebrow,.sidebar .project-card>strong,.sidebar .project-card>.private-badge{display:none}#project-switcher{margin:10px 0 0;max-width:220px}.sidebar{flex-wrap:wrap}}

.sidebar {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.sidebar > * { flex-shrink: 0; }
.sidebar-footer {
  position: static;
  margin-top: auto;
  padding-top: 24px;
}
.project-settings {
  min-width: 0;
  margin: 18px 0;
  border-top: 1px solid var(--line);
}
.project-settings > details {
  border-bottom: 1px solid var(--line);
  padding: 12px 0;
}
.project-settings summary {
  font-size: 12px;
  color: var(--green);
  overflow-wrap: anywhere;
}
.project-settings form,
.project-settings label {
  display: grid;
  gap: 8px;
}
.project-settings form { margin-top: 12px; }
.project-settings label { margin: 10px 0; font-size: 12px; }
.project-settings input,
.project-settings select,
.project-settings button {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  font-size: 12px;
}
.project-settings button { white-space: normal; margin-top: 8px; }
.member-management-row { display: flex; align-items: center; gap: 8px; }
.member-management-row > p { flex: 1; min-width: 0; }
.project-settings .member-remove { flex: 0 0 32px; width: 32px; height: 32px; margin-top: 0; padding: 0; font-size: 20px; line-height: 1; }
.site-header { position: sticky; top: 0; z-index: 50; min-height: 64px; padding: 12px max(20px, calc((100vw - 1268px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); background: #fbfaf7; }
.site-header .brand { font-size: 25px; white-space: nowrap; }
.site-header .brand span { font-size: 26px; }
.site-header nav { display: flex; gap: 18px; align-items: center; font-size: 12px; min-width: 0; }
.site-header [aria-current="page"] { color: var(--green); font-weight: 700; }
.header-user { color: var(--muted); max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#theme-preference { display: block; width: 100%; margin: 8px 0 28px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; font: inherit; }
.account-settings > details { padding: 16px 0; border-bottom: 1px solid var(--line); }
.auth-layout:has(.account-settings:not([hidden])) { align-items: start; }
.account-settings > details > summary { color: var(--green); font-weight: 600; }
.account-settings > details[open] > summary { margin-bottom: 16px; }
.account-settings #theme-preference { margin-bottom: 0; }
.registered-passkeys { margin-top: 18px; }
.doc-page { max-width: 820px; margin: 0 auto; padding: 40px 24px 64px; line-height: 1.9; }
.doc-page section { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--line); }
.doc-page h2 { color: var(--green); }
@media(max-width:480px) { .site-header nav { gap: 8px; font-size: 11px; } .site-header .brand { font-size: 21px; } }
.registered-passkeys > summary { color: var(--green); font-size: 13px; }
.registered-passkeys[open] > summary { margin-bottom: 12px; }
.ai-badge { display: inline-block; margin-left: 5px; padding: 1px 5px; border: 1px solid var(--line); border-radius: 4px; color: var(--green); font-size: 9px; font-weight: 600; line-height: 1.4; vertical-align: middle; }
.notification-menu { position: relative; }
.notification-menu > summary { color: var(--green); white-space: nowrap; }
.notification-count { border-radius: 12px; padding: 2px 6px; background: var(--green); color: white; }
.notification-panel { position: absolute; top: calc(100% + 16px); right: 0; width: 360px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 100px); overflow: auto; padding: 18px; background: white; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 35px #29312918; }
.notification-panel article { padding: 12px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.notification-panel article button + button { margin-left: 8px; }
.notification-panel > button { margin-top: 12px; }
.auth-story > .brand,.sidebar > .brand { display: none; }
.auth-layout { min-height: calc(100vh - 64px); }
.layout { min-height: calc(100vh - 64px); }
.sidebar { top: 64px; height: calc(100vh - 64px); }
@media(max-width:760px) {
  .site-header { padding: 12px 16px; gap: 10px; }
  .site-header nav { gap: 12px; }
  .header-user { display: none; }
  .notification-menu { position: static; }
  .notification-panel { top: calc(100% + 4px); right: 16px; }
  .sidebar { height: auto; }
}
.agent-token { display: flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; margin-top: 12px; }
.agent-token[hidden] { display: none; }
.agent-token-preview { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.project-settings .agent-token button { flex: 0 0 auto; width: auto; margin-top: 0; white-space: nowrap; }
.project-header { display: block; position: relative; }
.project-header > div:first-child { min-width: 0; }
.project-header > div:first-child > .eyebrow {
  display: flex;
  align-items: center;
  min-height: 36px;
  margin: 0 0 12px;
  padding-right: 190px;
}
.header-actions { position: absolute; top: 0; right: 0; display: flex; align-items: center; gap: 8px; }
.header-actions #refresh { white-space: nowrap; }
.project-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.project-title-row h1 { flex: 0 1 auto; min-width: 0; }
.project-title-row .toolbar { flex: 1 1 280px; min-width: 0; margin-top: 0; flex-wrap: wrap; }
.project-title-row .search { min-width: 120px; }
.project-header .connection { flex-shrink: 0; }
.right-panel .approval-panel { margin: 0 0 28px; }
.right-panel .approval-panel .section-heading { flex-wrap: wrap; gap: 6px; }
.right-panel .approval-card { min-width: 0; }
.right-panel .approval-actions { flex-wrap: wrap; }
.right-panel .approval-actions button { max-width: 100%; white-space: normal; }
@media (min-width: 1000px) and (max-width: 1120px) {
  .layout { grid-template-columns: 160px minmax(0, 1fr) 230px; }
  .right-panel { display: block; }
}
@media (min-width: 761px) and (max-width: 999px) {
  .right-panel { display: block; grid-column: 2; padding-top: 24px; }
}
@media (max-width: 760px) {
  .sidebar { flex-direction: row; flex-wrap: wrap; overflow: visible; }
  .sidebar > .brand { order: 1; }
  .sidebar-footer { order: 2; padding-top: 0; margin-top: 0; }
  .sidebar > .project-card { order: 3; }
  .project-settings { order: 4; flex-basis: 100%; margin-bottom: 0; }
}

:root {
  color-scheme: light;
  color: #402c35;
  background: #fffdfe;
  --page-bg: #fffdfe;
  --muted: #806370;
  --line: #f2e9ed;
  --accent: #48664e;
  --green: var(--accent);
  --soft: #fdf7fa;
  --pink: #ebc4d4;
}
.primary { background: var(--accent); border-color: var(--accent); color: #fff; }
.primary:hover { background: #36523d; }
input:focus-visible,textarea:focus-visible { outline: none; }
.auth-card { box-shadow: 0 20px 70px #78354e08; }
.auth-card input { border-color: var(--line); background: #fffafd; }
.sidebar nav .nav-active { background: var(--soft); }
.sidebar nav span { background: #fcf2f6; }
.private-badge { border-color: #ebc8d7; }
.dot { background: #789574; }
.notice { border-color: #f3e4eb; background: #fffbfd; color: #914260; }
.approval-panel,.pending-panel { border-color: var(--line); background: #fffcfd; }
.section-heading h2 span { background: #fdf4f8; }
.approval-card,.pending-card { border-color: var(--line); }
.post-avatar,.person-avatar { background: #fdf5f9; color: #9b4264; border: 1px solid var(--line); }
.post-avatar.color-1,.person-avatar.color-1 { background: #eee2dd; color: #936c5e; }
.post-avatar.color-2,.person-avatar.color-2 { background: #e3e9ef; color: #617a8b; }
.post-avatar.color-3,.person-avatar.color-3 { background: #f0e9d8; color: #96804c; }
.post-avatar.color-4,.person-avatar.color-4 { background: #e9e3ef; color: #8c739b; }
.post-body pre,.original pre { background: #fefafd; }
.original pre { color: #70525f; }
.tag { border-color: #ebc8d7; color: #9b4264; }
.tag.legacy { border-color: #e7d9c2; color: #9b8259; }
.thread-replies { border-color: #efd6e1; }
.post:target { background: #fef7fb; outline-color: #fef7fb; }
.reading-note { background: #fefafd; border-color: var(--line); }
.reading-note > span { color: #bf829a; }
.empty > span { color: #c58da3; }
.new-posts { border-color: #f3e4eb; background: #fffbfd; }
.site-header { background: var(--page-bg); }
.notification-panel { box-shadow: 0 12px 35px #78354e18; }

:root[data-theme="dark"] {
    color-scheme: dark;
    color: #e0e9f5;
    background: #1b181a;
    --page-bg: #1b181a;
    --muted: #a7b4c8;
    --line: #40343b;
    --accent: #b0cbbf;
    --soft: #30252c;
    --pink: #e4b4c8;
  }
:root[data-theme="dark"] .auth-card,:root[data-theme="dark"] .composer,:root[data-theme="dark"] .search,:root[data-theme="dark"] .notification-panel { background: #241f23; }
:root[data-theme="dark"] input,:root[data-theme="dark"] select { color: inherit; background-color: #241f23; border-color: var(--line); }
:root[data-theme="dark"] .auth-card input { background: #1f1b1e; }
:root[data-theme="dark"] #project-switcher { background: #241f23; }
:root[data-theme="dark"] .primary { background: var(--accent); border-color: var(--accent); color: #1c2b2b; }
:root[data-theme="dark"] .primary:hover { background: #c2d9d0; border-color: #c2d9d0; }
:root[data-theme="dark"] .notification-count { color: #1c2b2b; }
:root[data-theme="dark"] .sidebar nav span,:root[data-theme="dark"] .section-heading h2 span { background: #40303a; }
:root[data-theme="dark"] .private-badge,:root[data-theme="dark"] .tag,:root[data-theme="dark"] .thread-replies { border-color: #604451; }
:root[data-theme="dark"] .dot { background: var(--accent); }
:root[data-theme="dark"] .dot.offline { background: #da9a7e; }
:root[data-theme="dark"] .notice,:root[data-theme="dark"] .new-posts { border-color: #604451; background: #30232b; }
:root[data-theme="dark"] .notice { color: #ebbed0; }
:root[data-theme="dark"] .error { background: #382621; border-color: #805546; color: #f0bba6; }
:root[data-theme="dark"] .approval-panel,:root[data-theme="dark"] .pending-panel { background: #241f23; }
:root[data-theme="dark"] .post-avatar,:root[data-theme="dark"] .person-avatar { background: #382731; color: #edb9ce; }
:root[data-theme="dark"] .post-avatar.color-1,:root[data-theme="dark"] .person-avatar.color-1 { background: #362b27; color: #dfb5a5; }
:root[data-theme="dark"] .post-avatar.color-2,:root[data-theme="dark"] .person-avatar.color-2 { background: #252e36; color: #aec8dc; }
:root[data-theme="dark"] .post-avatar.color-3,:root[data-theme="dark"] .person-avatar.color-3 { background: #342f23; color: #d9c48e; }
:root[data-theme="dark"] .post-avatar.color-4,:root[data-theme="dark"] .person-avatar.color-4 { background: #302736; color: #cfb6df; }
:root[data-theme="dark"] .post-body pre,:root[data-theme="dark"] .original pre,:root[data-theme="dark"] .reading-note { background: #272126; }
:root[data-theme="dark"] .original pre { color: #c3d2e8; }
:root[data-theme="dark"] .tag { color: #edb9ce; }
:root[data-theme="dark"] .tag.legacy { border-color: #66573b; color: #d9c48e; }
:root[data-theme="dark"] .post:target { background: #362731; outline-color: #362731; }
:root[data-theme="dark"] .reading-note > span,:root[data-theme="dark"] .empty > span { color: #d0a1b5; }
:root[data-theme="dark"] .auth-card,:root[data-theme="dark"] .notification-panel { box-shadow: 0 12px 35px #0003; }