#btn-period svg{width:21px;height:21px;fill:currentColor;stroke:none}
#btn-period svg path{fill:currentColor;stroke:none}
.pc-modal .modal{max-width:560px}
.pc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.pc-head h2{margin:0;font-size:20px}
.pc-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:10px}
.pc-card{background:color-mix(in srgb,var(--bg-3) 70%,transparent);border-radius:16px;padding:12px 14px;margin:8px 0}
.pc-card b{display:block;margin-bottom:4px}
.pc-fert.ovu{color:#4c9be8;font-weight:650}
.pc-fert.fertile{color:#2aa7a1;font-weight:650}
.pc-fert.period,.pc-fert.soon{color:#e45d7a;font-weight:650}
.pc-month{display:flex;align-items:center;justify-content:space-between;font-weight:700}
.pc-month button{width:36px;height:36px;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer}
.pc-week,.pc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.pc-week span{text-align:center;font-size:12px;color:var(--muted);font-weight:650}
.pc-day{position:relative;aspect-ratio:1;border:1.5px solid transparent;border-radius:999px;background:transparent;color:inherit;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0}
.pc-day.today{border-color:var(--accent);border-width:2px;font-weight:700}
.pc-day.period{background:color-mix(in srgb,#e45d7a 38%,transparent)}
.pc-day.soon{background:color-mix(in srgb,#e45d7a 16%,transparent);border-color:color-mix(in srgb,#e45d7a 55%,transparent)}
.pc-day.fertile{background:color-mix(in srgb,#3cb8b0 28%,transparent)}
.pc-day.ovu{background:color-mix(in srgb,#4c9be8 40%,transparent);font-weight:700}
.pc-day.start{border-color:#e45d7a}
.pc-day.today.start,.pc-day.today.soon{border-color:var(--accent)}
.pc-day i{font-style:normal;font-size:9px;line-height:1}
.pc-day .pc-pill{width:8px;height:5px;border-radius:99px;background:currentColor;display:inline-block}
.pc-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);margin:8px 0}
.pc-legend span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--bg-3) 80%,transparent)}
.pc-legend i{width:10px;height:10px;border-radius:99px;display:inline-block}
.pc-legend .period i{background:color-mix(in srgb,#e45d7a 70%,transparent)}
.pc-legend .fertile i{background:color-mix(in srgb,#3cb8b0 70%,transparent)}
.pc-legend .ovu i{background:color-mix(in srgb,#4c9be8 70%,transparent)}
.pc-modal .fld-chat{justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.pc-modal .fld-chat input[type=number]{width:72px;text-align:center}
.pc-time{display:flex;align-items:center;gap:8px;padding:10px 0}
.pc-time b{font-size:22px;letter-spacing:.04em;min-width:72px}
.pc-time select{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);color:inherit;font:inherit}
.pc-shift{margin:8px 0;font-weight:650;color:#e45d7a}
.pc-temp{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:8px 0}
.pc-next{margin:8px 0}
.pc-moods{display:flex;gap:6px;overflow:auto;margin:8px 0}
.pc-mood{border:0;background:var(--bg-2);border-radius:12px;padding:6px 8px;cursor:pointer;color:inherit;font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px}
.pc-mood span{font-size:11px}
.pc-mood.on{background:color-mix(in srgb,var(--accent) 22%,transparent)}
.fld-row{padding:8px 0;border-bottom:1px solid var(--line)}
.fld-name{width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:transparent;color:inherit;font:inherit}
.fld-ops{display:flex;gap:6px;margin-top:6px}
.fld-ops button{border:0;background:var(--bg-3);color:inherit;border-radius:8px;padding:6px 8px;cursor:pointer;font:inherit}
.fld-chats{max-height:280px;overflow:auto}
.fld-chat{display:flex;gap:8px;align-items:center;padding:6px 0;width:100%;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.fld-chat input[type=number]{width:72px;margin-left:auto;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:transparent;color:inherit}
.period-evt{align-self:center;display:flex;align-items:center;gap:12px;width:min(420px,92%);margin:8px 0;padding:10px 12px;border:1px solid color-mix(in srgb,#e45d7a 45%,var(--line));border-radius:16px;background:var(--bg-2);color:inherit;text-align:left;cursor:pointer;font:inherit}
.period-evt-ico{width:44px;height:44px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,#e45d7a 22%,transparent);color:#e45d7a}
.period-evt-ico svg{width:22px;height:22px;fill:currentColor}
.period-evt-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.period-evt-title{font-size:14px;font-weight:650;line-height:1.35}
.period-evt-hint{font-size:12px;color:var(--muted)}
.wall-evt{cursor:default}
.glow-evt .period-evt-ico{background:color-mix(in srgb,#e2b657 22%,transparent);color:#e2b657}
.glow-evt{border-color:color-mix(in srgb,#e2b657 45%,var(--line))}