[data-skin="snow"] {
  --background:#cedbe6;--surface:#f7fbffb8;--text:#354b60;--muted:#5e758b;--line:#ffffffb8;--soft:#e0e9f0;--accent:#526f8a;
  --page-image:radial-gradient(ellipse at 80% 100%,#a8bfd5 0%,transparent 53%),linear-gradient(166deg,#cedbe6 8%,#e3edf4 48%,#b1c5d7);
  --panel-shadow:inset 0 1px 0 #fff,0 12px 34px #52749416;--radius-card:25px;--radius-control:15px;--radius-dock:34px;
  --surface-blur:blur(12px);--dock-background:#f3f8fdc7;--dock-shadow:inset 0 1px 0 #fff,0 10px 30px #54728c20;
  --active-background:#58728b;--active-text:#fff;--hover-background:#f4faffcc;--heading-font:inherit;--control-shadow:0 2px 6px #54718a10;--inset-shadow:inset 0 1px 5px #65809814;
}
[data-skin="rain"] {
  color-scheme:dark;--background:#1a2d39;--surface:#243d4bd9;--text:#e0ebef;--muted:#aec4cd;--line:#b6d4df24;--soft:#324c5a;--accent:#a6c6d0;
  --page-image:radial-gradient(ellipse at 90% 45%,#52758455,transparent 55%),linear-gradient(160deg,#1a2d39,#304c5c 60%,#1d3442);
  --panel-shadow:inset 0 1px 0 #d2edff12,0 14px 32px #081a252b;--radius-card:20px;--radius-control:12px;--radius-dock:30px;
  --surface-blur:blur(15px);--dock-background:#213a48e8;--dock-shadow:inset 0 1px 0 #e3f4ff25,0 10px 34px #00101d35;
  --active-background:#b2cbd0;--active-text:#203945;--hover-background:#395665;--heading-font:inherit;--control-shadow:inset 0 1px 0 #c3e4eb18;--inset-shadow:inset 0 2px 6px #03172430;
}
[data-skin="forest"] {
  --background:#e5e7d6;--surface:#f8f6e8d9;--text:#3e5141;--muted:#65745f;--line:#f9f9e9c7;--soft:#dce2ce;--accent:#667b51;
  --page-image:url('./scenes/forest.svg');--panel-shadow:inset 0 1px 0 #fff9e7,0 12px 32px #435d3810;
  --radius-card:22px;--radius-control:12px;--radius-dock:28px;--surface-blur:blur(10px);--dock-background:#f6f4e5dc;
  --dock-shadow:0 9px 30px #42513924;--active-background:#637953;--active-text:#fffced;--hover-background:#f5f5e5;
  --heading-font:inherit;--control-shadow:0 2px 6px #4f664310;--inset-shadow:inset 0 1px 4px #6e795719;
}
[data-skin="coast"] {
  --background:#ddebe8;--surface:#fbfaf1cc;--text:#38575a;--muted:#617d7d;--line:#ffffffe0;--soft:#d6e5df;--accent:#427f80;
  --page-image:radial-gradient(ellipse at 15% 95%,#ede3cb 5%,transparent 55%),linear-gradient(175deg,#ddebe8 5%,#a8cfca 65%,#e3ddc8);
  --panel-shadow:inset 0 1px 0 #fffffff0,0 10px 32px #457c7812;--radius-card:27px;--radius-control:15px;--radius-dock:34px;
  --surface-blur:blur(12px);--dock-background:#f7faf2d9;--dock-shadow:0 8px 28px #477b7320;--active-background:#4e8b88;--active-text:#fffdf7;
  --hover-background:#f8fcf8;--heading-font:inherit;--control-shadow:0 2px 7px #427c7a12;--inset-shadow:inset 0 1px 4px #4f8d841a;
}
[data-skin="dusk"] {
  color-scheme:dark;--background:#302d40;--surface:#494254d9;--text:#f3e9e3;--muted:#c0b1ba;--line:#eadbe127;--soft:#584c61;--accent:#e6bca6;
  --page-image:radial-gradient(ellipse at 85% 85%,#bb82604d,transparent 57%),radial-gradient(ellipse at 10% 35%,#76657d66,transparent 55%),linear-gradient(#302d40,#524254);
  --panel-shadow:inset 0 1px 0 #ead4d929,0 13px 32px #19122426;--radius-card:22px;--radius-control:13px;--radius-dock:32px;
  --surface-blur:blur(14px);--dock-background:#403747ed;--dock-shadow:0 10px 30px #1c142640;--active-background:#d7b39f;--active-text:#3c3038;
  --hover-background:#615165;--heading-font:inherit;--control-shadow:inset 0 1px 0 #f4d4bd18;--inset-shadow:inset 0 2px 5px #20172933;
}
[data-skin="custom"] {
  --background:#e9e7df;--surface:#ffffffe0;--text:#344146;--muted:#637078;--line:#ffffffaa;--soft:#e4e8e8;--accent:#4e6972;
  --page-image:linear-gradient(rgb(247 246 240 / var(--custom-dim,.32)),rgb(247 246 240 / var(--custom-dim,.32))),var(--custom-image,none);
  --panel-shadow:inset 0 1px 0 #fff,0 10px 30px #1f30351c;--radius-card:24px;--radius-control:14px;--radius-dock:34px;
  --surface-blur:blur(14px);--dock-background:#f9faf7dd;--dock-shadow:0 10px 30px #1e333329;--active-background:#526c75;--active-text:white;
  --hover-background:#ffffffed;--heading-font:inherit;--control-shadow:0 1px 4px #20343a14;--inset-shadow:inset 0 1px 4px #23393e12;
}
html[data-skin="custom"][data-custom-tone="dark"] {
  color-scheme:dark;--background:#222a30;--surface:#1c2832df;--text:#f0f4f4;--muted:#b8c6cd;--line:#dbe6ea33;--soft:#34454f;--accent:#b7cfd3;
  --page-image:linear-gradient(rgb(14 22 29 / var(--custom-dim,.32)),rgb(14 22 29 / var(--custom-dim,.32))),var(--custom-image,none);
  --dock-background:#20313be8;--active-background:#c1d5d8;--active-text:#24343b;--hover-background:#344c59;
}
/* Paint the whole root, including the safe area, instead of starting the gradient on body. */
html {
  background-color:var(--background);
  background-image:linear-gradient(to bottom,var(--background) 0px,var(--background) 42px,transparent 180px),var(--page-image);
  background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;
}
body { background:transparent;background-image:none;isolation:isolate; }
#app { z-index:1; }
.weather-canvas { position:fixed;top:0;left:0;width:100%;height:var(--scene-height,100vh);z-index:0;pointer-events:none; }
.weather-canvas[hidden] { display:none; }
html[data-skin="custom"]::before {
  content:'';position:fixed;inset:-24px;z-index:0;pointer-events:none;background:var(--page-image) center/cover no-repeat;filter:blur(var(--custom-blur,0px));
  -webkit-mask-image:linear-gradient(transparent 0px,#000 180px);mask-image:linear-gradient(transparent 0px,#000 180px);
}
/* The miniature previews use the same material variables, with static weather marks. */
.skin-preview[data-skin="snow"]::after { content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff 1px,transparent 2px);background-size:22px 29px;opacity:.7; }
.skin-preview[data-skin="rain"]::after { content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(100deg,transparent 0px,transparent 19px,#cce6ed22 20px,transparent 21px); }
/* More resolved silver: satin highlights, recessed icons and softer polished edges. */
[data-skin="silver"] {
  --background:#b6bac2;--surface:linear-gradient(145deg,#d7dbe1c9,#b6bcc6d6);--text:#303844;--muted:#56616f;--line:#edf2f878;--soft:#aeb7c3;--accent:#3e5061;
  --page-image:radial-gradient(ellipse at 3% 30%,#e0e4eb7a,transparent 55%),radial-gradient(ellipse at 100% 90%,#7987975c,transparent 65%),linear-gradient(145deg,#b6bac2,#a9b3c0);
  --panel-shadow:inset 1px 1px 1px #ffffffa6,inset -1px -1px 1px #8795a633,9px 12px 26px #53677e28,-5px -5px 18px #edf2f557;
  --radius-card:28px;--radius-control:20px;--radius-dock:40px;--dock-background:linear-gradient(135deg,#d4dae3d9,#a9b5c4d9);
  --dock-shadow:inset 0 1px 1px #ffffffc7,inset 0 -1px 0 #71839933,0 12px 32px #3d52693d;
  --control-shadow:inset 0 1px 0 #fff8,3px 4px 9px #576c8230,-3px -3px 9px #eaf0f64d;--inset-shadow:inset 3px 3px 7px #6b7b8d38,inset -3px -3px 6px #ecf2f96b;
}
html[data-skin="silver"] .space-card::before { content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#ffffff24,transparent 34%,transparent 76%,#8395ac0d); }
html[data-skin="silver"] .space-open { padding:21px 24px 18px; }
html[data-skin="silver"] .card-top { display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#afbac9,#d8dfe8);box-shadow:var(--inset-shadow); }
html[data-skin="silver"] .card-top>.icon:first-child { width:20px;height:20px; }
html[data-skin="silver"] .card-copy { padding-top:9px; }
html[data-skin="silver"] .card-count { font-size:11px;letter-spacing:.4px; }
html[data-skin="silver"] .content-nav { padding:5px;border:1px solid #ffffff54;border-radius:24px; }
html[data-skin="silver"] .nav-tab { border-radius:20px; }
html[data-skin="silver"] .button.primary { background:linear-gradient(145deg,#3e4b5c,#293542); }
html[data-skin="silver"] .compact-card .card-top { display:none; }
@supports not (backdrop-filter:blur(1px)) { [data-skin="snow"] {--surface:#edf4fa;} [data-skin="rain"] {--surface:#263e4d;} [data-skin="forest"] {--surface:#f4f3e5;} }