/* Focus Room keeps the live timer and study controls in one responsive workspace. */
html body.student-experience #app-shell[data-simple-workspace][data-active-view=focus] {
  background:linear-gradient(145deg,#103b48,#0c2133 70%)!important;
  --focus-ink:#edfaff;
  --focus-muted:#bfcedf;
  --focus-panel:#1d3b50;
  --focus-line:#9ccbdd40;
}
html body.student-experience #app-shell[data-simple-workspace] [data-view=focus] {
  max-width:1400px!important;
  width:100%;
  color:var(--focus-ink,#edfaff);
}
html body.student-experience #app-shell[data-simple-workspace] [data-view=focus] :is(.journey-coda,.journey-focus-options,.journey-sky) {display:none!important;}
html body.student-experience #app-shell[data-simple-workspace] [data-view=focus] .focus-layout--pwa {
  display:block!important;
  width:100%;
  max-width:none!important;
  margin:0;
}
html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage {
  display:grid!important;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.7fr);
  align-items:start;
  gap:28px;
  width:100%;
  min-height:620px;
  padding:28px!important;
  box-sizing:border-box;
  border:1px solid var(--focus-line);
  border-radius:30px;
  background:#0e2c3c;
}
.nature-focus-stage::before {opacity:.2;inset:-4%;animation:focus-scene-pan 70s ease-in-out infinite alternate;}
.nature-focus-stage::after {background:linear-gradient(130deg,#0b2736b8,#081b2adb);}
.nature-focus-stage[data-nature-background=galaxy] {--nature-image:url('/signin-galaxy-v1.webp')!important;}
.nature-focus-stage[data-nature-background=birds] {--nature-image:linear-gradient(180deg,#729eb4,#cae3e4)!important;}
.nature-focus-stage[data-nature-background=birds]::before {opacity:.3;}
.focus-room-clock,.focus-room-workspace {min-width:0;width:100%;box-sizing:border-box;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-clock .nature-focus-intro h2 {
  color:#e8fcff!important;
  font-size:22px;
  font-weight:700;
  margin:6px 0 0;
}
.focus-room-clock .nature-eyebrow,.focus-room-workspace .nature-eyebrow {color:#b3e9df;font-weight:700;font-size:11px;}
html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .focus-room-clock .focus-timer-card {
  padding:18px 0!important;
  background:transparent!important;
  color:var(--focus-ink)!important;
  border:0!important;
  box-shadow:none!important;
  width:100%;
  max-width:none;
}
html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .focus-room-clock .focus-ring:not([hidden]) {
  display:grid!important;
  place-items:center;
  width:min(100%,260px);
  height:auto;
  min-height:0;
  max-width:260px;
  aspect-ratio:1;
  margin:8px auto 20px;
  padding:18px;
  box-sizing:border-box;
  border:8px solid #9ad7df38!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#21495b,#133343)!important;
}
html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .focus-room-clock .focus-ring__inner {
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  width:100%;height:100%;border:0;background:transparent;position:static;transform:none;
}
html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .focus-room-clock .focus-sanctuary {
  display:block!important;position:static;width:72px;height:72px;margin:0 0 4px;padding:0;transform:none;
}
html body.student-experience:not([data-student-coda-artwork=none]) #app-shell[data-simple-workspace] .focus-room-clock .focus-sanctuary img {width:100%;height:100%;object-fit:contain;visibility:visible;}
.focus-room-clock .focus-sanctuary::before,.focus-room-clock .focus-sanctuary::after {display:none;}
html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .focus-room-clock .focus-clock {
  color:#fff!important;font-size:44px!important;line-height:1.1;letter-spacing:-.035em;
}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-clock .focus-actions {
  display:flex;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;
}
html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .focus-room-clock .focus-timer-card .focus-actions .mc-button--primary {
  background:#bdfbdd!important;color:#113144!important;border:0!important;border-radius:24px!important;
}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-clock .focus-actions .mc-button:not(.mc-button--primary) {
  background:#ffffff0d!important;color:#f3faff!important;border:1px solid #c3e1eb55!important;border-radius:24px!important;
}
.focus-room-workspace {padding:22px;border:1px solid var(--focus-line);border-radius:26px;background:#234354c4;box-shadow:0 16px 50px #03142025;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace-heading h2 {font-size:24px!important;font-weight:750;letter-spacing:-.04em;margin:0 0 18px;color:#f4fbff!important;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-study-tools {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:0 0 20px;
}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-study-tools button {
  display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;min-height:58px;gap:8px;
  border:1px solid #a3ccd94f!important;border-radius:16px;background:#ffffff0e!important;color:#eefbff!important;padding:12px!important;
}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace :is(.focus-music-drawer,.focus-options) {
  width:100%;border:0!important;background:transparent!important;padding:0!important;margin:0!important;color:#f3faff;
}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace :is(.focus-music-drawer,.focus-options)>summary {
  display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f3faff!important;min-height:48px;padding:10px 0;cursor:pointer;
}
.focus-room-workspace :is(.focus-music-drawer,.focus-options)>summary span {color:#bcd3df;font-size:12px;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-music-card {
  padding:18px!important;margin:4px 0 18px;border:1px solid #a3ccd94f!important;border-radius:20px;background:#183246!important;color:#eaf8ff!important;
}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-music-card :is(h2,h3,p,label,small,.small-print) {color:#d1e5ef!important;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-music-card h2 {color:#fff!important;font-size:20px!important;}
.focus-room-workspace .focus-music-form {display:grid;grid-template-columns:1fr;gap:12px;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace :is(input,select) {max-width:100%;box-sizing:border-box;background:#f4fbff!important;color:#132d40!important;border-color:#b6d6e3!important;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-music-card .mc-button {color:#eefaff!important;background:#416276!important;border:1px solid #afcfd84a!important;min-height:44px;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-music-card .mc-button--primary {background:#bdfbdd!important;color:#123747!important;}
.focus-room-workspace .nature-music-shortcuts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 18px;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .nature-music-shortcuts a {display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid #c3e0eb3f;border-radius:14px;background:#46657a65;color:#f4fbff!important;font-size:13px;text-decoration:none;box-sizing:border-box;}
.focus-room-workspace .nature-music-shortcuts a span {color:inherit!important;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-music-card label>span {color:#d1e5ef!important;}
.focus-room-workspace .nature-music-shortcuts img {width:28px;height:28px;object-fit:contain;border-radius:6px;}
.focus-room-workspace .nature-music-shortcuts a:first-child img {width:58px;}
.focus-room-workspace .focus-brainfm-card {border:1px solid #a4dbce66!important;background:#244c5480!important;padding:16px!important;border-radius:18px;margin:10px 0 20px;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-brainfm-card .mc-button {background:#bdfbdd!important;color:#123747!important;}
.focus-room-workspace .focus-brainfm-brand img {max-width:158px;filter:brightness(0) invert(1);}
.focus-room-workspace .focus-side-stack {display:grid;grid-template-columns:1fr;gap:14px;}
.focus-room-workspace .focus-side-stack .mc-card {min-width:0;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-clock .nature-focus-dock {display:grid;grid-template-columns:1fr;gap:8px;padding-top:16px;border-color:#c9e8f033;margin-top:8px;}
.focus-room-clock :is(.focus-room-motion,.nature-quiet-toggle) {min-height:44px;padding:10px 14px;color:#d5e8f1;background:#ffffff0a;border:1px solid #bad9e13b;border-radius:22px;cursor:pointer;font:inherit;font-size:13px;}
.focus-room-clock .focus-room-motion[aria-pressed=true] {color:#123747;background:#bdfbdd;border-color:#bdfbdd;}
.focus-room-clock .focus-room-motion:disabled {cursor:default;opacity:.85;}
.focus-room-motion-note {grid-column:1/-1;margin:0;color:#c6dfe7!important;font-size:12px;line-height:1.5;text-align:center;}
.focus-room-clock .nature-background-panel {padding:12px;margin-top:8px;}
.focus-room-clock .nature-scene-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.focus-room-clock .nature-scene-choice {min-width:0;}
.focus-room-clock .nature-scene-choice img {width:100%;height:60px;object-fit:cover;}
.focus-room-birds {display:none;position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;}
[data-nature-background=birds] .focus-room-birds {display:block;}
.focus-room-birds svg {position:absolute;left:-8%;top:15%;width:38px;fill:none;stroke:#d6f8ff;stroke-width:1.5;opacity:.4;animation:focus-bird-flight 42s linear infinite;}
.focus-room-birds svg:nth-child(2) {top:32%;width:27px;animation-duration:53s;animation-delay:-19s;}
.focus-room-birds svg:nth-child(3) {top:23%;width:30px;animation-duration:61s;animation-delay:-39s;}
html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage.nature-quiet {grid-template-columns:1fr;min-height:480px;}
.nature-focus-stage.nature-quiet .focus-room-clock {max-width:450px;margin-inline:auto;}
.nature-focus-stage.nature-quiet .focus-room-workspace {display:none;}
html #app-shell[data-simple-workspace] [data-view=focus] [data-focus-sync-status] {color:#bbd3df;font-size:12px;padding:8px;}
.focus-room-workspace :focus-visible,.focus-room-clock :focus-visible {outline:3px solid #c4ffda!important;outline-offset:3px;}
@keyframes focus-scene-pan {to {transform:scale(1.06) translate(-1%,-1%);}}
@keyframes focus-bird-flight {to {transform:translate(120vw,-5vh);}}
[data-view=focus][data-focus-still=true] :is(.journey-cloud,.journey-bird,.focus-room-birds svg),
[data-view=focus][data-focus-still=true] .focus-ring::after,
[data-view=focus][data-focus-still=true] .nature-focus-stage::before {animation:none!important;}
body:has(#app-shell[data-active-view=focus] [data-focus-still=true]) :is(.mc-live-wallpaper *,.mc-coda-companion__portrait),
body:has(#app-shell[data-active-view=focus] [data-focus-still=true]) .mc-live-wallpaper *::after {animation:none!important;transition:none!important;}
[data-view=focus][data-focus-still=true] .focus-room-birds svg {left:18%;}
[data-view=focus][data-focus-still=true] .focus-room-birds svg:nth-child(2) {left:52%;}
[data-view=focus][data-focus-still=true] .focus-room-birds svg:nth-child(3) {left:78%;}
/* Still means no travel, pulsing or scaling, including decorations outside the
   Focus card. Static artwork, useful phase labels and live timers remain. */
body:has(#app-shell[data-active-view=focus] [data-focus-still=true]) :is(#app-shell,.mc-live-wallpaper,.mc-app-weather,.mc-coda-companion,.cx-sky,.focus-breathing-dialog),
body:has(#app-shell[data-active-view=focus] [data-focus-still=true]) :is(#app-shell,.mc-live-wallpaper,.mc-app-weather,.mc-coda-companion,.cx-sky,.focus-breathing-dialog)::before,
body:has(#app-shell[data-active-view=focus] [data-focus-still=true]) :is(#app-shell,.mc-live-wallpaper,.mc-app-weather,.mc-coda-companion,.cx-sky,.focus-breathing-dialog)::after,
body:has(#app-shell[data-active-view=focus] [data-focus-still=true]) :is(#app-shell,.mc-live-wallpaper,.mc-app-weather,.mc-coda-companion,.cx-sky,.focus-breathing-dialog) *,
body:has(#app-shell[data-active-view=focus] [data-focus-still=true]) :is(#app-shell,.mc-live-wallpaper,.mc-app-weather,.mc-coda-companion,.cx-sky,.focus-breathing-dialog) *::before,
body:has(#app-shell[data-active-view=focus] [data-focus-still=true]) :is(#app-shell,.mc-live-wallpaper,.mc-app-weather,.mc-coda-companion,.cx-sky,.focus-breathing-dialog) *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
body:has(#app-shell[data-active-view=focus] [data-focus-still=true]) :is(.mc-coda-companion__portrait,.breathing-visual__wash) {transform:none!important;}
.nature-focus-stage[data-scene-paused=true]::before,.nature-focus-stage[data-scene-paused=true] .focus-room-birds svg {animation-play-state:paused;}
body.is-privacy-locked .nature-focus-stage::before,body.is-privacy-locked .focus-room-birds svg {animation-play-state:paused;}
@media(max-width:850px) {
  html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage {grid-template-columns:1fr;gap:20px;padding:20px 14px!important;min-height:0;}
  .focus-room-clock {max-width:500px;margin:auto;}
  .focus-room-workspace {padding:16px;border-radius:22px;}
  html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .focus-room-clock .focus-ring:not([hidden]) {width:220px;margin-bottom:12px;}
  html body.student-experience #app-shell[data-simple-workspace] .focus-room-clock .nature-focus-dock {grid-template-columns:1fr 1fr;}
  .focus-room-clock .nature-background {grid-column:1/-1;}
  .focus-room-workspace .focus-study-tools button {font-size:12px;}
}
@media(max-width:390px) {
  .focus-room-workspace .nature-music-shortcuts {grid-template-columns:1fr;}
  .focus-room-workspace .focus-music-drawer>summary span {display:none;}
  html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-study-tools {grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce) {
  .nature-focus-stage::before,.focus-room-birds svg {animation:none!important;}
}
@media(forced-colors:active) {
  .nature-focus-stage::before,.nature-focus-stage::after,.focus-room-birds {display:none;}
  html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage,
  html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace {color:CanvasText;background:Canvas;border:1px solid CanvasText;}
}

/* Keep the board's open room and compact provider rows; the original player,
   billing disclosure and settings remain below their service chooser. */
html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage {padding:24px 0!important;border:0;border-radius:0;background:transparent;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace-heading {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-study-tools {display:flex!important;flex-wrap:wrap;gap:4px;padding:5px!important;margin:0 0 18px;background:#ffffff18;border:1px solid #c3e0eb30;border-radius:26px;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-study-tools button {flex:1;min-height:44px;padding:9px 12px!important;border:0!important;border-radius:22px;background:transparent!important;font-size:13px;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .focus-music-card {padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.focus-room-workspace .focus-music-card>.section-heading {display:none;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .nature-music-shortcuts a {min-height:78px;gap:11px;}
.focus-room-workspace .nature-music-shortcuts .nature-music-provider {display:grid;gap:5px;flex:1;min-width:0;}
.focus-room-workspace .nature-music-shortcuts strong {font-size:15px;line-height:1.3;}
html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .nature-music-shortcuts small {font-size:11px;line-height:1.35;color:#c0d7e5!important;}
.focus-room-workspace .nature-music-shortcuts .nature-music-open {font-size:12px;white-space:nowrap;padding:8px 11px;border-radius:20px;background:#ffffff19;}
.focus-room-workspace .nature-music-shortcuts img {width:34px;height:34px;flex:none;}
.focus-room-workspace .nature-music-shortcuts a:first-child img {width:48px;}
.focus-room-workspace .focus-brainfm-card {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:14px!important;}
.focus-room-workspace .focus-brainfm-header {grid-column:1;}
.focus-room-workspace .focus-brainfm-brand img {max-width:100px;height:25px;}
.focus-room-workspace .focus-brainfm-handoff {grid-column:1;font-size:12px;line-height:1.4;margin:0!important;}
.focus-room-workspace .focus-brainfm-card>a {grid-column:2;grid-row:1/3;align-self:center;font-size:12px;}
.focus-room-workspace .focus-brainfm-disclosure {grid-column:1/-1;font-size:10px;line-height:1.4;margin:4px 0 0!important;}
@media(max-width:1100px) and (min-width:851px) {.focus-room-workspace .nature-music-shortcuts {grid-template-columns:minmax(0,1fr);}}
@media(max-width:600px) {
  html body.student-experience #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage {gap:16px;padding:12px 0!important;}
  .focus-room-workspace .nature-music-shortcuts {grid-template-columns:minmax(0,1fr);}
  html body.student-experience #app-shell[data-simple-workspace] .focus-room-workspace .nature-music-shortcuts a {min-height:66px;}
  .focus-room-workspace .focus-brainfm-card {grid-template-columns:minmax(0,1fr);}
  .focus-room-workspace .focus-brainfm-card>a {grid-column:1;grid-row:auto;justify-self:start;}
}