/* Website-only presentation. Day remains the original palette. */
.site-theme-toggle{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:25px;line-height:1}
.site-theme-toggle:hover{border-color:#178b79}.site-theme-toggle:focus-visible{outline:3px solid #159b84;outline-offset:3px}
.resource-topnav{border-block:1px solid var(--line);padding:12px 0;background:var(--cream)}.resource-topnav .shell{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}.resource-topnav a{font-size:13px;font-weight:600;padding:12px 16px;min-height:44px;border-radius:24px;overflow-wrap:anywhere}.resource-topnav a:hover{background:var(--accent);color:#142b23}.resource-topnav .story-share-link{background:var(--accent);color:#142b23;display:flex;align-items:center;gap:8px}.story-share-link span{font-size:20px;line-height:1}
html[data-site-theme=night]{--ink:#e8f6f7;--muted:#a5bdc1;--accent:#00e1e9;--cream:#0a2027;--line:#21424b;color-scheme:dark}
html[data-site-theme=night] body{background:#050f15;color:var(--ink)}
html[data-site-theme=night] header{background:#050f15;border-bottom:1px solid #163c46}
html[data-site-theme=night] .brand em,html[data-site-theme=night] .nav nav a:hover,html[data-site-theme=night] .eyebrow,html[data-site-theme=night] .feature small,html[data-site-theme=night] .check-list li:before{color:var(--accent)}
html[data-site-theme=night] .hero{background:#04141c}
html[data-site-theme=night] .hero-photo{filter:brightness(.55) saturate(.8)}
html[data-site-theme=night] .hero-shade{background:linear-gradient(90deg,#04171d33,#04171dbb 50%,#04171df2),linear-gradient(0deg,#03151ce8,transparent 60%)}
html[data-site-theme=night] h1 em{color:var(--accent);text-shadow:0 0 30px #00e1e91a}
html[data-site-theme=night] .button{background:var(--accent);color:#042229;box-shadow:0 0 22px #00e1e914}
html[data-site-theme=night] .button:hover{background:#7ffaff}
html[data-site-theme=night] .hero .button{border:1px solid var(--accent);background:#041820cc;color:var(--accent);box-shadow:0 0 24px #00e1e92a}
html[data-site-theme=night] .hero .button:hover{background:#0b3540}
html[data-site-theme=night] .community,html[data-site-theme=night] .product-visual,html[data-site-theme=night] .community-art,html[data-site-theme=night] .theme-stage{background:#0b232b}
html[data-site-theme=night] .themes,html[data-site-theme=night] footer{background:#071820}
html[data-site-theme=night] .get-app{background:#0a2830;color:var(--ink)}
html[data-site-theme=night] .get-app p,html[data-site-theme=night] .platform-note{color:var(--muted)}
html[data-site-theme=night] .get-art{border-color:#2b6972}
html[data-site-theme=night] .get-art p,html[data-site-theme=night] .art-note,html[data-site-theme=night] .mini-note p{color:var(--muted)}
html[data-site-theme=night] .mini-note,html[data-site-theme=night] .feature.selected,html[data-site-theme=night] .how-step,html[data-site-theme=night] .ride-access-card,html[data-site-theme=night] .artwork-toolbar,html[data-site-theme=night] .resource-link,html[data-site-theme=night] .story-tile,html[data-site-theme=night] .report-dialog{background:#102a33;color:var(--ink);border-color:var(--line)}
html[data-site-theme=night] .how-section{background:#0a2027}
html[data-site-theme=night] .feature-icon,html[data-site-theme=night] .step-number{color:var(--accent);border-color:#2b6972;background:#0a2027}
html[data-site-theme=night] .stage-word{color:#1b4650}
html[data-site-theme=night] .panel-entry,html[data-site-theme=night] .under-link,html[data-site-theme=night] .mini-note>span{color:var(--accent)}
html[data-site-theme=night] .nav select,html[data-site-theme=night] .artwork-toolbar select,html[data-site-theme=night] .story-side input:not([type=checkbox]),html[data-site-theme=night] .story-side textarea,html[data-site-theme=night] .report-dialog textarea,html[data-site-theme=night] .gallery-comment-form input:not([type=checkbox]),html[data-site-theme=night] .gallery-comment-form textarea{background:#091d25;color:var(--ink);border-color:#335c65}
html[data-site-theme=night] .story-actions button,html[data-site-theme=night] .story-toolbar button,html[data-site-theme=night] .gallery-reactions button,html[data-site-theme=night] .gallery-comments-toggle,html[data-site-theme=night] .gallery-comments button{background:#102a33;color:var(--ink);border-color:#335c65}
html[data-site-theme=night] .story-toolbar button[aria-pressed=true],html[data-site-theme=night] .gallery-reactions button[aria-pressed=true],html[data-site-theme=night] .theme-controls .selected{background:var(--accent);color:#042229}
html[data-site-theme=night] .story-tile img{background:#081a22}
html[data-site-theme=night] .site-theme-toggle{color:var(--accent);border-color:#2b6972}
html[data-site-theme=night] #language{background:#091d25;color:var(--ink);border-color:#335c65}
html[data-site-theme=night] .footer-top p,html[data-site-theme=night] .footer-bottom{color:var(--muted)}
html[data-site-theme=night] a:focus-visible,html[data-site-theme=night] button:focus-visible,html[data-site-theme=night] summary:focus-visible{outline-color:var(--accent)}
html[data-site-theme=night] .skip{background:#0a2830}
@media(max-width:700px){header:not(.resource-header) .shell.nav{height:auto;min-height:64px;flex-wrap:wrap;padding-block:12px;gap:10px}header:not(.resource-header) .nav .nav-end{width:100%;flex-basis:100%;justify-content:space-between;gap:8px}.resource-header .site-theme-toggle{order:2}.resource-topnav .shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.resource-topnav a{padding:10px 12px;font-size:12px}.resource-topnav .story-share-link{justify-content:center;text-align:center}.resource-topnav{padding:8px 0}}
