.daily-goal { margin:14px 0; padding:16px 20px; border:1px solid #dfe7f0; border-radius:13px; color:#162a43; background:#fff; box-shadow:0 3px 12px #1530540a; }
.daily-goal-top,.daily-goal-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.daily-goal-label { color:#c1501b; font-size:11px; letter-spacing:.08em; font-weight:800; }
.daily-goal h2 { margin:5px 0; font-size:19px; letter-spacing:-.02em; }
.daily-goal-top p { margin:0; color:#52657b; font-size:12px; }.daily-goal-top p span { color:#f26419; margin:0 4px; }
.daily-goal-values { text-align:right; display:grid; gap:4px; white-space:nowrap; }.daily-goal-values strong { font-size:23px; font-variant-numeric:tabular-nums; }.daily-goal-values span { color:#60738b; font-size:12px; }
.daily-goal-track { height:12px; margin-top:14px; border-radius:999px; overflow:hidden; background:#e3e9f0; }
.daily-goal-fill { display:block; height:100%; width:100%; transform-origin:left center; transform:scaleX(0); border-radius:inherit; background:linear-gradient(90deg,#e55a18,#f29424); transition:transform .9s ease-out; }
.daily-goal.is-reached .daily-goal-fill { background:linear-gradient(90deg,#129759,#43c77e); }
.daily-goal-bottom { margin-top:8px; color:#52657b; font-size:12px; }.daily-goal-bottom strong { color:#b74d1b; }.daily-goal.is-reached .daily-goal-bottom strong { color:#108553; }
.daily-goal-update { margin:9px 0 0; color:#64748b; font-size:11px; line-height:1.4; }
html[data-theme="black"] .daily-goal { background:#111d30; border-color:#35475e; color:#e9f0fa; }
html[data-theme="black"] .daily-goal :is(.daily-goal-top p,.daily-goal-values span,.daily-goal-bottom,.daily-goal-update) { color:#c1cede; }
html[data-theme="black"] .daily-goal :is(.daily-goal-label,.daily-goal-bottom strong) { color:#ffad7b; }
html[data-theme="black"] .daily-goal-track { background:#34445b; }
.daily-goal-celebration { position:fixed; inset:0; display:grid; place-items:center; z-index:100000; background:#08132180; animation:goal-appear .25s ease-out; }
.daily-goal-celebration-card { position:relative; display:grid; justify-items:center; gap:8px; max-width:min(90vw,430px); padding:32px 38px; border-radius:20px; background:#fff; color:#14253c; text-align:center; box-shadow:0 20px 80px #0005; animation:goal-pop .45s ease-out; }
.daily-goal-celebration-card>span { font-size:46px; }.daily-goal-celebration-card strong { font-size:26px; }.daily-goal-celebration-card p { margin:0; font-size:14px; line-height:1.5; }
.daily-goal-celebration-card button { position:absolute; top:10px; right:12px; border:0; background:transparent; font-size:24px; color:#52657b; cursor:pointer; }
.daily-goal-confetti { position:absolute; top:12%; color:#ffce54; font-size:36px; animation:goal-confetti 1.3s ease-in-out infinite alternate; pointer-events:none; }
@keyframes goal-appear { from { opacity:0; } to { opacity:1; } }
@keyframes goal-pop { from { opacity:0; transform:translateY(16px) scale(.94); } to { opacity:1; transform:none; } }
@keyframes goal-confetti { from { transform:translateY(-10px) rotate(-3deg); } to { transform:translateY(14px) rotate(3deg); } }
@media(max-width:600px) { .daily-goal { padding:14px; }.daily-goal-values strong { font-size:19px; }.daily-goal h2 { font-size:17px; }.daily-goal-bottom { flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { .daily-goal-fill { transition:none; }.daily-goal-celebration,.daily-goal-celebration-card,.daily-goal-confetti { animation:none; } }
.daily-goal-marks { display:flex; justify-content:space-between; margin-top:5px; color:#75869a; font-size:10px; font-variant-numeric:tabular-nums; }
.daily-goal-details { margin-top:12px; border-top:1px solid #e5ebf1; }
.daily-goal-details summary { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 0 0; color:#b94a13; font-size:12px; font-weight:750; cursor:pointer; list-style:none; }
.daily-goal-details summary::-webkit-details-marker { display:none; }.daily-goal-details summary:focus-visible,.daily-goal-channels button:focus-visible { outline:3px solid #f26419; outline-offset:2px; }
.daily-goal-channels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:12px; }
.daily-goal-channels button { display:grid; gap:4px; padding:12px 14px; border:1px solid #e0e7ef; border-radius:9px; background:#f8fafc; color:#172c43; text-align:left; cursor:pointer; }
.daily-goal-channels button:hover { border-color:#f0a176; background:#fff8f3; }.daily-goal-channels button span { font-size:12px; font-weight:700; }.daily-goal-channels button strong { font-size:17px; }.daily-goal-channels button small { font-size:11px; color:#61758b; }.daily-goal-channels button b { font-size:11px; color:#bd4a11; }
.daily-goal-compare { margin:12px 0 4px; font-size:12px; line-height:1.45; color:#354b61; }.daily-goal-compare-note { color:#6c7f92; font-size:10px; }
html[data-theme="black"] .daily-goal-marks,html[data-theme="black"] .daily-goal-compare,html[data-theme="black"] .daily-goal-compare-note { color:#c2cfe0; }
html[data-theme="black"] .daily-goal-details { border-color:#3b4a60; }html[data-theme="black"] .daily-goal-details summary { color:#ffb184; }
html[data-theme="black"] .daily-goal-channels button { background:#1b2b40; color:#e7f0fb; border-color:#40536b; }html[data-theme="black"] .daily-goal-channels button small { color:#c3d0df; }html[data-theme="black"] .daily-goal-channels button b { color:#ffb184; }
@media(max-width:520px){.daily-goal-channels{grid-template-columns:1fr}}