/* Customize: the page itself. */
.design-customize-head .customize-undo {min-height:44px;margin-left:auto;margin-right:12px;}
.customize-switch {padding:6px 0;}
.design-switch input[data-design-motion],.customize-switch input[role=switch],.customize-sections input[role=switch] {appearance:none;-webkit-appearance:none;position:relative;flex:none;width:50px;height:30px;margin:0;border-radius:15px;background:#c9cfea;cursor:pointer;}
.design-switch input[data-design-motion]::after,.customize-switch input[role=switch]::after,.customize-sections input[role=switch]::after {content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .2s;}
.design-switch input[data-design-motion]:checked,.customize-switch input[role=switch]:checked,.customize-sections input[role=switch]:checked {background:#0e7a52;}
.design-switch input[data-design-motion]:checked::after,.customize-switch input[role=switch]:checked::after,.customize-sections input[role=switch]:checked::after {transform:translateX(20px);}
.design-switch input[data-design-motion]:disabled,.customize-switch input[role=switch]:disabled,.customize-sections input[role=switch]:disabled {opacity:.5;cursor:default;}
.design-switch input[data-design-motion]:focus-visible,.customize-switch input[role=switch]:focus-visible,.customize-sections input[role=switch]:focus-visible,.customize-move:focus-visible {outline:3px solid #4658da;outline-offset:2px;}
.customize-note {margin:4px 0 8px!important;font-size:13px!important;line-height:1.45!important;}
.customize-fine > summary {min-height:44px;display:flex;align-items:center;font:800 20px/1.3 Manrope,system-ui,sans-serif;cursor:pointer;}
.customize-tabs {display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 8px;}
.customize-tabs button {min-height:44px;}
.customize-tabs button[aria-pressed=true] {color:#fff;background:#05145c;}
.customize-sections {list-style:none;display:grid;gap:6px;margin:0 0 16px;padding:0;}
.customize-sections li {display:grid;grid-template-columns:minmax(0,1fr) 44px 44px 50px;align-items:center;gap:6px;min-height:52px;padding:4px 10px;border-radius:14px;background:#f1f3fc;font:700 14px/1.3 Manrope,system-ui,sans-serif;color:#102044;}
.customize-move {width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:#102044;font-size:18px;cursor:pointer;}
.customize-move:hover:not(:disabled) {background:#e0e4f4;}
.customize-move:disabled {opacity:.3;cursor:default;}
.customize-pickers {display:grid;gap:12px;}
.customize-pickers fieldset {margin:0;padding:0;border:0;}
.customize-pickers legend {margin-bottom:6px;font:800 13px/1.3 Manrope,system-ui,sans-serif;color:#102044;}
.customize-pickers .design-choice {min-height:44px;}
.customize-reset {min-height:44px;margin-top:14px;}
.design-mini-grid[data-columns=one] {grid-template-columns:minmax(0,1fr)!important;}
.design-mini-grid[data-columns=one] > * {grid-column:1!important;grid-row:auto!important;}
.design-mini-grid [hidden] {display:none!important;}
.customize-nudge {position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:1400;max-width:calc(100vw - 32px);padding:14px 22px;border-radius:999px;background:#05145c;color:#fff;font:700 15px/1.3 Manrope,system-ui,sans-serif;box-shadow:0 12px 32px rgba(5,20,92,.32);transform:translateX(-50%);}
.customize-nudge[hidden] {display:none;}

/* Today. */
html body #app-shell#app-shell#app-shell .today-next {order:var(--cz-today-coda,0)!important;}
html body #app-shell#app-shell#app-shell .today-dashboard__schedule {order:min(var(--cz-today-day,1),var(--cz-today-next,2))!important;}
html body #app-shell#app-shell#app-shell .today-dashboard__day {order:var(--cz-today-day,1)!important;}
html body #app-shell#app-shell#app-shell .today-dashboard__schedule > div {order:var(--cz-today-next,2)!important;}
html body #app-shell#app-shell#app-shell .study-graph {order:var(--cz-today-study,3)!important;}
html body #app-shell#app-shell#app-shell .today-dashboard__courses {order:var(--cz-today-courses,4)!important;}
html body #app-shell#app-shell#app-shell .today-dashboard__upload {order:90!important;}
html body #app-shell#app-shell#app-shell .mc-home-rest {order:91!important;}
html body #app-shell#app-shell#app-shell[data-hide-today~=coda] .today-next,
html body #app-shell#app-shell#app-shell[data-hide-today~=day] .today-dashboard__day,
html body #app-shell#app-shell#app-shell[data-hide-today~=next] .today-dashboard__schedule > div,
html body #app-shell#app-shell#app-shell[data-hide-today~=day][data-hide-today~=next] .today-dashboard__schedule,
html body #app-shell#app-shell#app-shell[data-hide-today~=study] .study-graph,
html body #app-shell#app-shell#app-shell[data-hide-today~=courses] .today-dashboard__courses,
html body #app-shell#app-shell#app-shell[data-hide-today~=courses] .today-dashboard__upload {display:none!important;}
html body #app-shell#app-shell#app-shell[data-hide-today~=day][data-hide-today~=next] .today-next,
html body #app-shell#app-shell#app-shell[data-hide-today~=coda] .today-dashboard__schedule {grid-column:1/-1!important;}
html body #app-shell#app-shell#app-shell[data-customize-columns=one] .today-layout {grid-template-columns:minmax(0,1fr)!important;max-width:850px;margin-inline:auto;}
html body #app-shell#app-shell#app-shell[data-customize-columns=one] .today-layout > * {grid-column:1!important;grid-row:auto!important;}

/* Coda. */
html body #app-shell#app-shell#app-shell .preview-coda-main {order:var(--cz-coda-chat,0)!important;}
html body #app-shell#app-shell#app-shell .preview-coda-sidebar {order:var(--cz-coda-side,1)!important;}
html body #app-shell#app-shell#app-shell[data-hide-coda~=chat] .preview-coda-main,
html body #app-shell#app-shell#app-shell[data-hide-coda~=side] .preview-coda-sidebar {display:none!important;}
html body #app-shell#app-shell#app-shell:is([data-hide-coda~=chat],[data-hide-coda~=side],[data-customize-columns=one]) .ai-tutor-layout:not([hidden]) {grid-template-columns:minmax(0,1fr)!important;max-width:900px;margin-inline:auto;}
html body #app-shell#app-shell#app-shell[data-coda-power=talk] [data-coda-change] {display:none!important;}

/* Plan. */
html body #app-shell#app-shell#app-shell .preview-plan-day {order:var(--cz-plan-day,0)!important;}
html body #app-shell#app-shell#app-shell .preview-plan-side {order:1!important;}
html body #app-shell#app-shell#app-shell .preview-plan-week {order:var(--cz-plan-week,1)!important;}
html body #app-shell#app-shell#app-shell .preview-plan-upcoming {order:var(--cz-plan-next,2)!important;}
html body #app-shell#app-shell#app-shell .plan-soon {order:var(--cz-plan-soon,3)!important;}
html body #app-shell#app-shell#app-shell[data-hide-plan~=day] .preview-plan-day,
html body #app-shell#app-shell#app-shell[data-hide-plan~=week] .preview-plan-week,
html body #app-shell#app-shell#app-shell[data-hide-plan~=next] .preview-plan-upcoming,
html body #app-shell#app-shell#app-shell[data-hide-plan~=soon] .plan-soon,
html body #app-shell#app-shell#app-shell[data-hide-plan~=week][data-hide-plan~=next][data-hide-plan~=soon] .preview-plan-side,
html body #app-shell#app-shell#app-shell[data-hide-plan~=courses] .preview-plan-tabs [data-plan-tab=courses] {display:none!important;}
html body #app-shell#app-shell#app-shell:is([data-customize-columns=one],[data-hide-plan~=day]) #plan-panel-day.planner-workspace:not([hidden]),
html body #app-shell#app-shell#app-shell[data-hide-plan~=week][data-hide-plan~=next][data-hide-plan~=soon] #plan-panel-day.planner-workspace:not([hidden]) {grid-template-columns:minmax(0,1fr)!important;max-width:850px;margin-inline:auto;}

/* The Focus Room's tabs. The timer always stays, and so does Breathe. */
html body #app-shell#app-shell#app-shell [data-focus-room-tab=music] {order:var(--cz-focus-sound,0)!important;}
html body #app-shell#app-shell#app-shell [data-focus-room-tab=cards] {order:var(--cz-focus-cards,1)!important;}
html body #app-shell#app-shell#app-shell [data-focus-room-tab=maps] {order:var(--cz-focus-map,2)!important;}
html body #app-shell#app-shell#app-shell [data-focus-room-tab=notes] {order:var(--cz-focus-notes,3)!important;}
html body #app-shell#app-shell#app-shell [data-focus-room-tab=quiz] {order:var(--cz-focus-quiz,4)!important;}
html body #app-shell#app-shell#app-shell [data-focus-room-tab=material] {order:var(--cz-focus-material,5)!important;}
html body #app-shell#app-shell#app-shell [data-focus-room-tab=breathe] {order:9!important;}
html body #app-shell#app-shell#app-shell[data-hide-focus~=sound] [data-focus-room-tab=music],
html body #app-shell#app-shell#app-shell[data-hide-focus~=cards] [data-focus-room-tab=cards],
html body #app-shell#app-shell#app-shell[data-hide-focus~=map] [data-focus-room-tab=maps],
html body #app-shell#app-shell#app-shell[data-hide-focus~=notes] [data-focus-room-tab=notes],
html body #app-shell#app-shell#app-shell[data-hide-focus~=quiz] [data-focus-room-tab=quiz],
html body #app-shell#app-shell#app-shell[data-hide-focus~=material] [data-focus-room-tab=material] {display:none!important;}

/* Spacing, menu and timer. */
html body #app-shell#app-shell#app-shell[data-customize-spacing=compact] :is(.today-layout,.planner-workspace,.ai-tutor-layout) {gap:10px!important;}
html body #app-shell#app-shell#app-shell[data-customize-spacing=compact] .app-main {padding-top:10px!important;}
html body #app-shell#app-shell#app-shell[data-customize-spacing=compact] .page-header {margin-bottom:8px!important;}
html body #app-shell#app-shell#app-shell[data-customize-spacing=compact] :is(.today-dashboard__day,.study-graph,.preview-plan-day,.preview-plan-week,.preview-plan-upcoming,.plan-soon) {padding:12px!important;}
@media(min-width:1025px) {
  html body #app-shell#app-shell#app-shell[data-customize-menu=top] {display:block!important;}
  html body #app-shell#app-shell#app-shell[data-customize-menu=top] .app-sidebar {position:static!important;display:flex!important;flex-flow:row wrap!important;align-items:center!important;gap:8px 16px!important;width:auto!important;height:auto!important;min-height:0!important;margin:12px 14px 0!important;padding:10px 18px!important;}
  html body #app-shell#app-shell#app-shell[data-customize-menu=top] .app-sidebar .brand {flex:none!important;width:auto!important;margin:0!important;padding:0!important;}
  html body #app-shell#app-shell#app-shell[data-customize-menu=top] .mc-nav--sidebar {display:flex!important;flex:0 1 auto!important;flex-flow:row wrap!important;align-items:center;gap:4px!important;width:auto!important;margin:0!important;}
  html body #app-shell#app-shell#app-shell[data-customize-menu=top] .mc-nav--sidebar .mc-nav__item {width:auto!important;min-height:44px!important;margin:0!important;padding:0 9px!important;}
  html body #app-shell#app-shell#app-shell[data-customize-menu=top] .sidebar-bottom {display:flex!important;flex:0 1 auto!important;flex-flow:row wrap!important;align-items:center;gap:6px!important;width:auto!important;margin:0 0 0 auto!important;padding:0!important;}
  html body #app-shell#app-shell#app-shell[data-customize-menu=top] .sidebar-bottom > * {width:auto!important;min-height:44px!important;margin:0!important;}
  html body #app-shell#app-shell#app-shell[data-customize-menu=top] .sidebar-bottom .sidebar-personalize small,
  html body #app-shell#app-shell#app-shell[data-customize-menu=top] .sidebar-bottom .account-pill small {display:none!important;}
}
/* Phones always have the menu at the bottom, so there is nothing to choose there. */
@media(max-width:1024px) {.customize-pickers fieldset:has([data-customize-choice=Menu]) {display:none;}}
html body #app-shell#app-shell#app-shell[data-customize-big-timer=true] .mc-weather-bar {zoom:1.3;}
html body #app-shell#app-shell#app-shell[data-customize-big-timer=true] .focus-ring {zoom:1.12;}