#app .dev-root .desk .rhythm-glass-select { position: relative; overflow: visible; }
#app .dev-root .desk .rhythm-glass-select select[hidden] { display: none !important; }
#app .dev-root .desk .rhythm-select-trigger {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  width: 100%; height: auto !important; min-height: 0 !important; min-width: 0 !important;
  padding: 7px 8px !important;
  border: 1px solid transparent !important; border-radius: 9px !important;
  color: #fff !important; background: #23272f !important;
  font: inherit; font-size: .68rem; line-height: 1.25; text-align: left; cursor: pointer;
  box-shadow: inset 5px 5px 10px #0e1013, inset -5px -5px 10px #383e4b, 0 0 24px transparent !important;
  transform: none !important; filter: none !important; transition: border-color .2s, box-shadow .2s;
}
#app .dev-root .desk .rhythm-select-trigger::before,
#app .dev-root .desk .rhythm-select-trigger::after { content: none !important; display: none !important; }
#app .dev-root .desk .rhythm-select-trigger:hover,
#app .dev-root .desk .rhythm-glass-select.is-open .rhythm-select-trigger {
  background: #23272f !important;
  border-color: rgba(93, 197, 213, .35) !important;
  transform: none !important; filter: none !important;
}
#app .dev-root .desk .rhythm-select-trigger:focus {
  border-color: #53d2e1 !important;
  box-shadow: inset 5px 5px 10px #0e1013, inset -5px -5px 10px #383e4b, 0 0 18px rgba(34,190,213,.24) !important;
}
#app .dev-root .desk .rhythm-select-trigger:focus-visible { outline: 2px solid #83d5e5; outline-offset: 3px; }
.rhythm-select-chevron { width: 6px; height: 6px; border-right: 1.5px solid #8fb7cb; border-bottom: 1.5px solid #8fb7cb; transform: rotate(45deg); transition: transform .2s; margin-right: 2px; }
.is-open .rhythm-select-chevron { transform: rotate(225deg); }
#app .dev-root .desk .rhythm-select-menu {
  position: absolute; z-index: 30; top: calc(100% + 7px); left: 0; right: 0;
  padding: 5px; border: 1px solid rgba(130, 191, 222, .3); border-radius: 12px;
  background: linear-gradient(140deg, rgba(24, 40, 55, .97), rgba(9, 18, 31, .98));
  box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 14px 35px rgba(0, 0, 0, .5);
  backdrop-filter: blur(18px); animation: rhythm-menu-in .18s ease-out;
}
#app .dev-root .desk .rhythm-select-menu[hidden] { display: none; }
#app .dev-root .desk .rhythm-select-option {
  position: relative; padding: 8px 24px 8px 10px; border-radius: 7px;
  color: #bcd0df; font-size: 12px; line-height: 1.3; cursor: pointer;
  transition: background .15s, color .15s;
}
#app .dev-root .desk .rhythm-select-option.is-active { color: #ebfaff; background: rgba(66, 163, 190, .17); }
#app .dev-root .desk .rhythm-select-option[aria-selected="true"] { color: #92e3ed; background: linear-gradient(110deg, rgba(35, 154, 176, .24), rgba(45, 85, 157, .18)); }
.rhythm-select-option[aria-selected="true"]::after { content: "✓"; position: absolute; right: 8px; color: #78dce7; }
#app .dev-root .desk :is(.contribution-panel, .urgency-panel.has-contribution-rhythm):has(.rhythm-glass-select.is-open) { overflow: visible; z-index: 10; }
@keyframes rhythm-menu-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@media(prefers-reduced-motion: reduce) { .rhythm-select-menu { animation: none !important; } .rhythm-select-chevron { transition: none; } }