星空⇄晴天の比喩的テーマトグル

<div class="d11-15-07-panels">
          <div class="d11-15-07-panel d11-15-07-night d11-15-07-active">
            <span class="d11-15-07-star" style="top:8px;left:10px"></span>
            <span class="d11-15-07-star" style="top:20px;left:34px"></span>
            <span class="d11-15-07-star" style="top:12px;left:52px"></span>
            <svg class="d11-15-07-glyph" viewBox="0 0 24 24" width="18" height="18"><path d="M12 3a9 9 0 109 9c0-.46-.04-.92-.1-1.36A7 7 0 1113.36 3.1 9.13 9.13 0 0012 3z" fill="#f1f5f9"/></svg>
            <span class="d11-15-07-tag">選択中</span>
          </div>
          <div class="d11-15-07-panel d11-15-07-day">
            <svg class="d11-15-07-glyph" viewBox="0 0 24 24" width="18" height="18"><circle cx="12" cy="12" r="5" fill="#fff"/></svg>
          </div>
        </div>

.d11-15-07-panels{display:flex;gap:10px}
        .d11-15-07-panel{position:relative;width:96px;height:70px;border-radius:10px;overflow:hidden;box-sizing:border-box}
        .d11-15-07-night{background:linear-gradient(180deg,#0f172a,#1e293b)}
        .d11-15-07-day{background:linear-gradient(180deg,#60a5fa,#93c5fd)}
        .d11-15-07-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#f1f5f9}
        .d11-15-07-glyph{position:absolute;bottom:8px;right:8px}
        .d11-15-07-active{box-shadow:0 0 0 3px #6366f1}
        .d11-15-07-tag{position:absolute;top:5px;left:6px;font-size:9px;color:#f1f5f9;background:rgba(255,255,255,.15);padding:1px 6px;border-radius:99px}