body{--canvas:#FAF8F2;background:var(--canvas)}body[data-role=parent] .app{max-width:940px;padding-bottom:20px}.home-tabs{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:14px}.home-tabs button{border:0;background:none;font-size:12px;border-radius:0;border-bottom:2px solid transparent}.home-tabs .active{border-color:var(--orange);color:var(--green);font-weight:700}.home-tabs a{margin-left:auto;font-size:10px;color:var(--muted)}.selectors{display:flex;gap:8px;margin:9px 0 14px;align-items:end}.selectors[hidden]{display:none}.selectors label{font-size:10px;color:var(--muted);display:grid;gap:4px}.selectors select,.selectors input{max-width:100%;min-width:0;width:100%;padding:6px;border:1px solid var(--line);border-radius:7px;background:#fff}.selectors label:first-child{flex:1}.selectors label[hidden]{display:none}.parent-report .vocab-card,.parent-report .homework-card{background:linear-gradient(145deg,#FFFCFC,#F5EAEB);box-shadow:inset 1px 1px 2px #fff,inset -1px -1px 2px #EADBDD,0 5px 12px #6F3D4712,0 1px 2px #6F3D4717;border-color:#E8DDE0}.parent-report .homework-donut{box-shadow:2px 3px 5px #6F3D472B,inset 1px 1px 2px #FFFFFF9E}.parent-report .homework-donut:before{background:linear-gradient(145deg,#FAF4F5,#FFFCFC);box-shadow:inset 1px 2px 3px #8C596124}.parent-report .vocab-card strong{text-shadow:0 1px 0 white,0 2px 3px #8B526124}.notice{font-size:10px;color:#7C7771;margin:8px 0}.empty{font-size:11px;color:var(--muted);padding:12px 0;line-height:1.6}.daily-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:12px 0}.daily-head h1{font-size:21px;margin:4px 0}.daily-head small{color:var(--muted);font-size:10px}.daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.daily-grid .panel{margin:0}.daily-grid .full{grid-column:1/-1}.task-entry{padding:10px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}.task-entry b{font-size:12px;line-height:1.6}.task-entry small{display:block;font-size:10px;color:var(--muted)}.daily-score{display:inline-block;font-size:28px;font-weight:700;color:#B6525E;text-shadow:0 2px 3px #B6525E24}.score-list{display:flex;gap:12px;flex-wrap:wrap}.comment-entry{border-top:1px solid var(--line);padding:10px 0}.comment-entry small{font-size:10px;color:var(--muted)}.comment-entry p{font-size:12px;line-height:1.6;margin:4px 0}.homework-link{display:block;text-align:center;color:var(--blue);font-size:11px;padding:10px}.detail-list{max-height:65vh;overflow:auto}.detail-item{border-bottom:1px solid var(--line);padding:10px 0;font-size:12px;line-height:1.7}.detail-item small{display:block;color:var(--muted);font-size:10px}.detail-item a{color:var(--blue)}#loginPanel{max-width:360px;margin:30px auto}#loginPanel h1{font-size:20px}#loginForm{display:grid;gap:12px;margin-top:20px}#loginForm label{font-size:12px;display:grid;gap:5px}#loginForm input,#loginForm select{padding:10px;border:1px solid var(--line);border-radius:8px}#loginError{color:#B6525E;font-size:12px}.word-values{font-size:13px;color:#B6525E}.home-tabs button:focus-visible{outline:2px solid var(--blue)}
@media(max-width:700px){.daily-grid{grid-template-columns:1fr;gap:10px}.daily-grid .full{grid-column:auto}.daily-grid .panel{padding:12px}.daily-head h1{font-size:19px}.task-entry b{font-size:11px}.daily-grid .panel-title{margin-bottom:5px}.daily-grid .panel-title h2{font-size:12px}.selectors{flex-wrap:wrap}.selectors label{min-width:110px}.parent-report .vocab-card strong{font-size:26px!important}.parent-report .class-comparison{font-size:12px!important}.daily-grid .comment-entry p{font-size:11px}.brand #logout{font-size:9px;padding:4px;min-height:28px}.brand .preview-label{font-size:9px}.home-tabs{margin-bottom:8px}.home-tabs button{min-height:32px;padding:7px}.parent-report .homework-donut{width:47px;height:47px}.parent-report .homework-donut b{font-size:13px}}
/* Soft raised surfaces and equal-sized subject / title / unit labels. */
.parent-report .panel,.daily-grid .panel,.growth-summary{box-shadow:0 5px 14px #4C504D0B,0 1px 3px #4C504D0A,inset 0 1px 0 #FFFFFFD9;border-color:#E8E5DE}
.daily-grid .panel{background:linear-gradient(145deg,#FFFCF7,#F5F0E8)}
.daily-grid .teacher-comments{background:linear-gradient(145deg,#FFFCF7,#F7EFE5)}
.daily-grid .panel.full:not(.teacher-comments){background:linear-gradient(145deg,#F9FCF8,#EDF4EF)}
.daily-overview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.daily-ring-card{--ring:#B6525E;--ring-track:#EEDBDE;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;text-align:left;padding:15px 18px;background:linear-gradient(145deg,#FFFCFC,#F6E9EB);border:1px solid #E7DADD;border-radius:14px;box-shadow:inset 1px 1px 2px #FFFFFFED,inset -1px -1px 2px #DFD2D560,0 6px 14px #79515A12,0 1px 3px #79515A1C}
.daily-ring-card.homework{--ring:#C78448;--ring-track:#EFDFCE;background:linear-gradient(145deg,#FFFCF6,#F6ECDF);border-color:#E8DDCD}
.ring-title{font-size:13px;font-weight:700;color:#615C59;text-shadow:0 1px 0 white}.ring-foot{font-size:10px;color:#8B817C;grid-column:1}
.daily-donut{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:75px;height:75px;border-radius:50%;position:relative;background:conic-gradient(var(--ring) var(--value),var(--ring-track) 0);box-shadow:2px 4px 6px #6B42432E,inset 1px 1px 2px #FFFFFFAD}
.daily-donut:before{content:'';position:absolute;inset:8px;border-radius:50%;background:linear-gradient(145deg,#F8F2EF,#FFFCF9);box-shadow:inset 1px 2px 3px #76515126}
.daily-donut b{position:relative;color:var(--ring);font-size:22px}.daily-donut small{font-size:10px;margin-left:2px}.learning-line{display:flex;justify-content:flex-start;align-items:baseline;gap:7px;flex-wrap:wrap}.parent-report .learning-line .learning-kind{font-size:12px;color:#89928C;font-weight:400;flex-shrink:0}.parent-report .learning-line b,.parent-report .learning-line .learning-unit{font-size:12px;color:var(--ink);font-weight:650}.parent-report .learning-line .learning-unit{white-space:normal}
@media(max-width:700px){.daily-overview{gap:10px;margin-bottom:10px}.daily-ring-card{padding:12px 10px;gap:6px;grid-template-columns:1fr}.ring-title{font-size:11px}.daily-donut{grid-column:1;grid-row:2;justify-self:center;width:65px;height:65px;margin:2px 0}.daily-donut:before{inset:7px}.daily-donut b{font-size:20px}.ring-foot{text-align:center;font-size:8px}.parent-report .learning-line .learning-kind,.parent-report .learning-line b,.parent-report .learning-line .learning-unit{font-size:11px!important}.learning-line{gap:5px}.daily-head{margin:8px 0}.daily-grid .task-entry{padding:8px 0}}

@media(max-width:700px){.daily-overview{gap:9px;margin-bottom:9px}.daily-ring-card{padding:9px 10px;gap:3px}.daily-donut{width:57px;height:57px}.daily-donut:before{inset:6px}.daily-donut b{font-size:18px}.daily-grid{gap:9px}.daily-grid .panel{padding:10px 12px}.daily-grid .task-entry{padding:6px 0}.daily-grid .comment-entry{padding:7px 0}.daily-grid .comment-entry p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.daily-head{margin:7px 0}.homework-link{padding:7px}.selectors{margin-bottom:9px}.daily-grid .panel-title{margin-bottom:3px}}

@media(max-width:700px){#monthLabel:not([hidden]){display:flex;align-items:center;gap:7px}#monthLabel input{width:125px}.parent-report .page-head{margin-bottom:9px}.parent-report .page-head h1{margin:3px 0}.parent-report .score-plot{height:54px}.parent-report .panel{margin-bottom:9px}.parent-report .metrics{margin-bottom:10px}.parent-report .notice{margin:4px 0}.parent-report .learning-line{padding:6px 0}}

/* One ivory surface system across attendance, scores, tasks and reports. */
.parent-report .metric,.parent-report .metric.green,.parent-report .vocab-card,.parent-report .homework-card,.parent-report .panel,.daily-grid .panel,.daily-grid .panel.full,.daily-grid .teacher-comments,.growth-summary,.daily-ring-card,.daily-ring-card.homework{background:linear-gradient(145deg,#FFFEFC,#F5F1EB);border:1px solid #E6E0D7;box-shadow:inset 1px 1px 2px #FFFFFFED,inset -1px -1px 2px #DCD3C650,0 5px 13px #645C4A12,0 1px 3px #645C4A14}
.parent-report .homework-donut:before,.daily-donut:before{background:linear-gradient(145deg,#F5F0E9,#FFFDFA)}
.parent-report .vocab-title{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.parent-report .vocab-title .score-max{font-size:8px;font-weight:400;color:#999087;white-space:nowrap;text-shadow:none}.parent-report .vocab-card strong{margin-top:9px}.parent-report .metric>small{color:#77736C}
@media(max-width:700px){.parent-report .vocab-title{gap:2px}.parent-report .vocab-title .score-max{font-size:7px}.parent-report .vocab-card strong{margin-top:8px}.daily-ring-card .ring-title{color:#77736C}.daily-ring-card .ring-foot{color:#928A81}}

/* Today uses soft, distinct tints on the same raised card structure. */
body[data-view=daily] .daily-ring-card.score{background:linear-gradient(145deg,#FFFDFD,#F6E9ED);border-color:#EADBE1}
body[data-view=daily] .daily-ring-card.homework{background:linear-gradient(145deg,#FFFDF8,#F6EDDB);border-color:#E9DEC8}
body[data-view=daily] .daily-grid>.panel:first-child{background:linear-gradient(145deg,#FFFCF8,#F8EDE1);border-color:#EBDFD2}
body[data-view=daily] .daily-grid>.panel.full:not(.teacher-comments){background:linear-gradient(145deg,#FBFDFF,#ECF2F8);border-color:#DBE5EF}
body[data-view=daily] .daily-grid>.teacher-comments{background:linear-gradient(145deg,#FEFCFF,#F1EBF7);border-color:#E4DAEC}
body[data-view=daily] .daily-ring-card.score .daily-donut:before{background:linear-gradient(145deg,#F8EEF1,#FFFCFD)}
body[data-view=daily] .daily-ring-card.homework .daily-donut:before{background:linear-gradient(145deg,#F7F0E3,#FFFEF9)}
body[data-audience=student] #student{display:none}
body[data-view=daily][data-audience=student] .selectors{display:none!important}
@media(max-width:700px){body[data-view=daily][data-audience=student] .daily-head{margin:12px 0 10px}body[data-view=daily] .daily-grid .empty{padding:8px 0}body[data-view=daily] .daily-grid .panel-title h2{font-size:12px}body[data-view=daily] .daily-grid .panel-title{margin-bottom:4px}}

.task-open[href]{cursor:pointer;border-radius:6px}.task-open[href]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.task-open[href]:hover{background:#FFFFFF66}.submit-task{display:inline-block;margin-top:5px;padding:4px 0;color:var(--blue)}

/* Keep assignments aligned with the full-width learning and comment panels. */
body[data-view=daily] .daily-grid > .panel:first-child{grid-column:1/-1;min-width:0}
body[data-view=daily] .numbered-homework > div{flex:1;min-width:0;width:100%}
body[data-view=daily] .homework-numbered{margin-inline:0;padding-inline-start:24px;width:100%;box-sizing:border-box}
body[data-view=daily] .homework-numbered li{padding-inline-end:0;overflow-wrap:anywhere}
body[data-view=daily] .homework-numbered a{overflow-wrap:anywhere}
body[data-view=daily] .numbered-homework .homework-link{width:100%;box-sizing:border-box}

/* LMS home: allow content to shrink and wrap rather than widen the page. */
body[data-view=daily]>.app,body[data-view=daily] #content{min-width:0;max-width:100%;box-sizing:border-box}
body[data-view=daily] .daily-head>div,body[data-view=daily] .daily-grid>*,body[data-view=daily] .daily-overview>*,body[data-view=daily] .task-entry>div{min-width:0;max-width:100%;box-sizing:border-box}
body[data-view=daily] .daily-grid,body[data-view=daily] .daily-overview{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
body[data-view=daily] .daily-head h1,body[data-view=daily] .panel h2,body[data-view=daily] .task-entry,body[data-view=daily] .today-feedback-card{overflow-wrap:anywhere}
body[data-view=daily] .daily-head .badge{flex-shrink:0;max-width:35%;white-space:normal}
body[data-view=daily] .brand .logo{min-width:0;flex-shrink:1}
body[data-view=daily] .brand #identity{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-view=daily] .brand #logout{flex-shrink:0}
body[data-view=daily] .today-study-timer{min-width:0;max-width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto}
body[data-view=daily] .today-study-timer>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
body[data-view=daily] .study-timer-stats{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin-inline:0}
body[data-view=daily] .study-timer-stats>div{min-width:0}
body[data-view=daily] .daily-ring-card{min-width:0;max-width:100%;box-sizing:border-box}
body[data-view=daily] .daily-ring-card .ring-title,body[data-view=daily] .daily-ring-card .ring-foot{min-width:0;overflow-wrap:anywhere}
body[data-view=daily] dialog{max-width:calc(100% - 24px);box-sizing:border-box;overflow-wrap:anywhere}
@media(max-width:700px){body[data-view=daily] .daily-grid{grid-template-columns:minmax(0,1fr)}body[data-view=daily] .daily-head{flex-wrap:wrap}body[data-view=daily] .daily-head>div{flex:1 1 180px}body[data-view=daily] .today-study-timer{grid-template-columns:minmax(0,1fr)}body[data-view=daily] .study-timer-go{justify-self:start}body[data-view=daily] .study-timer-stats{width:100%}}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 270px;
  padding: 14px !important;
  background: rgba(255, 255, 255, .82) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 10px;
}
body.lms-fixed-content.lms-home-world:not(.lms-signed-out) {
  --lms-rami-width: clamp(92px, 22vw, 140px);
}
body.lms-fixed-content.lms-home-world:not(.lms-signed-out) .lms-weather-world .rami-walker {
  width: var(--lms-rami-width);
  height: var(--lms-rami-width);
}
body.lms-fixed-content.lms-home-world:not(.lms-signed-out) .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world:not(.lms-signed-out) {
    --lms-rami-width: 86px;
  }
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 270px;
  padding: 14px !important;
  background: rgba(255, 255, 255, .82) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 10px;
}
body.lms-fixed-content.lms-home-world:not(.lms-signed-out) {
  --lms-rami-width: clamp(92px, 22vw, 140px);
}
body.lms-fixed-content.lms-home-world:not(.lms-signed-out) .lms-weather-world .rami-walker {
  width: var(--lms-rami-width);
  height: var(--lms-rami-width);
}
body.lms-fixed-content.lms-home-world:not(.lms-signed-out) .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world:not(.lms-signed-out) {
    --lms-rami-width: 86px;
  }
}

body.lms-home-world[data-view="daily"]:not(.lms-signed-out) #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: rgb(255 255 255 / 83%) !important;
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-rami-width: clamp(125px, 36vw, 160px);
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-rami-width: 110px;
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + 133px);
  }
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 270px;
  padding: 14px !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 10px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px);
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width);
  height: var(--lms-rami-width);
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px;
  }
}

body.lms-home-world[data-view="daily"]:not(.lms-signed-out) #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: rgb(255 255 255 / 92%) !important;
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, rgb(250 244 232 / 92%)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: rgb(232 245 236 / 92%);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: rgb(250 232 237 / 92%);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: rgb(250 235 216 / 92%);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: rgb(236 239 255 / 92%);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, rgb(250 244 232 / 92%)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: rgb(232 245 236 / 92%);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: rgb(250 232 237 / 92%);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: rgb(250 235 216 / 92%);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: rgb(236 239 255 / 92%);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Restore the original actor dimensions and keep each daily card distinguishable. */
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: 90px !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
@media (min-width: 900px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 115px !important;
  }
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 70px !important;
  }
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel:not(.full) {
  background: rgb(255 235 208 / 96%) !important;
  border-inline-start: 4px solid #ce9458;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.full:not(.teacher-comments) {
  background: rgb(221 242 227 / 96%) !important;
  border-inline-start: 4px solid #76a986;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.teacher-comments {
  background: rgb(236 226 252 / 96%) !important;
  border-inline-start: 4px solid #a38bc3;
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Restore the original actor dimensions and keep each daily card distinguishable. */
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: 90px !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
@media (min-width: 900px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 115px !important;
  }
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 70px !important;
  }
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel:not(.full) {
  background: rgb(255 235 208 / 96%) !important;
  border-inline-start: 4px solid #ce9458;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.full:not(.teacher-comments) {
  background: rgb(221 242 227 / 96%) !important;
  border-inline-start: 4px solid #76a986;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.teacher-comments {
  background: rgb(236 226 252 / 96%) !important;
  border-inline-start: 4px solid #a38bc3;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  align-self: center;
  margin: auto 0 !important;
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Restore the original actor dimensions and keep each daily card distinguishable. */
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: 90px !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
@media (min-width: 900px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 115px !important;
  }
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 70px !important;
  }
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel:not(.full) {
  background: rgb(255 235 208 / 96%) !important;
  border-inline-start: 4px solid #ce9458;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.full:not(.teacher-comments) {
  background: rgb(221 242 227 / 96%) !important;
  border-inline-start: 4px solid #76a986;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.teacher-comments {
  background: rgb(236 226 252 / 96%) !important;
  border-inline-start: 4px solid #a38bc3;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  align-self: center;
  margin: auto 0 !important;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  max-width: 320px;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lms-home-world.lms-signed-out #loginForm > label {
  min-width: 0;
}
body.lms-home-world.lms-signed-out #loginForm > :is(button, #loginError) {
  grid-column: 1 / -1;
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Restore the original actor dimensions and keep each daily card distinguishable. */
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: 90px !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
@media (min-width: 900px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 115px !important;
  }
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 70px !important;
  }
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel:not(.full) {
  background: rgb(255 235 208 / 96%) !important;
  border-inline-start: 4px solid #ce9458;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.full:not(.teacher-comments) {
  background: rgb(221 242 227 / 96%) !important;
  border-inline-start: 4px solid #76a986;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.teacher-comments {
  background: rgb(236 226 252 / 96%) !important;
  border-inline-start: 4px solid #a38bc3;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  align-self: center;
  margin: auto 0 !important;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  max-width: 320px;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lms-home-world.lms-signed-out #loginForm > label {
  min-width: 0;
}
body.lms-home-world.lms-signed-out #loginForm > :is(button, #loginError) {
  grid-column: 1 / -1;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: flex;
  flex-direction: column;
}
body.lms-home-world.lms-signed-out #loginPanel > :is(h1, .sub) {
  display: none;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  order: -1;
  margin: 0 0 4px !important;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  width: 50%;
  justify-self: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  align-self: center;
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Restore the original actor dimensions and keep each daily card distinguishable. */
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: 90px !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
@media (min-width: 900px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 115px !important;
  }
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 70px !important;
  }
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel:not(.full) {
  background: rgb(255 235 208 / 96%) !important;
  border-inline-start: 4px solid #ce9458;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.full:not(.teacher-comments) {
  background: rgb(221 242 227 / 96%) !important;
  border-inline-start: 4px solid #76a986;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.teacher-comments {
  background: rgb(236 226 252 / 96%) !important;
  border-inline-start: 4px solid #a38bc3;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  align-self: center;
  margin: auto 0 !important;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  max-width: 320px;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lms-home-world.lms-signed-out #loginForm > label {
  min-width: 0;
}
body.lms-home-world.lms-signed-out #loginForm > :is(button, #loginError) {
  grid-column: 1 / -1;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: flex;
  flex-direction: column;
}
body.lms-home-world.lms-signed-out #loginPanel > :is(h1, .sub) {
  display: none;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  order: -1;
  margin: 0 0 4px !important;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  width: 50%;
  justify-self: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  align-self: center;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink),
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-help {
  grid-column: 1 / -1;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: contents;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-column: 1;
  width: 100%;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-column: 2;
  grid-row: 3;
  align-self: stretch;
  margin: 0;
  min-height: 36px;
}

body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  position: fixed;
  z-index: 101;
  top: 0;
  right: max(14px, calc((100vw - 850px) / 2));
  height: 58px;
  margin: 0 !important;
  align-content: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-row: 2;
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Restore the original actor dimensions and keep each daily card distinguishable. */
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: 90px !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
@media (min-width: 900px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 115px !important;
  }
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 70px !important;
  }
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel:not(.full) {
  background: rgb(255 235 208 / 96%) !important;
  border-inline-start: 4px solid #ce9458;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.full:not(.teacher-comments) {
  background: rgb(221 242 227 / 96%) !important;
  border-inline-start: 4px solid #76a986;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.teacher-comments {
  background: rgb(236 226 252 / 96%) !important;
  border-inline-start: 4px solid #a38bc3;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  align-self: center;
  margin: auto 0 !important;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  max-width: 320px;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lms-home-world.lms-signed-out #loginForm > label {
  min-width: 0;
}
body.lms-home-world.lms-signed-out #loginForm > :is(button, #loginError) {
  grid-column: 1 / -1;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: flex;
  flex-direction: column;
}
body.lms-home-world.lms-signed-out #loginPanel > :is(h1, .sub) {
  display: none;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  order: -1;
  margin: 0 0 4px !important;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  width: 50%;
  justify-self: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  align-self: center;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink),
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-help {
  grid-column: 1 / -1;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: contents;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-column: 1;
  width: 100%;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-column: 2;
  grid-row: 3;
  align-self: stretch;
  margin: 0;
  min-height: 36px;
}

body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  position: fixed;
  z-index: 101;
  top: 0;
  right: max(14px, calc((100vw - 850px) / 2));
  height: 58px;
  margin: 0 !important;
  align-content: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-row: 2;
}

body.lms-fixed-content.lms-home-world.lms-signed-out {
  --login-header-height: 55.8px;
}
@media (max-width: 430px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out {
    --login-header-height: 52.2px;
  }
}
body.lms-fixed-content.lms-home-world.lms-signed-out .brand,
body.lms-fixed-content.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  height: var(--login-header-height) !important;
}
body.lms-fixed-content.lms-home-world.lms-signed-out > .app {
  top: var(--login-header-height) !important;
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Restore the original actor dimensions and keep each daily card distinguishable. */
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: 90px !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
@media (min-width: 900px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 115px !important;
  }
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 70px !important;
  }
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel:not(.full) {
  background: rgb(255 235 208 / 96%) !important;
  border-inline-start: 4px solid #ce9458;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.full:not(.teacher-comments) {
  background: rgb(221 242 227 / 96%) !important;
  border-inline-start: 4px solid #76a986;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.teacher-comments {
  background: rgb(236 226 252 / 96%) !important;
  border-inline-start: 4px solid #a38bc3;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  align-self: center;
  margin: auto 0 !important;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  max-width: 320px;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lms-home-world.lms-signed-out #loginForm > label {
  min-width: 0;
}
body.lms-home-world.lms-signed-out #loginForm > :is(button, #loginError) {
  grid-column: 1 / -1;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: flex;
  flex-direction: column;
}
body.lms-home-world.lms-signed-out #loginPanel > :is(h1, .sub) {
  display: none;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  order: -1;
  margin: 0 0 4px !important;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  width: 50%;
  justify-self: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  align-self: center;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink),
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-help {
  grid-column: 1 / -1;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: contents;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-column: 1;
  width: 100%;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-column: 2;
  grid-row: 3;
  align-self: stretch;
  margin: 0;
  min-height: 36px;
}

body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  position: fixed;
  z-index: 101;
  top: 0;
  right: max(14px, calc((100vw - 850px) / 2));
  height: 58px;
  margin: 0 !important;
  align-content: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-row: 2;
}

body.lms-fixed-content.lms-home-world.lms-signed-out {
  --login-header-height: 55.8px;
}
@media (max-width: 430px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out {
    --login-header-height: 52.2px;
  }
}
body.lms-fixed-content.lms-home-world.lms-signed-out .brand,
body.lms-fixed-content.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  height: var(--login-header-height) !important;
}
body.lms-fixed-content.lms-home-world.lms-signed-out > .app {
  top: var(--login-header-height) !important;
}

body.lms-home-world.lms-signed-out #loginPanel > h1 {
  display: block;
  grid-column: 1 / -1;
  grid-row: 1;
  text-align: left;
  margin: 0 0 3px;
}
body.lms-home-world.lms-signed-out #loginForm > label {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary,
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 3;
}

body.lms-home-world.lms-signed-out #loginPanel:has(#staffLoginLink[href="?staffLogin=1"]) > h1 {
  font-size: 0;
}
body.lms-home-world.lms-signed-out #loginPanel:has(#staffLoginLink[href="?staffLogin=1"]) > h1::before {
  content: "학습 로그인";
  font-size: 17px;
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Restore the original actor dimensions and keep each daily card distinguishable. */
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: 90px !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
@media (min-width: 900px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 115px !important;
  }
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 70px !important;
  }
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel:not(.full) {
  background: rgb(255 235 208 / 96%) !important;
  border-inline-start: 4px solid #ce9458;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.full:not(.teacher-comments) {
  background: rgb(221 242 227 / 96%) !important;
  border-inline-start: 4px solid #76a986;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.teacher-comments {
  background: rgb(236 226 252 / 96%) !important;
  border-inline-start: 4px solid #a38bc3;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  align-self: center;
  margin: auto 0 !important;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  max-width: 320px;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lms-home-world.lms-signed-out #loginForm > label {
  min-width: 0;
}
body.lms-home-world.lms-signed-out #loginForm > :is(button, #loginError) {
  grid-column: 1 / -1;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: flex;
  flex-direction: column;
}
body.lms-home-world.lms-signed-out #loginPanel > :is(h1, .sub) {
  display: none;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  order: -1;
  margin: 0 0 4px !important;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  width: 50%;
  justify-self: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  align-self: center;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink),
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-help {
  grid-column: 1 / -1;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: contents;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-column: 1;
  width: 100%;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-column: 2;
  grid-row: 3;
  align-self: stretch;
  margin: 0;
  min-height: 36px;
}

body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  position: fixed;
  z-index: 101;
  top: 0;
  right: max(14px, calc((100vw - 850px) / 2));
  height: 58px;
  margin: 0 !important;
  align-content: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-row: 2;
}

body.lms-fixed-content.lms-home-world.lms-signed-out {
  --login-header-height: 55.8px;
}
@media (max-width: 430px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out {
    --login-header-height: 52.2px;
  }
}
body.lms-fixed-content.lms-home-world.lms-signed-out .brand,
body.lms-fixed-content.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  height: var(--login-header-height) !important;
}
body.lms-fixed-content.lms-home-world.lms-signed-out > .app {
  top: var(--login-header-height) !important;
}

body.lms-home-world.lms-signed-out #loginPanel > h1 {
  display: block;
  grid-column: 1 / -1;
  grid-row: 1;
  text-align: left;
  margin: 0 0 3px;
}
body.lms-home-world.lms-signed-out #loginForm > label {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary,
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 3;
}

body.lms-home-world.lms-signed-out #loginPanel:has(#staffLoginLink[href="?staffLogin=1"]) > h1 {
  font-size: 0;
}
body.lms-home-world.lms-signed-out #loginPanel:has(#staffLoginLink[href="?staffLogin=1"]) > h1::before {
  content: "학습 로그인";
  font-size: 17px;
}

body.lms-home-world.lms-signed-out #loginForm > .primary,
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  box-sizing: border-box;
  width: min(100%, 104px);
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0 8px;
  align-self: center;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  justify-self: end;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  justify-self: start;
}
body.lms-home-world.lms-signed-out #loginPanel:has(> .lms-install-button[hidden]) #loginForm > .primary {
  grid-column: 1 / -1;
  justify-self: center;
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Restore the original actor dimensions and keep each daily card distinguishable. */
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: 90px !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
@media (min-width: 900px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 115px !important;
  }
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 70px !important;
  }
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel:not(.full) {
  background: rgb(255 235 208 / 96%) !important;
  border-inline-start: 4px solid #ce9458;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.full:not(.teacher-comments) {
  background: rgb(221 242 227 / 96%) !important;
  border-inline-start: 4px solid #76a986;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.teacher-comments {
  background: rgb(236 226 252 / 96%) !important;
  border-inline-start: 4px solid #a38bc3;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  align-self: center;
  margin: auto 0 !important;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  max-width: 320px;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lms-home-world.lms-signed-out #loginForm > label {
  min-width: 0;
}
body.lms-home-world.lms-signed-out #loginForm > :is(button, #loginError) {
  grid-column: 1 / -1;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: flex;
  flex-direction: column;
}
body.lms-home-world.lms-signed-out #loginPanel > :is(h1, .sub) {
  display: none;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  order: -1;
  margin: 0 0 4px !important;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  width: 50%;
  justify-self: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  align-self: center;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink),
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-help {
  grid-column: 1 / -1;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: contents;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-column: 1;
  width: 100%;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-column: 2;
  grid-row: 3;
  align-self: stretch;
  margin: 0;
  min-height: 36px;
}

body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  position: fixed;
  z-index: 101;
  top: 0;
  right: max(14px, calc((100vw - 850px) / 2));
  height: 58px;
  margin: 0 !important;
  align-content: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-row: 2;
}

