.w-dl{display:grid;gap:12px}
.w-dl-win{border:3px solid var(--ink);border-radius:6px;background:var(--paper-hi);box-shadow:4px 4px 0 var(--ink);overflow:hidden}
.w-dl-bar{padding:4px 10px;border-bottom:3px solid var(--ink);background:repeating-linear-gradient(180deg,var(--ink) 0 2px,transparent 2px 5px);text-align:center}
.w-dl-bar b{display:inline-block;padding:0 10px;background:var(--paper-hi);font:700 14px/1.5 var(--sans)}
.w-dl-body{display:grid;gap:14px;padding:16px}.w-dl-body>*{min-width:0}
.w-dl-read{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font:400 15px var(--sans)}
.w-dl-day{font:700 40px/1 var(--serif)}
.w-dl-track{position:relative;height:48px;border:3px solid var(--ink);border-radius:8px;background:var(--card);touch-action:none;cursor:pointer}
.w-dl-f{position:absolute;top:0;bottom:0;left:0;transform-origin:left;transition:transform var(--t-base) var(--ease)}
.w-dl-f1{background:var(--spark)}.w-dl-f2{background:var(--water)}
.w-dl-thumb{position:absolute;left:-3px;top:-3px;width:0;height:0;transition:transform var(--t-base) var(--ease)}
.w-dl-thumb::after{content:"";position:absolute;left:-11px;width:22px;height:48px;border:3px solid var(--ink);border-radius:6px;background:var(--warm)}
.w-dl-ticks{position:relative;height:20px;font:700 13px var(--sans)}
.w-dl-ticks span{position:absolute;top:0;transform:translateX(-50%)}
.w-dl-ticks span:first-child{transform:none}.w-dl-ticks .end{right:0;transform:none}
.w-dl-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.w-dl-cards li{display:grid;gap:2px;padding:10px 12px;border:2px solid var(--ink);border-radius:6px;background:var(--card);font-family:var(--sans);transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease-snap)}
.w-dl-cards small{font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase}.w-dl-cards b{font:700 17px/1.2 var(--serif)}.w-dl-cards span{font-size:13px}
.live .w-dl-cards li:not(.in){opacity:.45;transform:scale(.96)}
.w-dl-cards li:nth-child(1).in{background:var(--spark)}.w-dl-cards li:nth-child(2).in{background:var(--water);color:#fff}.w-dl-cards li:nth-child(3).in{background:var(--go);color:#fff}
.w-dl:not(.live) .w-live,.w-dl:not(.live) .w-dl-thumb{display:none}
@media (prefers-reduced-motion:reduce){.w-dl-f,.w-dl-thumb,.w-dl-cards li{transition:none!important}}