/* EmlogStudio daylight visual layer: geometry inherits css/style.css (generated 2026-08-06). */
html[data-theme="light"] .article-reader {
  --day-article-paper: #fffefd;
  --day-article-paper-soft: #f6fafb;
  --day-article-paper-tint: #eef7f8;
  --day-article-ink: #15384d;
  --day-article-text: #264d61;
  --day-article-muted: #607f91;
  --day-article-faint: #7995a5;
  --day-article-line: #d6e5eb;
  --day-article-line-strong: #bed7e1;
  --day-article-teal: #007d70;
  --day-article-teal-soft: #e5f4f1;
  --day-article-blue: #1478b8;
  --day-article-blue-soft: #e8f4fb;
  --day-article-gold: #9a650d;
  --day-article-shadow: 0 12px 30px rgba(35, 89, 115, .075);
  --article-text: var(--day-article-text);
  --article-muted: var(--day-article-muted);
  --article-surface: var(--day-article-paper);
  --article-surface-raised: var(--day-article-paper-soft);
  --article-border: var(--day-article-line);
  --article-accent-soft: rgba(0, 125, 112, .09);
  --article-accent-line: rgba(0, 125, 112, .30);
  color: var(--day-article-text);
}

html[data-theme="light"] .article-reader .article-breadcrumb {
  color: var(--day-article-faint);
  background: rgba(255, 255, 255, .76);
  border-color: var(--day-article-line);
  box-shadow: inset 0 1px rgba(255, 255, 255, .94);
}

html[data-theme="light"] .article-reader .article-breadcrumb a {
  color: #3f6c81;
}

html[data-theme="light"] .article-reader .article-breadcrumb a:hover,
html[data-theme="light"] .article-reader .article-breadcrumb a:focus-visible {
  color: var(--day-article-teal);
}

html[data-theme="light"] .article-reader .article-breadcrumb [aria-current="page"] {
  color: var(--day-article-text);
}