body.lms-fixed-content.lms-home-world.lms-signed-out {
  --login-header-height: 55.8px;
}
@media (max-width: 430px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out {
    --login-header-height: 52.2px;
  }
}
body.lms-fixed-content.lms-home-world.lms-signed-out .brand,
body.lms-fixed-content.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  height: var(--login-header-height) !important;
}
body.lms-fixed-content.lms-home-world.lms-signed-out > .app {
  top: var(--login-header-height) !important;
}

body.lms-home-world.lms-signed-out #loginPanel > h1 {
  display: block;
  grid-column: 1 / -1;
  grid-row: 1;
  text-align: left;
  margin: 0 0 3px;
}
body.lms-home-world.lms-signed-out #loginForm > label {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary,
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 3;
}

body.lms-home-world.lms-signed-out #loginPanel:has(#staffLoginLink[href="?staffLogin=1"]) > h1 {
  font-size: 0;
}
body.lms-home-world.lms-signed-out #loginPanel:has(#staffLoginLink[href="?staffLogin=1"]) > h1::before {
  content: "학습 로그인";
  font-size: 17px;
}

body.lms-home-world.lms-signed-out #loginForm > .primary,
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  box-sizing: border-box;
  width: min(100%, 104px);
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0 8px;
  align-self: center;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  justify-self: end;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  justify-self: start;
}
body.lms-home-world.lms-signed-out #loginPanel:has(> .lms-install-button[hidden]) #loginForm > .primary {
  grid-column: 1 / -1;
  justify-self: center;
}

