:root { --experience-accent: #7eb9ff; --experience-glass: rgba(16,34,54,.9); --experience-muted: #b5c8dc; --experience-shadow: 0 12px 32px #0002; }
body.light-theme { --experience-accent: #176fc5; --experience-glass: rgba(255,255,255,.9); --experience-muted: #52657b; --experience-shadow: 0 12px 32px #183c6710; }
#appView .sidebar, #appView .topbar { background: var(--experience-glass); }
@supports (backdrop-filter: blur(8px)) {
  #appView .topbar { backdrop-filter: blur(8px); }
}
#appView .topbar { padding: 16px; border: 1px solid var(--line); border-radius: 8px; }
#appView .nav-item, #appView .report-card, #appView .row-button { transition: transform .16s ease, background-color .16s ease; }
@media (hover: hover) {
  #appView .report-card:hover, #appView .row-button:hover { transform: translateY(-2px); }
}
#appView .home-card, #appView .list-panel, #appView .detail-panel { box-shadow: var(--experience-shadow); }
.experience-loading { padding: 12px; border: 1px solid var(--line); border-radius: 6px; margin-bottom: 12px; color: var(--experience-accent); background: var(--surface); font-size: 13px; }
.experience-loading[hidden] { display: none; }
.experience-network-error { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid var(--red); border-radius: 6px; padding: 12px; margin-bottom: 12px; background: var(--surface); color: var(--ink); font-size: 14px; }
.experience-skeleton { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 8px; margin-top: 8px; }
.experience-skeleton i { height: 12px; border-radius: 4px; background: var(--line); animation: experienceShimmer 1.2s ease-in-out infinite alternate; }
@keyframes experienceShimmer { from { opacity: .35; } to { opacity: .85; } }
.toast.show { animation: experienceToast .2s ease both; }
@keyframes experienceToast { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  .experience-skeleton i, .toast.show { animation: none; }
  #appView .nav-item, #appView .report-card, #appView .row-button { transition: none; transform: none; }
}