.hero {
  min-height: 72px;
}
.image-drop.drag-active{border-color:#287be0;background:#e5f1ff;box-shadow:0 0 0 4px #287be01c}.image-drop:focus-visible{outline:3px solid #287be044;outline-offset:3px}
#closeHomeworkForm{display:none}.refresh-button{width:40px;height:40px;padding:0;font-size:24px;line-height:1}.daily-encouragement,.assistant-message{cursor:pointer}.assistant-message:focus-visible,.daily-encouragement:focus-visible{outline:2px solid #3478db;outline-offset:3px}
.hero>div{flex:1}.refresh-button{flex-shrink:0;padding:10px 12px;border:1px solid #dce4ef;border-radius:12px;background:#fff;color:#3478db;cursor:pointer}.load-error{margin:10px 0;padding:14px;border-radius:12px;background:#fff1df;color:#98641c;font-size:13px;line-height:1.6}.weather-foot{white-space:normal!important}.direct-date-filter{cursor:pointer}.direct-date-filter input{pointer-events:none}

button,
button span,
button strong,
button small {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
}

.hero > div {
  min-width: 0;
}

.add-homework-button {
  flex: 0 0 auto;
  min-width: max-content;
}

.filter-trigger strong {
  overflow: visible;
  text-overflow: clip;
}

.daily-encouragement {
  max-width: 680px;
  margin: 6px 0 0;
  color: #748092;
  font-size: 13px;
  line-height: 1.5;
}

.doubao-entry {
  touch-action: none;
  user-select: none;
}

.game-unlocked #emptyState {
  display: none !important;
}

@media (max-width: 560px) {
  .hero {
    min-height: 82px;
    align-items: flex-start;
  }

  .add-homework-button {
    padding-right: 12px;
    padding-left: 12px;
  }

  .daily-encouragement {
    max-width: 245px;
    font-size: 12px;
  }

  #statusFilter {
    right: 0;
    left: auto;
    width: min(210px, calc(100vw - 24px));
  }
}