/* Override the older full-width submit rule when both actions are visible. */
body.lms-home-world.lms-signed-out #loginPanel #loginForm > .primary {
  grid-area: 3 / 1 / 4 / 2;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-area: 3 / 2 / 4 / 3;
}
body.lms-home-world.lms-signed-out #loginPanel:has(> .lms-install-button[hidden]) #loginForm > .primary {
  grid-column: 1 / -1;
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Restore the original actor dimensions and keep each daily card distinguishable. */
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: 90px !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
@media (min-width: 900px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 115px !important;
  }
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 70px !important;
  }
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel:not(.full) {
  background: rgb(255 235 208 / 96%) !important;
  border-inline-start: 4px solid #ce9458;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.full:not(.teacher-comments) {
  background: rgb(221 242 227 / 96%) !important;
  border-inline-start: 4px solid #76a986;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.teacher-comments {
  background: rgb(236 226 252 / 96%) !important;
  border-inline-start: 4px solid #a38bc3;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  align-self: center;
  margin: auto 0 !important;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  max-width: 320px;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lms-home-world.lms-signed-out #loginForm > label {
  min-width: 0;
}
body.lms-home-world.lms-signed-out #loginForm > :is(button, #loginError) {
  grid-column: 1 / -1;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: flex;
  flex-direction: column;
}
body.lms-home-world.lms-signed-out #loginPanel > :is(h1, .sub) {
  display: none;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  order: -1;
  margin: 0 0 4px !important;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  width: 50%;
  justify-self: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  align-self: center;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink),
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-help {
  grid-column: 1 / -1;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: contents;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-column: 1;
  width: 100%;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-column: 2;
  grid-row: 3;
  align-self: stretch;
  margin: 0;
  min-height: 36px;
}

