.site-theme-toggle{min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink);font-size:12px;font-weight:800;white-space:nowrap}.site-theme-toggle:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
html[data-site-theme=dark]{--paper:#151c25;--ink:#eef3f0;--muted:#b0beb8;--green:#718fe2;--lime:#d2e5ff;--line:#34434e;color-scheme:dark}
html[data-site-theme=dark] body{background:var(--paper);color:var(--ink)}html[data-site-theme=dark] h1>span{color:#9cc5e9}html[data-site-theme=dark] h1>span:after{background:#3a5571}html[data-site-theme=dark] .app-card,html[data-site-theme=dark] .search,html[data-site-theme=dark] .button.secondary,html[data-site-theme=dark] dialog{background:#202b36;color:var(--ink)}html[data-site-theme=dark] .hero-art,html[data-site-theme=dark] .story-art{background:#23323c;border-color:#3c4e56}html[data-site-theme=dark] .art-window{background:#eef4ee;color:#26362d}html[data-site-theme=dark] .art-couple{background:#1e323a}html[data-site-theme=dark] .art-sticker{color:#43291d}html[data-site-theme=dark] .preview-time,html[data-site-theme=dark] .preview-together,html[data-site-theme=dark] .preview-service,html[data-site-theme=dark] .preview-office{background:#2b3845}html[data-site-theme=dark] .preview-label{color:#d2deef}html[data-site-theme=dark] .preview-open{background:#22303d;color:#f0f4f6;border-color:#465669}html[data-site-theme=dark] .filter.active{background:#627ddd;color:#fff;border-color:#627ddd}html[data-site-theme=dark] .filter:hover:not(.active){background:#273644}html[data-site-theme=dark] .tags li{background:#2b3942;border-color:#3f505b;color:#d2ddd8}html[data-site-theme=dark] .search input{color:#eef3f0}html[data-site-theme=dark] .search input::placeholder{color:#aebcb8}html[data-site-theme=dark] .dialog-close{background:#2b3944;color:#fff}html[data-site-theme=dark] dialog::backdrop{background:#071018dd}html[data-site-theme=dark] .closing{background:#263f4b}html[data-site-theme=dark] .status{color:#a7deba}html[data-site-theme=dark] .status.paused{color:#f0cc87}
/* Keep controls and captions readable against the dark surfaces, including the gallery. */
html[data-site-theme=dark] .dialog-gallery,
html[data-site-theme=dark] .gallery-unavailable{background:#18232f;color:#eef3f0;border-color:#34434e}
html[data-site-theme=dark] .gallery-heading small,
html[data-site-theme=dark] .gallery-controls span{color:#c9d5e0}
html[data-site-theme=dark] #detail-gallery-image{border-color:#46596a}
html[data-site-theme=dark] .gallery-controls button{background:#304255;color:#f8fbff;border-color:#667b90}
html[data-site-theme=dark] .gallery-controls button:not(:disabled):hover{background:#405772}
html[data-site-theme=dark] .gallery-controls button:disabled{opacity:.6}
html[data-site-theme=dark] .button.primary{background:#9ab3f3;color:#102034}
html[data-site-theme=dark] .button.primary:hover{background:#b7c8fa;color:#102034}
html[data-site-theme=dark] .filter.active{background:#a0b5fa;color:#182438;border-color:#a0b5fa}
html[data-site-theme=dark] .header-cta:hover{background:#304255}
html[data-site-theme=dark] .card-actions{border-color:#394b56}
html[data-site-theme=dark] .search svg{stroke:#c9d5e0}
html[data-site-theme=dark] h2 span,
html[data-site-theme=dark] .card-body h3>span{color:#afc8ef}
html[data-site-theme=dark] .art-label,
html[data-site-theme=dark] .art-caption,
html[data-site-theme=dark] .benefit-strip b{color:#c5d4c0}
html[data-site-theme=dark] .story-symbol{color:#a6d3b1}
html[data-site-theme=dark] .creator-avatar{background:#385166;color:#f8fbff}
html[data-site-theme=dark] .status.restricted{color:#aad8e3}
html[data-site-theme=dark] .unavailable{color:#e5cca0}
html[data-site-theme=dark] .preview-paused-note{color:#ecdbb8;border-color:#756e59}
html[data-site-theme=dark] button:focus-visible,
html[data-site-theme=dark] a:focus-visible,
html[data-site-theme=dark] input:focus-visible{outline-color:#b8ccff}
/* Give the header pill explicit states, including on browsers with stale hover paint. */
html[data-site-theme=dark] .site-header .header-cta{background:#283a4c;color:#f7fbff;border-color:#667b90}
html[data-site-theme=dark] .site-header .header-cta:hover,
html[data-site-theme=dark] .site-header .header-cta:focus-visible{background:#405772!important;color:#fff!important;border-color:#adc3e6}
html[data-site-theme=dark] .detail-link:hover,
html[data-site-theme=dark] .detail-link:focus-visible{color:#a6bfff}
html[data-site-theme=dark] .skip{background:#3a5070;color:#fff}
html[data-site-theme=dark] .brand-dot{color:#ff9773}
html[data-site-theme=dark] .art-window .window-dots,
html[data-site-theme=dark] .art-window .art-subtitle,
html[data-site-theme=dark] .art-window .art-balance>span{color:#4b6451}
@media(max-width:700px){.site-header nav{gap:6px}.site-theme-toggle{min-height:38px;padding:6px 9px;font-size:10px}.header-cta{padding:9px 11px}}