/* Less to decide, a little more character. All decoration is local CSS. */
#view-home > .pageHeading { position: relative; isolation: isolate; }
#view-home > .pageHeading::after { content: ''; position: absolute; width: 94px; height: 74px; top: -3px; right: 180px; z-index: -1; pointer-events: none; border: 1px solid #dce1ef; border-radius: 50%; box-shadow: 0 0 0 14px #ebeaf340, 0 0 0 15px #e3e4f160; transform: rotate(-25deg); opacity: .65; }
.dailyPick::before { content: ''; position: absolute; width: 170px; height: 170px; border: 1px solid #ffffff16; border-radius: 50%; right: -80px; bottom: -60px; box-shadow: 0 0 0 22px #ffffff06, 0 0 0 23px #ffffff0c; pointer-events: none; }
.dailyPick .dailyNote { display: none; }
.dailyPick { min-height: 250px; }
.dailyTopicBar { display: flex; align-items: center; gap: 16px; margin: 7px 0 19px; padding: 15px 18px; background: #eceff7; border-radius: 13px; }
.dailyTopicBar > label { color: #596b8b; font-size: 13px; }
.dailyTopicBar select { background: #fff; width: auto; min-width: 155px; color: #465c83; }
.dailyQuota { color: #606d86; font-size: 12px; margin-left: auto; }
.dailySentenceTop { display: flex; align-items: center; justify-content: space-between; gap: 15px; width: 100%; }
.sentenceNumber { color: #9897b2; font: 24px/1.2 var(--serif); letter-spacing: -.8px; }
.dailyExamCard { position: relative; overflow: hidden; }
.dailyExamCard h3 { margin-top: 20px; }
.dailyStartRow { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 20px; }
.dailyStartRow .hint { margin: 0; max-width: 40em; }
.dailyStartRow .addBtn { flex-shrink: 0; }
.dailyLoading { grid-column: 1/-1; text-align: center; font-size: 14px; color: #606d86; padding: 30px 20px; background: #fff; border-radius: 15px; }
#dailyFeedRetry { margin-top: 12px; }
.topicExplorer { margin-top: 21px; border-top: 1px solid #e5e9f1; }
.topicExplorer > summary { display: flex; justify-content: space-between; align-items: center; gap: 18px; list-style: none; cursor: pointer; padding: 18px 0 2px; color: #52638a; font-size: 14px; line-height: 1.8; }
.topicExplorer > summary::-webkit-details-marker { display: none; }
.topicExplorer > summary > span:last-child { color: #606d86; font-size: 12px; }
.topicExplorer[open] > summary { padding-bottom: 20px; }
.topicExplorer .topicHeader { margin-top: 0; }
.topicExplorer[open] .topicGrid { margin-top: 17px; }
.curatedCard, .dailyExamCard { box-shadow: 0 3px 14px #34436903; }
.addBtn, .secondaryBtn, .quickCollect, .examTrackBtn { transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease; }
@media (hover: hover) and (pointer: fine) {
 .addBtn:hover { box-shadow: 0 5px 14px #40557f18; }
 .dailyExamCard:hover { border-color: #d1d9e9; }
 .topicExplorer > summary:hover { color: #3c527d; }
}
@media (prefers-reduced-motion: no-preference) {
 .appView { animation: viewEnter .25s ease-out; }
 .dailyExamCard { animation: sentenceEnter .3s ease-out both; }
 .dailyExamCard:nth-child(2) { animation-delay: .045s; }
 .dialogBack { animation: overlayEnter .16s ease-out; }
 .dialog { animation: dialogEnter .22s ease-out; }
 .quickCollect.justCollected { animation: collectConfirm .28s ease-out; }
 .goalTrackFill, .reviewProgress > i { transition: width .35s ease; }
 .addBtn:active, .secondaryBtn:active, .quickCollect:active { transform: scale(.985); }
 @keyframes viewEnter { from { opacity: .75; } to { opacity: 1; } }
 @keyframes sentenceEnter { from { opacity: .6; transform: translateY(5px); } to { opacity: 1; transform: none; } }
 @keyframes overlayEnter { from { opacity: 0; } to { opacity: 1; } }
 @keyframes dialogEnter { from { opacity: .65; transform: translateY(8px); } to { opacity: 1; transform: none; } }
 @keyframes collectConfirm { 0% { box-shadow: 0 0 0 0 #8297c340; } 100% { box-shadow: 0 0 0 8px #8297c300; } }
}
@media (max-width: 780px) {
 #view-home > .pageHeading::after { width: 64px; height: 52px; right: 10px; top: 0; opacity: .45; }
 .dailyPick { min-height: 0; }
 .dailyTopicBar { display: grid; grid-template-columns: 1fr minmax(0,1fr); gap: 9px 13px; padding: 16px; }
 .dailyTopicBar > label { font-size: 14px; }
 .dailyTopicBar select { width: 100%; min-width: 0; }
 .dailyQuota { grid-column: 1/-1; margin: 0; font-size: 12px; }
 .dailyStartRow { display: block; margin-top: 17px; }
 .dailyStartRow .addBtn { width: 100%; margin-top: 12px; min-height: 49px; font-size: 14px; }
 .topicExplorer > summary { min-height: 55px; padding-top: 16px; font-size: 15px; align-items: flex-start; }
 .topicExplorer > summary > span:last-child { max-width: 11em; text-align: right; font-size: 12px; }
 .dailySentenceTop { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
 .appView, .dailyExamCard, .dialogBack, .dialog, .quickCollect { animation: none !important; }
 .goalTrackFill, .reviewProgress > i, .toast, .addBtn, .secondaryBtn, .quickCollect, .examTrackBtn { transition: none !important; }
 .addBtn:active, .secondaryBtn:active, .quickCollect:active { transform: none; }
}