/* One continuous painted surface per widget. White in the source paper blends
   into each card's base; an even veil keeps all controls and text readable. */
:root[data-day-phase] .profile-card{
 background:linear-gradient(145deg,color-mix(in srgb,var(--skin-profile) 48%,transparent),color-mix(in srgb,var(--skin-profile) 72%,transparent) 55%,color-mix(in srgb,var(--skin-profile) 56%,transparent)),var(--skin-photo-profile) center 78%/cover no-repeat,var(--skin-profile)!important;
 background-blend-mode:normal,multiply,normal;
}
:root[data-day-phase] .profile-card:before,:root[data-day-phase] .side-nav-panel:after,:root[data-day-phase] .site-stats:before,:root[data-day-phase] .weather-card:before{content:none}
:root[data-day-phase] .side-nav-panel{
 background:linear-gradient(145deg,color-mix(in srgb,var(--skin-profile) 68%,transparent),color-mix(in srgb,var(--skin-profile) 82%,transparent) 55%,color-mix(in srgb,var(--skin-profile) 62%,transparent)),var(--skin-photo-nav) center 78%/cover no-repeat,var(--skin-profile)!important;
 background-blend-mode:normal,multiply,normal;
}
:root[data-day-phase] .site-stats{
 background:linear-gradient(140deg,color-mix(in srgb,var(--skin-stat) 72%,transparent),color-mix(in srgb,var(--skin-stat) 84%,transparent) 50%,color-mix(in srgb,var(--skin-stat) 69%,transparent)),var(--skin-photo-stats) center 82%/cover no-repeat,var(--skin-stat)!important;
 background-blend-mode:normal,multiply,normal;
}
:root[data-day-phase] .weather-card{
 background:linear-gradient(145deg,color-mix(in srgb,var(--skin-weather) 58%,transparent),color-mix(in srgb,var(--skin-weather) 74%,transparent) 52%,color-mix(in srgb,var(--skin-weather) 58%,transparent)),var(--skin-photo-weather) center 77%/cover no-repeat,var(--skin-weather)!important;
 background-blend-mode:normal,multiply,normal;
}
:root[data-day-phase] .daynote-card{
 background:linear-gradient(145deg,color-mix(in srgb,var(--skin-note) 62%,transparent),color-mix(in srgb,var(--skin-note) 79%,transparent) 58%,color-mix(in srgb,var(--skin-note) 62%,transparent)),var(--skin-photo-note) center 74%/cover no-repeat,var(--skin-note);
 background-blend-mode:normal,multiply,normal;
}
:root[data-day-phase] .digital-clock{
 background:linear-gradient(135deg,color-mix(in srgb,var(--skin-clock) 59%,transparent),color-mix(in srgb,var(--skin-clock) 72%,transparent)),var(--skin-photo-clock) center 55%/cover no-repeat,var(--skin-clock)!important;
 background-blend-mode:normal,multiply,normal;color:var(--skin-dark);
}
.digital-clock:before,.digital-clock span{color:inherit;opacity:.85}
:root[data-day-phase] .player-card:before{
 background:linear-gradient(145deg,color-mix(in srgb,var(--skin-music) 62%,transparent),color-mix(in srgb,var(--skin-music) 75%,transparent) 52%,color-mix(in srgb,var(--skin-music) 63%,transparent)),var(--skin-photo-music) center 74%/cover no-repeat,var(--skin-music);
 background-blend-mode:normal,multiply,normal;
}
.player-card .track-artist,.player-card .player-line,.player-card .player-kicker{opacity:1}
.player-card .track-artist,.player-card .player-line{font-size:10px}
:root[data-day-phase] .mini-player{background:linear-gradient(color-mix(in srgb,var(--skin-profile) 85%,transparent),color-mix(in srgb,var(--skin-profile) 85%,transparent)),var(--skin-photo-music) center 65%/cover no-repeat,var(--skin-profile)!important;background-blend-mode:normal,multiply,normal}
.coast-calendar .calendar-grid{background:transparent}
html.no-texture .paint-grain,html.no-texture .canvas-tooth,html.no-texture .hero-canvas-grain{display:none}
:root.dark[data-day-phase=dawn]{--skin-profile:#415249;--skin-stat:#3e4b43;--skin-clock:#8b9b8e}
:root.dark[data-day-phase=day]{--skin-profile:#514b40;--skin-stat:#47483e;--skin-clock:#a79b88}
:root.dark[data-day-phase=dusk]{--skin-profile:#594b53;--skin-stat:#50454d;--skin-clock:#ac9ba3}
:root[data-day-phase=night]:not(.dark){--skin-profile:#d6d0d4;--skin-stat:#c6c0cc}
:root[data-day-phase=deepnight]:not(.dark){--skin-profile:#c8d3d4;--skin-stat:#b8c6cd}
:root.dark:is([data-day-phase=dawn],[data-day-phase=day],[data-day-phase=dusk]) .canvas-scene{filter:brightness(.55) saturate(.6)}
