/* Shared app behavior and frame geometry; Inner cosmos presentation. */
[data-theme=dark] .demo-aside h2,
[data-theme=dark] .app-screen h1,
[data-theme=dark] .app-welcome h1{font-family:var(--sans);font-weight:400}
[data-theme=dark] .demo-aside h2 em,
[data-theme=dark] .app-screen h1 em,
[data-theme=dark] .app-welcome h1 em{font-family:var(--serif);color:var(--accent)}
[data-theme=dark] .demo-aside h2{font-size:66px;line-height:1.05}
[data-theme=dark] .aside-art:before{
  inset:auto;width:210px;height:210px;left:45px;top:-10px;
  background:url('assets/design/cosmos-disc-v2.jpg') center/cover;
  mask-image:radial-gradient(circle,#000 60%,transparent 71%);
  animation:app-cosmos-turn 90s linear infinite;
}
[data-theme=dark] .daily-flower,
[data-theme=dark] .completion-art>span{
  background:url('assets/design/cosmos-disc-v2.jpg') center/cover;
  animation:app-cosmos-turn 42s linear infinite;
}
[data-theme=dark] .theme-choice.selected{background:#294849;border-color:#d7aa70}
[data-theme=dark] .mode-toggle button.selected{background:#355152;border-color:#819e91;color:#fff0d5}
[data-theme=dark] .week-day.done i{color:#142b30}
[data-theme=dark] .mic-status[data-state=listening]{color:#a6d7ba}
[data-theme=dark] .mic-status[data-state=listening] .mic-dot{background:#a6d7ba;box-shadow:0 0 0 3px #a6d7ba20}
[data-theme=dark] .heard:not(.placeholder){color:#f3e8cf;border-color:#688d81;background:#193638}
[data-theme=dark] .practice-feedback.success{color:#bde1c9;background:#27483e}
[data-theme=dark] .reward-mark circle{fill:#25473e;stroke:#a2ccb3}
[data-theme=dark] .reward-mark path{stroke:#f0c58c}
[data-theme=dark] .reward-dots i.done{background:#b6d5b7;border-color:#b6d5b7}
[data-theme=dark] #app-nav{background:#193237f5;box-shadow:0 8px 24px #081a2040}
[data-theme=dark] #app-nav button[aria-current]{background:#304d4c;color:#f0c58c}
[data-theme=dark] :is(button,a,select,textarea):focus-visible{outline:2px solid #f0c58c;outline-offset:3px}
@keyframes app-cosmos-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){[data-theme=dark] .aside-art:before,[data-theme=dark] .daily-flower,[data-theme=dark] .completion-art>span{animation:none!important}}