@property --plate-fill{syntax:"<percentage>";inherits:true;initial-value:0%}.plate{background:var(--day-plate);box-shadow:inset 0 0 0 1px var(--day-plate-rim), 0 1px 2px color-mix(in oklch, var(--foreground) 10%, transparent);border-radius:9999px;display:inline-block;position:relative}.plate:before{content:"";background:conic-gradient(var(--secondary) var(--plate-fill), color-mix(in oklch, var(--muted) 30%, var(--card)) 0);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--day-plate-rim) 70%, transparent);border-radius:9999px;position:absolute;inset:17%}.plate-empty:after{content:"";border:1.5px dashed var(--day-plate-rim);border-radius:9999px;position:absolute;inset:17%}.plate-btn:active .plate{transform:translateY(1px)}.nap-track{background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(100% / 9 - 1px), color-mix(in oklch, var(--day-nap-foreground) 18%, transparent) calc(100% / 9 - 1px), color-mix(in oklch, var(--day-nap-foreground) 18%, transparent) calc(100% / 9))}.nap-handle{touch-action:none}.sheet-hand{font-family:var(--font-accent)}.wordmark{font-family:var(--font-headline);letter-spacing:-.01em}@media (prefers-reduced-motion:no-preference){.plate{transition:--plate-fill .42s cubic-bezier(.22,.8,.3,1)}.plate-btn .plate{transition:--plate-fill .42s cubic-bezier(.22,.8,.3,1),transform .12s ease-out}.sheet-arrive{animation:.52s cubic-bezier(.2,.7,.2,1) both sheet-arrive}.sheet-sent-flag{animation:1.6s ease-out both sheet-flag}.reply-in{animation:.28s ease-out both reply-in}}@keyframes sheet-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-flag{0%{background-color:color-mix(in oklch, var(--primary) 35%, transparent)}to{background-color:#0000}}@keyframes reply-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}