#todayScreen #todayKpi { display:block; }
#todayScreen .td-overview { display:grid;grid-template-columns:1fr 1fr .85fr;gap:16px; }
#todayScreen .td-card { border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,rgba(176,125,174,.10),transparent 65%),var(--surface-2);padding:20px;box-shadow:0 8px 28px #0000000a; }
#todayScreen .td-chart header { display:flex;align-items:center;justify-content:space-between;gap:8px; }
#todayScreen .td-chart h3 { margin:0;font-size:15px; }
#todayScreen .td-chart-body { display:flex;align-items:center;gap:18px;margin-top:18px; }
#todayScreen .td-ring { position:relative;width:132px;flex-shrink:0; }
#todayScreen .td-ring svg { display:block;width:100%;transform:rotate(-90deg); }
#todayScreen .td-ring>div { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column; }
#todayScreen .td-ring strong { font-size:32px;font-weight:650;letter-spacing:-1px; }
#todayScreen .td-ring span { font-size:11px;color:var(--text-muted); }
#todayScreen .td-chart ul { padding:0;margin:0;list-style:none;flex:1;min-width:0; }
#todayScreen .td-chart li { display:flex;gap:7px;align-items:baseline;font-size:12px;margin:12px 0; }
#todayScreen .td-chart li i { width:7px;height:7px;border-radius:50%;flex-shrink:0; }
#todayScreen .td-chart li span { flex:1;overflow-wrap:anywhere; }
#todayScreen .td-card p { color:var(--text-muted);font-size:11px;line-height:1.5;margin:16px 0 0; }
#todayScreen .td-result { display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(145deg,rgba(176,125,174,.28),transparent),var(--surface-2); }
#todayScreen .td-eyebrow { font-size:10px;letter-spacing:1.4px;color:var(--text-muted); }
#todayScreen .td-result>strong { font-size:clamp(24px,2.8vw,38px);margin:24px 0 8px;font-variant-numeric:tabular-nums; }
#todayScreen .td-result small { font-size:20px;font-weight:400; }
#todayScreen .td-result .btn { margin-top:20px; }
#todayScreen .td-metrics { display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0 24px; }
#todayScreen .td-metric { text-align:left;color:var(--text);font-family:inherit;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:transform .2s,border-color .2s; }
#todayScreen .td-metric>span { font-size:12px; }
#todayScreen .td-metric>strong { font-size:28px;font-variant-numeric:tabular-nums; }
#todayScreen .td-metric>small { color:var(--text-muted);font-size:11px;line-height:1.5; }
#todayScreen .td-metric:hover { transform:translateY(-3px);border-color:var(--text-muted); }
#todayScreen .td-metric:focus-visible { outline:2px solid var(--text);outline-offset:3px; }
#todayScreen .today-panel { border-radius:20px;padding:20px;background:linear-gradient(150deg,#b994c00a,transparent),var(--surface-2); }
#todayScreen .today-grid { gap:16px; }
#todayScreen .td-card { animation:td-enter .45s ease-out both; }
#todayScreen .td-arc { animation:td-ring-in .8s ease-out both;transform-origin:center; }
@keyframes td-enter { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:translateY(0); } }
@keyframes td-ring-in { from { opacity:0;transform:scale(.94); } to { opacity:1;transform:scale(1); } }
@media(max-width:1200px) { #todayScreen .td-overview { grid-template-columns:1fr 1fr; } #todayScreen .td-result { grid-column:1/-1; } #todayScreen .td-metrics { grid-template-columns:repeat(3,1fr); } }
@media(max-width:700px) { #todayScreen .td-overview { grid-template-columns:1fr; } #todayScreen .td-metrics { grid-template-columns:repeat(2,1fr); } #todayScreen .td-card { padding:16px; } }
@media(prefers-reduced-motion:reduce) { #todayScreen .td-card,#todayScreen .td-arc { animation:none;transition:none; } #todayScreen .td-metric:hover { transform:none; } }