body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  position: fixed;
  z-index: 101;
  top: 0;
  right: max(14px, calc((100vw - 850px) / 2));
  height: 58px;
  margin: 0 !important;
  align-content: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-row: 2;
}

body.lms-fixed-content.lms-home-world.lms-signed-out {
  --login-header-height: 55.8px;
}
@media (max-width: 430px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out {
    --login-header-height: 52.2px;
  }
}
body.lms-fixed-content.lms-home-world.lms-signed-out .brand,
body.lms-fixed-content.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  height: var(--login-header-height) !important;
}
body.lms-fixed-content.lms-home-world.lms-signed-out > .app {
  top: var(--login-header-height) !important;
}

body.lms-home-world.lms-signed-out #loginPanel > h1 {
  display: block;
  grid-column: 1 / -1;
  grid-row: 1;
  text-align: left;
  margin: 0 0 3px;
}
body.lms-home-world.lms-signed-out #loginForm > label {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary,
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 3;
}

body.lms-home-world.lms-signed-out #loginPanel:has(#staffLoginLink[href="?staffLogin=1"]) > h1 {
  font-size: 0;
}
body.lms-home-world.lms-signed-out #loginPanel:has(#staffLoginLink[href="?staffLogin=1"]) > h1::before {
  content: "학습 로그인";
  font-size: 17px;
}

