.pk{position:relative;--pk-accent: var(--cocoa, #6b4f3a);--pk-ink: var(--ink, #2d241d);--pk-muted: var(--muted, #7d6e62);--pk-line: var(--linen, var(--line, #e6dacb));--pk-soft: var(--oat, #f1e9de);--pk-bg: var(--white, #fffdf9)}.pk-field{width:100%;display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px;border:1px solid var(--pk-line);border-radius:12px;background:var(--pk-bg);color:var(--pk-ink);font:inherit;font-size:16px;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.pk-field:hover{border-color:color-mix(in srgb,var(--pk-accent) 45%,var(--pk-line))}.pk-field[aria-expanded=true],.pk-field:focus-visible{outline:none;border-color:var(--pk-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pk-accent) 16%,transparent)}.pk-field>.ico{color:var(--pk-accent)}.pk-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:8px}.pk-value.empty{color:var(--pk-muted)}.pk-select .pk-field>.ico{transition:transform .2s;color:var(--pk-muted)}.pk-select .pk-field[aria-expanded=true]>.ico{transform:rotate(180deg)}.pk-clear{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--pk-muted);font-size:18px;line-height:1}.pk-clear:hover{background:var(--pk-soft);color:var(--pk-ink)}.pk-pop{position:absolute;left:0;top:calc(100% + 8px);z-index:30;background:var(--pk-bg);border:1px solid var(--pk-line);border-radius:18px;box-shadow:0 26px 52px -22px #2d241d73;padding:12px;animation:pk-in .22s cubic-bezier(.32,1.28,.5,1);transform-origin:top left}.pk-pop.up{top:auto;bottom:calc(100% + 8px);transform-origin:bottom left}@keyframes pk-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}}.pk-date .pk-pop{width:min(320px,calc(100vw - 40px))}.pk-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pk-title{font-family:var(--display, Georgia, serif);font-weight:500;font-size:20px;text-transform:capitalize;color:var(--pk-ink)}.pk-nav{width:36px;height:36px;border-radius:50%;border:1px solid var(--pk-line);background:var(--pk-bg);display:grid;place-items:center;cursor:pointer;color:var(--pk-accent)}.pk-nav .ico{transform:rotate(90deg)}.pk-nav.next .ico{transform:rotate(-90deg)}.pk-nav:hover:not(:disabled){background:var(--pk-soft)}.pk-nav:disabled{opacity:.35;cursor:default}.pk-week,.pk-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.pk-week span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--pk-muted);text-align:center;padding:4px 0}.pk-week span:nth-child(n+6){color:color-mix(in srgb,var(--pk-accent) 70%,var(--pk-muted))}.pk-day{aspect-ratio:1;border:0;border-radius:50%;background:none;font:500 15px var(--body, system-ui);font-variant-numeric:tabular-nums;color:var(--pk-ink);cursor:pointer;transition:background .15s,color .15s,transform .15s}.pk-day:hover:not(:disabled){background:var(--pk-soft)}.pk-day:active:not(:disabled){transform:scale(.92)}.pk-day:disabled{color:color-mix(in srgb,var(--pk-muted) 45%,transparent);cursor:default}.pk-day.today{box-shadow:inset 0 0 0 1.5px var(--pk-accent)}.pk-day.on{background:var(--pk-accent);color:#fff;box-shadow:none}.pk-day:focus-visible{outline:2px solid var(--pk-accent);outline-offset:1px;border-radius:50%}.pk-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--pk-line)}.pk-chip{border:1px solid var(--pk-line);background:var(--pk-bg);border-radius:999px;padding:6px 12px;font:500 13px var(--body, system-ui);color:var(--pk-ink);cursor:pointer}.pk-chip:hover{border-color:var(--pk-accent)}.pk-list{min-width:100%;max-height:min(320px,60vh);overflow-y:auto;padding:6px;display:grid;gap:2px}.pk-option{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 12px;border:0;border-radius:10px;background:none;font:inherit;font-size:15px;color:var(--pk-ink);text-align:left;cursor:pointer;white-space:nowrap}.pk-option span{flex:1}.pk-option small{color:var(--pk-muted);font-size:12px}.pk-option .ico{color:var(--pk-accent)}.pk-option:hover,.pk-option:focus-visible{background:var(--pk-soft);outline:none}.pk-option[aria-selected=true]{font-weight:600}.pk-dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block;background:var(--pk-muted)}.dot-new{background:#c0573a}.dot-work{background:#c69a4d}.dot-ok{background:#6f7f63}.dot-off{background:#c9bcb0}@media (prefers-reduced-motion: reduce){.pk-pop{animation:none}}