.pcal{--pcal-today:var(--ring);--pcal-wash:color-mix(in oklab, var(--fg) 3%, transparent);--pcal-clip-w:43px;--pcal-cell-h:118px;--pcal-ease:cubic-bezier(.2, .8, .2, 1);--pcal-land:cubic-bezier(.2, 1.25, .4, 1);color:var(--fg);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;margin-top:56px;display:grid}.pcal :where(p,ol,ul){margin:0;padding:0;list-style:none}.pcal-board{border:1px solid var(--border);border-radius:20px;min-width:0;overflow:hidden}.pcal-board[data-wait]{min-height:782px}.pcal-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;padding:18px 20px 16px;display:flex}.pcal-month{font-size:18px;font-weight:600;line-height:1.2}.pcal-year{color:var(--muted-fg);font-weight:400}.pcal-weekdays,.pcal-days{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.pcal-weekdays{border-bottom:1px solid var(--border)}.pcal-weekdays>span{color:var(--muted-fg);padding:9px 12px;font-size:12px}.pcal-weekdays>span[data-today]{color:var(--pcal-today);font-weight:600}.pcal-day{min-width:0;min-height:var(--pcal-cell-h);border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;padding:10px 10px 12px;display:flex;position:relative;container-type:inline-size}.pcal-day:nth-child(7n){border-right:0}.pcal-day:nth-last-child(-n+7){border-bottom:0}.pcal-day[data-out]{background:var(--pcal-wash)}.pcal-date{align-items:center;height:24px;font-size:12px;font-weight:500;line-height:1;display:flex}.pcal-day:is([data-past],[data-out]) .pcal-date{color:var(--muted-fg)}.pcal-day[data-past] .pcal-shot>img{opacity:.74}.pcal-day[data-today]{z-index:1;background:color-mix(in oklab, var(--pcal-today) 6%, transparent)}.pcal-day[data-today]:after{content:"";box-shadow:inset 0 0 0 1.5px var(--pcal-today), 0 0 34px -4px color-mix(in oklab, var(--pcal-today) 45%, transparent), inset 0 0 28px -8px color-mix(in oklab, var(--pcal-today) 40%, transparent);pointer-events:none;border-radius:2px;position:absolute;inset:0}.pcal-day[data-today] .pcal-date>span:first-child{background:var(--accent-fill);min-width:24px;height:24px;color:var(--on-accent-fill);border-radius:999px;place-items:center;padding-inline:4px;font-weight:600;display:grid}.pcal-clips{justify-content:center;align-items:flex-end;gap:7px;margin-top:auto;padding-top:14px;display:flex}.pcal-clip{--w:min(var(--pcal-clip-w), 40cqi);width:var(--w);aspect-ratio:9/16;transition:translate .32s var(--pcal-ease), scale .32s var(--pcal-ease), rotate .32s var(--pcal-ease);flex:none;position:relative}.pcal-clips[data-count="2"] .pcal-clip:first-child{rotate:-3deg}.pcal-clips[data-count="2"] .pcal-clip:last-child{translate:0 -3px;rotate:3deg}.pcal-shot{background:var(--surface-2);width:100%;height:100%;box-shadow:0 0 0 1px var(--border), 0 10px 22px -12px #000000b3;transition:box-shadow .32s var(--pcal-ease);border-radius:8px;display:block;overflow:hidden}.pcal-shot>img{object-fit:cover;width:100%;height:100%;display:block}.pcal-clip .clip-badge{width:min(22px, calc(var(--w) * .48));top:0;left:50%;translate:-50% -50%}.pcal-lock{color:#fff;background:#000000a3;border-radius:999px;place-items:center;width:16px;height:16px;display:grid;position:absolute;bottom:4px;right:4px}@media (prefers-reduced-motion:reduce){.pcal-clip,.pcal-shot{transition:none}}@media (hover:hover){.pcal-clips .pcal-clip:hover{z-index:2;translate:0 -6px;rotate:0deg;scale:1.08}.pcal-clips .pcal-clip:hover .pcal-shot{box-shadow:0 0 0 1.5px var(--pcal-today), 0 18px 30px -12px #000000bf}.pcal-clips .pcal-clip:hover .pcal-shot>img{opacity:1}}.pcal-armed .pcal-clip,.pcal-armed .pcal-day[data-today]:after{opacity:0}.pcal-armed.pcal-landed .pcal-clip{animation:pcal-land .6s var(--pcal-land) both;animation-delay:calc(var(--n) * 24ms + .12s)}.pcal-armed.pcal-landed .pcal-day[data-today]:after{animation:pcal-glow 1.1s var(--pcal-ease) .7s both}@keyframes pcal-land{0%{opacity:0;transform:translateY(-26px)scale(.82)rotate(-7deg)}45%{opacity:1}to{opacity:1;transform:none}}@keyframes pcal-glow{0%{opacity:0}to{opacity:1}}@media (max-width:720px){.pcal{--pcal-cell-h:96px;--pcal-clip-w:30px;gap:12px;margin-top:40px}.pcal-board{border-radius:16px}.pcal-board[data-wait]{min-height:570px}.pcal-top{padding:14px 14px 12px}.pcal-month{font-size:16px}.pcal-weekdays>span{text-align:center;padding:8px 0;font-size:11px}.pcal-day{padding:6px 3px 8px}.pcal-date{justify-content:center;height:20px;font-size:11px}.pcal-day[data-today] .pcal-date>span:first-child{min-width:20px;height:20px}.pcal-clips{gap:0;padding-top:10px}.pcal-clip{--w:min(var(--pcal-clip-w), 60cqi)}.pcal-clips[data-count="2"] .pcal-clip:first-child{z-index:1}.pcal-clips[data-count="2"] .pcal-clip:last-child{margin-left:calc(var(--w) * -.42)}.pcal-shot{border-radius:6px}.pcal-lock{width:13px;height:13px;bottom:2px;right:2px}.pcal-lock svg{width:8px;height:8px}}