html[data-theme="light"] .article-reader .article-hero {
  background: radial-gradient(70% 110% at 100% 0%, rgba(51, 166, 210, .16), transparent 68%),
    radial-gradient(62% 100% at 8% 108%, rgba(19, 161, 142, .10), transparent 70%),
    linear-gradient(135deg, #ffffff 0%, #f8fcfd 55%, #f0f9fa 100%);
  border-color: var(--day-article-line);
  box-shadow: var(--day-article-shadow), inset 0 1px rgba(255, 255, 255, .98);
}

html[data-theme="light"] .article-reader .article-hero::before {
  opacity: .78;
  background: radial-gradient(circle, rgba(0, 125, 112, .14), transparent 68%);
  border-color: rgba(0, 125, 112, .12);
}

html[data-theme="light"] .article-reader .article-kicker {
  color: var(--day-article-teal);
}

html[data-theme="light"] .article-reader .top-badge {
  color: #086e66;
  background: #e6f6f2;
  border-color: #bce3da;
}

html[data-theme="light"] .article-reader .article-heading h1 {
  color: var(--day-article-ink);
}

html[data-theme="light"] .article-reader .article-heading > p {
  color: var(--day-article-muted);
}

html[data-theme="light"] .article-reader .article-meta {
  color: var(--day-article-muted);
}

html[data-theme="light"] .article-reader .article-meta > span,
html[data-theme="light"] .article-reader .article-meta > a {
  color: inherit;
}

html[data-theme="light"] .article-reader .article-meta .icon {
  color: #5b879b;
}

html[data-theme="light"] .article-reader .article-meta .article-author {
  color: #28556a;
  background: rgba(255, 255, 255, .72);
}

html[data-theme="light"] .article-reader .article-meta .article-author:hover,
html[data-theme="light"] .article-reader .article-meta .article-author:focus-visible,
html[data-theme="light"] .article-reader .article-meta > a:not(.article-author):hover,
html[data-theme="light"] .article-reader .article-meta > a:not(.article-author):focus-visible {
  color: var(--day-article-teal);
}

html[data-theme="light"] .article-reader .article-meta .article-author img {
  background: #e6f1f5;
}

html[data-theme="light"] .article-reader .article-meta .article-sort-badge {
  color: var(--category-label-color, #336d86);
  background: transparent;
  box-shadow: none;
}

html[data-theme="light"] .article-reader .article-edit-link {
  color: #226689;
  background: transparent;
  box-shadow: none;
}

html[data-theme="light"] .article-reader .article-meta .article-sort-badge.category-color-link:hover,
html[data-theme="light"] .article-reader .article-meta .article-sort-badge.category-color-link:focus-visible,
html[data-theme="light"] .article-reader .article-edit-link:hover,
html[data-theme="light"] .article-reader .article-edit-link:focus-visible {
  color: #087a78;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

html[data-theme="light"] .article-reader .article-cover {
  border-color: rgba(52, 124, 155, .18);
  box-shadow: 0 13px 28px rgba(42, 99, 123, .14), inset 0 1px rgba(255, 255, 255, .72);
}

html[data-theme="light"] .article-reader .article-toolbelt {
  color: var(--day-article-muted);
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(241, 249, 251, .94));
  box-shadow: 0 8px 22px rgba(32, 91, 117, .055), inset 0 1px rgba(255, 255, 255, .98);
}

html[data-theme="light"] .article-reader .article-reading-signals {
  color: #55798b;
}

html[data-theme="light"] .article-reader .article-reading-signals > span {
  color: #557588;
  background: #f7fbfc;
  border-color: rgba(79, 139, 162, .15);
}

html[data-theme="light"] .article-reader .article-online i {
  box-shadow: 0 0 0 3px rgba(0, 125, 112, .11);
}

html[data-theme="light"] .article-reader .article-tool-action {
  color: #486d80;
  background: transparent;
}

html[data-theme="light"] .article-reader .article-tool-action b {
  color: #6d8c9d;
}

html[data-theme="light"] .article-reader .article-tool-action:hover,
html[data-theme="light"] .article-reader .article-tool-action:focus-visible {
  color: #076f72;
  background: transparent;
  border-color: transparent;
}

html[data-theme="light"] .article-reader .article-tool-action.is-active,
html[data-theme="light"] .article-reader .article-tool-action[aria-pressed="true"] {
  color: #006f68;
  background: transparent;
  border-color: transparent;
}

html[data-theme="light"] .article-reader .article-tool-action.is-active b,
html[data-theme="light"] .article-reader .article-tool-action[aria-pressed="true"] b {
  color: #00766e;
}

html[data-theme="light"] .article-reader .article-tool-action:disabled {
  color: #78909c;
  background: transparent;
}

html[data-theme="light"] .article-reader .article-font-scale {
  color: #486d80;
  background: #f7fbfc;
  border-color: rgba(79, 139, 162, .18);
  box-shadow: inset 0 1px rgba(255, 255, 255, .85);
}

html[data-theme="light"] .article-reader .article-font-scale-label {
  color: #55798b;
}

html[data-theme="light"] .article-reader .article-font-scale button {
  color: #486d80;
}

html[data-theme="light"] .article-reader .article-font-scale button:hover,
html[data-theme="light"] .article-reader .article-font-scale button:focus-visible {
  color: #076f72;
  background: #e3f3f1;
}

html[data-theme="light"] .article-reader .article-font-scale output {
  color: #087a78;
}

html[data-theme="light"] .article-reader .article-tool-status {
  color: #5d7d8e;
}

html[data-theme="light"] .article-reader .article-main {
  background: linear-gradient(90deg, rgba(20, 120, 184, .025), transparent 15%),
    var(--day-article-paper);
  border-color: var(--day-article-line);
  box-shadow: var(--day-article-shadow), inset 0 1px rgba(255, 255, 255, .98);
}

html[data-theme="light"] .article-reader .article-document-bar {
  color: #638194;
  background: #f6fafb;
  border-color: var(--day-article-line);
}

html[data-theme="light"] .article-reader .article-content {
  color: var(--day-article-text);
}

html[data-theme="light"] .article-reader .article-content :where(h1, h2, h3, h4, h5, h6) {
  color: var(--day-article-ink);
}

html[data-theme="light"] .article-reader .article-content h2 {
  color: #123c52;
  border-color: #cfe1e8;
}

html[data-theme="light"] .article-reader .article-content h2::before {
  background: #dff4f0;
  border-color: #1b9b8d;
}

html[data-theme="light"] .article-reader .article-content h3 {
  color: #19475d;
}

html[data-theme="light"] .article-reader .article-content h4,
html[data-theme="light"] .article-reader .article-content h5,
html[data-theme="light"] .article-reader .article-content h6 {
  color: #265369;
}

html[data-theme="light"] .article-reader .article-content :where(strong, b) {
  color: #163d52;
}

html[data-theme="light"] .article-reader .article-content :where(a) {
  color: #087b99;
  text-decoration-color: rgba(8, 123, 153, .34);
}

html[data-theme="light"] .article-reader .article-content a:hover,
html[data-theme="light"] .article-reader .article-content a:focus-visible {
  color: #006f70;
  text-decoration-color: currentColor;
}

html[data-theme="light"] .article-reader .article-content li::marker {
  color: #159286;
}

html[data-theme="light"] .article-reader .article-content blockquote {
  color: #416d7e;
  background: linear-gradient(100deg, rgba(14, 145, 131, .10), rgba(220, 243, 248, .38)),
    #f7fbfb;
  border-color: #b9ddd9;
  border-left-color: #15988a;
}

html[data-theme="light"] .article-reader .article-content :where(code, kbd, samp) {
  color: #056d68;
  background: #edf7f5;
  border-color: #c7e4de;
}

html[data-theme="light"] .article-reader .article-content pre {
  color: #234555;
  background: #f4f8f9;
  border-color: #d3e2e8;
  box-shadow: inset 0 1px rgba(255, 255, 255, .85);
}

html[data-theme="light"] .article-reader .article-content hr {
  background: #d9e7eb;
}

html[data-theme="light"] .article-reader .article-content :where(img, video, iframe, embed) {
  border-color: #d1e2e8;
}

html[data-theme="light"] .article-reader .article-content img {
  box-shadow: 0 9px 22px rgba(31, 91, 114, .08);
}

html[data-theme="light"] .article-reader .article-content figcaption {
  color: #698697;
}

html[data-theme="light"] .article-reader .article-content .article-table-scroll {
  border-color: #d3e2e8;
  background: #fbfdfd;
}

html[data-theme="light"] .article-reader .article-content table {
  color: #2a5062;
}

html[data-theme="light"] .article-reader .article-content :where(th, td) {
  border-color: #dbe8ec;
}

html[data-theme="light"] .article-reader .article-content th {
  color: #1a465b;
  background: #eef7fa;
}

html[data-theme="light"] .article-reader .article-content tbody tr:nth-child(even) {
  background: #f8fbfc;
}

html[data-theme="light"] .article-reader .article-content details {
  background: #f7fbfb;
  border-color: #d1e4e5;
}

html[data-theme="light"] .article-reader .article-content summary {
  color: #1e5669;
}

html[data-theme="light"] .article-reader {
  --code-bg: #f7fbfc;
  --code-toolbar: #eef6f8;
  --code-border: #d4e5e9;
  --code-text: #244959;
  --code-muted: #6a8390;
  --code-accent: #007d70;
  --code-keyword: #06776f;
  --code-string: #917018;
  --code-number: #197aa6;
  --code-comment: #7a8e92;
  --code-function: #216576;
  --code-property: #3570a6;
  --code-tag: #a05243;
  --code-attribute: #8b681f;
  --code-operator: #467764;
  --code-punctuation: #657c82;
  --code-builtin: #177d88;
  --code-variable: #985f35;
}

html[data-theme="light"] .article-reader[data-code-theme="graphite"] {
  --code-bg: #f7f8fa;
  --code-toolbar: #eef1f4;
  --code-border: #d9dfe4;
  --code-accent: #596a75;
  --code-keyword: #435560;
  --code-property: #416989;
}

html[data-theme="light"] .article-reader[data-code-theme="aurora"] {
  --code-bg: #f1fbfa;
  --code-toolbar: #e7f6f4;
  --code-border: #cde7e1;
  --code-accent: #078d82;
  --code-keyword: #087c75;
  --code-string: #4d7c4d;
  --code-number: #0f849c;
}

html[data-theme="light"] .article-reader[data-code-theme="amber"] {
  --code-bg: #fffaf0;
  --code-toolbar: #faf1df;
  --code-border: #ead9b7;
  --code-accent: #a36e09;
  --code-keyword: #8d650b;
  --code-string: #5f7b42;
  --code-number: #aa6637;
}

html[data-theme="light"] .article-reader[data-code-theme="ocean"] {
  --code-bg: #f1f8fc;
  --code-toolbar: #e6f1f8;
  --code-border: #cddfe9;
  --code-accent: #1679ae;
  --code-keyword: #1a6d9d;
  --code-string: #5f8051;
  --code-number: #057e99;
}

html[data-theme="light"] .article-reader[data-code-theme="rosewood"] {
  --code-bg: #fff7f5;
  --code-toolbar: #f9ece9;
  --code-border: #ecd7d2;
  --code-accent: #aa655e;
  --code-keyword: #a44e4b;
  --code-string: #876f38;
  --code-number: #a96647;
}

html[data-theme="light"] .article-reader[data-code-theme="nord"] {
  --code-bg: #f4f7fa;
  --code-toolbar: #e8eef4;
  --code-border: #d0dbe5;
  --code-accent: #4e758b;
  --code-keyword: #416e8a;
  --code-string: #648352;
  --code-number: #815c8b;
}

html[data-theme="light"] .article-reader[data-code-theme="paper"] {
  --code-bg: #fbfaf5;
  --code-toolbar: #f1eee4;
  --code-border: #e1ddd0;
  --code-accent: #35775f;
}

html[data-theme="light"] .article-reader[data-code-theme="ivory"] {
  --code-bg: #fffdf8;
  --code-toolbar: #f5f0e5;
  --code-border: #e7dfd0;
  --code-accent: #7a6934;
}

html[data-theme="light"] .article-reader[data-code-theme="terminal"] {
  --code-bg: #f3fbf6;
  --code-toolbar: #e4f4e9;
  --code-border: #c6e0cf;
  --code-accent: #2d8a55;
  --code-keyword: #177545;
  --code-string: #657f28;
  --code-number: #177b72;
}

html[data-theme="light"] .article-reader .emstudio-code-frame {
  border-color: var(--code-border);
  box-shadow: 0 9px 22px rgba(39, 92, 109, .075), inset 0 1px rgba(255, 255, 255, .85);
}

html[data-theme="light"] .article-reader .emstudio-code-toolbar {
  border-color: var(--code-border);
}

html[data-theme="light"] .article-reader .emstudio-code-actions :is(select, button) {
  color: var(--code-text);
  background: rgba(255, 255, 255, .68);
  border-color: var(--code-border);
  color-scheme: light;
}

html[data-theme="light"] .article-reader .emstudio-code-frame pre {
  box-shadow: none;
}

html[data-theme="light"] .article-reader .article-footer {
  border-color: #dce9ed;
}

html[data-theme="light"] .article-reader .article-tags a {
  color: #216a82;
  background: #eef7fb;
}

html[data-theme="light"] .article-reader .article-tags a:hover,
html[data-theme="light"] .article-reader .article-tags a:focus-visible {
  color: #006e6b;
  background: #e7f6f2;
  border-color: #bbdfd7;
}

html[data-theme="light"] .article-reader .article-comment-jump {
  color: #2a7088;
}

html[data-theme="light"] .article-reader .article-comment-jump:hover,
html[data-theme="light"] .article-reader .article-comment-jump:focus-visible {
  color: var(--day-article-teal);
}

html[data-theme="light"] .article-reader .article-toc {
  color: var(--day-article-muted);
  background: linear-gradient(150deg, rgba(255, 255, 255, .98), rgba(241, 249, 250, .96)),
    var(--day-article-paper);
  border-color: var(--day-article-line);
  box-shadow: 0 10px 24px rgba(32, 88, 113, .065), inset 0 1px rgba(255, 255, 255, .98);
}

html[data-theme="light"] .article-reader .article-toc::-webkit-scrollbar-thumb {
  background: #bdd6de;
}

html[data-theme="light"] .article-reader .article-toc h2 {
  color: #1a465b;
}

html[data-theme="light"] .article-reader .article-toc > header button {
  color: #496f82;
  background: #f5fafb;
  border-color: #d5e5e9;
}

html[data-theme="light"] .article-reader .article-toc > header button:hover,
html[data-theme="light"] .article-reader .article-toc > header button:focus-visible {
  color: #006f6b;
  background: #e8f6f3;
  border-color: #b9ddd6;
}

html[data-theme="light"] .article-reader .article-toc nav a {
  color: #4e7184;
}

html[data-theme="light"] .article-reader .article-toc nav a::before {
  background: #84a7b5;
}

html[data-theme="light"] .article-reader .article-toc nav a[data-level="3"] {
  color: #668599;
}

html[data-theme="light"] .article-reader .article-toc nav a[data-level="4"] {
  color: #728e9e;
}

html[data-theme="light"] .article-reader .article-toc nav a:hover,
html[data-theme="light"] .article-reader .article-toc nav a:focus-visible,
html[data-theme="light"] .article-reader .article-toc nav a.is-active {
  color: #006f69;
  background: #e7f6f2;
  border-color: #d0e9e3;
}

html[data-theme="light"] .article-reader .article-toc nav a.is-active::before {
  background: #00a08d;
  box-shadow: 0 0 0 3px rgba(0, 160, 141, .13);
}

html[data-theme="light"] .article-reader .article-toc-progress {
  background: #dcecef;
}

html[data-theme="light"] .article-reader .article-toc-progress i {
  background: linear-gradient(90deg, #0f9384, #1681b4);
}

html[data-theme="light"] .article-reader .article-toc .article-toc-back {
  color: #3f6f83;
}

html[data-theme="light"] .article-reader .article-toc .article-toc-back:hover,
html[data-theme="light"] .article-reader .article-toc .article-toc-back:focus-visible {
  color: var(--day-article-teal);
}

html[data-theme="light"] .article-reader .article-neighbor-card {
  background: linear-gradient(135deg, #315f71, #163d52);
  border-color: #c8dfe7;
  box-shadow: 0 10px 22px rgba(32, 83, 105, .10);
}

html[data-theme="light"] .article-reader .article-neighbor-card > img {
  opacity: .55;
}

html[data-theme="light"] .article-reader .article-neighbor-shade {
  background: linear-gradient(180deg, rgba(12, 43, 57, .16), rgba(10, 42, 55, .92));
}

html[data-theme="light"] .article-reader .article-neighbor-direction {
  color: #b7f0e5;
}

html[data-theme="light"] .article-reader .article-neighbor-card strong {
  color: #ffffff;
}

html[data-theme="light"] .article-reader .article-neighbor-card:hover,
html[data-theme="light"] .article-reader .article-neighbor-card:focus-visible {
  border-color: #65bbb0;
}

html[data-theme="light"] .article-reader .article-recommended {
  background: linear-gradient(145deg, #ffffff, #f3fafb);
  box-shadow: 0 9px 23px rgba(33, 89, 113, .055), inset 0 1px rgba(255, 255, 255, .98);
}

html[data-theme="light"] .article-reader .article-recommended-head h2 {
  color: #1a465b;
}

html[data-theme="light"] .article-reader .article-recommended-head > span {
  color: #658293;
}

html[data-theme="light"] .article-reader .article-recommended-card {
  background: #ffffff;
  border-color: #d8e6eb;
  box-shadow: 0 5px 14px rgba(34, 90, 110, .045);
}

html[data-theme="light"] .article-reader .article-recommended-media {
  background: linear-gradient(145deg, #dff4f1, #eaf5fb);
}

html[data-theme="light"] .article-reader .article-recommended-media > img {
  opacity: .82;
}

html[data-theme="light"] .article-reader .article-recommended-placeholder {
  color: #258d87;
}

html[data-theme="light"] .article-reader .article-recommended-placeholder small,
html[data-theme="light"] .article-reader .article-recommended-body small {
  color: #6d8998;
}

html[data-theme="light"] .article-reader .article-recommended-body strong {
  color: #214c60;
}

html[data-theme="light"] .article-reader .article-recommended-body i {
  color: #058478;
}

html[data-theme="light"] .article-reader .article-recommended-card:hover,
html[data-theme="light"] .article-reader .article-recommended-card:focus-visible {
  background: #f5fbfb;
  border-color: #a9d7d1;
}

html[data-theme="light"] .article-reader .article-comments {
  color: var(--day-article-text);
  background: transparent;
}

html[data-theme="light"] .article-reader :is(.comment-form-card, .comments-section) {
  background: linear-gradient(145deg, #ffffff, #f6fbfc);
  border-color: var(--day-article-line);
  box-shadow: var(--day-article-shadow), inset 0 1px rgba(255, 255, 255, .98);
}

html[data-theme="light"] .article-reader :is(.comment-form-card h2, .comments-section h2) {
  color: #1b465b;
}

html[data-theme="light"] .article-reader .comments-section h2 small {
  color: #6c8797;
}

html[data-theme="light"] .article-reader .comment-item {
  background: rgba(255, 255, 255, .72);
}

html[data-theme="light"] .article-reader .comment-item:hover {
  background: linear-gradient(90deg, #fbfefe, #f0faf9);
  border-color: #c8e1e2;
}

html[data-theme="light"] .article-reader .comment-item.is-child {
  border-left-color: #bcdfe0;
}

html[data-theme="light"] .article-reader .comment-item > img {
  background: #eaf2f5;
  border-color: #cbdfe7;
}

html[data-theme="light"] .article-reader .comment-item header {
  color: #255168;
}

html[data-theme="light"] .article-reader .comment-item header time {
  color: #718b99;
}

html[data-theme="light"] .article-reader .comment-copy {
  color: #406475;
}

html[data-theme="light"] .article-reader .comment-copy a {
  color: #087b99;
}

html[data-theme="light"] .article-reader .comment-reply-button {
  color: #477287;
  background: #f4f9fa;
  border-color: #d7e6eb;
}

html[data-theme="light"] .article-reader .comment-reply-button:hover,
html[data-theme="light"] .article-reader .comment-reply-button:focus-visible {
  color: #006f6c;
  background: #e8f6f3;
  border-color: #bcded8;
}

html[data-theme="light"] .article-reader .comment-reply-slot:not(:empty) {
  border-color: #dce9ec;
}

html[data-theme="light"] .article-reader .comment-form-card > p,
html[data-theme="light"] .article-reader .comment-replying {
  color: #668496;
}

html[data-theme="light"] .article-reader .comment-form-card > p a,
html[data-theme="light"] .article-reader .comment-replying strong {
  color: #007d70;
}

html[data-theme="light"] .article-reader #commentform label {
  color: #4e7082;
}

html[data-theme="light"] .article-reader #commentform label small {
  color: #7792a0;
}

html[data-theme="light"] .article-reader #commentform :where(input, textarea) {
  color: #214a5e;
  background: rgba(255, 255, 255, .90);
  border-color: #cddfe6;
}

html[data-theme="light"] .article-reader #commentform :where(input, textarea)::placeholder {
  color: #829daa;
}

html[data-theme="light"] .article-reader #commentform :where(input, textarea):focus {
  box-shadow: none;
}

html[data-theme="light"] .article-reader .comment-captcha {
  color: #617f90;
}

html[data-theme="light"] .article-reader .comment-form-actions button {
  color: #ffffff;
  background: linear-gradient(135deg, #008a7a, #197cb5);
  border-color: transparent;
  box-shadow: 0 8px 16px rgba(18, 119, 154, .16);
}

html[data-theme="light"] .article-reader .comment-form-actions button[type="button"] {
  color: #557689;
  background: #f6fafb;
  border-color: #d5e4e9;
  box-shadow: none;
}

html[data-theme="light"] .article-reader .comment-form-actions button:hover,
html[data-theme="light"] .article-reader .comment-form-actions button:focus-visible {
  filter: brightness(1.025);
}

html[data-theme="light"] .article-reader .comments-section .empty-state {
  color: #607f90;
  background: #f5fafb;
  border-color: #d5e5ea;
}

html[data-theme="light"] .article-reader .pagination :is(a, span, button) {
  color: #4c7184;
  background: #f8fbfc;
  border-color: #d6e6eb;
}

html[data-theme="light"] .article-reader .pagination :is(a:hover, a:focus-visible) {
  color: #006f6b;
  background: #eaf7f4;
  border-color: #b6ddd5;
}

html[data-theme="light"] .article-reader .pagination .current,
html[data-theme="light"] .article-reader .pagination [aria-current="page"],
html[data-theme="light"] .article-reader .pagination > span {
  color: #ffffff;
  background: linear-gradient(135deg, #008a7a, #157fb3);
  border-color: transparent;
  box-shadow: 0 5px 12px rgba(16, 118, 149, .16);
}

html[data-theme="light"] .article-reader :is(.article-comment-tag-trigger, .article-comment-image-trigger) {
  color: #456f82;
  background: #f7fbfc;
  border-color: #d2e4e9;
}

html[data-theme="light"] .article-reader :is(.article-comment-tag-trigger:hover, .article-comment-tag-trigger:focus-visible, .article-comment-image-trigger:hover, .article-comment-image-trigger:focus-visible, .article-comment-tag-trigger[aria-expanded="true"], .article-comment-image-trigger[aria-expanded="true"]) {
  color: #006f6c;
  background: #e9f7f4;
  border-color: #addbd3;
}

html[data-theme="light"] .article-reader .article-comment-tool-hint,
html[data-theme="light"] .article-reader .article-comment-tool-status {
  color: #668596;
}

html[data-theme="light"] .article-reader .article-comment-upload-card {
  background: #f1faf8;
  border-color: #c3e4dc;
}

html[data-theme="light"] .article-reader .article-comment-upload-card > img {
  background: #e4f0f3;
}

html[data-theme="light"] .article-reader .article-comment-upload-copy strong {
  color: #285367;
}

html[data-theme="light"] .article-reader .article-comment-upload-copy small,
html[data-theme="light"] .article-reader .article-comment-upload-action {
  color: #638292;
}

html[data-theme="light"] .article-reader .article-comment-upload-action:hover,
html[data-theme="light"] .article-reader .article-comment-upload-action:focus-visible {
  color: #006f6c;
  background: #dff2ee;
}

html[data-theme="light"] :is(.article-comment-picker-dialog, .article-comment-upload-dialog) {
  color: #254c5e;
  background: #ffffff;
  border-color: #cfdee5;
  box-shadow: 0 24px 64px rgba(23, 71, 91, .22), inset 0 1px rgba(255, 255, 255, .98);
}

html[data-theme="light"] :is(.article-comment-picker-dialog, .article-comment-upload-dialog)::backdrop {
  background: rgba(14, 49, 66, .42);
}

html[data-theme="light"] .article-comment-dialog-head {
  border-color: #d7e5e9;
  background: linear-gradient(108deg, #edf8f8, #f9fcfd 62%, #eef7fb);
}

html[data-theme="light"] .article-comment-dialog-head span {
  color: #4e7b8a;
}

html[data-theme="light"] .article-comment-dialog-head h2 {
  color: #183f53;
}

html[data-theme="light"] .article-comment-dialog-head > button {
  color: #4a7184;
  background: rgba(255, 255, 255, .82);
  border-color: #d5e4e9;
}

html[data-theme="light"] .article-comment-dialog-head > button:hover,
html[data-theme="light"] .article-comment-dialog-head > button:focus-visible {
  color: #006f6c;
  background: #e8f7f4;
  border-color: #b9ded7;
}

html[data-theme="light"] :is(.article-comment-picker-body, .article-comment-upload-body) {
  background: #ffffff;
}

html[data-theme="light"] .article-comment-picker-search {
  color: #658596;
  background: #f7fbfc;
  border-color: #d3e4e9;
}

html[data-theme="light"] .article-comment-picker-search input {
  color: #254e61;
}

html[data-theme="light"] .article-comment-picker-search input::placeholder {
  color: #819aa7;
}

html[data-theme="light"] :is(.article-comment-picker-tabs button, .article-comment-aspect-tabs button, .article-comment-crop-meta > button) {
  color: #4c7184;
  background: #f7fbfc;
  border-color: #d3e4e9;
}

html[data-theme="light"] :is(.article-comment-picker-tabs button:hover, .article-comment-picker-tabs button:focus-visible, .article-comment-picker-tabs button[aria-selected="true"], .article-comment-aspect-tabs button:hover, .article-comment-aspect-tabs button:focus-visible, .article-comment-aspect-tabs button[aria-pressed="true"], .article-comment-crop-meta > button:hover, .article-comment-crop-meta > button:focus-visible) {
  color: #006f6c;
  background: #e9f7f4;
  border-color: #b6ddd5;
}

html[data-theme="light"] .article-comment-picker-item {
  color: #496d7e;
  background: #fbfdfd;
  border-color: #d9e7eb;
}

html[data-theme="light"] .article-comment-picker-item b {
  color: #27687d;
  background: #edf7fa;
}

html[data-theme="light"] .article-comment-picker-item.is-topic b {
  color: #087e72;
}

html[data-theme="light"] .article-comment-picker-item:hover,
html[data-theme="light"] .article-comment-picker-item:focus-visible {
  color: #006f6c;
  background: #edf9f7;
  border-color: #b9ddd6;
}

html[data-theme="light"] .article-comment-picker-empty,
html[data-theme="light"] .article-comment-upload-empty :is(span, p),
html[data-theme="light"] .article-comment-crop-meta span,
html[data-theme="light"] .article-comment-upload-status,
html[data-theme="light"] .article-comment-crop-controls > label {
  color: #688595;
}

html[data-theme="light"] .article-comment-upload-empty {
  background: linear-gradient(rgba(43, 124, 146, .055) 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(90deg, rgba(43, 124, 146, .055) 1px, transparent 1px) 0 0 / 24px 24px,
    #f7fbfc;
  border-color: #c9e1e3;
}

html[data-theme="light"] .article-comment-upload-empty > button {
  color: #246071;
  background: #eaf7f4;
  border-color: #b6ddd4;
}

html[data-theme="light"] .article-comment-upload-empty > button:hover,
html[data-theme="light"] .article-comment-upload-empty > button:focus-visible {
  background: #e0f4ef;
  border-color: #82c9bd;
}

html[data-theme="light"] .article-comment-upload-empty i {
  color: #007d70;
  border-color: #a9d9d0;
}

html[data-theme="light"] .article-comment-crop-meta strong {
  color: #285265;
}

html[data-theme="light"] .article-comment-crop-stage {
  background: linear-gradient(45deg, #eef5f6 25%, transparent 25%, transparent 75%, #eef5f6 75%) 0 0 / 18px 18px,
    linear-gradient(45deg, #eef5f6 25%, #f9fcfc 25%, #f9fcfc 75%, #eef5f6 75%) 9px 9px / 18px 18px;
  border-color: #d3e4e8;
}

html[data-theme="light"] .article-comment-crop-stage > span {
  color: #557788;
  background: rgba(255, 255, 255, .90);
}

html[data-theme="light"] .article-comment-dialog-actions {
  background: #f7fbfc;
  border-color: #d8e6ea;
}

html[data-theme="light"] .article-comment-dialog-actions button {
  color: #4d7184;
  background: #ffffff;
  border-color: #d2e2e7;
}

html[data-theme="light"] .article-comment-dialog-actions button:hover,
html[data-theme="light"] .article-comment-dialog-actions button:focus-visible {
  color: #006f6b;
  background: #edf9f7;
  border-color: #b6ddd5;
}

html[data-theme="light"] .article-comment-dialog-actions button.is-primary {
  color: #ffffff;
  background: linear-gradient(135deg, #008b7b, #167fb8);
  border-color: transparent;
}

html[data-theme="light"] .article-comment-dialog-actions button.is-quiet {
  color: #ad625f;
}

html[data-theme="light"] .article-reader .article-comments .comment-copy img {
  border-color: #cddfe5;
  background: #f0f6f8;
  box-shadow: 0 5px 13px rgba(34, 90, 110, .07);
}

html[data-theme="light"] .article-reader .article-comments .comment-copy img:hover {
  border-color: #73bab2;
}

html[data-theme="light"] .article-reader .article-comments .comment-item:target {
  background: #edf9f7;
  border-color: #88c8bd;
  box-shadow: 0 0 0 3px rgba(0, 125, 112, .08);
}

html[data-theme="light"] .article-comment-image-dialog {
  color: #244d60;
  background: #ffffff;
  border-color: #cfdfe5;
  box-shadow: 0 24px 64px rgba(23, 71, 91, .24);
}

html[data-theme="light"] .article-comment-image-dialog::backdrop {
  background: rgba(14, 49, 66, .48);
}

html[data-theme="light"] .article-comment-image-dialog figcaption {
  color: #668495;
}

html[data-theme="light"] .article-comment-image-close {
  color: #4c7184;
  background: rgba(255, 255, 255, .94);
  border-color: #d3e3e8;
  box-shadow: 0 5px 14px rgba(31, 86, 107, .10);
}

html[data-theme="light"] .article-comment-image-close:hover,
html[data-theme="light"] .article-comment-image-close:focus-visible {
  color: #006f6b;
  background: #e8f7f4;
  border-color: #addbd3;
}

html[data-theme="light"] .article-qr-dialog {
  color: #244d60;
  background: #ffffff;
  border-color: #cedfe5;
  box-shadow: 0 24px 64px rgba(23, 71, 91, .22);
}

html[data-theme="light"] .article-qr-dialog::backdrop {
  background: rgba(14, 49, 66, .42);
}

html[data-theme="light"] .article-qr-head {
  border-color: #d8e6ea;
  background: #f7fbfc;
}

html[data-theme="light"] .article-qr-head span,
html[data-theme="light"] .article-qr-status {
  color: #668495;
}

html[data-theme="light"] .article-qr-head h2 {
  color: #1a465b;
}

html[data-theme="light"] .article-qr-head button,
html[data-theme="light"] .article-qr-actions button {
  color: #4c7184;
  background: #ffffff;
  border-color: #d3e4e9;
}

html[data-theme="light"] .article-qr-head button:hover,
html[data-theme="light"] .article-qr-head button:focus-visible,
html[data-theme="light"] .article-qr-actions button:hover,
html[data-theme="light"] .article-qr-actions button:focus-visible {
  color: #006f6b;
  background: #e8f7f4;
  border-color: #b5ddd5;
}

html[data-theme="light"] .article-qr-dialog > p {
  color: #5f7e8f;
}

html[data-theme="light"] .article-qr-dialog > code {
  color: #146d73;
  background: #f3faf9;
  border-color: #d1e5e2;
}

html[data-theme="light"] .article-qr-actions button:first-child {
  color: #ffffff;
  background: linear-gradient(135deg, #008a7a, #167fb8);
  border-color: transparent;
}

html[data-theme="light"] .poster-share-dialog {
  --poster-accent: #087f72;
  --poster-accent-rgb: 8, 127, 114;
  --poster-bg: #f5fafb;
  --poster-surface: #ffffff;
  --poster-panel: #fbfdfd;
  --poster-panel-hover: #f1f9f8;
  --poster-line: #d6e6e9;
  --poster-line-strong: #c0d8df;
  --poster-ink: #173d51;
  --poster-muted: #5f7e8f;
  border-color: #cddfe6;
  box-shadow: 0 28px 74px rgba(20, 65, 84, .24);
}

html[data-theme="light"] .poster-share-dialog::backdrop {
  background: rgba(13, 48, 65, .46);
}

html[data-theme="light"] .poster-share-shell {
  background: radial-gradient(circle at 3% 4%, rgba(20, 120, 184, .08), transparent 28%),
    linear-gradient(145deg, #ffffff 0%, #f9fcfd 58%, #f0f9fa 100%);
}

html[data-theme="light"] .poster-share-head h2 {
  color: #173d51;
}

html[data-theme="light"] .poster-share-head p {
  color: #607f91;
}

html[data-theme="light"] .poster-share-close {
  color: #4c7184;
  background: #f0f7f9;
  border-color: #d5e5e9;
}

html[data-theme="light"] .poster-share-close:hover {
  color: #006f6b;
  background: #e7f6f3;
  border-color: #b6ddd5;
}

html[data-theme="light"] .poster-share-stage {
  background: linear-gradient(45deg, rgba(41, 112, 133, .035) 25%, transparent 25%, transparent 75%, rgba(41, 112, 133, .035) 75%),
    linear-gradient(45deg, rgba(41, 112, 133, .035) 25%, transparent 25%, transparent 75%, rgba(41, 112, 133, .035) 75%),
    #eef6f8;
  border-color: #d6e5e9;
}

html[data-theme="light"] .poster-share-stage::after {
  border-color: rgba(20, 120, 184, .10);
}

html[data-theme="light"] .poster-share-panel {
  box-shadow: 0 5px 15px rgba(31, 87, 107, .045);
}

html[data-theme="light"] .poster-share-section-head h3 {
  color: #244b5e;
}

html[data-theme="light"] .poster-share-section-head > span,
html[data-theme="light"] .poster-share-preview-meta,
html[data-theme="light"] .poster-share-custom-actions,
html[data-theme="light"] .poster-share-status {
  color: #668494;
}

html[data-theme="light"] .poster-share-section-icon {
  color: #1975ac;
  background: #e9f4fb;
  border-color: #d3e6f0;
}

html[data-theme="light"] .poster-share-section-icon.is-scene {
  color: #078475;
  background: #e7f6f2;
  border-color: #cce8df;
}

html[data-theme="light"] .poster-share-section-icon.is-link {
  color: #2873a9;
  background: #e9f3fb;
  border-color: #d1e4ef;
}

html[data-theme="light"] .poster-share-tip {
  color: #668293;
  background: #f5fafb;
  border-color: #d8e6ea;
}

html[data-theme="light"] .poster-share-tip strong {
  color: #3f6274;
}

@media (max-width: 640px) {
html[data-theme="light"] .poster-share-head {
  background: rgba(255, 255, 255, .98);
  border-color: #d9e7eb;
}


}