@layer theme,base;@layer components{.wf{border-radius:var(--r-tile);background:radial-gradient(110% 70% at 20% -14%, #bed2eb0f, transparent 70%), linear-gradient(180deg, var(--tile-t), var(--tile-b));box-shadow:var(--rim-soft), inset 0 0 0 1px #ffffff0e, 0 30px 60px -40px #000000e6;padding:24px 26px 22px}.wf-cap{color:var(--t1);align-items:center;gap:10px;font-size:15px;font-weight:600;line-height:20px;display:flex}.wf-tag{height:22px;color:var(--t2);background:#11161e;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.wf-strip{--gap:6px;margin-top:18px;position:relative}.wf-above{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.wf-above-item{max-width:70%;color:var(--t1);align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex;position:relative}.wf-above-item:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--ice);flex:none;width:0;height:0}.wf-cells{gap:var(--gap);grid-template-columns:repeat(15,minmax(0,1fr));display:grid}.wf-cell{aspect-ratio:1;font-variant-numeric:tabular-nums;max-height:42px;color:var(--ice-hi);background:#75beff21;border-radius:10px;place-items:center;font-size:12px;font-weight:600;line-height:1;display:grid;position:relative;box-shadow:inset 0 0 0 1px #75beff42}.wf-cell[data-day="0"]{color:var(--ice-ink);background:linear-gradient(#a6d8ff,#6fbafc);box-shadow:inset 0 1px #ffffff8c,0 4px 12px -6px #000c}.wf-cell[data-below]:after,.wf-cell[data-above]:before{content:"";background:var(--ice-hi);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;left:50%;box-shadow:0 0 0 3px #75beff29}.wf-cell[data-below]:after{bottom:-12px}.wf-cell[data-above]:before{top:-12px}.wf-n{position:relative}.wf-days{color:var(--t3);justify-content:space-between;margin-top:16px;font-size:12px;line-height:16px;display:none}.wf-marks{gap:10px;margin-top:20px;display:grid}.wf-mark{color:var(--t2);text-wrap:pretty;grid-template-columns:64px minmax(0,1fr);align-items:baseline;column-gap:12px;font-size:14px;line-height:21px;display:grid}.wf-day{font-variant-numeric:tabular-nums;white-space:nowrap;height:22px;color:var(--ice-hi);background:var(--ice-wash);border-radius:999px;justify-self:start;align-items:center;padding:0 8px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #75beff3d}.wf-notes{border-top:1px solid var(--line-1);gap:6px;margin-top:18px;padding-top:14px;display:grid}.wf-note{color:var(--t3);grid-template-columns:18px minmax(0,1fr);column-gap:10px;font-size:13px;line-height:19px;display:grid}.wf-note svg{width:16px;height:16px;color:var(--t3);margin-top:1px}.wf-play[data-phase=idle] .wf-cell:not([data-day="0"]){color:var(--t3);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.wf-play[data-phase=play] .wf-cell:not([data-day="0"]){animation:wf-fill .42s var(--ease-out) calc(var(--d) * 20ms + .12s) both}@keyframes wf-fill{0%{color:var(--t3);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}to{color:var(--ice-hi);background:#75beff21;box-shadow:inset 0 0 0 1px #75beff42}}@media (max-width:733px){.wf{border-radius:22px;padding:20px 16px 18px}.wf-strip{--gap:3px}.wf-cell{border-radius:6px;font-size:0}.wf-cell[data-day="0"] .wf-n,.wf-cell:nth-child(15) .wf-n{font-size:0}.wf-above-item{max-width:none}.wf-days{display:flex}.wf-mark{grid-template-columns:minmax(0,1fr);row-gap:6px}}@media (forced-colors:active){.wf,.wf-cell{border:1px solid canvastext}.wf-cell[data-day="0"]{color:highlighttext;background:highlight}}}@layer utilities;