:root{--ddc-primary:#0072ce;--ddc-primary-deep:#005fa3;--ddc-secondary:#00a86b;--ddc-secondary-light:#e6f0ff;--ddc-danger:#e74c3c;--ddc-bg:#f7f9fb;--ddc-white:#ffffff;--ddc-text:#26282c;--ddc-border:#d8dce2;--ddc-radius:8px;--ddc-spacing:1.5rem;--ddc-gap:0.6rem;--ddc-text-muted:#6b7280;--ddc-text-light:#9ca3af;--ddc-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);--ddc-shadow-md:0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.05);--ddc-shadow-lg:0 12px 40px rgba(0, 0, 0, 0.1), 0 4px 14px rgba(0, 0, 0, 0.06);--ddc-transition:0.22s ease}.ddc-header{text-align:center;padding:2.5rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;border:1px solid var(--ddc-border)!important;border-radius:var(--ddc-radius);box-shadow:var(--ddc-shadow-sm);margin-bottom:1.5rem}.ddc-header-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--ddc-secondary-light)!important;color:var(--ddc-primary-deep)!important;border:1px solid #c2d8f7!important;border-radius:100px;font-size:0.75rem!important;font-weight:600;letter-spacing:.04em;padding:.3rem .85rem;text-transform:uppercase}.ddc-title{font-size:clamp(1.5rem, 5vw, 2rem)!important;font-weight:800;color:var(--ddc-text)!important;line-height:1.15;letter-spacing:-.01em}.ddc-title em{color:var(--ddc-primary)!important;font-style:normal}.ddc-subtitle{font-size:1rem!important;color:var(--ddc-text-muted)!important;font-weight:400;margin:0 auto;line-height:1.5}.ddc-container{background:var(--ddc-white)!important;border:1px solid var(--ddc-border)!important;border-radius:16px;padding:2rem;box-shadow:var(--ddc-shadow-md);margin-bottom:1.5rem}.ddc-section-label{display:block;font-size:0.7rem!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ddc-text-muted)!important;margin-bottom:.75rem}.ddc-method-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.75rem}.ddc-method-tab{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.9rem .5rem;border:2px solid var(--ddc-border)!important;border-radius:10px;background:var(--ddc-bg)!important;cursor:pointer;transition:all var(--ddc-transition);text-align:center;position:relative}.ddc-method-tab:hover{border-color:var(--ddc-primary)!important;background:var(--ddc-secondary-light)!important}.ddc-method-tab--active{border-color:var(--ddc-primary)!important;background:var(--ddc-secondary-light)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.ddc-tab-icon{font-size:1.4rem;line-height:1}.ddc-tab-title{font-size:0.82rem!important;font-weight:600;color:var(--ddc-text)!important}.ddc-tab-desc{font-size:0.68rem!important;color:var(--ddc-text-muted)!important;font-weight:400}.ddc-panel{display:none}.ddc-panel--active{display:block}.ddc-field-group{margin-bottom:1.25rem}.ddc-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ddc-label{display:flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;color:var(--ddc-text);margin-bottom:.45rem}.ddc-input{width:100%;padding:.7rem .9rem;border:1.5px solid var(--ddc-border)!important;border-radius:var(--ddc-radius);font-family:inherit;font-size:.95rem;color:var(--ddc-text);background:var(--ddc-white)!important;transition:border-color var(--ddc-transition),box-shadow var(--ddc-transition);outline:none;-webkit-appearance:none}.ddc-input:focus{border-color:var(--ddc-primary)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .15)}.ddc-input--cycle{text-align:center;font-size:1.1rem!important;font-weight:600;border-radius:0;border-left:none;border-right:none}.ddc-hint{display:block;font-size:0.72rem!important;color:var(--ddc-text-light)!important;margin-top:.3rem}.ddc-cycle-control{display:flex;align-items:stretch}.ddc-cycle-btn{width:42px;background:var(--ddc-bg)!important;border:1.5px solid var(--ddc-border)!important;font-size:1.2rem!important;font-weight:300;color:var(--ddc-text);cursor:pointer;transition:background var(--ddc-transition);flex-shrink:0;line-height:1}.ddc-cycle-btn:first-child{border-radius:var(--ddc-radius) 0 0 var(--ddc-radius)}.ddc-cycle-btn:last-child{border-radius:0 var(--ddc-radius) var(--ddc-radius) 0}.ddc-cycle-btn:hover{background:var(--ddc-secondary-light)!important;color:var(--ddc-primary)}.ddc-tooltip{font-size:0.75rem!important;color:var(--ddc-text-muted)!important;cursor:help;position:relative}.ddc-tooltip::after{content:attr(data-tip);position:absolute;left:1.2rem;top:-.3rem;width:220px;background:#1e2129!important;color:#f1f3f5!important;font-size:0.72rem!important;font-weight:400;padding:.55rem .75rem;border-radius:7px;line-height:1.4;z-index:50;pointer-events:none;opacity:0;transform:translateX(4px);transition:opacity 0.18s,transform 0.18s;white-space:normal;box-shadow:var(--ddc-shadow-md)}.ddc-tooltip:hover::after{opacity:1;transform:translateX(0)}.ddc-error{display:none;background:#fff5f5!important;border:1px solid #fecaca!important;color:var(--ddc-danger)!important;border-radius:var(--ddc-radius);padding:.6rem .9rem;font-size:0.85rem!important;margin-bottom:1rem;font-weight:500}.ddc-error--visible{display:block}.ddc-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--ddc-radius);font-family:inherit;font-size:0.9rem!important;font-weight:600;cursor:pointer;transition:all var(--ddc-transition);text-decoration:none;white-space:nowrap}.ddc-button--primary{width:100%;padding:.9rem 1.5rem;background:var(--ddc-primary)!important;color:var(--ddc-white)!important;font-size:1rem!important;letter-spacing:.01em;box-shadow:0 2px 8px rgb(0 114 206 / .35);border-radius:8px}.ddc-button--primary:hover{background:var(--ddc-primary-deep)!important;box-shadow:0 4px 14px rgb(0 114 206 / .45);transform:translateY(-1px)}.ddc-button--primary:active{transform:translateY(0)}.ddc-btn-icon{font-size:1.1rem;transition:transform var(--ddc-transition)}.ddc-button--primary:hover .ddc-btn-icon{transform:translateX(3px)}.ddc-button--secondary{padding:.65rem 1.1rem;background:var(--ddc-white)!important;color:var(--ddc-primary)!important;border:1.5px solid var(--ddc-primary)!important;border-radius:7px}.ddc-button--secondary:hover{background:var(--ddc-secondary-light)!important}.ddc-button--ghost{padding:.65rem 1.1rem;background:transparent!important;color:var(--ddc-text-muted)!important;border:1.5px solid var(--ddc-border)!important;border-radius:7px;box-shadow:var(--ddc-shadow-sm)}.ddc-button--ghost:hover{background:var(--ddc-bg)!important;color:var(--ddc-text)!important}.ddc-button--danger{padding:.65rem 1.25rem;background:var(--ddc-danger)!important;color:var(--ddc-white)!important;border-radius:7px}.ddc-button--danger:hover{background:#c0392b!important}.ddc-results{display:none;animation:ddc-fadeUp 0.4s ease}.ddc-results--visible{display:block}@keyframes ddc-fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ddc-result-hero{background:linear-gradient(135deg,var(--ddc-primary) 0%,var(--ddc-primary-deep) 100%)!important;border-radius:16px;padding:2.5rem 2rem;text-align:center;color:var(--ddc-white)!important;margin-bottom:1.25rem;box-shadow:0 8px 30px rgb(0 114 206 / .3);position:relative;overflow:hidden}.ddc-result-hero::before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:rgb(255 255 255 / .06);border-radius:50%;pointer-events:none}.ddc-result-label{font-size:0.72rem!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:.5rem}.ddc-result-date{font-size:clamp(1.2rem, 5vw, 1.8rem)!important;font-weight:400;letter-spacing:-.01em;line-height:1.1;margin-bottom:.5rem}.ddc-result-alt{font-size:0.82rem!important;opacity:.75;font-style:italic}.ddc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.ddc-stat-card{background:var(--ddc-white)!important;border:1px solid var(--ddc-border)!important;border-radius:12px;padding:1rem .75rem;text-align:center;box-shadow:var(--ddc-shadow-sm);transition:box-shadow var(--ddc-transition)}.ddc-stat-card:hover{box-shadow:var(--ddc-shadow-md)}.ddc-stat-icon{font-size:1.3rem;margin-bottom:.35rem}.ddc-stat-value{font-size:1.15rem;color:var(--ddc-primary);line-height:1.2;margin-bottom:.25rem}.ddc-stat-label{font-size:0.68rem!important;color:var(--ddc-text-muted)!important;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ddc-progress-section{background:var(--ddc-white)!important;border:1px solid var(--ddc-border)!important;border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--ddc-shadow-sm)}.ddc-progress-labels{display:flex;justify-content:space-between;font-size:0.72rem!important;color:var(--ddc-text-muted)!important;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.ddc-progress-track{height:18px;background:var(--ddc-bg)!important;border-radius:100px;position:relative;overflow:visible;border:1px solid var(--ddc-border)!important}.ddc-progress-fill{height:100%;background:linear-gradient(90deg,var(--ddc-secondary) 0%,var(--ddc-primary) 100%)!important;border-radius:100px;transition:width 0.8s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.ddc-progress-marker{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--ddc-white)!important;border:3px solid var(--ddc-primary)!important;border-radius:50%;z-index:3;box-shadow:0 2px 6px rgb(0 114 206 / .4);transition:left 0.8s cubic-bezier(.4,0,.2,1)}.ddc-trimester-divider{position:absolute;top:0;bottom:0;width:2px;background:rgb(255 255 255 / .7);z-index:2}.ddc-trimester-divider span{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:0.62rem!important;color:var(--ddc-text-muted)!important;font-weight:700;letter-spacing:.05em}.ddc-trimester-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;text-align:center}.ddc-trimester-labels span{font-size:0.72rem!important;color:var(--ddc-text-muted)!important;line-height:1.4}.ddc-trimester-labels small{font-size:0.65rem!important;opacity:.7}.ddc-milestones-section{background:var(--ddc-white)!important;border:1px solid var(--ddc-border)!important;border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--ddc-shadow-sm)}.ddc-section-heading{font-size:1.15rem!important;font-weight:600;color:var(--ddc-text);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--ddc-border)}.ddc-timeline{display:flex;flex-direction:column;gap:0;margin-top:1rem}.ddc-milestone{display:grid;grid-template-columns:56px 1fr;gap:.75rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid #f1f3f5;transition:background var(--ddc-transition);border-radius:6px;padding-left:.5rem}.ddc-milestone:last-child{border-bottom:none}.ddc-milestone--past .ddc-milestone-week{opacity:.5}.ddc-milestone--current{background:var(--ddc-secondary-light)!important;border-color:transparent!important;padding:.75rem .5rem;margin:.15rem 0}.ddc-milestone-week{background:var(--ddc-bg)!important;border:1.5px solid var(--ddc-border)!important;border-radius:8px;text-align:center;padding:.35rem .2rem;flex-shrink:0}.ddc-milestone-week-num{font-size:1rem;color:var(--ddc-primary);line-height:1}.ddc-milestone-week-label{font-size:0.55rem!important;color:var(--ddc-text-muted)!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ddc-milestone--current .ddc-milestone-week{background:var(--ddc-primary)!important;border-color:var(--ddc-primary)!important}.ddc-milestone--current .ddc-milestone-week-num,.ddc-milestone--current .ddc-milestone-week-label{color:white!important}.ddc-milestone-date{font-size:0.72rem!important;color:var(--ddc-text-muted)!important;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem}.ddc-milestone-title{font-size:0.9rem!important;font-weight:600;color:var(--ddc-text);margin-bottom:.15rem}.ddc-milestone-desc{font-size:0.78rem!important;color:var(--ddc-text-muted)!important;line-height:1.4}.ddc-milestone-badge{display:inline-block;font-size:0.62rem!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:100px;margin-left:.4rem;vertical-align:middle}.ddc-badge--now{background:var(--ddc-primary)!important;color:white!important}.ddc-badge--past{background:#e5e7eb!important;color:var(--ddc-text-muted)!important}.ddc-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.ddc-actions .ddc-button{flex:1;min-width:120px}.ddc-disclaimer{background:var(--ddc-white)!important;border:1px solid var(--ddc-border)!important;border-radius:10px;padding:1rem 1.25rem;font-size:0.78rem!important;color:var(--ddc-text-muted)!important;line-height:1.55}.ddc-disclaimer strong{color:var(--ddc-text)!important}.ddc-modal-overlay{display:none;position:fixed;inset:0;background:rgb(20 24 32 / .5);backdrop-filter:blur(4px);z-index:100;align-items:center;justify-content:center;padding:1rem}.ddc-modal-overlay--visible{display:flex}.ddc-modal{background:var(--ddc-white)!important;border-radius:16px;padding:2rem;max-width:380px;width:100%;text-align:center;box-shadow:var(--ddc-shadow-lg);animation:ddc-modalIn 0.25s ease}@keyframes ddc-modalIn{from{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ddc-modal-icon{font-size:2rem;margin-bottom:.75rem;color:var(--ddc-primary)}.ddc-modal-title{font-size:1.35rem!important;margin-bottom:.6rem}.ddc-modal-body{font-size:0.88rem!important;color:var(--ddc-text-muted)!important;margin-bottom:1.5rem;line-height:1.5}.ddc-modal-actions{display:flex;gap:.75rem;justify-content:center}.ddc-modal-actions .ddc-button{min-width:110px}.ddc-toast{display:none;position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:#1e2129!important;color:#f1f3f5!important;padding:.65rem 1.25rem;border-radius:100px;font-size:0.85rem!important;font-weight:500;z-index:200;box-shadow:var(--ddc-shadow-lg);animation:ddc-toastIn 0.25s ease;white-space:nowrap}.ddc-toast--visible{display:block}@keyframes ddc-toastIn{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:600px){.ddc-container{padding:1.25rem}.ddc-method-tabs{grid-template-columns:repeat(3,1fr);gap:.35rem}.ddc-tab-desc{display:none}.ddc-stats-grid{grid-template-columns:repeat(2,1fr)}.ddc-field-row{grid-template-columns:1fr 1fr}.ddc-actions{flex-direction:column}.ddc-actions .ddc-button{flex:none;width:100%}.ddc-trimester-labels span{font-size:0.64rem!important}}@media (max-width:380px){.ddc-title{font-size:1.7rem!important}.ddc-method-tabs{grid-template-columns:1fr}.ddc-method-tab{flex-direction:row;justify-content:flex-start;padding:.75rem 1rem}.ddc-tab-desc{display:block}}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}