/* Optional white-and-chrome palette for the four-panel site. */
.theme-switch{position:relative;flex:none;width:30px;height:30px;padding:0;border:0;background:transparent;color:var(--silver);cursor:pointer}
.theme-switch svg{position:absolute;inset:5px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:opacity .18s,transform .22s}
.theme-moon{opacity:0;transform:rotate(-75deg) scale(.6)}
html[data-theme=light] .theme-sun{opacity:0;transform:rotate(75deg) scale(.6)}
html[data-theme=light] .theme-moon{opacity:1;transform:rotate(0) scale(1)}
.theme-changing .theme-switch{animation:theme-click .22s ease-out}
.theme-changing .page-window{animation:theme-reveal .18s ease-out}
@keyframes theme-click{40%{transform:scale(.86)}70%{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes theme-reveal{from{opacity:.78}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.theme-switch svg{transition:none}.theme-changing .theme-switch,.theme-changing .page-window{animation:none}}
.theme-switch:hover{opacity:.7}
html[data-theme=light]{color-scheme:light;--ink:#fff;--panel:#f1f2f3;--silver:#30363b;--dim:#626b73;--line:#9aa2a8}
html[data-theme=light] body{background:radial-gradient(ellipse at 60% 38%,#fff 20%,#f2f3f4 70%,#e4e7e9 100%);color:var(--silver)}
html[data-theme=light] .site-nav a{color:#414a52;text-shadow:0 1px #fff}
html[data-theme=light] .site-nav a:hover,html[data-theme=light] .site-nav a[aria-current=page]{color:#11171c}
html[data-theme=light] .live-state{color:#626b73}
html[data-theme=light] .live-state.is-live{color:#186c35;text-shadow:0 0 9px #71e99466}
html[data-theme=light] a:focus-visible,html[data-theme=light] button:focus-visible{outline-color:#303b44}
html[data-theme=light] ::selection{background:#46535e;color:#fff}
html[data-theme=light] .page-panel{scrollbar-color:#9ba5ad transparent}
html[data-theme=light] .home-object .scene-frame{background:#fff;border-color:#9ca4aa;box-shadow:0 16px 0 #d9dfe3,0 18px 0 #9ba5ad,0 30px 38px #52616e33}
html[data-theme=light] .home-object .scene-frame::before{border-color:#8997a44d}
html[data-theme=light] .home-object .scene-frame::after{background:radial-gradient(ellipse at center,transparent 48%,#d8dfe64d 100%)}
html[data-theme=light] .chrome-heading{filter:drop-shadow(12px 17px 16px #52616e44)}
html[data-theme=light] .blog-post{border-color:#909da7;background:linear-gradient(125deg,#fff,#edf0f2 62%,#e0e5e9);box-shadow:inset 0 1px #fff,0 22px 32px #52616e26}
html[data-theme=light] .blog-post h2,html[data-theme=light] .guestbook-entry h3{color:#28333c}
html[data-theme=light] .post-excerpt,html[data-theme=light] .guestbook-form,html[data-theme=light] #guestbook-status,html[data-theme=light] #guestbook-entries,html[data-theme=light] .radio-status p{color:#46535e}
html[data-theme=light] .blog-post time,html[data-theme=light] .guestbook-form label span,html[data-theme=light] .guestbook-entry-meta,html[data-theme=light] .guestbook-credit{color:#626e78}
html[data-theme=light] .guestbook-form input,html[data-theme=light] .guestbook-form textarea,html[data-theme=light] .guestbook-form select{background:#ffffff99;color:#28333c;border-color:#8b9aa6}
html[data-theme=light] .guestbook-form input:focus-visible,html[data-theme=light] .guestbook-form textarea:focus-visible,html[data-theme=light] .guestbook-form select:focus-visible{outline-color:#46535e}
html[data-theme=light] .guestbook-form button,html[data-theme=light] .radio-status button{background:linear-gradient(#fff,#cbd3d9);color:#28333c;box-shadow:inset 0 1px #fff}
html[data-theme=light] .guestbook-form select option,html[data-theme=light] #guestbook-location-choices{background:#f4f6f7;color:#28333c}
html[data-theme=light] #guestbook-location-choices{box-shadow:0 6px 18px #52616e33}
html[data-theme=light] #guestbook-location-choices li{border-color:#cbd3d9}
html[data-theme=light] #guestbook-location-choices li:hover,html[data-theme=light] #guestbook-location-choices li[aria-selected=true]{background:#d5dde3;color:#11171c}
html[data-theme=light] .guest-globe #globe-container{filter:none;opacity:1}
html[data-theme=light] .grain-field::after{mix-blend-mode:multiply;opacity:.055}
@media(max-width:760px){html[data-theme=light] .home-object .scene-frame{box-shadow:0 11px 0 #d9dfe3,0 12px 0 #9ba5ad,0 26px 28px #52616e33}}
@media(max-width:430px){.theme-switch{width:26px;height:26px}.theme-switch svg{inset:3px}}

html[data-theme=light] .radio-display{background:linear-gradient(125deg,#ffffff44,#d5e3ee44);border-color:#909da766;box-shadow:inset 0 1px 4px #52616e18}
html[data-theme=light] .radio-status #radio-track,html[data-theme=light] #radio-time{color:#273d4c;text-shadow:0 1px #fff7}
html[data-theme=light] .radio-format{color:#526b7c}
html[data-theme=light] .radio-timeline progress,html[data-theme=light] .radio-timeline progress::-webkit-progress-bar{background:#ffffff55;border-color:#8199aa88;box-shadow:inset 0 1px 2px #52616e22}
html[data-theme=light] .radio-timeline progress::-webkit-progress-value{background:linear-gradient(#8da9bc,#496a82)}
html[data-theme=light] .radio-timeline progress::-moz-progress-bar{background:linear-gradient(#8da9bc,#496a82)}
html[data-theme=light] .radio-history{border-color:#8199aa55}
html[data-theme=light] .radio-history summary,html[data-theme=light] .radio-history a{color:#354f61}
html[data-theme=light] .radio-history li{border-color:#8199aa33}
html[data-theme=light] .radio-history li span,html[data-theme=light] .radio-history li::marker,html[data-theme=light] .radio-status #radio-message,html[data-theme=light] .radio-stream-link{color:#546c7b}