/* Today page — Figma 92:5013, 402 × 874. Owns the page's component geometry. */
body[data-page=diary]{--cat-study:#ffd54f;--cat-study-tint:#fff7dd;--cat-study-ink:#7a641f;--cat-work:#64b5f6;--cat-work-tint:#e6f1fd;--cat-work-ink:#24558f;--cat-sport:#4dd0c4;--cat-sport-tint:#e7f8f5;--cat-sport-ink:#14685f;--cat-life:#b39ddb;--cat-life-tint:#f6f1ff;--cat-life-ink:#7953aa;--cat-hobby:#ecdb8c;--cat-hobby-tint:#fff7dd;--cat-hobby-ink:#7a641f;color:#23262a}
body[data-page=diary] .workspace{position:relative;background:#fff}
body[data-page=diary] #scroll-area{background:#fff;padding-bottom:106px;scroll-padding-bottom:110px}
body[data-page=diary] #view{max-width:none;margin:0;padding:0}
.today-heading{height:72px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;background:#f1f4f2;gap:0}
.today-heading h1{margin:0;font-family:"Alibaba PuHuiTi 3.0","PingFang SC",sans-serif;font-size:26px;font-weight:600;line-height:36px;color:#202020}
.today-heading>div{display:flex}
.today-heading button{width:44px;height:44px;display:grid;place-items:center;padding:0;background:transparent;color:#202020;border-radius:22px}
.today-heading h1{width:52px;height:36px;display:flex;align-items:center}
.today-heading h1 img{display:block;width:50px;height:25px}
.today-heading>div img{display:block;width:21px;height:21px}
.daily-reference{padding:0!important;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
.daily-reference .week-calendar{position:relative;display:flex;align-items:center;gap:5px;top:auto;height:65px;margin:0;padding:0 10px 8px!important;border:0;border-radius:0;background:#f1f4f2;width:100%;box-sizing:border-box}
.daily-reference .week-month{align-self:stretch;display:flex;flex:0 0 46px;min-width:46px;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:4px 0;margin:0;background:transparent;color:#8a8f96;border:0}
.daily-reference .week-month small{font-size:12px;font-weight:400;line-height:18px;color:#8a8f96}
.daily-reference .week-month strong{display:flex;align-items:center;justify-content:center;font-family:"PingFang SC",sans-serif;font-size:18px;line-height:26px;font-weight:600;height:26px;color:#8a8f96}
.daily-reference .week-divider{display:block;flex:0 0 1px;width:1px;height:26px;margin-right:0}
.daily-reference .week-days{height:57px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex:1;min-width:0;gap:0}
.daily-reference .week-days button{position:relative;min-width:0;min-height:44px;height:53px;margin:0;padding:4px 0 0!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;background:transparent;border-radius:8px;color:#23262a}
.daily-reference .week-days small{font-size:11px;line-height:17px;height:17px;font-weight:400;color:#8a8f96}
.daily-reference .week-days button>span{width:30px;height:26px;min-height:26px;display:flex;align-items:center;justify-content:center;padding:0;font-size:15px;line-height:15px;border-radius:8px;font-weight:400;background:transparent;color:#23262a}
.daily-reference .week-days [aria-current=date]>span{color:#fff;background:#26292e;font-weight:600}
.daily-reference .week-days button>i{position:absolute;width:4px;height:4px;bottom:-4px;left:calc(50% - 2px);border-radius:50%;background:#8b5cf6}
.daily-reference .daily-overview{display:flex;gap:12px;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;margin:0;padding:20px 16px 0;width:100%;height:170px;min-width:0;scrollbar-width:none;box-sizing:border-box}
.daily-reference .daily-module-card{position:relative;flex:0 0 220px;min-width:220px;height:150px;min-height:150px;padding:0;margin:0;border:1px solid rgba(255,255,255,.88);border-radius:20px;background:#f1f4f2;box-shadow:0 8px 22px rgba(39,56,47,.04);scroll-snap-align:start;overflow:hidden;text-align:left;color:#23262a;box-sizing:border-box}
.daily-reference .module-activity{flex-basis:240px;min-width:240px}
.daily-reference .module-activity>.time-card{background:transparent;box-shadow:none;border:0;border-radius:0;padding:12px;margin:0;width:100%;height:148px;box-sizing:border-box;overflow:hidden}
.daily-reference .time-card-heading{display:flex;align-items:center;gap:4px;height:30px;min-height:30px;padding:0;white-space:nowrap}
.daily-reference .time-card-heading .overview-category-icon{width:22px;height:30px;display:grid;place-items:center;background:transparent;color:inherit;border-radius:0;flex:0 0 22px}
.daily-reference .time-card-heading img{display:block;width:22px;height:22px}
.daily-reference .time-card-heading strong{font-family:"PingFang SC",sans-serif;font-size:14px;line-height:21px;font-weight:600;letter-spacing:-.15px}
.daily-reference .time-card-heading small{display:block;margin-left:auto;font-size:12px;line-height:18px;font-weight:400;color:#8a8f96}
.daily-reference .time-card-body{display:flex;align-items:center;justify-content:space-between;gap:0;height:94px;min-height:94px;margin:0;padding:0}
.daily-reference .time-chart{position:relative;flex:0 0 84px;width:84px;height:84px;margin:0}
.daily-reference .time-chart canvas{width:84px;height:84px}
.daily-reference .time-chart>strong{font-size:15px;line-height:18px;font-weight:600;letter-spacing:0;color:#23262a}
.daily-reference .time-legend{display:grid;align-content:center;width:90px;flex:0 0 90px;gap:4px;margin:0;padding:0}
.daily-reference .time-legend>div{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;line-height:18px;height:18px}
.daily-reference .time-legend>div>span{display:flex;align-items:center;gap:6px}
.daily-reference .time-legend>div>span>span{color:#23262a}
.daily-reference .time-legend i{width:8px;height:8px;flex:0 0 8px;border-radius:50%}
.daily-reference .time-legend small{font-size:12px;line-height:18px;color:#8a8f96;white-space:nowrap}
.daily-reference .time-legend:has(>div:nth-child(5)){gap:0}
.daily-reference .time-card>.stats-warning{position:absolute;bottom:1px;left:12px;right:12px;font-size:10px;line-height:14px;margin:0;color:#85461e}
.daily-reference .daily-activity-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border-radius:inherit;background:transparent}
.daily-reference .daily-card-body{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px;background:transparent;border-radius:inherit;color:#23262a;text-align:left}
.daily-reference .module-card-title{display:flex;align-items:center;gap:4px;height:30px;min-height:30px;width:100%;font-family:"PingFang SC",sans-serif;font-size:14px;line-height:21px;font-weight:600}
.daily-reference .module-card-title img,.daily-reference .module-card-title svg{display:block;width:22px;height:22px}
.daily-reference .daily-card-body>strong{display:flex;align-items:baseline;gap:4px;margin:0;font-size:28px;line-height:29.5px;letter-spacing:.38px;font-weight:650;white-space:nowrap}
.daily-reference .daily-card-body>strong small{font-family:"PingFang SC",sans-serif;font-size:12px;line-height:18px;font-weight:400;color:#8a8f96;letter-spacing:0}
.daily-reference .health-bar{display:block;width:100%;height:8px;min-height:8px;margin:12px 0 0;background:#ddd;border-radius:99px;overflow:hidden}
.daily-reference .health-bar i{display:block;height:8px;background:#ff6b4a;border-radius:99px}
.daily-reference .module-sport .health-bar i{background:#2a9d8f}
.daily-reference .module-sport .health-bar{background:#cfdfdd}
.daily-reference .module-card-detail{display:block;padding-top:8px;font-family:"PingFang SC",sans-serif;font-size:12px;line-height:20px;font-weight:400;color:#8a8f96;white-space:nowrap}
.daily-reference .module-money .module-card-title{padding-right:30px}
.daily-reference .daily-card-add{position:absolute;right:4px;top:4px;width:44px;height:44px;display:grid;place-items:center;background:transparent;border-radius:12px;color:#626262}
.daily-reference .daily-card-add svg{width:18px;height:18px}
.daily-reference .daily-activity-open:focus-visible,.daily-reference .daily-card-body:focus-visible{outline-offset:-4px}
.daily-reference .diary-schedule{padding:20px 16px 24px;overflow:visible}
.daily-reference h2{font-family:"PingFang SC",sans-serif;font-size:16px;line-height:22.5px;font-weight:600;color:#23262a;margin:0 0 12px}
.daily-reference .diary-todos{margin:0 0 20px}
.daily-reference .diary-todo-list{display:flex;flex-direction:column;gap:0;min-height:56px;padding:8px 12px;border:1px solid rgba(255,255,255,.88);border-radius:20px;background:#f4f4f4;box-shadow:inset 0 1px 1px rgba(255,255,255,.95),0 8px 22px rgba(39,56,47,.04);overflow:hidden}
.daily-reference .diary-todo-row{display:flex;align-items:center;gap:0;width:100%;min-height:44px;margin:0;padding:0;border:0;border-bottom:1px solid #ebe9e4;background:transparent;border-radius:0;box-shadow:none}
.daily-reference .diary-todo-row:last-child{border-bottom:0}
.daily-reference .diary-todo-open{display:flex;flex:1;min-width:0;min-height:44px;align-items:flex-start;justify-content:center;flex-direction:column;padding:8px 0;background:transparent;color:#202020;text-align:left}
.daily-reference .diary-todo-open>span{font-size:14px;line-height:24px;font-weight:500;white-space:normal;overflow-wrap:anywhere}
.daily-reference .diary-todo-open>small{display:none}
.daily-reference .diary-todo-row:has(.diary-todo-check:disabled) .diary-todo-open>small{display:block;font-size:11px;line-height:16px;color:#8a8f96}
.daily-reference .diary-todo-row.is-complete .diary-todo-open>span{text-decoration:line-through;color:#8a8f96}
.daily-reference .diary-todo-check{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;background:transparent;color:#fff;border:0;border-radius:22px}
.daily-reference .diary-todo-check::before{content:'';position:absolute;top:10px;left:10px;width:24px;height:24px;border:1px solid #d4d4d4;border-radius:12px;background:transparent;box-sizing:border-box}
.daily-reference .diary-todo-check[aria-checked=true]::before{background:#202020;border-color:#202020}
.daily-reference .diary-todo-check svg{position:relative;z-index:1;width:15px;height:15px;stroke-width:2}
.daily-reference .daily-untimed{margin:0 0 20px}
.daily-reference .daily-untimed-list{overflow:hidden;border-radius:20px;background:#f4f4f4}
.daily-reference .daily-untimed-list .agenda-event{display:flex;align-items:center;gap:12px;background:transparent;border:0;border-bottom:1px solid #ebe9e4;border-radius:0;box-shadow:none;margin:0;padding:12px;min-height:56px}
.daily-reference .daily-untimed-list .agenda-event:last-child{border-bottom:0}
.daily-reference .agenda-event strong{font-size:14px;line-height:24px}
.daily-reference .schedule-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;height:32px;min-height:32px}
.daily-reference .schedule-heading h2{margin:0}
.daily-reference .daily-recap-open{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 12px;border:0;border-radius:99px;background:#f6f5f3;color:#23262a;font-family:"PingFang SC",sans-serif;font-size:13px;line-height:19.5px;white-space:nowrap}
.daily-reference .daily-recap-open img{display:block;width:12.9993px;height:12.9993px}
.daily-reference .daily-empty-note{font-size:13px;line-height:20px;color:#8a8f96;margin:8px 0 16px}
.daily-reference .diary-timeline-scroll{height:clamp(320px,50dvh,520px);max-height:none;overflow:auto;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:none;border-radius:0}
.daily-reference .diary-timeline{position:relative;margin:0!important;min-height:0}
.daily-reference .diary-tick time{font-size:12px;line-height:18px;color:#8a8f96;width:44px;padding:0}
.daily-reference .diary-tick i{background:#ebe9e4}
.daily-reference .diary-event{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-height:0;overflow:hidden;border:0;border-left:3px solid var(--event-color);border-radius:4px;background:var(--event-fill);padding:4px 12px;box-shadow:none;text-align:left}
.daily-reference .diary-event strong{font-size:14px;line-height:20px;font-weight:500;color:#23262a;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}
.daily-reference .diary-event>span{display:flex;align-items:center;gap:8px;font-family:"PingFang SC",sans-serif;font-size:12px;line-height:18px;color:#8a8f96;white-space:nowrap}
.daily-reference .diary-event em{display:inline-block;font-size:10px;line-height:14px;font-style:normal;padding:2px 8px;background:rgba(255,255,255,.8);border-radius:99px;color:var(--event-label)}
.daily-reference .diary-event.compact{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding-top:0;padding-bottom:0}
.daily-reference .diary-event.compact>span{font-size:0;line-height:0}
.daily-reference .diary-event.compact em{font-size:10px;line-height:14px}
.daily-reference .diary-now{position:absolute;left:0;right:0;display:flex;align-items:center;z-index:2;pointer-events:none;height:18px;transform:translateY(-9px);color:#e05c4b}
.daily-reference .diary-now time{width:44px;flex:0 0 44px;font-size:12px;line-height:18px;font-weight:500}
.daily-reference .diary-now i{height:1px;flex:1;background:#e05c4b}
.daily-reference .diary-now:after{content:'';position:absolute;left:40px;top:5px;width:8px;height:8px;border-radius:50%;background:#e05c4b}
@media(max-width:760px){body[data-page=diary] #quick-nav{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:80px;min-height:80px;margin:0;padding:8px 6px;border:1px solid rgba(255,255,255,.95);border-radius:26px;background:linear-gradient(176.7deg,rgba(255,255,255,.72),rgba(255,255,255,.4));box-shadow:inset 0 1px 1px white,0 8px 26px rgba(39,56,47,.07);backdrop-filter:blur(22px);z-index:5}body[data-page=diary] #quick-nav .nav-button{height:60px;min-height:60px;padding:4px 0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;line-height:16.5px;border:0;background:transparent;border-radius:18px;color:#626262}body[data-page=diary] #quick-nav .nav-button.active{color:#202020;font-weight:510}body[data-page=diary] #quick-nav .nav-icon{width:28px;height:28px;background:transparent;display:grid;place-items:center;border-radius:12px}body[data-page=diary] #quick-nav img{display:block;width:24px;height:24px}}