body.lms-home-world.lms-signed-out #loginForm > .primary,
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  box-sizing: border-box;
  width: min(100%, 104px);
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0 8px;
  align-self: center;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  justify-self: end;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  justify-self: start;
}
body.lms-home-world.lms-signed-out #loginPanel:has(> .lms-install-button[hidden]) #loginForm > .primary {
  grid-column: 1 / -1;
  justify-self: center;
}

/* Override the older full-width submit rule when both actions are visible. */
body.lms-home-world.lms-signed-out #loginPanel #loginForm > .primary {
  grid-area: 3 / 1 / 4 / 2;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-area: 3 / 2 / 4 / 3;
}
body.lms-home-world.lms-signed-out #loginPanel:has(> .lms-install-button[hidden]) #loginForm > .primary {
  grid-column: 1 / -1;
}

@media (max-width: 600px) {
  body.lms-home-world.lms-signed-out #loginPanel > h1 {
    display: block;
    font-weight: 750;
    color: #253247;
  }
  body.lms-home-world.lms-signed-out #loginPanel > h1::before {
    font-weight: inherit;
  }
  body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button:not([hidden]) {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Restore the original actor dimensions and keep each daily card distinguishable. */
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: 90px !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
@media (min-width: 900px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 115px !important;
  }
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 70px !important;
  }
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel:not(.full) {
  background: rgb(255 235 208 / 96%) !important;
  border-inline-start: 4px solid #ce9458;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.full:not(.teacher-comments) {
  background: rgb(221 242 227 / 96%) !important;
  border-inline-start: 4px solid #76a986;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.teacher-comments {
  background: rgb(236 226 252 / 96%) !important;
  border-inline-start: 4px solid #a38bc3;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  align-self: center;
  margin: auto 0 !important;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  max-width: 320px;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lms-home-world.lms-signed-out #loginForm > label {
  min-width: 0;
}
body.lms-home-world.lms-signed-out #loginForm > :is(button, #loginError) {
  grid-column: 1 / -1;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: flex;
  flex-direction: column;
}
body.lms-home-world.lms-signed-out #loginPanel > :is(h1, .sub) {
  display: none;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  order: -1;
  margin: 0 0 4px !important;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  width: 50%;
  justify-self: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  align-self: center;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink),
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-help {
  grid-column: 1 / -1;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: contents;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-column: 1;
  width: 100%;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-column: 2;
  grid-row: 3;
  align-self: stretch;
  margin: 0;
  min-height: 36px;
}

