/* Waypoint v4 — load AFTER waypoint-v3.css.
   1. Tick symbol removed from finished-task circles.
   2. Banner animation styles (Settings: Customize banner).
   3. RGB pickers (banner, avatar colour, cover) and small modal polish.
   4. Day Schedule page. */

/* ---------- 1. no tick inside the finished-task circle (the filled circle shows "done") ---------- */
.chk svg{display:none!important}

/* ---------- 2. banner animations (html[data-hanim] is set by waypoint-v4.js; --hs is the speed) ---------- */
@keyframes wpBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes wpBob2{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes wpSun{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes wpZoom{from{transform:scale(1)}to{transform:scale(1.14)}}
@keyframes wpShift{0%,100%{filter:hue-rotate(0deg) saturate(1)}50%{filter:hue-rotate(38deg) saturate(1.25)}}

html[data-hanim=drift] :is(.hero,.pbanner) .cloud{animation-duration:calc(16s / var(--hs,1))!important}
html[data-hanim=drift] :is(.hero,.pbanner) .cloud.c2{animation-duration:calc(24s / var(--hs,1))!important}
html[data-hanim=drift] :is(.hero,.pbanner) .bird{animation-duration:calc(6s / var(--hs,1))!important}
html[data-hanim=drift] :is(.hero,.pbanner) .twinkle{animation-duration:calc(1.4s / var(--hs,1))!important}

html[data-hanim=float] :is(.hero,.pbanner) .wp-mt1{animation:wpBob calc(8s / var(--hs,1)) ease-in-out infinite}
html[data-hanim=float] :is(.hero,.pbanner) .wp-mt2{animation:wpBob2 calc(10s / var(--hs,1)) ease-in-out infinite}
html[data-hanim=float] :is(.hero,.pbanner) .wp-sun{animation:wpSun calc(6s / var(--hs,1)) ease-in-out infinite;transform-box:fill-box;transform-origin:center}
html[data-hanim=float] :is(.hero,.pbanner) .twinkle{animation-duration:calc(2s / var(--hs,1))!important}

html[data-hanim=zoom] :is(.hero,.pbanner) :is(svg.scene,.himg){animation:wpZoom calc(16s / var(--hs,1)) ease-in-out infinite alternate;transform-origin:50% 60%}
html[data-hanim=shift] :is(.hero,.pbanner) :is(svg.scene,.himg){animation:wpShift calc(14s / var(--hs,1)) ease-in-out infinite}

html[data-hanim=still] :is(.hero,.pbanner) :is(svg.scene,.himg) *,
html[data-hanim=still] :is(.hero,.pbanner) :is(svg.scene,.himg){animation:none!important}
body.calm :is(.hero,.pbanner) :is(svg.scene,.himg) *,
body.calm :is(.hero,.pbanner) :is(svg.scene,.himg){animation:none!important}
html[data-eco] :is(.hero,.pbanner) :is(svg.scene,.himg) *,
html[data-eco] :is(.hero,.pbanner) :is(svg.scene,.himg){animation:none!important}

/* ---------- 3. modal polish + RGB pickers ---------- */
.mbox{max-height:90vh;overflow-y:auto}
.v4-lbl{display:block;margin:16px 0 6px;font-weight:700;font-size:.9rem;color:var(--text)}
.v4-opts{display:flex;gap:8px;flex-wrap:wrap}
.v4-opts button.on{outline:2px solid var(--accent);outline-offset:1px}
.v4-opts button[disabled]{opacity:.5}
.v4-row{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--text)}
.v4-row input[type=range]{flex:1}
.v4-pick{width:46px;height:38px;padding:0;border:2px solid var(--ln);border-radius:12px;background:none;cursor:pointer}
.v4-pick::-webkit-color-swatch-wrapper{padding:3px}
.v4-pick::-webkit-color-swatch{border:0;border-radius:8px}
.v4-pick::-moz-color-swatch{border:0;border-radius:8px}
.v4-rgb{margin:14px 0 4px}
.v4-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.v4-eco-note{display:block;color:var(--muted);font-size:.82rem;margin:2px 0 8px}

/* ---------- 4. Day Schedule ---------- */
.ds{display:grid;gap:16px;--ds-done:#35d6a0;--ds-pend:#ffbf47;--ds-miss:#ff7a9c;--ds-up:#4aa3ff}
.ds-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.ds-nav{display:flex;align-items:center;gap:10px}
.ds-date{font-weight:800;font-size:1.15rem;color:var(--text)}
.ds-date small{display:block;font-weight:500;color:var(--muted);font-size:.8rem}
.ds-top{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:16px}
.ds-ring{display:grid;place-items:center}
.ds-ring svg{width:100%;max-width:260px;height:auto;display:block}
.ds-ring text{fill:var(--muted);font-size:10px}
.ds-ring .big{fill:var(--text);font-size:28px;font-weight:800}
.ds-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.ds-stat{border:1px solid var(--ln);background:var(--soft);color:var(--text);border-radius:16px;padding:12px 14px;text-align:left;cursor:pointer;font:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.ds-stat:hover{transform:translateY(-2px)}
.ds-stat.on{border-color:var(--c);box-shadow:0 0 0 2px var(--c)}
.ds-stat b{display:block;font-size:1.7rem;line-height:1.1;color:var(--c)}
.ds-stat span{font-size:.82rem;color:var(--muted)}
.ds-note{margin:12px 0 0;color:var(--muted);font-size:.9rem}
.ds-list{display:grid;gap:10px;margin-top:10px}
.ds-row{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--ln);border-left:5px solid var(--c);background:var(--soft)}
.ds-row[data-st=pending]{box-shadow:0 0 0 2px var(--ds-pend)}
.ds-row[data-st=done] .ds-title{opacity:.65;text-decoration:line-through}
.ds-time{font-weight:700;font-size:.86rem;color:var(--text);line-height:1.35}
.ds-time small{display:block;font-weight:500;color:var(--muted)}
.ds-main{display:flex;align-items:center;gap:10px;min-width:0}
.ds-emo{font-size:1.5rem;flex:none}
.ds-title{font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ds-sub{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:2px;font-size:.78rem;color:var(--muted)}
.ds-chip{display:inline-block;padding:2px 9px;border-radius:99px;font-weight:700;font-size:.72rem;color:#10131f;background:var(--ds-up)}
.ds-chip[data-st=done]{background:var(--ds-done)}
.ds-chip[data-st=pending]{background:var(--ds-pend)}
.ds-chip[data-st=missed]{background:var(--ds-miss)}
.ds-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ds-act .btn{padding:7px 12px;font-size:.85rem}
.ds-empty{padding:22px;text-align:center;color:var(--muted)}
.ds-bars{display:flex;align-items:flex-end;gap:10px;height:110px;margin-top:12px}
.ds-bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0}
.ds-bars i{display:block;width:100%;max-width:36px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--accent),var(--accent2));min-height:4px}
.ds-bars i.z{background:var(--ln)}
.ds-bars span{font-size:.72rem;color:var(--muted)}
.ds-days{display:flex;gap:6px;flex-wrap:wrap}
.ds-days button{min-width:44px;border:1px solid var(--ln);background:var(--soft);color:var(--text);border-radius:12px;padding:8px 0;cursor:pointer;font:inherit;font-weight:700;font-size:.82rem}
.ds-days button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#fff)}
.ds-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:900px){.ds-top{grid-template-columns:1fr}}
@media (max-width:620px){.ds-row{grid-template-columns:1fr}.ds-act{justify-content:flex-start}}