.csp{gap:.65rem;display:grid}.csp__mode{gap:.2rem;display:grid}.csp__mode-label,.csp__duration-label,.csp__slot-label{letter-spacing:.01em;color:color-mix(in srgb, var(--color-ink-soft) 80%, #5a3d7a);margin:0;font-size:.82rem;font-weight:700}.csp__mode-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.csp__mode-btn{appearance:none;box-sizing:border-box;border:1.5px solid color-mix(in srgb, var(--color-lavender-soft) 80%, #c9b6ec);border-radius:var(--radius-sm);color:#5a3d7a;width:100%;min-width:0;font:inherit;text-align:center;cursor:pointer;transition:border-color .2s var(--ease-out), background .2s var(--ease-out), color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#ffffffe0;padding:.75rem .85rem;font-size:.9rem;font-weight:650;line-height:1.3}.csp__mode-btn:hover,.csp__mode-btn:focus-visible{border-color:var(--color-lavender);background:#fff;outline:none}.csp__mode-btn.is-active{border-color:color-mix(in srgb, var(--color-lavender) 75%, #9a7bcf);background:color-mix(in srgb, var(--color-lavender-glow) 55%, #fff);color:#3b1f5e;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-lavender) 25%, transparent)}.csp__mode-hint{color:color-mix(in srgb, var(--color-ink-soft) 88%, #5a3d7a);margin:0;padding:.15rem .05rem .2rem;font-size:.9rem;line-height:1.45}.csp__duration{gap:.2rem;display:grid}.csp__duration .bubble-select__trigger{min-height:3.2rem}.csp__duration.is-invalid .bubble-select__trigger{border-color:#d6455d;box-shadow:0 0 0 3px #d6455d38,0 8px 22px #d6455d1f}.csp__duration.is-invalid .bubble-select__trigger:hover,.csp__duration.is-invalid .bubble-select__trigger:focus-visible{border-color:#c43b55;box-shadow:0 0 0 3px #d6455d47,0 10px 24px #d6455d24}.csp__duration.is-invalid .bubble-select__chevron{color:#c43b55;background:#f8e1e5}.csp__slot-block{gap:.2rem;display:grid}.csp__slot-row{gap:.65rem;display:grid}.csp__choice{box-sizing:border-box;border:1.5px solid color-mix(in srgb, var(--color-lavender-soft) 80%, #c9b6ec);border-radius:var(--radius-sm);color:#3b1f5e;width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out), background .2s var(--ease-out);background:#ffffffeb;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.85rem 1rem;display:grid}.csp__choice:hover,.csp__choice:focus-visible{border-color:var(--color-lavender-deep);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-lavender-glow) 80%, transparent);background:#fff;outline:none}.csp__choice.is-filled{border-color:color-mix(in srgb, #2f7a62 72%, var(--color-mint));background:color-mix(in srgb, var(--color-mint-soft) 55%, #fff);box-shadow:0 0 0 1px #2f7a6247}.csp__choice.is-filled:hover,.csp__choice.is-filled:focus-visible{background:color-mix(in srgb, var(--color-mint-soft) 70%, #fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-mint-soft) 85%, transparent);border-color:#2f7a62}.csp__choice.is-filled .csp__choice-icon{background:color-mix(in srgb, var(--color-mint-soft) 80%, #fff);color:#2f7a62}.csp__choice-icon{background:color-mix(in srgb, var(--color-lavender-glow) 70%, #fff);color:#5a3d7a;border-radius:.7rem;flex-shrink:0;place-items:center;width:2.35rem;height:2.35rem;display:grid}.csp__choice-text{gap:.15rem;min-width:0;display:grid}.csp__choice-label{letter-spacing:.02em;text-transform:uppercase;color:color-mix(in srgb, var(--color-ink-soft) 85%, #6b4f8c);font-size:.78rem;font-weight:700}.csp__choice-value{color:#3b1f5e;font-size:.98rem;font-weight:600;line-height:1.35}.csp__clear{appearance:none;border-radius:var(--radius-sm);color:#5a3d7a;font:inherit;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;justify-self:start;padding:.25rem .1rem;font-size:.88rem;font-weight:650;text-decoration:underline}.csp__clear:hover,.csp__clear:focus-visible{color:var(--color-lavender-deep);outline:none}.csp__hint{margin:0;font-size:.88rem;font-weight:600}.csp__hint--error{color:#a33a5c}.csp-modal{z-index:1200;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));place-items:center;display:grid;position:fixed;inset:0}.csp-modal--over-edit{z-index:13000}.csp-modal__backdrop{cursor:pointer;background:#1c0e308c;border:0;margin:0;padding:0;position:absolute;inset:0}.csp-modal__dialog{z-index:1;width:min(100%,68rem);max-height:min(92vh,54rem);color:var(--color-ink);background:#fffdf9;border-radius:1.15rem;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #1c0e3047}.csp-modal__head{border-bottom:1px solid color-mix(in srgb, var(--color-lavender-soft) 70%, transparent);background:linear-gradient(#f8f1ff 0%,#fffdf9 100%);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.15rem .85rem;display:flex}.csp-modal__title{font-family:var(--font-display);color:#3b1f5e;margin:0;font-size:clamp(1.25rem,2.4vw,1.55rem);line-height:1.2}.csp-modal__lead{color:var(--color-ink-soft);max-width:38rem;margin:.35rem 0 0;font-size:.92rem;line-height:1.4}.csp-modal__close{border:1px solid color-mix(in srgb, var(--color-lavender-soft) 80%, #c9b6ec);color:#3b1f5e;cursor:pointer;background:#fff;border-radius:999px;flex-shrink:0;width:2.4rem;height:2.4rem;font-size:1.45rem;line-height:1}.csp-modal__close:hover,.csp-modal__close:focus-visible{border-color:var(--color-lavender-deep);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-lavender-glow) 75%, transparent);outline:none}.csp-modal__body{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.csp-modal__body .ptc--modal{flex:auto;min-height:0}@media (width>=520px){.csp__slot-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.75rem}.csp__choice{width:100%;max-width:100%;height:100%}.csp__choice-value{overflow-wrap:anywhere}}@media (width<=640px){.csp-modal{place-items:stretch stretch;padding:0}.csp-modal__dialog{border-radius:0;width:100%;height:100%;max-height:none}}