body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  position: fixed;
  z-index: 101;
  top: 0;
  right: max(14px, calc((100vw - 850px) / 2));
  height: 58px;
  margin: 0 !important;
  align-content: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-row: 2;
}

body.lms-fixed-content.lms-home-world.lms-signed-out {
  --login-header-height: 55.8px;
}
@media (max-width: 430px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out {
    --login-header-height: 52.2px;
  }
}
body.lms-fixed-content.lms-home-world.lms-signed-out .brand,
body.lms-fixed-content.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  height: var(--login-header-height) !important;
}
body.lms-fixed-content.lms-home-world.lms-signed-out > .app {
  top: var(--login-header-height) !important;
}

body.lms-home-world.lms-signed-out #loginPanel > h1 {
  display: block;
  grid-column: 1 / -1;
  grid-row: 1;
  text-align: left;
  margin: 0 0 3px;
}
body.lms-home-world.lms-signed-out #loginForm > label {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary,
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 3;
}

body.lms-home-world.lms-signed-out #loginPanel:has(#staffLoginLink[href="?staffLogin=1"]) > h1 {
  font-size: 0;
}
body.lms-home-world.lms-signed-out #loginPanel:has(#staffLoginLink[href="?staffLogin=1"]) > h1::before {
  content: "학습 로그인";
  font-size: 17px;
}

