/* A readable time panel: stable controls above, summary and chart below. */
body.home #studyTimeCard,body.home #studyTimeCard.monthly{display:block;padding:17px 20px;margin:0 0 14px;border:1px solid var(--skin-d5e7dc,#d5e7dc);border-radius:16px;background:#fff;min-height:0;overflow:visible}
body.home #studyTimeCard .timeHeading{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:0;margin:0 0 15px}
body.home #studyTimeCard .timeTitle{display:grid;gap:4px;flex:none}
body.home #studyTimeCard .timeTitle h2{margin:0;font-size:21px;letter-spacing:0;color:var(--skin-345f47,#345f47)}
body.home #studyTimeCard .timeTitle>span{font-size:13px;color:var(--skin-7a9382,#7a9382)}
body.home #studyTimeCard .timeControls{display:flex;gap:17px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
body.home #studyTimeCard .timeViewTabs{display:flex;gap:4px;background:var(--skin-f1f7f3,#f1f7f3);border:1px solid var(--skin-e1ece5,#e1ece5);border-radius:12px;padding:4px}
body.home #studyTimeCard .timeViewTabs button{min-width:70px;min-height:40px;font-size:15px;padding:7px 16px;background:transparent;border-color:transparent;color:var(--skin-7b9483,#7b9483);border-radius:8px;font-weight:650}
body.home #studyTimeCard .timeViewTabs button.active{background:var(--skin-dceee2,#dceee2);border-color:var(--skin-b2d4bf,#b2d4bf);color:var(--skin-356447,#356447);box-shadow:0 2px 5px var(--skin-5b8a6a10,#5b8a6a10)}
body.home #studyTimeCard .timeWeekNav{display:flex;gap:8px;align-items:center;width:auto;font-size:14px;color:var(--skin-52785f,#52785f)}
body.home #studyTimeCard .timeWeekNav button{min-width:42px;min-height:42px;padding:7px 11px;font-size:24px;line-height:1;background:var(--skin-f8fbf9,#f8fbf9);border:1px solid var(--skin-dae8df,#dae8df);border-radius:10px;color:var(--skin-577d64,#577d64)}
body.home #studyTimeCard .timeWeekNav button:disabled{opacity:.45;cursor:default}
body.home #studyTimeCard .timeWeekNav #timeCurrent{font-size:13px;min-width:88px;padding:8px 11px}
body.home #studyTimeCard .timeRange{min-width:151px;font-size:14px;font-weight:550;text-align:center;color:var(--skin-52715e,#52715e)}
body.home #studyTimeCard .timeBody{display:grid;grid-template-columns:minmax(350px,1fr) minmax(0,1.6fr);gap:22px;align-items:center}
body.home #studyTimeCard .timeTotals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:0;border:0;background:transparent;overflow:visible;align-self:stretch;align-content:center;border-radius:0}
body.home #studyTimeCard .timeTotals>div{padding:15px 12px;background:var(--skin-f2f8f4,#f2f8f4);border:1px solid var(--skin-e5eee7,#e5eee7);border-radius:11px;display:grid;align-content:center;gap:8px;min-height:94px}
body.home #studyTimeCard .timeTotals small{font-size:13px;color:var(--skin-7b9382,#7b9382)}
body.home #studyTimeCard .timeTotals strong{font-size:22px;font-weight:750;line-height:1.35;color:var(--skin-458260,#458260);overflow-wrap:anywhere}
body.home #studyTimeCard .timeChart{min-width:0}
body.home #studyTimeCard .timeDays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
body.home #studyTimeCard .timeDay{min-height:110px;padding:9px 4px;border-radius:10px;gap:5px;background:var(--skin-f8fbf9,#f8fbf9);display:flex;align-items:center;flex-direction:column;justify-content:center}
body.home #studyTimeCard .timeDay.today{background:var(--skin-e9f5ed,#e9f5ed);box-shadow:inset 0 0 0 1px var(--skin-acd0b8,#acd0b8)}
body.home #studyTimeCard .timeDay>small{font-size:13px;margin:0;color:var(--skin-53755e,#53755e)}
body.home #studyTimeCard .timeDay>span{display:block;font-size:12px;color:var(--skin-8a9b8f,#8a9b8f)}
body.home #studyTimeCard .timeDay>strong{font-size:12px;font-weight:600;color:var(--skin-527b5f,#527b5f);margin:0;text-align:center;line-height:1.4}
body.home #studyTimeCard .timeBar{height:30px;width:13px;margin:1px 0;border-radius:5px}
body.home #studyTimeCard .timeBar i{border-radius:5px}
body.home #studyTimeCard.monthly .timeBody{grid-template-columns:220px minmax(0,1fr);align-items:stretch;gap:22px}
body.home #studyTimeCard.monthly .timeTotals{grid-template-columns:1fr;gap:8px}
body.home #studyTimeCard.monthly .timeTotals>div{min-height:0;padding:12px 15px;gap:4px}
body.home #studyTimeCard.monthly .timeTotals strong{font-size:24px}
body.home #studyTimeCard .timeMonthDays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;align-self:auto;grid-column:auto;grid-row:auto}
body.home #studyTimeCard .timeMonthWeekday{font-size:13px;color:var(--skin-6f8c78,#6f8c78);padding:1px 0 4px}
body.home #studyTimeCard .timeMonthDay,body.home #studyTimeCard .timeMonthBlank{height:35px;min-height:0}
body.home #studyTimeCard .timeMonthDay{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:7px;padding:6px 10px;background:var(--skin-f6faf7,#f6faf7);border:1px solid var(--skin-e6efe8,#e6efe8);border-radius:7px}
body.home #studyTimeCard .timeMonthDay>span{font-size:14px;color:var(--skin-58755f,#58755f);font-weight:650;line-height:1}
body.home #studyTimeCard .timeMonthDay>small{font-size:12px;color:var(--skin-7f9687,#7f9687);line-height:1.2;white-space:nowrap}
body.home #studyTimeCard .timeMonthDay.today{background:var(--skin-e5f2e9,#e5f2e9);border-color:var(--skin-a8cdb6,#a8cdb6)}
body.home #studyTimeCard .timeMonthDay.future{opacity:1;background:var(--skin-fafcfb,#fafcfb);border-color:var(--skin-eff3f0,#eff3f0)}
body.home #studyTimeCard .timeMonthDay.future>span{color:var(--skin-9aad9e,#9aad9e)}
body.home #studyTimeCard .timeViewTabs button:hover,body.home #studyTimeCard .timeWeekNav button:not(:disabled):hover{background:var(--skin-e6f2ea,#e6f2ea);border-color:var(--skin-b7d5c2,#b7d5c2);box-shadow:0 3px 9px var(--skin-63897014,#63897014)}
@media(max-width:1050px){body.home #studyTimeCard .timeHeading{flex-wrap:wrap;gap:12px}body.home #studyTimeCard .timeControls{flex:1;gap:9px}body.home #studyTimeCard .timeBody{grid-template-columns:minmax(280px,1fr) minmax(0,1.6fr);gap:13px}body.home #studyTimeCard .timeTotals strong{font-size:20px}body.home #studyTimeCard .timeTotals>div{padding:12px 9px}body.home #studyTimeCard.monthly .timeBody{grid-template-columns:180px minmax(0,1fr);gap:14px}body.home #studyTimeCard .timeMonthDay{padding:5px 7px;gap:3px}body.home #studyTimeCard .timeMonthDay>small{font-size:11px}}
@media(max-width:760px){body.home #studyTimeCard,body.home #studyTimeCard.monthly{padding:15px}body.home #studyTimeCard .timeHeading{display:grid;gap:12px}body.home #studyTimeCard .timeControls{justify-content:space-between;width:100%;gap:10px}body.home #studyTimeCard .timeViewTabs{width:100%}body.home #studyTimeCard .timeViewTabs button{flex:1;min-height:42px}body.home #studyTimeCard .timeWeekNav{width:100%;justify-content:space-between;gap:4px}body.home #studyTimeCard .timeRange{min-width:0;flex:1;font-size:13px}body.home #studyTimeCard .timeWeekNav #timeCurrent{font-size:12px;min-width:82px}body.home #studyTimeCard .timeBody,body.home #studyTimeCard.monthly .timeBody{display:grid;grid-template-columns:1fr;gap:12px}body.home #studyTimeCard .timeTotals,body.home #studyTimeCard.monthly .timeTotals{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body.home #studyTimeCard .timeTotals>div,body.home #studyTimeCard.monthly .timeTotals>div{min-height:83px;padding:10px 8px;gap:6px}body.home #studyTimeCard .timeTotals strong,body.home #studyTimeCard.monthly .timeTotals strong{font-size:19px}body.home #studyTimeCard .timeTotals small{font-size:12px}body.home #studyTimeCard .timeDays{gap:4px}body.home #studyTimeCard .timeDay{padding:7px 2px;min-height:101px}body.home #studyTimeCard .timeDay>small{font-size:12px}body.home #studyTimeCard .timeDay>span{font-size:11px}body.home #studyTimeCard .timeDay>strong{font-size:10px}body.home #studyTimeCard .timeMonthDay,body.home #studyTimeCard .timeMonthBlank{height:45px}body.home #studyTimeCard .timeMonthDay{flex-direction:column;justify-content:center;padding:4px 2px;gap:5px}body.home #studyTimeCard .timeMonthDay>small{font-size:10px}body.home #studyTimeCard .timeMonthWeekday{font-size:12px}}