@import "https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@300;400;500;600;700&family=Quicksand:wght@400;500;600;700&display=swap";
:root{--color-primary:#c25a7a;--color-primary-dark:#a84a68;--color-primary-darker:#8e3c56;--color-primary-light:#e8c4d4;--color-primary-bg:#fdf5f8;--rose-petal-1:#c25a7a;--rose-petal-2:#d4879a;--rose-petal-3:#e8c4d4;--rose-leaf:#8ba78a;--rose-thorn:#b89a8c;--color-countdown-far:#a8d8a8;--color-countdown-mid:#ffd4a8;--color-countdown-near:#e8a8b8;--color-countdown-today:gold;--color-success:#7ccd7c;--color-success-text:#2d7a2d;--color-success-bg:#e8f5e8;--color-warning:#f5a623;--color-warning-text:#b45309;--color-warning-bg:#fff3e0;--color-info:#5b9bd5;--color-info-text:#1565c0;--color-info-bg:#e3f2fd;--color-error:#e88db5;--color-error-dev:#ef5350;--color-badge-success-bg:var(--color-success-bg);--color-badge-success-text:var(--color-success-text);--color-badge-warning-bg:var(--color-warning-bg);--color-badge-warning-text:var(--color-warning-text);--color-badge-info-bg:var(--color-info-bg);--color-badge-info-text:var(--color-info-text);--color-complete-start:#e8c4d4;--color-complete-mid:#ffd4a8;--color-complete-end:#a8d8a8;--color-text:#3d2832;--color-text-secondary:#6d5962;--color-text-muted:#8a7a80;--color-text-on-primary:#fff;--color-text-link:#a84a68;--color-text-light:var(--color-text-secondary);--color-bg:#fdf5f8;--color-bg-subtle:#fdf0f4;--color-card:#fff;--color-border:#d8bccc;--color-border-light:#e8d0d8;--color-overlay:#fdf5f8eb;--color-modal-overlay:#0006;--color-primary-soft:#c25a7a26;--color-primary-hover:#c25a7a14;--color-focus-ring:#c25a7a99;--color-focus-ring-visible:#8e3c56;--color-shadow-soft:#c25a7a1a;--color-primary-pulse:#c25a7a66;--color-spinner-track:#ffffff4d;--color-spinner-fill:#fff;--color-dev-border:#e0e0e0;--color-dev-bg:#00000008;--color-dev-text:#0009;--color-dev-danger-bg:#ef53501a;--color-dev-danger-text:#ef5350;--color-dev-panel-bg:#ffffffeb;--color-dev-panel-shadow:#0000000f;--color-dev-panel-border:#0000000f;--color-dev-dark-bg:#18181cf5;--color-dev-dark-trigger:#1e1e1ee6;--color-dev-dark-text:#e0e0e0;--color-dev-dark-text-dim:#888;--color-dev-dark-text-muted:#aaa;--color-dev-dark-text-bright:#fff;--color-dev-dark-border:#ffffff14;--color-dev-dark-border-light:#ffffff1f;--color-dev-dark-surface:#ffffff0f;--color-dev-dark-surface-hover:#ffffff1f;--color-dev-dark-surface-active:#ffffff1a;--color-dev-dark-shadow:#0006;--color-dev-dark-badge:#ef5350;--color-dev-dark-accent-blue:#4fc3f7;--color-dev-dark-accent-blue-bg:#4fc3f726;--color-dev-dark-accent-blue-border:#4fc3f74d;--color-dev-dark-accent-green:#66bb6a;--color-dev-dark-accent-green-bg:#66bb6a1f;--color-dev-dark-accent-green-border:#66bb6a40;--color-dev-dark-accent-red:#ef5350;--color-dev-dark-accent-red-bg:#ef53501f;--color-dev-dark-accent-red-border:#ef535040;--font-family:"Noto Serif SC", "Quicksand", -apple-system, serif;--font-family-heading:"Ma Shan Zheng", "Noto Serif SC", cursive, serif;--font-family-numeric:"Quicksand", -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-size-hero:3rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--touch-target-min:44px;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 4px #c25a7a0f;--shadow-sm:0 2px 8px #c25a7a14;--shadow-card:0 1px 8px #c25a7a0f;--shadow-card-hover:0 2px 16px #c25a7a1a;--shadow-card-elevated:0 4px 20px #c25a7a1a;--shadow-button:0 4px 16px #c25a7a38;--shadow-button-hover:0 6px 20px #c25a7a4d;--shadow-modal:0 16px 48px #0000001f;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--duration-instant:0s;--duration-micro:.1s;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-entrance:.4s;--focus-ring-width:3px;--focus-ring-offset:2px}
h1{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);letter-spacing:-.02em;font-weight:700;line-height:1.3}h2{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:600;line-height:1.35}h3{font-size:var(--font-size-xl);font-weight:600;line-height:1.4}h4{font-size:var(--font-size-lg);font-weight:500;line-height:1.45}body{font-size:var(--font-size-base);line-height:1.6}small,.text-small{font-size:var(--font-size-sm);line-height:1.5}.text-muted{color:var(--color-text-muted)}.text-caption{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.text-numeric{font-family:var(--font-family-numeric);font-variant-numeric:tabular-nums}strong,b{font-weight:600}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100dvh}body:after{content:"";opacity:.4;pointer-events:none;z-index:-2;background:url(/assets/rose-watercolor.jpg) 50%/cover no-repeat;position:fixed;inset:0}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{background:var(--color-primary-soft);color:var(--color-text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}