/* StudyTickApp review-only UX: top five destinations, timer-first Group Timer and Plan/Focus/Review. */
#stFirstSession .st-start-actions{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
  width:100%;align-items:stretch;
}
#stFirstSession .st-start-actions>button{
  min-width:0;min-height:48px;line-height:1.25;text-align:center;
  white-space:normal;overflow-wrap:anywhere;
}
#stFirstSession .st-start-more{margin-top:8px}
#stFirstSession .st-start-more>summary{font-size:.88rem;cursor:pointer;opacity:.88}
#stFirstSession .st-start-extra-actions{
  display:flex;flex-wrap:wrap;gap:8px;padding:9px 0 0;
}
#stFirstSession .st-start-extra-actions>button{min-height:40px}
.group-timer-page #groupJoinPanel .group-join-reward-note{
  font-size:.9rem;line-height:1.5;
  padding:12px 14px;margin:12px 0;
  border-radius:10px;border:1px solid var(--sc-button-border,rgba(120,160,145,.35));
  background:var(--sc-button-bg,rgba(146,194,173,.09));
  color:inherit;
}
.group-timer-page .group-clock-card .group-clock{
  font-variant-numeric:tabular-nums;
  font-size:clamp(3.8rem,9vw,7rem)!important;
  line-height:1.06;letter-spacing:-.055em;
  font-weight:750;
  text-align:center;
  width:100%;max-width:100%;
}
.group-timer-page .group-timer-control-stack,
.group-timer-page .group-host-controls{width:100%;min-width:0}
.group-timer-page .group-host-controls .group-primary-playback{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin:8px auto 12px;width:100%;max-width:400px;
}
.group-timer-page .group-primary-playback :is(#groupStart,#groupPause){
  display:block;min-height:56px;flex:1 1 100%;
  font-size:1.05rem;font-weight:700;
}
.group-timer-page .group-primary-playback :is(#groupStart,#groupPause)[hidden]{display:none!important}
.group-timer-page .group-host-timer-details,
.group-timer-page .group-cycle-settings,
.group-timer-page .group-quick-settings{margin-top:8px}
.group-timer-page .group-secondary-controls{margin-bottom:8px}
.group-timer-page .group-quick-settings-body .group-mini-launch{
  margin:0 0 12px;
}
@media(max-width:640px){
  #stFirstSession .st-start-actions{grid-template-columns:1fr}
  #stFirstSession .st-start-actions>button{min-height:46px}
  .group-timer-page .group-clock-card .group-clock{font-size:clamp(3.1rem,16vw,5rem)!important}
  .group-timer-page .group-host-controls .group-primary-playback{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  #stFirstSession .st-start-actions>button{transition:none!important}
}