body.lms-home-world.lms-signed-out #loginForm > .primary,
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  box-sizing: border-box;
  width: min(100%, 104px);
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0 8px;
  align-self: center;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  justify-self: end;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  justify-self: start;
}
body.lms-home-world.lms-signed-out #loginPanel:has(> .lms-install-button[hidden]) #loginForm > .primary {
  grid-column: 1 / -1;
  justify-self: center;
}

/* Override the older full-width submit rule when both actions are visible. */
body.lms-home-world.lms-signed-out #loginPanel #loginForm > .primary {
  grid-area: 3 / 1 / 4 / 2;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-area: 3 / 2 / 4 / 3;
}
body.lms-home-world.lms-signed-out #loginPanel:has(> .lms-install-button[hidden]) #loginForm > .primary {
  grid-column: 1 / -1;
}

@media (max-width: 600px) {
  body.lms-home-world.lms-signed-out #loginPanel > h1 {
    display: block;
    font-weight: 750;
    color: #253247;
  }
  body.lms-home-world.lms-signed-out #loginPanel > h1::before {
    font-weight: inherit;
  }
  body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button:not([hidden]) {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}

body.lms-home-world.lms-signed-out #loginPanel > h1 {
  display: block !important;
}

/* Keep the LMS landscape visible around and through the sign-in card. */
body.lms-home-world.lms-signed-out #loginPanel {
  max-width: 236px;
  padding: 10px 12px !important;
  margin: 0 0 auto !important;
  background: rgba(255, 255, 255, .90) !important;
}
body.lms-home-world.lms-signed-out #loginForm {
  margin-top: 6px; gap: 6px;
}
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: clamp(160px, 44vw, 190px) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-walker {
  width: var(--lms-rami-width) !important;
  height: var(--lms-rami-width) !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world .rami-hello {
  bottom: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 9px) !important;
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 146px !important;
  }
}

body.lms-home-world[data-view="daily"] #content :is(.panel, .daily-ring-card, .today-study-timer, .today-feedback-card) {
  background: var(--daily-card-fill, linear-gradient(145deg, #fffcf7f5, #f5f0e8f5)) !important;
}
body[data-view="daily"] .daily-grid .full:not(.teacher-comments),
body[data-view="daily"] .today-study-timer {
  --daily-card-fill: linear-gradient(145deg, #f9fcf8f5, #edf4eff5);
}
body[data-view="daily"] .daily-ring-card {
  --daily-card-fill: linear-gradient(145deg, #fffcfcf5, #f6e9ebf5);
}
body[data-view="daily"] .daily-ring-card.homework {
  --daily-card-fill: linear-gradient(145deg, #fffcf6f5, #f6ecdff5);
}
body[data-view="daily"] :is(.teacher-comments, .today-feedback-card) {
  --daily-card-fill: linear-gradient(135deg, #f2f5fff5, #fffffff5);
}
body[data-view="daily"] .study-timer-head strong::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .35em;
  vertical-align: -.13em;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337644c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

@media (max-width: 600px) and (min-height: 621px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}

@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 23px);
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(112px, 31vw, 130px) !important;
  }
}
@media (max-width: 600px) and (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 104px !important;
  }
}
#loginPanel p:has(> #staffLoginLink):has(~ p > #staffLoginLink) + p:has(> #staffLoginLink) {
  display: none;
}

@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: clamp(195px, 25vw, 230px) !important;
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) {
    --lms-world-space: calc(var(--lms-menu-height) + env(safe-area-inset-bottom, 0px) + var(--lms-rami-width) + 29px);
  }
}
@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    margin: auto 0 clamp(8px, 8vh, 64px) !important;
  }
}
@media (min-width: 601px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
    align-self: flex-end;
    margin: auto 0 !important;
  }
}

