/* Every skin styles the same components. Geometry and note data remain shared. */
:root,[data-skin="minimal"] {
  --background:#fafaf8;--surface:#fff;--text:#292c28;--muted:#73776e;--line:#e4e6e0;--soft:#f1f2ed;--accent:#5b6856;
  --page-image:none;--panel-shadow:none;--radius-card:17px;--radius-control:9px;--radius-dock:13px;
  --surface-blur:none;--dock-background:#fffffff0;--dock-shadow:0 6px 25px #232b1710;--active-background:#292c28;--active-text:white;
  --hover-background:#f0f2eb;--heading-font:inherit;--control-shadow:none;--inset-shadow:none;
}
[data-skin="apple"] {
  --background:#f2f4f8;--surface:#fff;--text:#20232a;--muted:#676d79;--line:#e1e5ed;--soft:#e8ecf3;--accent:#1765d5;
  --page-image:radial-gradient(ellipse at 15% 0%,#ffffff 0%,transparent 60%);--panel-shadow:0 8px 25px #233d5f09,0 1px 3px #18365c08;
  --radius-card:25px;--radius-control:13px;--radius-dock:24px;--surface-blur:none;--dock-background:#fffffff0;--dock-shadow:0 10px 35px #15325f1c;
  --active-background:#1765d5;--active-text:white;--hover-background:#edf3fd;--heading-font:inherit;--control-shadow:0 2px 5px #113a7010;--inset-shadow:none;
}
[data-skin="glass"] {
  --background:#e4edf6;--surface:#ffffff8a;--text:#26374c;--muted:#586b82;--line:#ffffffc7;--soft:#dce7f4;--accent:#315eab;
  --page-image:radial-gradient(ellipse at 6% 20%,#c4d9fc 0%,transparent 48%),radial-gradient(ellipse at 95% 65%,#edcfe5 0%,transparent 47%),linear-gradient(145deg,#ebf2f8,#dfe9ef);
  --panel-shadow:inset 0 1px 0 #ffffffef,inset 0 -1px 0 #ffffff60,0 12px 38px #41678b15;
  --radius-card:27px;--radius-control:18px;--radius-dock:40px;--surface-blur:blur(22px) saturate(1.35);
  --dock-background:#ffffff80;--dock-shadow:inset 0 1px 1px #fff,0 10px 30px #29476b1a;--active-background:#ffffffd9;--active-text:#28476e;
  --hover-background:#ffffffb8;--heading-font:inherit;--control-shadow:inset 0 1px 0 #fff,0 3px 10px #456b8510;--inset-shadow:none;
}
[data-skin="silver"] {
  --background:#a7abb3;--surface:linear-gradient(145deg,#b7bac1d9,#a2a6aed9);--text:#252a34;--muted:#444c5a;--line:#e8eaf03d;--soft:#999ea8;--accent:#333e50;
  --page-image:radial-gradient(ellipse at 20% 10%,#c3c6cd 0%,transparent 50%),linear-gradient(145deg,#aeb2ba,#979da7);
  --panel-shadow:inset 1px 1px 1px #ffffff55,8px 8px 20px #6c727f60,-6px -6px 18px #d8dbe340;
  --radius-card:22px;--radius-control:16px;--radius-dock:40px;--surface-blur:blur(18px);
  --dock-background:linear-gradient(145deg,#c0c3cabd,#949ba8bd);--dock-shadow:inset 1px 1px 1px #f5f7ff70,7px 7px 20px #535c6a55,-4px -4px 15px #d4d8e450;
  --active-background:#2e333d;--active-text:#f4f6fa;--hover-background:#c1c5cd80;--heading-font:inherit;
  --control-shadow:3px 3px 7px #71798745,-3px -3px 7px #d6dbe34d;--inset-shadow:inset 3px 3px 7px #747d8b45,inset -3px -3px 7px #e2e6ee45;
}
[data-skin="paper"] {
  --background:#f3eddf;--surface:#faf6ed;--text:#403a30;--muted:#776c59;--line:#d8cdb8;--soft:#eae1d1;--accent:#785535;
  --page-image:repeating-linear-gradient(0deg,#9a805808 0px,#9a805808 1px,transparent 1px,transparent 5px);
  --panel-shadow:2px 3px 0 #c5b69b35;--radius-card:4px;--radius-control:4px;--radius-dock:5px;--surface-blur:none;
  --dock-background:#faf6edf5;--dock-shadow:0 3px 0 #c5b69b45;--active-background:#554533;--active-text:#fff9ef;--hover-background:#efe6d5;
  --heading-font:"Noto Serif CJK SC","Songti SC",SimSun,serif;--control-shadow:none;--inset-shadow:none;
}
[data-skin="night"] {
  color-scheme:dark;--background:#151c22;--surface:#1e2831;--text:#e6edf1;--muted:#a4b4bf;--line:#344552;--soft:#293946;--accent:#a6d8ca;
  --page-image:radial-gradient(ellipse at 90% 0%,#21423750,transparent 55%);--panel-shadow:0 8px 20px #0002;--radius-card:10px;--radius-control:7px;--radius-dock:12px;--surface-blur:none;
  --dock-background:#202d36f5;--dock-shadow:0 10px 30px #0005;--active-background:#a6d8ca;--active-text:#142b25;--hover-background:#2a3c45;
  --heading-font:inherit;--control-shadow:none;--inset-shadow:inset 0 1px 3px #0003;
}
html { background:var(--background);scroll-padding-bottom:110px; }
body { background:var(--background);background-image:var(--page-image);background-attachment:fixed; }

.space-grid { isolation:isolate; }
h1,h2,.card-title { font-family:var(--heading-font); }
.space-card { background:var(--surface);border-color:var(--line);border-radius:var(--radius-card);box-shadow:var(--panel-shadow);backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur); }
.space-card:hover { border-color:var(--accent); }
.button,.date-select,.small-button { background:var(--surface);color:var(--text);border-color:var(--line);border-radius:var(--radius-control);box-shadow:var(--control-shadow); }
.button:hover { background:var(--hover-background);border-color:var(--accent); }
.button.primary,.button.primary:hover { background:var(--active-background);color:var(--active-text);border-color:var(--line); }
.button.danger { background:#9e4438;color:white; }
.nav-tab { color:var(--muted); }
.content-nav { background:var(--soft);box-shadow:var(--inset-shadow); }
.nav-tab.active { background:var(--surface);color:var(--text);box-shadow:var(--control-shadow); }
.text-button,.text-button.subtle,.card-count,.row-icon,.card-arrow,.row-arrow { color:var(--muted); }
.text-button:hover { color:var(--text); }
.title-input::placeholder,.body-input::placeholder { color:var(--muted); }
.confirm-dialog { background:var(--surface);color:var(--text);border-color:var(--line);border-radius:var(--radius-card);backdrop-filter:var(--surface-blur); }
.flash-message { background:var(--soft);color:var(--text); }
.snapshot-badge,.today-tag { background:var(--soft);color:var(--muted); }
.canvas-handle::after { background:var(--background);border-color:var(--accent); }
html[data-skin="silver"] .content-nav { box-shadow:var(--inset-shadow); }
html[data-skin="silver"] .bottom-tab.active { border-radius:30px; }
html[data-skin="glass"] .site-header,html[data-skin="silver"] .site-header { border-bottom-color:var(--line); }
html[data-skin="glass"] .space-card::before { content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,#fff4,transparent 35%,transparent 70%,#fff2); }
html[data-skin="paper"] .note-row { border-bottom-style:dashed; }

html[data-skin="paper"] .card-title { letter-spacing:1px; }

html[data-skin="night"] .settings-mark { border:1px solid var(--line); }
@supports not (backdrop-filter:blur(1px)) { html[data-skin="glass"] { --surface:#eef3f9;--dock-background:#eef3f9; } }
@media(prefers-reduced-transparency:reduce) { html[data-skin="glass"] { --surface:#eef3f9;--dock-background:#eef3f9;--surface-blur:none; } }

/* List rows retain their surface during pointer hover/press; keyboard focus stays visible. */
.note-row:hover,.note-row:active { background:transparent;box-shadow:none; }
@media(hover:none) { .button:hover { background:var(--surface);border-color:var(--line); } .button.primary:hover {background:var(--active-background);color:var(--active-text);} }