.typ-wrap{max-width:1000px!important;display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr);align-items:start;gap:14px;margin:12px auto!important;padding:0 8px!important;overflow:visible!important;font:13px/1.4 'Segoe UI',Arial,sans-serif;color:#0f284d;box-sizing:border-box}.typ-wrap *{box-sizing:border-box}.typ-wrap .leftinput,.typ-wrap .rightresult{float:none!important;width:100%!important;max-width:none!important;margin:0!important}.typ-wrap .typ-input{padding:12px!important;background:#e1eff0;border:1px solid #0f284d;border-radius:3px}.typ-wrap .typ-input h2,.typ-wrap .typ-result>h2{font-size:17px!important;margin:0 0 10px!important;text-align:center!important;color:#0f284d}.typ-wrap .typ-result{padding:0!important;background:none}.typ-wrap .typ-result>h2{background:#228b22!important;color:white!important;padding:6px!important}.typ-wrap .typ-field{min-width:0;margin-bottom:9px}.typ-wrap .typ-field label{font-size:12px!important;display:block;margin:0 0 4px;color:#0f284d}.typ-wrap input[type=date],.typ-wrap input[type=number]{height:39px!important;width:100%!important;font-size:16px!important;padding:6px 8px!important;border:1px solid #0f284d!important;border-radius:2px!important;background:#fff;color:#0f284d;min-width:0}.typ-wrap input:focus-visible,.typ-wrap button:focus-visible{outline:3px solid #70aed7!important;outline-offset:2px}.typ-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.typ-wrap .typ-actions{display:flex;gap:8px}.typ-wrap .typ-actions .btn-style{width:50%!important;margin:0!important;padding:9px 5px!important;font-size:14px!important;min-height:39px}.typ-wrap .typ-ratings{margin-top:9px;text-align:center;min-height:14px}.typ-wrap .typ-error{display:block;color:#a51515;font-size:11px;line-height:1.3}.typ-wrap input[aria-invalid=true]{border:2px solid #ba2020!important}.typ-empty{padding:16px;background:#f4f7f9;text-align:center}.typ-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.typ-stat{background:#fff;border-left:4px solid #228b22;padding:9px 10px;box-shadow:0 1px 4px #0001;min-width:0}.typ-stat span,.typ-stat small{display:block;font-size:11px;color:#4b5963}.typ-stat strong{display:block;color:#0f284d;font-size:17px;line-height:1.3;margin:2px 0;overflow-wrap:anywhere}.typ-legend{display:flex;flex-wrap:wrap;gap:10px;margin:7px 0;font-size:11px}.typ-legend span{display:flex;align-items:center;gap:4px}.typ-dot{display:inline-block;width:10px;height:10px;border-radius:2px}.typ-period{background:#df6786}.typ-fertile{background:#addfca}.typ-ovulation{background:#228b22}.typ-charts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:9px 0}.typ-charts>div{min-width:0;background:#f4f7f9;padding:8px}.typ-charts h3{font-size:12px!important;color:#0f284d;margin:0 0 8px!important}.typ-timeline{display:flex;width:100%;height:28px;overflow:hidden;border-radius:3px;background:#e7ebed}.typ-timeline .typ-segment{height:100%}.typ-timeline-scale{display:flex;justify-content:space-between;font-size:10px;color:#555;margin-top:4px}.typ-mini-chart{height:53px;display:flex;gap:6px;align-items:end;justify-content:space-around}.typ-mini-chart>div{flex:1;text-align:center;min-width:0;font-size:10px}.typ-mini-chart b{display:block;background:#df6786;border-radius:2px 2px 0 0;height:22px;max-width:35px;margin:0 auto 3px}.typ-calendars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.typ-month{border:1px solid #d5dfe5;min-width:0}.typ-month h3{font-size:12px!important;margin:0!important;text-align:center;background:#0f284d;color:#fff;padding:5px}.typ-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:4px;text-align:center}.typ-weekday{font-size:9px;font-weight:700;color:#52616b}.typ-day{font-size:11px;line-height:25px;height:25px;border-radius:2px;color:#0f284d}.typ-day.is-period{background:#df6786;color:#fff}.typ-day.is-fertile{background:#addfca}.typ-day.is-ovulation{background:#228b22;color:#fff;font-weight:700}.typ-day.is-today{outline:1px solid #0f284d;outline-offset:-1px}.typ-table-wrap{overflow:auto;margin-top:10px}.typ-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.typ-table caption{text-align:left;font-weight:700;color:#0f284d;margin-bottom:5px}.typ-table th{background:#0f284d;color:#fff}.typ-table td,.typ-table th{padding:7px;border-bottom:1px solid #dce5e9}.typ-table tr:nth-child(even){background:#f4f7f9}.typ-output-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.typ-wrap .typ-output-actions button{margin:0!important;padding:7px 11px!important;font-size:12px!important;background:#0f284d!important;color:#fff;border:0;border-radius:2px;cursor:pointer}.typ-notice,.typ-method{font-size:11px;color:#455461;line-height:1.5;margin:9px 0 0}.typ-feedback{font-size:11px;color:#228b22;min-height:15px}.typ-wrap [hidden]{display:none!important}@media(max-width:768px){.typ-wrap{display:block;max-width:430px!important;margin:6px auto!important}.typ-wrap .typ-input{padding:10px!important}.typ-wrap .typ-result{margin-top:10px!important}.typ-wrap .typ-input h2{font-size:15px!important;margin-bottom:7px!important}.typ-wrap .typ-field{margin-bottom:6px}.typ-wrap .typ-ratings{margin-top:5px}.typ-wrap .typ-calendars{gap:6px}.typ-wrap .typ-day{height:23px;line-height:23px;font-size:10px}.typ-wrap .typ-summary{gap:6px}.typ-wrap .typ-stat strong{font-size:15px}}@media(max-width:350px){.typ-charts{grid-template-columns:1fr}.typ-wrap .typ-calendars{grid-template-columns:1fr}}@media print{.typ-wrap{display:block;max-width:none!important}.typ-wrap .typ-input,.typ-output-actions{display:none!important}.typ-wrap .typ-result{margin:0!important}.typ-wrap .typ-month{break-inside:avoid}}