:root{--color-purple-600: #8f5f78;--color-purple-700: #6d455a;--color-purple-400: #b07f96;--color-pink-300: #c45c6e;--color-pink-200: #d98993;--color-pink-100: #f2d6d4;--color-pink-50: #fdebed;--color-tan-1: rgb(240, 230, 210);--color-tan-2: #f2ddd2;--color-tan-3: #e5c7b8;--color-amber-600: #c4784a;--color-phase-period: #f0d0d2;--color-phase-follicular: #d5e3ef;--color-phase-ovulation: #f0e6c8;--color-phase-luteal: #d5e5d8;--color-white: #ffffff;--color-black: #2c2226;--color-gray-50: #faf7f5;--color-gray-100: #f4efec;--color-gray-200: #e6ddd8;--color-gray-300: #d4c7c1;--color-gray-500: #8a7570;--color-gray-700: #4a3b3f;--color-gray-900: #2c2226;--color-error: #b00020;--color-error-bright: #ff0000;--color-error-soft: #ff6566;--color-success: #75ff75;--color-link: #c45c6e;--color-link-hover: #8f5f78;--font-family-base: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-display: "Fraunces", cursive;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-base: 1.5;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 2px 4px rgba(44, 34, 38, .06);--shadow-md: 0 4px 6px rgba(44, 34, 38, .08), 0 2px 4px rgba(44, 34, 38, .05);--shadow-lg: 0 8px 16px rgba(44, 34, 38, .12), 0 4px 8px rgba(44, 34, 38, .08);--overlay-scrim: rgba(44, 34, 38, .4);--transition-fast: .2s ease;--transition-base: .25s ease}:root,[data-theme=flerp]{color-scheme:light;--color-bg-app-start: var(--color-tan-1);--color-bg-app-end: var(--color-white);--gradient-app-bg: linear-gradient( to bottom right, var(--color-bg-app-start), var(--color-bg-app-end) );--color-text-header: var(--color-pink-300);--color-text-default: var(--color-gray-900);--color-text-muted: var(--color-gray-500);--color-bg-surface: var(--color-tan-1);--color-bg-surface-accented: var(--color-white);--gradient-card-accent: linear-gradient( to right, var(--color-pink-200), var(--color-white) );--gradient-card-accent-alt: linear-gradient( to right, var(--color-pink-100), var(--color-white) );--gradient-card-accent-purple: linear-gradient( to right, var(--color-purple-400), var(--color-white) );--color-bg-header: rgba(255, 255, 255, .5);--color-border-header: var(--color-gray-300);--color-btn-primary-text: var(--color-white);--color-btn-primary-bg: var(--color-pink-300);--color-btn-primary-border: transparent;--color-btn-primary-border-hover: var(--color-purple-600);--color-bg-input: var(--color-white);--color-text-input: var(--color-gray-900);--color-border-input: var(--color-pink-100);--color-border-surface: var(--color-gray-300);--color-border-surface-frosted: rgba(255, 255, 255, .35);--color-tag-upcoming-bg: var(--color-pink-50);--color-tag-upcoming-text: var(--color-pink-300);--color-tag-progress-bg: var(--color-tan-2);--color-tag-progress-text: var(--color-amber-600);--radius-card: var(--radius-lg);--shadow-card: var(--shadow-md);--spacing-card: var(--spacing-xl)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:var(--gradient-app-bg)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@keyframes loading-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:loading-spinner-spin 1s linear infinite}@media(prefers-color-scheme:light){:root{color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{display:flex;align-items:center;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border-header);position:fixed;bottom:0;left:0;right:0;background-color:var(--color-bg-header);z-index:1000}.header__nav{display:flex;width:100%;justify-content:space-between;align-items:center}.header__nav-btn{padding:.5em .9em;margin-inline:.15em;text-decoration:none;color:var(--color-text-default);border:1px solid var(--color-btn-header-border);border-radius:var(--radius-sm);background-color:var(--color-bg-surface);display:inline-flex;align-items:center;justify-content:center;font:inherit;transition:background-color var(--transition-fast)}.header__nav-btn:hover,.header__nav-btn--active{color:var(--color-text-header);background-color:var(--color-bg-surface-accented)}.header__nav-btn--accent{color:var(--color-text-header);cursor:pointer}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__content{flex:1;padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.quiz-instance-card{display:flex;align-items:center;gap:var(--spacing-md);box-sizing:border-box;margin:0;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border-surface-frosted);box-shadow:var(--shadow-card);background:var(--gradient-card-accent-alt);text-decoration:none;color:inherit;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.quiz-instance-card:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.quiz-instance-card__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background-color:var(--color-pink-50);color:var(--color-pink-300);font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:1}.quiz-instance-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem;text-align:left}.quiz-instance-card__category{margin:0;color:var(--color-text-header);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);overflow-wrap:anywhere}.quiz-instance-card__title{margin:0;color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:.01em;line-height:var(--line-height-tight);overflow-wrap:anywhere}.quiz-instance-card__chevron{flex-shrink:0;font-size:.95rem;color:var(--color-gray-500)}.quiz-suggestions-card{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-card);border:1px solid var(--color-border-surface-frosted);background:var(--gradient-app-bg);box-shadow:var(--shadow-card)}.quiz-suggestions-card__title{margin:0 0 var(--spacing-sm);text-align:center;color:var(--color-text-header);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.quiz-suggestions-card__list{display:flex;flex-direction:column}.quiz-suggestions-card__list .quiz-instance-card{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.set-status-message-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--overlay-scrim);z-index:1000;padding:var(--spacing-md);box-sizing:border-box}.set-status-message-modal__content{width:100%;max-width:22rem;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-xl);border:1px solid var(--color-border-surface-frosted);background:var(--gradient-card-accent-alt);box-shadow:var(--shadow-card);box-sizing:border-box}.set-status-message-modal__input{width:100%;min-height:6.5rem;box-sizing:border-box;padding:var(--spacing-sm) .75rem;border-radius:var(--radius-md);border:1px solid var(--color-border-input);background:var(--color-bg-input);color:var(--color-text-input);font:inherit;font-size:var(--font-size-base);line-height:var(--line-height-base);resize:vertical}.set-status-message-modal__input:focus{outline:2px solid var(--color-pink-100);outline-offset:1px}.set-status-message-modal__input:disabled{opacity:.7;cursor:not-allowed}.set-status-message-modal__error{margin:0;color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.set-status-message-modal__actions{display:flex;justify-content:center}.set-status-message-modal__btn{padding:.55rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--color-white);font:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.set-status-message-modal__btn:hover:not(:disabled){border-color:var(--color-btn-primary-border-hover)}.set-status-message-modal__btn:disabled{opacity:.7;cursor:not-allowed}.status-image-viewer{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:14vh var(--spacing-lg) var(--spacing-lg);box-sizing:border-box;background-color:#00000073;-webkit-user-select:none;user-select:none;touch-action:none}.status-image-viewer__progress{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;gap:.25rem;padding:.75rem .75rem 0;pointer-events:none}.status-image-viewer__segment{flex:1;height:.2rem;overflow:hidden;border-radius:999px;background:#ffffff59}.status-image-viewer__segment-fill{height:100%;width:0;background:var(--color-white)}.status-image-viewer__segment-fill--done{width:100%}.status-image-viewer__segment-fill--active{animation-name:status-image-progress;animation-timing-function:linear;animation-fill-mode:forwards}.status-image-viewer__segment-fill--paused{animation-play-state:paused}@keyframes status-image-progress{0%{width:0%}to{width:100%}}.status-image-viewer__close{position:absolute;top:1.35rem;right:.65rem;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:50%;background:#00000059;color:var(--color-white);cursor:pointer}.status-image-viewer__close:hover{background:#00000080}.status-image-viewer__close:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.status-image-viewer__image{display:block;max-width:100%;max-height:calc(90vh - 3.5rem);width:auto;height:auto;object-fit:contain;pointer-events:none;background:transparent}.status-image-viewer__hit{position:absolute;top:0;bottom:0;z-index:2;margin:0;padding:0;border:none;background:transparent;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.status-image-viewer__hit:focus,.status-image-viewer__hit:focus-visible{outline:none}.status-image-viewer__hit--prev{left:0;width:35%}.status-image-viewer__hit--next{right:0;width:65%}.status-message-bubble{position:relative;display:inline-flex;align-items:center;max-width:50%;margin-top:var(--spacing-sm);padding:.45rem .75rem;border-radius:var(--radius-xl);border:1px solid var(--color-pink-100);background:var(--color-white);box-shadow:var(--shadow-sm);box-sizing:border-box}.status-message-bubble:before{content:"";position:absolute;top:-5px;width:9px;height:9px;background:var(--color-white);border-left:1px solid var(--color-pink-100);border-top:1px solid var(--color-pink-100);transform:rotate(45deg)}.status-message-bubble--pointer-start:before{left:1.1rem}.status-message-bubble--pointer-end:before{right:1.1rem;left:auto}.status-message-bubble__text{margin:0;color:var(--color-text-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);overflow-wrap:anywhere}.user-card-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.user-card{margin-top:var(--spacing-md);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:var(--color-white);padding:clamp(var(--spacing-sm),2vw,var(--spacing-lg));transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;overflow:visible}.user-card__avatar-wrap{position:relative;width:100%;max-width:240px;overflow:visible}.user-card__avatar{width:100%;aspect-ratio:1;height:auto;border-radius:var(--radius-card);object-fit:cover;display:block;cursor:pointer}.user-card__actions{position:absolute;left:-.35rem;right:-.35rem;bottom:-.35rem;display:flex;justify-content:space-between;padding:0;pointer-events:none}.user-card__status-count{position:absolute;top:-.35rem;right:-.35rem;font-size:var(--font-size-sm);font-weight:600;line-height:1}.user-card__action{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--color-white);border-radius:50%;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.user-card__action svg{width:1.1rem;height:1.1rem}.user-card__action:hover{background:var(--color-pink-200);border-color:var(--color-white);transform:scale(1.05)}.user-card__action:disabled{opacity:.7;cursor:default;transform:none}.user-card__action:focus,.user-card__action:focus-visible,.user-card__action:active{outline:none;border-color:var(--color-white)}.user-card__avatar--loading{cursor:default;opacity:.7}.user-card__file-input{display:none}.user-card__error{margin-top:.75rem;color:var(--color-error);font-size:var(--font-size-sm)}.user-card__preview-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#000000d9;z-index:1000;padding:var(--spacing-lg);box-sizing:border-box}.user-card__preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 8px 32px #0006}.request-user-pairing-card{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-card);border:1px solid var(--color-border-surface-frosted);box-shadow:var(--shadow-card);background:var(--gradient-app-bg);display:flex;flex-direction:column;gap:var(--spacing-md)}.request-user-pairing-card__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.01em;margin:var(--spacing-md) 0 0;padding-inline:var(--spacing-md);text-align:center;color:var(--color-text-header);line-height:var(--line-height-tight)}.request-user-pairing-card__field{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding-inline:var(--spacing-md)}.request-user-pairing-card__input{padding:var(--spacing-sm);border-radius:6px;border:1px solid var(--color-border-input);width:100%;max-width:300px;box-sizing:border-box;background:var(--color-bg-input);background-color:var(--color-bg-input);color:var(--color-text-default);text-align:center}.request-user-pairing-card__input[aria-invalid=true]{border:2px solid var(--color-error-bright)}.request-user-pairing-card__send-btn{display:flex;align-items:center;justify-content:center;width:fit-content;height:3.5rem;box-sizing:border-box;padding:0 1.1rem;margin-bottom:var(--spacing-md);background:var(--color-bg-surface);background-color:var(--color-bg-surface);border-radius:var(--radius-md);border:none;font:inherit;font-size:var(--font-size-base);cursor:pointer;color:var(--color-text-default);align-self:center}.request-user-pairing-card__send-btn:disabled{cursor:not-allowed;opacity:.7}.request-user-pairing-card__error{color:var(--color-error-bright);margin:0 0 var(--spacing-md);text-align:center;font-size:.9rem}.pending-user-pairing-card{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-card);border:1px solid var(--color-border-surface-frosted);box-shadow:var(--shadow-card);background:var(--gradient-app-bg);display:flex;flex-direction:column;gap:var(--spacing-md)}.pending-user-pairing-card__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.01em;margin:var(--spacing-md) 0 0;padding-inline:var(--spacing-md);text-align:center;color:var(--color-text-header);line-height:var(--line-height-tight)}.pending-user-pairing-card__text{margin:0;padding-inline:var(--spacing-md);text-align:center;color:var(--color-text-default)}.pending-user-pairing-card__request-info{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-inline:var(--spacing-md);text-align:center}.pending-user-pairing-card__request-intro{margin:0;color:var(--color-pink-300)}.pending-user-pairing-card__divider{width:100%;margin:var(--spacing-xs) 0;border:none;border-top:1px solid var(--color-border-surface)}.pending-user-pairing-card__request-name{margin:0;font-weight:var(--font-weight-bold);color:var(--color-text-default)}.pending-user-pairing-card__request-email{margin:0;color:var(--color-text-default)}.pending-user-pairing-card__actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-inline:var(--spacing-md)}.pending-user-pairing-card__btn{display:flex;align-items:center;justify-content:center;width:fit-content;height:3.5rem;box-sizing:border-box;padding:0 1.1rem;background:var(--color-bg-surface);background-color:var(--color-bg-surface);border-radius:var(--radius-md);border:none;font:inherit;font-size:var(--font-size-base);cursor:pointer;color:var(--color-text-default)}.pending-user-pairing-card__btn:disabled{cursor:not-allowed;opacity:.7}.pending-user-pairing-card__error{color:var(--color-error-bright);margin:0 0 var(--spacing-md);text-align:center;font-size:.9rem}.anniversary-card{margin-top:0;border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:var(--gradient-card-accent);padding:clamp(var(--spacing-sm),2vw,var(--spacing-lg));display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;box-sizing:border-box;color:var(--color-text-on-surface)}.anniversary-card__text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-header)}.users-overview-card{width:100%;max-width:28rem;padding:var(--spacing-md);border-radius:var(--radius-card);border:1px solid var(--color-border-surface-frosted);background:var(--gradient-app-bg);box-shadow:var(--shadow-card);box-sizing:border-box}.users-overview-card__profiles{display:flex;gap:clamp(.75rem,3vw,2rem);width:100%;justify-content:center;flex-wrap:nowrap}.users-overview-card__profile{flex:1 1 0;min-width:0}.users-overview-card__solo-status{display:flex;justify-content:center;width:100%}.users-overview-card__solo-status--toward-start{transform:translate(-18%)}.users-overview-card__solo-status--toward-end{transform:translate(18%)}.progress-bar{display:flex;gap:.35rem;margin-bottom:var(--spacing-md)}.progress-bar__segment{flex:1;height:.5rem;border-radius:999px;background-color:var(--color-white);box-shadow:inset 0 0 0 1px var(--color-gray-300)}.progress-bar__segment--active{background-color:var(--color-pink-300);box-shadow:0 1px 3px #c45c6e59}.user-settings-card{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-card);border:1px solid var(--color-border-surface-frosted);box-shadow:var(--shadow-card);background:var(--gradient-app-bg);display:flex;flex-direction:column;gap:var(--spacing-md)}.user-settings-card__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.01em;margin:var(--spacing-md) 0 0;padding-inline:var(--spacing-md);text-align:center;color:var(--color-text-header);line-height:var(--line-height-tight)}.user-settings-card__loading{margin-top:var(--spacing-md)}.user-settings-card__error{margin-top:var(--spacing-md);color:var(--color-error-bright)}.user-settings-card__field{display:flex;flex-direction:column;gap:.35rem;padding-inline:var(--spacing-md)}.user-settings-card__label{font-size:.95rem;font-weight:var(--font-weight-medium);color:var(--color-text-default)}.user-settings-card__input{padding:var(--spacing-sm);border-radius:6px;border:1px solid var(--color-border-input);width:100%;box-sizing:border-box;background:var(--color-bg-input);background-color:var(--color-bg-input);color:var(--color-text-default)}.user-settings-card__input[aria-invalid=true]{border:2px solid var(--color-error-bright)}.user-settings-card__toggle-row{display:flex;align-items:center;justify-content:center;gap:.75rem}.user-settings-card__toggle{position:relative;flex-shrink:0;width:52px;height:28px;border-radius:14px;border:1px solid var(--color-text-default);padding:0;cursor:pointer;transition:background-color var(--transition-fast)}.user-settings-card__toggle[aria-checked=true]{background-color:var(--color-link)}.user-settings-card__toggle[aria-checked=false]{background-color:var(--color-gray-200)}.user-settings-card__toggle-thumb{position:absolute;top:2px;width:22px;height:22px;border-radius:50%;background-color:var(--color-bg-surface);transition:left var(--transition-fast);box-shadow:0 1px 3px #0003}.user-settings-card__toggle[aria-checked=true] .user-settings-card__toggle-thumb{left:26px}.user-settings-card__toggle[aria-checked=false] .user-settings-card__toggle-thumb{left:2px}.user-settings-card__validation-error{color:var(--color-error-bright);margin:0;text-align:center;font-size:.9rem}.user-settings-card__save-btn{display:flex;align-items:center;justify-content:center;width:fit-content;height:3.5rem;box-sizing:border-box;padding:0 1.1rem;margin-bottom:var(--spacing-md);background:var(--color-bg-surface);background-color:var(--color-bg-surface);border-radius:var(--radius-md);border:none;font:inherit;font-size:var(--font-size-base);cursor:pointer;color:var(--color-text-default);align-self:center}.user-settings-card__save-btn:disabled{cursor:not-allowed;opacity:.7}.user-settings-card__save-error{color:var(--color-error-bright);margin:0;text-align:center}.onboarding-flow{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.onboarding-flow__logout-btn{display:flex;align-items:center;justify-content:center;width:fit-content;margin:auto auto var(--spacing-md);height:2.5rem;box-sizing:border-box;padding:0 1.1rem;background-color:var(--color-bg-surface);border-radius:var(--radius-md);border:none;font:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;color:var(--color-error-soft)}.activity-card{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-radius:var(--radius-xl);border:1px solid var(--color-border-surface-frosted);box-shadow:var(--shadow-card);background:var(--gradient-card-accent-alt);padding:var(--spacing-md) var(--spacing-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast);color:var(--color-text-default);font-family:var(--font-family-display)}.activity-card--clickable{cursor:pointer}.activity-card--with-aside{display:flex;align-items:center;gap:var(--spacing-md)}.activity-card__body{flex:1;min-width:0}.activity-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.activity-card__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.01em;margin:0;text-align:left;color:var(--color-text-header);line-height:var(--line-height-tight)}.activity-card__tag{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.3rem .7rem;border-radius:999px;font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.2;white-space:nowrap}.activity-card__tag--upcoming{background-color:var(--color-tag-upcoming-bg);color:var(--color-tag-upcoming-text)}.activity-card__tag--ongoing{background-color:var(--color-tag-progress-bg);color:var(--color-tag-progress-text)}.activity-card__tag-dot{width:.4rem;height:.4rem;border-radius:50%;background-color:currentColor}.activity-card__dates{flex-shrink:0}.activity-card__date-line{margin:0;font-size:var(--font-size-sm);color:var(--color-text-default);line-height:var(--line-height-base);text-align:left}.activity-card__date-line+.activity-card__date-line{margin-top:.1rem}.activity-card__date-label{font-weight:var(--font-weight-medium)}.activity-card__row{display:flex;align-items:flex-start;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.activity-card__description{flex:1;margin:0;min-width:0;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-default)}.activity-card__trailing{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.activity-card__heart{font-size:1rem;color:var(--color-pink-300)}.activity-card__chevron{font-size:.95rem;color:var(--color-gray-500)}.activity-card__edit-btn{flex-shrink:0;background:var(--color-bg-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:.35rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.activity-card__edit-icon{font-size:1.1rem;color:var(--color-gray-700)}.activity-form-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:var(--gradient-app-bg);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);width:100%;max-width:32rem;min-width:0;max-height:calc(100vh - 2.5rem);overflow-y:auto;box-sizing:border-box}.activity-form-card__header{display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.activity-form-card__header-icon-btn,.activity-form-card__header-cancel{border:none;background:transparent;color:var(--color-text-header);cursor:pointer;font:inherit;padding:var(--spacing-xs)}.activity-form-card__header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:var(--font-size-lg)}.activity-form-card__header-title{margin:0;text-align:center;color:var(--color-text-header);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.activity-form-card__header-cancel{justify-self:end;color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.activity-form-card__header-icon-btn:disabled,.activity-form-card__header-cancel:disabled{cursor:not-allowed;opacity:.7}.activity-form-card__subtitle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg);color:var(--color-gray-500);font-size:var(--font-size-sm);text-align:center}.activity-form-card__subtitle-icon{color:var(--color-pink-200);flex-shrink:0}.activity-form-card__body{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.activity-form-card__field{margin:0}.activity-form-card__label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-header);font-weight:var(--font-weight-medium)}.activity-form-card__label--inline{margin-bottom:0}.activity-form-card__input{padding:.75rem var(--spacing-md);border-radius:calc(var(--radius-lg) + var(--radius-sm));border:1px solid var(--color-border-input);width:100%;box-sizing:border-box;background-color:var(--color-bg-input);color:var(--color-text-input);font:inherit}.activity-form-card__input::placeholder{color:var(--color-gray-500);opacity:.9}.activity-form-card__textarea-wrap{position:relative}.activity-form-card__input--textarea{resize:vertical;min-height:6.5rem;padding-bottom:1.75rem}.activity-form-card__char-count{position:absolute;right:var(--spacing-md);bottom:var(--spacing-sm);color:var(--color-gray-500);font-size:var(--font-size-sm);pointer-events:none}.activity-form-card__date-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.activity-form-card__date-field{min-width:0}.activity-form-card__date-button{position:relative;display:block;width:100%}.activity-form-card__date-button-input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;color-scheme:light}.activity-form-card__date-button-input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}.activity-form-card__date-button-input:disabled{cursor:not-allowed}.activity-form-card__date-trigger{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;box-sizing:border-box;padding:.75rem var(--spacing-md);border-radius:calc(var(--radius-lg) + var(--radius-sm));border:1px solid var(--color-border-input);background-color:var(--color-bg-input);color:var(--color-gray-500);font:inherit;text-align:left;pointer-events:none}.activity-form-card__date-button:has(.activity-form-card__date-button-input:disabled) .activity-form-card__date-trigger{opacity:.7}.activity-form-card__date-trigger-icon{color:var(--color-pink-200);flex-shrink:0}.activity-form-card__date-trigger-chevron{color:var(--color-gray-500);flex-shrink:0}.activity-form-card__date-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-form-card__date-trigger-text--filled{color:var(--color-text-default)}.activity-form-card__photos-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.activity-form-card__photos-count{color:var(--color-gray-500);font-size:var(--font-size-sm)}.activity-form-card__file-input{display:none}.activity-form-card__add-photos{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;box-sizing:border-box;padding:var(--spacing-lg) var(--spacing-md);border-radius:calc(var(--radius-lg) + var(--radius-sm));border:1.5px dashed var(--color-pink-200);background-color:transparent;color:var(--color-pink-200);cursor:pointer;font:inherit;font-weight:var(--font-weight-medium)}.activity-form-card__add-photos:disabled{cursor:not-allowed;opacity:.7}.activity-form-card__image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-md)}.activity-form-card__thumb,.activity-form-card__thumb-add{position:relative;aspect-ratio:1;width:100%;min-width:0;transform:scale(1);transition:transform var(--transition-fast),box-shadow var(--transition-fast);z-index:0}.activity-form-card__thumb--hovered{transform:scale(1.05);box-shadow:var(--shadow-md);z-index:1}.activity-form-card__thumb-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);display:block;cursor:pointer}.activity-form-card__thumb-add{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1.5px dashed var(--color-pink-100);background-color:transparent;color:var(--color-pink-200);cursor:pointer;font-size:var(--font-size-lg);padding:0}.activity-form-card__thumb-add:disabled{cursor:not-allowed;opacity:.7}.activity-form-card__thumb-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:#000000a6;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);line-height:1;z-index:2}.activity-form-card__thumb-remove:disabled{cursor:not-allowed}.activity-form-card__footer{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.activity-form-card__primary-btn{box-sizing:border-box;padding:.875rem var(--spacing-xl);border:1px solid var(--color-btn-primary-border);border-radius:calc(var(--radius-lg) * 2);background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);cursor:pointer;font:inherit;font-weight:var(--font-weight-bold)}.activity-form-card__primary-btn:disabled{cursor:not-allowed;opacity:.7}.activity-form-card__error{color:var(--color-error-bright);margin-top:var(--spacing-md);margin-bottom:0;text-align:center}.activity-form-card__preview-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#000000bf;z-index:1100}.activity-form-card__preview-image{max-width:min(90vw,640px);max-height:85vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}@media(max-width:28rem){.activity-form-card__date-row{grid-template-columns:1fr}.activity-form-card__image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.activities-page{padding:1px}.activities-page__header{margin-bottom:var(--spacing-lg)}.activities-page__title{margin:0;color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.activities-page__subtitle{margin:var(--spacing-sm) 0 0;color:var(--color-text-muted);font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-base)}.activities-page__controls{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.activities-page__control-card{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:flex-start;flex:1 1 0;min-width:0;box-sizing:border-box;padding:1.25rem;background-color:var(--color-white);color:var(--color-text-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.activities-page__control-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;text-align:left}.activities-page__control-label{color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);overflow-wrap:anywhere}.activities-page__control-hint{color:var(--color-text-muted);font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);overflow-wrap:anywhere}.activities-page__toggle{position:relative;flex-shrink:0;width:52px;height:28px;border-radius:14px;border:none;padding:0;cursor:pointer;transition:background-color var(--transition-fast)}.activities-page__toggle:hover,.activities-page__toggle:focus,.activities-page__toggle:focus-visible{border:none;outline:none}.activities-page__toggle[aria-checked=true]{background-color:var(--color-pink-300)}.activities-page__toggle[aria-checked=false]{background-color:var(--color-gray-200)}.activities-page__toggle-thumb{position:absolute;top:3px;width:22px;height:22px;border-radius:50%;background-color:var(--color-white);transition:left var(--transition-fast);box-shadow:var(--shadow-sm)}.activities-page__toggle[aria-checked=true] .activities-page__toggle-thumb{left:27px}.activities-page__toggle[aria-checked=false] .activities-page__toggle-thumb{left:3px}.activities-page__add-btn{border:none;font:inherit;cursor:pointer}.activities-page__add-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background-color:var(--color-pink-50);color:var(--color-pink-300);font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:1}.activities-page__error{color:var(--color-error-bright);margin-top:var(--spacing-md)}.activities-page__list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.activities-page__section{display:flex;flex-direction:column;gap:0}.activities-page__section-title{margin:0;margin-bottom:var(--spacing-sm);color:var(--color-text-header);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-family-display)}.activities-page__modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--overlay-scrim);z-index:1000;padding:1.25rem var(--spacing-md);box-sizing:border-box;overflow-y:auto}.activities-page__modal-content{width:100%;max-width:32rem}.activity-page{padding:1px;display:flex;flex-direction:column;gap:var(--spacing-lg)}.activity-page__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-bottom:0;color:var(--color-text-header);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-fast)}.activity-page__back:hover{color:var(--color-link-hover)}.activity-page__back-icon{flex-shrink:0;font-size:var(--font-size-lg)}.activity-page__error{color:var(--color-error-bright)}.activity-page__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.activity-page__hero-text{flex:1 1 auto;min-width:0}.activity-page__title{margin:0;color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.activity-page__dates{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-sm) 0 0;color:var(--color-text-default);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base)}.activity-page__dates-icon{flex-shrink:0;color:var(--color-text-header);font-size:var(--font-size-base)}.activity-page__hero-image{flex:0 0 auto;width:7.5rem;height:7.5rem;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.activity-page__card{box-sizing:border-box;padding:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.activity-page__card-title{margin:0 0 var(--spacing-md);color:var(--color-text-header);font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.activity-page__description{margin:0;color:var(--color-text-default);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base)}.activity-page__description--empty{color:var(--color-text-muted)}.activity-page__photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin:0;padding:0;list-style:none}.activity-page__photo-btn{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1}.activity-page__photo-btn:hover,.activity-page__photo-btn:focus-visible{outline:2px solid var(--color-pink-300);outline-offset:2px}.activity-page__photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.activity-page__photos-empty{margin:0;color:var(--color-text-muted);font-family:var(--font-family-base);font-size:var(--font-size-base)}.activity-page__actions{display:flex;align-items:stretch;gap:var(--spacing-sm)}.activity-page__action{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);flex:1 1 0;min-width:0;box-sizing:border-box;padding:1.25rem;border:none;background-color:var(--color-white);color:var(--color-text-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;font:inherit;text-align:left;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.activity-page__action:hover:not(:disabled){box-shadow:var(--shadow-md)}.activity-page__action:disabled{cursor:not-allowed;opacity:.7}.activity-page__action-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background-color:var(--color-pink-50);color:var(--color-pink-300);font-size:var(--font-size-sm)}.activity-page__action-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.activity-page__action-label{color:var(--color-text-default);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.activity-page__action-hint{color:var(--color-text-muted);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-base)}.activity-page__modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--overlay-scrim);z-index:1000;padding:1.25rem var(--spacing-md);box-sizing:border-box;overflow-y:auto}.activity-page__modal-content{width:100%;max-width:32rem}.activity-page__lightbox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#2c2226d9;z-index:1000;padding:var(--spacing-lg);box-sizing:border-box}.activity-page__lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}@media(max-width:360px){.activity-page__photo-grid{grid-template-columns:repeat(3,1fr)}.activity-page__hero-image{width:6rem;height:6rem}}.period-event-card{margin-top:var(--spacing-sm);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:var(--gradient-card-accent-alt);padding:var(--spacing-sm) var(--spacing-md) .65rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;align-items:center;gap:.75rem;box-sizing:border-box}.period-event-card:hover{transform:scale(1.03);box-shadow:var(--shadow-lg)}.period-event-card__body{flex:1;min-width:0;display:flex;flex-direction:column}.period-event-card__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.01em;margin:0;text-align:left;color:var(--color-text-header);line-height:var(--line-height-tight)}.period-event-card__date{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-default);line-height:var(--line-height-base);text-align:left}.period-event-card__delete-btn{flex-shrink:0;align-self:center;background:var(--color-bg-surface);border:1px solid var(--color-gray-200);border-radius:6px;padding:.35rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.period-event-card__delete-icon{font-size:var(--font-size-lg);color:var(--color-text-default)}.add-period-event-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:var(--gradient-app-bg);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);width:100%;max-width:32rem;min-width:0;box-sizing:border-box}.add-period-event-card__header{display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.add-period-event-card__header-icon-btn,.add-period-event-card__header-cancel{border:none;background:transparent;color:var(--color-text-header);cursor:pointer;font:inherit;padding:var(--spacing-xs)}.add-period-event-card__header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:var(--font-size-lg)}.add-period-event-card__header-title{margin:0;text-align:center;color:var(--color-text-header);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.add-period-event-card__header-cancel{justify-self:end;color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.add-period-event-card__header-icon-btn:disabled,.add-period-event-card__header-cancel:disabled{cursor:not-allowed;opacity:.7}.add-period-event-card__body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.add-period-event-card__field{margin:0}.add-period-event-card__label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-header);font-weight:var(--font-weight-medium);text-align:center}.add-period-event-card__select-wrap{position:relative}.add-period-event-card__input{display:block;width:100%;box-sizing:border-box;padding:.875rem var(--spacing-md);border-radius:calc(var(--radius-lg) * 2);border:1px solid var(--color-border-input);background-color:var(--color-bg-input);color:var(--color-text-input);font:inherit}.add-period-event-card__input--select{appearance:none;padding-right:2.75rem;cursor:pointer}.add-period-event-card__input--select:disabled{cursor:not-allowed;opacity:.7}.add-period-event-card__select-chevron{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-pink-300);pointer-events:none;font-size:var(--font-size-sm)}.add-period-event-card__input option{background-color:var(--color-bg-input);color:var(--color-text-input)}.add-period-event-card__date-button{position:relative;display:block;width:100%}.add-period-event-card__date-button-input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;color-scheme:light}.add-period-event-card__date-button-input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}.add-period-event-card__date-button-input:disabled{cursor:not-allowed}.add-period-event-card__date-trigger{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;box-sizing:border-box;padding:.75rem var(--spacing-md);border-radius:calc(var(--radius-lg) + var(--radius-sm));border:1px solid var(--color-border-input);background-color:var(--color-bg-input);color:var(--color-gray-500);font:inherit;text-align:left;pointer-events:none}.add-period-event-card__date-button:has(.add-period-event-card__date-button-input:disabled) .add-period-event-card__date-trigger{opacity:.7}.add-period-event-card__date-trigger-icon{color:var(--color-pink-200);flex-shrink:0}.add-period-event-card__date-trigger-chevron{color:var(--color-gray-500);flex-shrink:0}.add-period-event-card__date-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-period-event-card__date-trigger-text--filled{color:var(--color-text-default)}.add-period-event-card__footer{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.add-period-event-card__primary-btn{box-sizing:border-box;padding:.875rem var(--spacing-xl);border:1px solid var(--color-border-surface-frosted);border-radius:calc(var(--radius-lg) * 2);background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);cursor:pointer;font:inherit;font-weight:var(--font-weight-bold)}.add-period-event-card__primary-btn:disabled{cursor:not-allowed;opacity:.7}.add-period-event-card__error{color:var(--color-error-bright);margin-top:var(--spacing-md);margin-bottom:0;text-align:center}.cycle-wheel{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.cycle-wheel__frame{position:relative;max-width:100%}.cycle-wheel__legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-md) var(--spacing-lg);margin:0;padding:0;list-style:none}.cycle-wheel__legend-item{display:inline-flex;align-items:center;gap:.4rem}.cycle-wheel__legend-swatch{flex-shrink:0;width:.65rem;height:.65rem;border-radius:50%;border:1px solid var(--color-gray-300)}.cycle-wheel__legend-swatch--period{background-color:var(--color-phase-period)}.cycle-wheel__legend-swatch--follicular{background-color:var(--color-phase-follicular)}.cycle-wheel__legend-swatch--ovulation{background-color:var(--color-phase-ovulation)}.cycle-wheel__legend-swatch--luteal{background-color:var(--color-phase-luteal)}.cycle-wheel__legend-label{color:var(--color-text-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.cycle-wheel__svg{display:block;width:100%;height:auto}.cycle-wheel__day-circle{fill:var(--color-bg-surface-accented);stroke:var(--color-gray-300);stroke-width:1.5;filter:drop-shadow(var(--shadow-sm))}.cycle-wheel__day-circle--period{fill:var(--color-phase-period)}.cycle-wheel__day-circle--follicular{fill:var(--color-phase-follicular)}.cycle-wheel__day-circle--ovulation{fill:var(--color-phase-ovulation)}.cycle-wheel__day-circle--luteal{fill:var(--color-phase-luteal)}.cycle-wheel__day-circle--current{stroke:var(--color-pink-300);stroke-width:3}.cycle-wheel__day-text{fill:var(--color-gray-700);font-weight:var(--font-weight-bold)}.cycle-wheel__day-text--highlight{font-weight:var(--font-weight-bold)}.cycle-wheel__today-label{fill:var(--color-pink-300);font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:.02em}.cycle-wheel__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;pointer-events:none}.cycle-wheel__current-day{font-weight:var(--font-weight-bold);color:var(--color-text-header)}.cycle-wheel__content{pointer-events:auto;color:var(--color-text-default);text-align:center;font-size:.95rem;font-weight:var(--font-weight-medium);line-height:1.3}.cycle-wheel__content :is(button,div){color:inherit}.period-phase-description-card{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-card);border:1px solid var(--color-border-surface-frosted);background:var(--gradient-app-bg);box-shadow:var(--shadow-card);box-sizing:border-box;text-align:left}.period-phase-description-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.period-phase-description-card__eyebrow{color:var(--color-text-muted);font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:.02em}.period-phase-description-card__label{flex-shrink:0;padding:.15rem .55rem;border-radius:var(--radius-sm);background-color:var(--color-phase-period);color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.period-phase-description-card__label--period{background-color:var(--color-phase-period)}.period-phase-description-card__label--follicular{background-color:var(--color-phase-follicular)}.period-phase-description-card__label--ovulation{background-color:var(--color-phase-ovulation)}.period-phase-description-card__label--luteal{background-color:var(--color-phase-luteal)}.period-phase-description-card__title{margin:0 0 var(--spacing-sm);color:var(--color-text-header);font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.period-phase-description-card__description{margin:0;color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base)}.partner-tip-card{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-card);border:1px solid var(--color-border-surface-frosted);background:var(--gradient-card-accent-alt);box-shadow:var(--shadow-card);box-sizing:border-box;text-align:left}.partner-tip-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.partner-tip-card__eyebrow{color:var(--color-text-muted);font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:.02em}.partner-tip-card__label{flex-shrink:0;padding:.15rem .55rem;border-radius:var(--radius-sm);background-color:var(--color-phase-period);color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.partner-tip-card__label--period{background-color:var(--color-phase-period)}.partner-tip-card__label--follicular{background-color:var(--color-phase-follicular)}.partner-tip-card__label--ovulation{background-color:var(--color-phase-ovulation)}.partner-tip-card__label--luteal{background-color:var(--color-phase-luteal)}.partner-tip-card__title{margin:0 0 var(--spacing-sm);color:var(--color-text-header);font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.partner-tip-card__tip{margin:0;color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base)}.period-tracker{padding:1px}.period-tracker__title{margin-top:0;margin-bottom:.75rem;color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.period-tracker__toggle-card{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:flex-start;flex:1 1 0;min-width:0;box-sizing:border-box;padding:1rem 1.15rem;background-color:var(--color-white);color:var(--color-text-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.period-tracker__toggle-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;text-align:left}.period-tracker__toggle-label{color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);overflow-wrap:anywhere}.period-tracker__toggle{position:relative;flex-shrink:0;width:52px;height:28px;border-radius:14px;border:none;padding:0;cursor:pointer;transition:background-color var(--transition-fast)}.period-tracker__toggle:hover,.period-tracker__toggle:focus,.period-tracker__toggle:focus-visible{border:none;outline:none}.period-tracker__toggle[aria-checked=true]{background-color:var(--color-pink-300)}.period-tracker__toggle[aria-checked=false]{background-color:var(--color-gray-200)}.period-tracker__toggle-thumb{position:absolute;top:3px;width:22px;height:22px;border-radius:50%;background-color:var(--color-white);transition:left var(--transition-fast);box-shadow:var(--shadow-sm)}.period-tracker__toggle[aria-checked=true] .period-tracker__toggle-thumb{left:27px}.period-tracker__toggle[aria-checked=false] .period-tracker__toggle-thumb{left:3px}.period-tracker__controls{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.period-tracker__add-btn{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:flex-start;flex:1 1 0;min-width:0;box-sizing:border-box;padding:1rem 1.15rem;background-color:var(--color-white);color:var(--color-text-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:none;font:inherit;cursor:pointer}.period-tracker__add-btn:hover,.period-tracker__add-btn:focus,.period-tracker__add-btn:focus-visible{border:none;outline:none}.period-tracker__add-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background-color:var(--color-pink-50);color:var(--color-pink-300);font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:1}.period-tracker__add-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;text-align:left}.period-tracker__add-label{color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);overflow-wrap:anywhere}.period-tracker__add-hint{color:var(--color-text-muted);font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);overflow-wrap:anywhere}.period-tracker__events-panel{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-card);border:1px solid var(--color-border-surface-frosted);background:var(--gradient-app-bg);box-shadow:var(--shadow-card);cursor:pointer;text-align:left}.period-tracker__events-panel:focus,.period-tracker__events-panel:focus-visible{outline:none}.period-tracker__events-panel-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.period-tracker__events-panel-title{margin:0;color:var(--color-text-muted);font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.period-tracker__events-panel-expand{flex-shrink:0;font-size:.7rem;color:var(--color-text-muted);transition:transform var(--transition-fast)}.period-tracker__events-panel--expanded .period-tracker__events-panel-expand{transform:rotate(180deg)}.period-tracker__events-panel>.period-event-card{margin-top:0}.period-tracker__event-bundles{display:flex;flex-direction:column}.period-tracker__event-bundle{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0;border:none;background:transparent;box-shadow:none;border-radius:0}.period-tracker__event-bundle+.period-tracker__event-bundle{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid var(--color-border-surface)}.period-tracker__event-bundle .period-event-card{margin-top:0}.period-tracker__error{color:var(--color-error-bright);margin-top:var(--spacing-md)}.period-tracker__modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--overlay-scrim);z-index:1000;padding:1.25rem var(--spacing-md);box-sizing:border-box;overflow-y:auto}.period-tracker__modal-content{width:100%;max-width:32rem}.quizzes-page{padding:1px}.quizzes-page__header{margin-bottom:var(--spacing-lg)}.quizzes-page__title{margin:0;color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.quizzes-page__subtitle{margin:var(--spacing-sm) 0 0;color:var(--color-text-muted);font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-base)}.quizzes-page__filters{margin-bottom:var(--spacing-lg)}.quizzes-page__filter-row{display:flex;align-items:stretch;flex-wrap:nowrap;gap:var(--spacing-sm)}.quizzes-page__select{flex:1 1 0;min-width:0;width:auto;box-sizing:border-box;padding:.85rem 2.25rem .85rem 1rem;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--color-text-default);background-color:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238a7570' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:.7rem}.quizzes-page__select--category{color-scheme:light}.quizzes-page__select--placeholder{color:var(--color-text-muted)}.quizzes-page__select:disabled{opacity:.7;cursor:not-allowed}.quizzes-page__select option{background-color:var(--color-bg-input);color:var(--color-text-default)}.quizzes-page__filter-error{color:var(--color-error-bright);margin-top:var(--spacing-sm)}.quizzes-page__results{margin-top:0}.quizzes-page__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.quizzes-page__empty{margin:0;color:var(--color-text-muted);font-family:var(--font-family-display)}.quizzes-page__error{color:var(--color-error-bright)}.quiz-header{margin-bottom:var(--spacing-lg);text-align:center}.quiz-header__title{margin:0 0 var(--spacing-sm);color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.quiz-header__subtitle{margin:0;color:var(--color-text-muted);font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-base)}.quiz-answer-form{display:flex;flex-direction:column}.quiz-answer-form__panel{margin-top:var(--spacing-sm);padding:var(--spacing-xl);border-radius:var(--radius-card);border:1px solid var(--color-border-surface-frosted);background:var(--gradient-card-accent-alt);box-shadow:var(--shadow-card);text-align:left}.quiz-answer-form__step{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-pink-300);letter-spacing:.02em}.quiz-answer-form__question{margin:var(--spacing-sm) 0 var(--spacing-lg);font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default);line-height:var(--line-height-tight)}.quiz-answer-form__error{margin:var(--spacing-md) 0 0;color:var(--color-error);font-family:var(--font-family-display);font-size:var(--font-size-sm)}.quiz-answer-form__nav{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.quiz-answer-form__btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1.25rem;font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);border-radius:var(--radius-lg);cursor:pointer;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.quiz-answer-form__btn:disabled{opacity:.5;cursor:not-allowed}.quiz-answer-form__btn--back{color:var(--color-text-default);background-color:var(--color-gray-100);border:1px solid var(--color-gray-300)}.quiz-answer-form__btn--back:not(:disabled):hover{background-color:var(--color-gray-200)}.quiz-answer-form__btn--next{color:var(--color-btn-primary-text);background-color:var(--color-btn-primary-bg);border:1px solid var(--color-btn-primary-border)}.quiz-answer-form__btn--next:not(:disabled):hover{border-color:var(--color-btn-primary-border-hover)}.quiz-question-answer{display:flex;flex-direction:column;gap:.65rem}.quiz-question-answer--inline{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.quiz-question-answer__field{width:100%;box-sizing:border-box;padding:.75rem 1rem;font-family:var(--font-family-display);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-input);background-color:var(--color-bg-input);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);resize:vertical}.quiz-question-answer__field::placeholder{color:var(--color-text-muted)}.quiz-question-answer__field:disabled{opacity:.7;cursor:not-allowed}.quiz-question-answer__field--ranking{width:6rem}.quiz-question-answer__choice{width:100%;box-sizing:border-box;padding:.75rem 1rem;font-family:var(--font-family-display);font-size:var(--font-size-base);line-height:var(--line-height-base);text-align:left;color:var(--color-text-default);background-color:var(--color-white);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.quiz-question-answer__choice:hover:not(:disabled){border-color:var(--color-pink-200)}.quiz-question-answer__choice:focus,.quiz-question-answer__choice:focus-visible{outline:none}.quiz-question-answer__choice:focus-visible:not(:disabled){border-color:var(--color-pink-300);box-shadow:0 0 0 2px var(--color-pink-50)}.quiz-question-answer__choice:disabled{opacity:.7;cursor:not-allowed}.quiz-question-answer__choice--selected{color:var(--color-btn-primary-text);background-color:var(--color-pink-300);border-color:var(--color-pink-300);font-weight:var(--font-weight-semibold);box-shadow:0 4px 10px #c45c6e4d}.quiz-question-answer__choice--selected:hover:not(:disabled){border-color:var(--color-pink-300)}.quiz-question-answer__choice--selected:focus,.quiz-question-answer__choice--selected:focus-visible{outline:none;border-color:var(--color-pink-300);box-shadow:0 4px 10px #c45c6e4d}.quiz-question-answer__choice--inline{width:auto;padding:.5rem .85rem}.quiz-question-answer__choice--inline.quiz-question-answer__choice--selected{color:var(--color-pink-300);background-color:var(--color-pink-50);border-color:var(--color-pink-300);box-shadow:none;font-weight:var(--font-weight-semibold)}.quiz-question-answer__choice--inline.quiz-question-answer__choice--selected:hover:not(:disabled),.quiz-question-answer__choice--inline.quiz-question-answer__choice--selected:focus,.quiz-question-answer__choice--inline.quiz-question-answer__choice--selected:focus-visible{border-color:var(--color-pink-300);box-shadow:none}.quiz-overview{display:flex;flex-direction:column;gap:var(--spacing-md);text-align:left}.quiz-overview__section-label{margin:0;color:var(--color-text-header);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.quiz-overview__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.quiz-overview-card{box-sizing:border-box;padding:var(--spacing-lg);border-radius:var(--radius-card);border:1px solid var(--color-border-surface-frosted);background:var(--gradient-card-accent-alt);box-shadow:var(--shadow-card)}.quiz-overview-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.quiz-overview-card__heading{min-width:0;flex:1}.quiz-overview-card__label{margin:0 0 var(--spacing-xs);color:var(--color-pink-300);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.06em;line-height:var(--line-height-tight);text-transform:uppercase}.quiz-overview-card__question{margin:0;color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);overflow-wrap:anywhere}.quiz-overview-card__match{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;padding:.35rem .7rem;color:var(--color-pink-300);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:999px;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1}.quiz-overview-card__match-icon{width:.7rem;height:.7rem;color:var(--color-pink-300)}.quiz-overview-card__choices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.quiz-overview-card__choice{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--color-white);box-shadow:var(--shadow-sm);border:1px solid transparent}.quiz-overview-card__choice--selected{border-color:var(--color-pink-100);background-color:var(--color-pink-50)}.quiz-overview-card__choice-text{min-width:0;color:var(--color-text-default);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);overflow-wrap:anywhere}.quiz-overview-card__choice-markers{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--spacing-xs)}.quiz-overview-card__text-answers{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quiz-overview-card__text-answers--after-choices{margin-top:var(--spacing-md)}.quiz-overview-card__answer{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--color-white);box-shadow:var(--shadow-sm)}.quiz-overview-card__answer-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.quiz-overview-card__name{color:var(--color-text-default);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);overflow-wrap:anywhere}.quiz-overview-card__value{color:var(--color-gray-700);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);overflow-wrap:anywhere}.user-initial-marker{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;color:var(--color-white);font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);line-height:1}.user-initial-marker--md{width:2.5rem;height:2.5rem;font-size:var(--font-size-base)}.user-initial-marker--sm{width:1.75rem;height:1.75rem;font-size:var(--font-size-sm)}.user-initial-marker--user{background-color:var(--color-pink-300)}.user-initial-marker--partner{background-color:var(--color-tan-3)}.quiz-admin-side-banners{position:fixed;inset:0;z-index:0;pointer-events:none}.quiz-admin-side-banners:before,.quiz-admin-side-banners:after{content:"";position:absolute;top:0;bottom:0;width:max(3rem,calc((100vw - 1280px)/2))}.quiz-admin-side-banners:before{left:0;background:repeating-linear-gradient(-45deg,#1a2fa8,#1a2fa8 12px,#4a63f0 12px 24px)}.quiz-admin-side-banners:after{right:0;background:repeating-linear-gradient(45deg,#b81eb3,#b81eb3 12px,#ff6af8 12px 24px)}@media(max-width:768px){.quiz-admin-side-banners:before,.quiz-admin-side-banners:after{width:1.25rem}}.user-pair-settings-card{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-card);border:1px solid var(--color-border-surface-frosted);box-shadow:var(--shadow-card);background:var(--gradient-app-bg);display:flex;flex-direction:column;gap:var(--spacing-md)}.user-pair-settings-card__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.01em;margin:var(--spacing-md) 0 0;padding-inline:var(--spacing-md);text-align:center;color:var(--color-text-header);line-height:var(--line-height-tight)}.user-pair-settings-card__loading{margin-top:var(--spacing-md)}.user-pair-settings-card__error{margin-top:var(--spacing-md);color:var(--color-error-bright)}.user-pair-settings-card__field{display:flex;flex-direction:column;gap:.35rem;padding-inline:var(--spacing-md)}.user-pair-settings-card__label{font-size:.95rem;font-weight:var(--font-weight-medium);color:var(--color-text-default)}.user-pair-settings-card__input{padding:var(--spacing-sm);border-radius:6px;border:1px solid var(--color-border-input);width:100%;box-sizing:border-box;background:var(--color-bg-input);background-color:var(--color-bg-input);color:var(--color-text-default)}.user-pair-settings-card__input[aria-invalid=true]{border:2px solid var(--color-error-bright)}.user-pair-settings-card__input--date{color-scheme:light}.user-pair-settings-card__validation-error{color:var(--color-error-bright);margin:0;text-align:center;font-size:.9rem}.user-pair-settings-card__save-btn{display:flex;align-items:center;justify-content:center;width:fit-content;height:3.5rem;box-sizing:border-box;padding:0 1.1rem;margin-bottom:var(--spacing-md);background:var(--color-bg-surface);background-color:var(--color-bg-surface);border-radius:var(--radius-md);border:none;font:inherit;font-size:var(--font-size-base);cursor:pointer;color:var(--color-text-default);align-self:center}.user-pair-settings-card__save-btn:disabled{cursor:not-allowed;opacity:.7}.user-pair-settings-card__save-error{color:var(--color-error-bright);margin:0;text-align:center}.settings-page{padding:1px}.settings-page__title{margin-top:0;color:var(--color-text-header);font-size:1.5em;font-weight:var(--font-weight-bold)}.settings-page__logout-btn{display:flex;align-items:center;gap:.75rem;justify-content:flex-start;width:fit-content;margin:0 auto;height:2.5rem;box-sizing:border-box;padding:0 1.1rem;background-color:var(--color-bg-surface);border-radius:var(--radius-md);border:none;font:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;color:var(--color-error-soft)}#root{max-width:1280px;margin:0 auto;padding:0 .7rem 2rem;text-align:center;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(1) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}