:root{--ink:#432737;--muted:#806d77;--bg:#fff7fa;--paper:#fff;--purple:#c84f7f;--purple-soft:#ffe6ef;--rose:#e76791;--rose-soft:#fff0f5;--teal:#bd557d;--teal-soft:#ffe7f0;--amber:#fff5d8;--line:#f0dfe6;--shadow:0 16px 45px rgba(120,49,82,.10)}
body{background:radial-gradient(circle at 10% 0,#fff 0,#fff7fa 34%,#fff9f7 100%)}
.app-header{background:rgba(255,247,250,.93);border-bottom-color:#f0dce4}
.brand-mark{background:linear-gradient(145deg,#db6992,#ae3f6d);box-shadow:0 6px 16px rgba(190,72,118,.28)}
.welcome-card{background:linear-gradient(135deg,#ffe7ef 0%,#fff2f6 54%,#f5d9e5 100%)}
.welcome-art{background:linear-gradient(145deg,#f5b8cf,#d98bae)}
.welcome-art .moon{background:#fff8f4;color:#d66a92}.welcome-art i{background:#d96691}.welcome-art i:nth-of-type(2){background:#a84b75}
.privacy-note{background:#fff0f4}.mood-row button{background:#fff7fa}.mood-row button:hover,.mood-row button.selected{border-color:#e991b1;background:#fff0f5}
.learn-strip{background:linear-gradient(135deg,#7f3458,#4d293c)}
.bottom-nav{background:rgba(78,38,57,.96);box-shadow:0 16px 35px rgba(91,35,62,.28)}
.pregnancy-result{background:linear-gradient(150deg,#fff,#fff0f5)}.week-ring{background:linear-gradient(145deg,#d6608c,#ae3e6a);box-shadow:0 0 0 9px #ffe2ed}.week-card{background:#fde7ef}.week-art{color:#d4658e}.purple-notice{background:#fff0f5}
.privacy-screen{background:linear-gradient(150deg,#fff1f6,#f9dce7)}.breathing-orb{background:radial-gradient(circle,#fff 10%,#efaac1 65%);box-shadow:0 0 0 30px rgba(229,120,155,.18)}
.body-intro{margin-bottom:22px;border-radius:26px;padding:34px 38px;background:linear-gradient(125deg,#6f304f 0%,#a8426d 58%,#d66f97 100%);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:25px;overflow:hidden;position:relative}.body-intro:after{content:"";position:absolute;width:190px;height:190px;border:45px solid rgba(255,255,255,.08);border-radius:50%;right:-60px;top:-80px}.body-intro .soft-label{color:#ffd7e5}.body-intro h2{font:600 31px/1.2 Georgia,serif;margin:8px 0}.body-intro p{color:#f8dfe8;line-height:1.6;font-size:13px}.body-affirmation{position:relative;z-index:2;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:19px;padding:24px;text-align:center}.body-affirmation span{font-size:24px;color:#ffd0e1}.body-affirmation p{font:italic 18px/1.5 Georgia,serif;color:#fff;margin:8px}
.body-changes{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.body-changes legend{grid-column:1/-1;font-size:13px;font-weight:900;margin-bottom:11px}.body-changes label{margin:0;padding:11px;border:1px solid #eed9e2;border-radius:12px;background:#fff8fa;font-size:11px;display:flex;align-items:center;gap:8px;cursor:pointer}.body-changes input{accent-color:var(--purple);width:16px;height:16px;margin:0}
.evolution-column{display:flex;flex-direction:column;gap:22px}.trend-panel{background:linear-gradient(145deg,#fff,#fff1f6)}.trend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.trend-grid>div{background:#fff;border:1px solid #f1dfe6;border-radius:14px;padding:15px 8px;text-align:center}.trend-grid span{display:block;font:600 20px Georgia,serif;color:var(--purple)}.trend-grid small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.trend-panel>p{font-size:12px;color:var(--muted);margin:8px 0 0}.journal-item{background:#fff7fa}.journal-item .mood-dot{background:#ffe5ef}
.fertility-card{margin-top:20px;padding:18px;border:1px solid #f1ccda;border-radius:18px;background:linear-gradient(145deg,#fff8fb,#ffeaf2);text-align:left}.fertility-title{display:flex;align-items:center;gap:12px}.fertility-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f7c5d7;color:#9d3e64;font-size:18px}.fertility-title h3{margin:3px 0 0;font:600 19px/1.25 Georgia,serif;color:var(--ink)}.fertility-card>p{margin:13px 0 11px;color:var(--muted);font-size:12px;line-height:1.55}.confidence-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f5d6e2;color:#813753;font-size:10px;font-weight:800;line-height:1.3}.confidence-badge.low{background:#fff0ca;color:#7a5920}
.flower-mark{border-radius:50%;font-size:23px;background:linear-gradient(145deg,#e66f9c,#aa3e69)}
.cycle-hero{min-height:370px;border-radius:32px;padding:48px 56px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:30px;background:radial-gradient(circle at 78% 48%,#fff 0 6%,#ffdbe8 6.5% 17%,transparent 17.5%),linear-gradient(135deg,#fff0f5,#f8c9da);overflow:hidden;position:relative}.cycle-hero:before,.cycle-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.24)}.cycle-hero:before{width:230px;height:230px;right:-80px;top:-100px}.cycle-hero:after{width:150px;height:150px;left:-80px;bottom:-85px}.hero-copy{position:relative;z-index:2}.hero-copy h1{font:600 clamp(42px,5vw,64px)/1.04 Georgia,serif;margin:13px 0 16px;letter-spacing:-1.5px}.hero-copy h1 em{font-weight:400;color:#a5446b}.hero-copy>p{max-width:520px;color:#725461;line-height:1.6}.hero-history-link{border:0;background:transparent;color:#873756;font-weight:900;padding:8px 0;cursor:pointer}.period-touch-zone{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.flower-button{position:relative;width:205px;height:205px;border:0;border-radius:50%;background:transparent;cursor:pointer;filter:drop-shadow(0 18px 26px rgba(148,49,91,.24));transition:.2s}.flower-button:hover,.flower-button:focus-visible{transform:scale(1.035)}.flower-button:active{transform:scale(.97)}.petal{position:absolute;left:72px;top:13px;width:62px;height:95px;border-radius:58% 58% 48% 48%;background:linear-gradient(160deg,#fff7fb,#e991b2);transform-origin:31px 90px}.p1{transform:rotate(0deg)}.p2{transform:rotate(72deg)}.p3{transform:rotate(144deg)}.p4{transform:rotate(216deg)}.p5{transform:rotate(288deg)}.flower-center{position:absolute;inset:62px;z-index:3;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#c74778,#873252);color:#fff;font:600 35px Georgia,serif;box-shadow:inset 0 0 0 7px rgba(255,255,255,.18)}.period-touch-zone>b{margin-top:12px;font:600 21px Georgia,serif}.period-touch-zone>span{font-size:11px;color:#76525f;margin-top:4px}.period-touch-zone.active .petal{background:linear-gradient(160deg,#ffd3e2,#d95182)}
.prediction-quality{font-size:10px!important;font-weight:800;color:#a44c6f!important}.cycle-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.cycle-stats article{background:#fff;border:1px solid #f0dde5;border-radius:18px;padding:20px;text-align:center;box-shadow:var(--shadow)}.cycle-stats span{display:block;font:600 28px Georgia,serif;color:var(--purple)}.cycle-stats small{color:var(--muted);font-size:10px;font-weight:800}.cycle-layout{align-items:start}.history-reminder-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin-top:22px}.cycle-history-list{display:flex;flex-direction:column;gap:10px}.cycle-history-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border-radius:14px;background:#fff7fa;border:1px solid #f0dfe6}.cycle-history-item b{display:block;font-size:13px}.cycle-history-item span{color:var(--muted);font-size:11px}.history-actions{display:flex;gap:6px}.history-actions button{border:0;border-radius:9px;background:#f8e4eb;color:#8a3c59;padding:8px 9px;font-weight:800;font-size:10px;cursor:pointer}.history-actions button:last-child{background:#fff0ed;color:#a24747}.toggle-row{display:flex!important;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);margin:0!important}.toggle-row span b,.toggle-row span small{display:block}.toggle-row span small{margin-top:4px}.toggle-row input{width:44px!important;height:24px;accent-color:var(--purple)}.reminder-button{margin-top:20px!important}.reminder-note{font-size:11px!important}.flower-heading{border-radius:50%}
@media(max-width:800px){.body-intro{grid-template-columns:1fr}.body-affirmation{text-align:left}.journal-layout{grid-template-columns:1fr}}
@media(max-width:800px){.cycle-hero{grid-template-columns:1fr;padding:38px}.history-reminder-grid{grid-template-columns:1fr}}
@media(max-width:520px){.body-intro{padding:27px 23px}.body-intro h2{font-size:27px}.body-changes{grid-template-columns:1fr}.trend-grid{gap:6px}.trend-grid span{font-size:17px}.bottom-nav{width:calc(100% - 14px)}.cycle-hero{padding:29px 22px;gap:10px;border-radius:24px}.hero-copy{text-align:center}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:14px}.flower-button{width:175px;height:175px}.petal{left:62px;top:12px;width:52px;height:80px;transform-origin:26px 75px}.flower-center{inset:54px}.period-touch-zone>b{margin-top:5px}.cycle-stats{gap:7px}.cycle-stats article{padding:14px 5px}.cycle-stats span{font-size:21px}.cycle-stats small{font-size:8px}.history-actions{flex-direction:column}}