dialog.activities-dialog {
  width: min(820px, calc(100vw - 24px)); max-width: none; max-height: calc(100dvh - 36px); padding: 24px;
  overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; background: #121014; color: #f6f0f4;
  border: 1px solid #65535f; border-radius: 12px; font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.activities-dialog *, .activities-results *, .activities-banner * { box-sizing: border-box; }
.activities-dialog button, .activities-dialog select, .activities-results button, .activities-banner button {
  font: inherit; color: #f5eaf1; background: #211a21; border: 1px solid #65525e; border-radius: 6px; min-height: 44px; padding: 9px 13px; cursor: pointer; text-transform: none; letter-spacing: normal;
}
.activities-dialog button:hover, .activities-results button:hover, .activities-banner button:hover { background: #392731; border-color: #d595bb; }
.activities-dialog button:disabled { opacity: .45; cursor: not-allowed; }
.activities-dialog :is(button,select):focus-visible, .activities-results button:focus-visible, .activities-banner button:focus-visible { outline: 2px solid #f0b3d4; outline-offset: 3px; }
.activities-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.activities-header h2 { margin: 0; font-size: 29px; font-weight: 650; letter-spacing: -.03em; }
.activities-intro, .activities-panel > p { color: #cbbfc8; font-size: 15px; margin: 12px 0 20px; }
.activities-nav { display: flex; flex-wrap: wrap; gap: 6px; margin: 20px 0; border-bottom: 1px solid #493b45; padding-bottom: 14px; }
.activities-nav button { background: transparent; border-color: transparent; }
.activities-nav button[aria-pressed="true"] { background: #3a2532; color: #ffd2ea; }
.activities-settings { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 18px 0; }
.activities-field { display: grid; gap: 6px; min-width: 0; flex: 1; font-size: 13px; color: #cbbbc6; }
.activities-field:first-child { flex: 2; }
.activities-field select { width: 100%; min-width: 0; font-size: 16px; }
.activities-drills, .activities-queue, .activities-history { list-style: none; padding: 0; margin: 0; }
.activities-drills li { display: flex; align-items: center; gap: 24px; padding: 19px 0; border-bottom: 1px solid #3b3038; }
.activities-drills li > div { flex: 1; }
.activities-drills h3, .activities-results h3 { margin: 0 0 6px; font-size: 18px; font-weight: 600; color: #f5edf2; }
.activities-drills p { margin: 0 0 8px; color: #cfc0ca; font-size: 15px; }
.activities-drills small { color: #edb5d4; font-size: 13px; }
.activities-drills button { flex: none; }
.activities-queue li { display: grid; grid-template-columns: minmax(0,1fr) 128px auto; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #3b3038; }
.activities-queue li > span { overflow-wrap: anywhere; }
.activities-queue select { width: 100%; }
.activities-queue-actions { display: flex; gap: 5px; }
.activities-queue-actions button { padding: 9px 11px; }
.activities-dialog button.activities-primary, .activities-results button.activities-primary { background: #b5759c; color: #110b0f; border-color: #b5759c; font-weight: 650; margin-top: 18px; }
.activities-note, .activities-status { font-size: 13px !important; color: #bfaebb !important; }
.activities-status:empty { display: none; }
.activities-status { margin: 16px 0 0; }
.activities-empty { padding: 24px 0; color: #c9b8c4; }
.activities-history li { display: grid; gap: 6px; padding: 17px 0; border-bottom: 1px solid #3b3038; }
.activities-history strong { font-size: 16px; overflow-wrap: anywhere; }
.activities-history span { color: #e2b4cf; font-size: 15px; }
.activities-history small { color: #b6a6b1; font-size: 13px; }
.activities-banner { grid-column: 1/-1; display: flex; align-items: center; gap: 10px; padding: 5px 0; font: 13px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.activities-banner span { flex: 1; color: #e4c2d7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.activities-banner button { min-height: 32px; padding: 5px 9px; font-size: 12px; }
#activities-results { grid-column: 1/-1; padding: 20px 0; border-top: 1px solid #604650; font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #cdbec9; }
#activities-results p { margin: 7px 0; }
#activities-results .activities-total { color: #f3d5e6; font-size: 19px; font-variant-numeric: tabular-nums; }
@media (max-width: 600px) {
  dialog.activities-dialog { padding: 18px; max-height: calc(100dvh - 16px); }
  .activities-settings { align-items: stretch; }
  .activities-field:first-child { flex-basis: 100%; }
  .activities-drills li { align-items: flex-start; gap: 12px; }
  .activities-drills button { font-size: 13px; padding: 8px; }
  .activities-queue li { grid-template-columns: minmax(0,1fr) 118px; gap: 8px; }
  .activities-queue-actions { grid-column: 1/-1; justify-content: flex-end; }
  .activities-banner { gap: 5px; }
  .activities-banner span { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { dialog.activities-dialog[open] { animation: none; } }