/* Separate sound/window utilities from reminder controls in every focus-card layout. */
html[data-theme] body#studyTickApp .focus>.focus-utilities{
 display:flex!important;flex-wrap:wrap;align-items:stretch;gap:10px;
 box-sizing:border-box;width:100%;min-width:0;grid-column:1/-1;grid-row:auto;
 margin:10px 0 0;padding:0;
}
html[data-theme] body#studyTickApp .focus>.focus-utilities>:is(#floating,.focus-sounds-launch){
 display:inline-flex!important;align-items:center;justify-content:center;flex:1 1 170px;
 min-height:44px;min-width:0;max-width:100%;box-sizing:border-box;
 padding:10px 14px;border-radius:10px;white-space:normal;overflow-wrap:anywhere;
 background:var(--sc-focus-soft,#263b3a);color:var(--sc-focus-text,#fff);
 border:1px solid var(--sc-focus-border,#52616f);font:inherit;cursor:pointer;
}
html[data-theme] body#studyTickApp .focus>.focus-utilities>:is(button,a):focus-visible{outline:2px solid var(--sc-accent,#a4efce);outline-offset:3px}
body.focus-view .focus>.focus-utilities{max-width:620px;margin-inline:auto!important}
@media(max-width:420px){html[data-theme] body#studyTickApp .focus>.focus-utilities{gap:8px}html[data-theme] body#studyTickApp .focus>.focus-utilities>:is(#floating,.focus-sounds-launch){flex:1 1 125px;padding-inline:8px}}
.group-timer-page .group-social-actions .group-memorendum-link{text-decoration:none;max-width:100%;white-space:normal}
.group-timer-page .group-social-actions{flex-wrap:wrap}
@media(max-width:400px){.group-timer-page .group-social-actions .group-memorendum-link{grid-column:1/-1}}


/* Unified Focus tools: same shape, width, elevation and spacing for each. */
html[data-theme] body#studyTickApp .focus > #focusUtilities.focus-utilities {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:10px!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-row:auto!important;
  grid-column:1/-1!important;
  margin:12px 0 0!important;
  padding:0!important;
}
html[data-theme] body#studyTickApp .focus > #focusUtilities > :is(#floating,.focus-sounds-launch,.st-stream-launch) {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:48px!important;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid var(--sc-button-border,var(--sc-focus-border,#89928d))!important;
  border-radius:11px!important;
  background:var(--sc-button-bg,var(--sc-focus-soft,#eef2ee))!important;
  color:var(--sc-button-text,var(--sc-focus-text,#1f2b33))!important;
  font:600 14px/1.3 Inter,system-ui,sans-serif!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-shadow:none!important;
  cursor:pointer;
}
html[data-theme] body#studyTickApp .focus > #focusUtilities > :is(#floating,.focus-sounds-launch,.st-stream-launch):hover {
  background:var(--sc-button-bg-hover,var(--sc-accent-soft,#e3f3ec))!important;
}
html[data-theme] body#studyTickApp .focus > #focusUtilities > :is(#floating,.focus-sounds-launch,.st-stream-launch):focus-visible {
  outline:2px solid var(--sc-accent-strong,#168562)!important;
  outline-offset:3px!important;
}
html[data-theme] body#studyTickApp .focus > #focusUtilities > .st-stream-launch[aria-pressed="true"] {
  border-color:var(--sc-accent-strong,#168562)!important;
  box-shadow:inset 0 -2px var(--sc-accent-strong,#168562)!important;
}
html[data-theme] body#studyTickApp.focus-view .focus > #focusUtilities {
  max-width:620px!important;
  margin-inline:auto!important;
}
@media(max-width:560px){
  html[data-theme] body#studyTickApp .focus > #focusUtilities.focus-utilities {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html[data-theme] body#studyTickApp .focus > #focusUtilities > .st-stream-launch {
    grid-column:1/-1;
  }
}
@media(max-width:360px){
  html[data-theme] body#studyTickApp .focus > #focusUtilities.focus-utilities {
    grid-template-columns:minmax(0,1fr)!important;
  }
  html[data-theme] body#studyTickApp .focus > #focusUtilities > .st-stream-launch {
    grid-column:auto;
  }
}