/* Keep the card colors visible against the bright landscape on wide screens. */
@media (min-width: 601px) {
  body.lms-home-world[data-view="daily"] #content .daily-head {
    background: rgb(233 242 255 / 96%) !important;
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .panel {
    --daily-card-fill: rgb(255 238 216 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-grid .full:not(.teacher-comments),
  body.lms-home-world[data-view="daily"] #content .today-study-timer {
    --daily-card-fill: rgb(222 242 228 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content :is(.teacher-comments, .today-feedback-card) {
    --daily-card-fill: rgb(235 226 251 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card:not(.homework) {
    --daily-card-fill: rgb(250 224 232 / 96%);
  }
  body.lms-home-world[data-view="daily"] #content .daily-ring-card.homework {
    --daily-card-fill: rgb(252 232 204 / 96%);
  }
  body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
    background-size: auto 135% !important;
  }
}

@media (max-width: 600px) {
  body.lms-fixed-content.lms-home-world[data-view="daily"]:not(.lms-signed-out) .lms-bottom-nav {
    bottom: 10px !important;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav a.active[href*="view=daily"] {
    display: none;
  }
  body.lms-home-world[data-view="daily"] .lms-bottom-nav:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.lms-signed-out .brand #identity {
  display: none;
}

/* Restore the original actor dimensions and keep each daily card distinguishable. */
body.lms-fixed-content.lms-home-world {
  --lms-rami-width: 90px !important;
}
body.lms-fixed-content.lms-home-world .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
body.lms-fixed-content.lms-home-world[data-view="daily"] .lms-weather-world.costumed .rami-walker {
  background-size: contain !important;
}
@media (min-width: 900px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 115px !important;
  }
}
@media (max-height: 620px) {
  body.lms-fixed-content.lms-home-world {
    --lms-rami-width: 70px !important;
  }
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel:not(.full) {
  background: rgb(255 235 208 / 96%) !important;
  border-inline-start: 4px solid #ce9458;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.full:not(.teacher-comments) {
  background: rgb(221 242 227 / 96%) !important;
  border-inline-start: 4px solid #76a986;
}
body.lms-home-world[data-view="daily"] #content .daily-grid > .panel.teacher-comments {
  background: rgb(236 226 252 / 96%) !important;
  border-inline-start: 4px solid #a38bc3;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  align-self: center;
  margin: auto 0 !important;
}

body.lms-fixed-content.lms-home-world.lms-signed-out > .app #loginPanel {
  max-width: 320px;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lms-home-world.lms-signed-out #loginForm > label {
  min-width: 0;
}
body.lms-home-world.lms-signed-out #loginForm > :is(button, #loginError) {
  grid-column: 1 / -1;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: flex;
  flex-direction: column;
}
body.lms-home-world.lms-signed-out #loginPanel > :is(h1, .sub) {
  display: none;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  order: -1;
  margin: 0 0 4px !important;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  width: 50%;
  justify-self: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  align-self: center;
}

body.lms-home-world.lms-signed-out #loginPanel:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink),
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-help {
  grid-column: 1 / -1;
}
body.lms-home-world.lms-signed-out #loginForm {
  display: contents;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-column: 1;
  width: 100%;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-column: 2;
  grid-row: 3;
  align-self: stretch;
  margin: 0;
  min-height: 36px;
}

body.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  position: fixed;
  z-index: 101;
  top: 0;
  right: max(14px, calc((100vw - 850px) / 2));
  height: 58px;
  margin: 0 !important;
  align-content: center;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  grid-row: 2;
}

body.lms-fixed-content.lms-home-world.lms-signed-out {
  --login-header-height: 55.8px;
}
@media (max-width: 430px) {
  body.lms-fixed-content.lms-home-world.lms-signed-out {
    --login-header-height: 52.2px;
  }
}
body.lms-fixed-content.lms-home-world.lms-signed-out .brand,
body.lms-fixed-content.lms-home-world.lms-signed-out #loginPanel > p:has(> #staffLoginLink) {
  height: var(--login-header-height) !important;
}
body.lms-fixed-content.lms-home-world.lms-signed-out > .app {
  top: var(--login-header-height) !important;
}

body.lms-home-world.lms-signed-out #loginPanel > h1 {
  display: block;
  grid-column: 1 / -1;
  grid-row: 1;
  text-align: left;
  margin: 0 0 3px;
}
body.lms-home-world.lms-signed-out #loginForm > label {
  grid-row: 2;
}
body.lms-home-world.lms-signed-out #loginForm > .primary,
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-row: 3;
}

body.lms-home-world.lms-signed-out #loginPanel:has(#staffLoginLink[href="?staffLogin=1"]) > h1 {
  font-size: 0;
}
body.lms-home-world.lms-signed-out #loginPanel:has(#staffLoginLink[href="?staffLogin=1"]) > h1::before {
  content: "학습 로그인";
  font-size: 17px;
}

body.lms-home-world.lms-signed-out #loginForm > .primary,
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  box-sizing: border-box;
  width: min(100%, 104px);
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0 8px;
  align-self: center;
}
body.lms-home-world.lms-signed-out #loginForm > .primary {
  justify-self: end;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  justify-self: start;
}
body.lms-home-world.lms-signed-out #loginPanel:has(> .lms-install-button[hidden]) #loginForm > .primary {
  grid-column: 1 / -1;
  justify-self: center;
}

/* Override the older full-width submit rule when both actions are visible. */
body.lms-home-world.lms-signed-out #loginPanel #loginForm > .primary {
  grid-area: 3 / 1 / 4 / 2;
}
body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button {
  grid-area: 3 / 2 / 4 / 3;
}
body.lms-home-world.lms-signed-out #loginPanel:has(> .lms-install-button[hidden]) #loginForm > .primary {
  grid-column: 1 / -1;
}

@media (max-width: 600px) {
  body.lms-home-world.lms-signed-out #loginPanel > h1 {
    display: block;
    font-weight: 750;
    color: #253247;
  }
  body.lms-home-world.lms-signed-out #loginPanel > h1::before {
    font-weight: inherit;
  }
  body.lms-home-world.lms-signed-out #loginPanel > .lms-install-button:not([hidden]) {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}

body.lms-home-world.lms-signed-out #loginPanel > h1 {
  display: block !important;
}

body.lms-home-world[data-view="daily"] #content .study-timer-head strong,
body.lms-home-world[data-view="daily"] #content .study-timer-go {
  font-size: 13px;
  line-height: 1.4;
}