*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden}:root{--color-primary:#ffb5c2;--color-primary-dark:#f28da0;--color-primary-soft:#ffd6de;--color-primary-pale:#fff0f3;--color-bg:#fff8fa;--color-bg-warm:#fff2ec;--color-bg-outer:#f7eff4;--color-bg-card:#fff;--color-surface:#fff;--color-cream:#fff9f2;--color-text:#3d2c2c;--color-text-muted:#7a6363;--color-text-soft:#b09a9a;--color-border:#f5e0e6;--color-line:#faeef1;--color-danger:#ff8b8b;--color-danger-soft:#ffe5ea;--color-success:#f28da0;--color-success-light:#fff0f3;--color-success-dark:#e9367b;--color-amber:#f28da0;--color-amber-soft:#fff0f3;--color-star:#ffb5c2;--color-purple:#f28da0;--color-purple-soft:#fff0f3;--color-peach:#ffd6de;--color-peach-soft:#fff0f3;--color-deer-brown:#b66a2e;--color-deer-light:#f7b66a;--color-black:#171417;--color-white:#fff;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:22px;--space-xxl:28px;--space-screen:20px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-xxl:32px;--radius-pill:999px;--font-caption:12px;--font-helper:13px;--font-small:14px;--font-body:15px;--font-title:18px;--font-card-title:19px;--font-headline:27px;--font-hero:30px;--shadow-card:0 12px 28px #ffb5c21f;--shadow-soft:0 8px 20px #ffb5c214;--shadow-floating:0 16px 42px #ffb5c22e;--shadow-blush:0 20px 48px #ffb5c229;--shadow-tab:0 -8px 26px #ffb5c21a;--color-bg-neutral:#f5f5f5;--color-bg-disabled:var(--color-border);--color-info:#8ec5e8;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--theme-bg-image:none;--theme-bg-mask:none;--theme-card-bg:#fff;--theme-card-blur:none;--theme-surface-bg:#fff;--color-period-bg:#f28da0;--color-period-text:#fff;--color-period-pred-bg:#ffb5c273;--color-period-pred-text:#e9367b;--color-fertile-bg:#ffd6de99;--color-fertile-text:#f28da0;--color-ovulation-bg:#ffb5c261;--color-ovulation-text:#f28da0;--color-today-ring:#f28da0;--safe-area-bottom:env(safe-area-inset-bottom,0px)}body{font-family:var(--font-family);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0e8ec;overflow:hidden}#root{justify-content:center;width:100%;min-height:100dvh;display:flex}::-webkit-scrollbar{width:0;height:0}input,textarea,button{background:0 0;border:none;outline:none;font-family:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:none}button:active{opacity:.8;transform:scale(.98)}button:focus,div:focus,a:focus,[role=button]:focus{outline:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:8px}button{-webkit-user-select:none;user-select:none;touch-action:manipulation}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.hero-greeting{color:var(--color-text);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:19px;font-weight:900;line-height:25px;display:-webkit-box;overflow:hidden}@media (width<=374px){.hero-greeting{font-size:16px;line-height:22px}}.iphone-case{width:100%;max-width:420px;min-height:100dvh;box-shadow:none;background:0 0;border-radius:0;margin:0 auto;padding:0;position:relative}.iphone-screen{background:var(--color-bg-outer);border-radius:0;flex-direction:column;width:100%;height:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.iphone-side-btn{display:none}@media (width>=481px){.iphone-case{background:#000;border-radius:56px;max-width:440px;height:850px;min-height:auto;margin:auto;padding:14px;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 25px 70px #0006}.iphone-screen{border-radius:42px;height:100%;min-height:auto}.iphone-side-btn{z-index:100;background:#1a1a1a;display:block;position:absolute}.iphone-btn-power{border-radius:4px 0 0 4px;width:7px;height:70px;top:22%;right:-7px}.iphone-btn-vol-up{border-radius:0 4px 4px 0;width:7px;height:50px;top:16%;left:-7px}.iphone-btn-vol-down{border-radius:0 4px 4px 0;width:7px;height:50px;top:26%;left:-7px}}