/* Life milestone calculator: mode switch and days mode */
.life-milestone-mode{margin:0 0 1rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.life-milestone-mode legend{padding:0 .4rem;font-weight:900}.life-milestone-mode__hint{margin:.2rem 0 .8rem;color:var(--color-muted);font-size:.9rem}.life-milestone-mode__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.life-milestone-mode__options label{display:flex;min-width:0;align-items:flex-start;gap:.55rem;padding:.8rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer}.life-milestone-mode__options input{flex:0 0 auto;margin-top:.2rem;accent-color:var(--color-primary)}.life-milestone-mode__options span{display:grid;min-width:0;gap:.15rem;font-weight:900}.life-milestone-mode__options small{color:var(--color-muted);font-weight:600}.life-milestone-mode__options input:focus-visible{outline:3px solid rgba(20,107,99,.24);outline-offset:3px}.life-milestone-panel[hidden]{display:none!important}
.container--birthday-days{width:min(100% - 1.5rem,80rem);max-width:100%;min-width:0}.birthday-days-panel{box-sizing:border-box;min-width:0}.birthday-days-heading,.birthday-days-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.birthday-days-heading h2,.birthday-days-result-heading h2{margin:0}.birthday-days-step{margin:0;color:var(--color-primary);font-size:.75rem;font-weight:900;letter-spacing:.08em}.birthday-days-actions{display:flex;flex-wrap:wrap;gap:.5rem}.birthday-days-important{padding:.8rem;border-left:4px solid var(--color-primary);background:rgba(20,107,99,.07)}.birthday-days-example{color:var(--color-muted);font-size:.85rem;font-weight:750}.birthday-days-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.birthday-days-fields>label{display:grid;min-width:0;align-content:start;gap:.4rem;font-weight:850}.birthday-days-fields small{color:var(--color-muted);font-weight:600}.birthday-days-fields input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:50px;padding:.65rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.birthday-days-date-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.birthday-days-calculate{width:100%;margin-top:.85rem}.birthday-days-fields input:focus,.birthday-days-actions button:focus-visible,.birthday-days-result-heading button:focus-visible,.birthday-days-date-control button:focus-visible{border-color:var(--color-primary);outline:3px solid rgba(20,107,99,.24);outline-offset:2px}.birthday-days-error{min-height:1.5em}.birthday-days-results{min-width:0;margin-top:1rem;padding-top:1.1rem;border-top:1px solid var(--color-border)}.birthday-days-result-heading{align-items:center}.birthday-days-primary{display:grid;gap:.35rem;min-width:0;margin:1rem 0;padding:1.1rem;border:2px solid var(--color-primary);border-radius:var(--radius-md);background:rgba(20,107,99,.09)}.birthday-days-primary span{color:var(--color-muted);font-size:.9rem;font-weight:850}.birthday-days-primary strong{color:var(--color-primary);font-size:clamp(1.5rem,5vw,2.35rem);overflow-wrap:anywhere}.birthday-days-primary p{margin:.25rem 0 0;font-weight:900;overflow-wrap:anywhere}.birthday-days-secondary{min-width:0;padding:.85rem;border-left:4px solid var(--color-primary);background:rgba(20,107,99,.06)}.birthday-days-secondary h3,.birthday-days-secondary p{margin:.2rem 0}.birthday-days-secondary p{font-weight:850;overflow-wrap:anywhere}.birthday-days-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.8rem}.birthday-days-summary article,.birthday-days-custom{box-sizing:border-box;min-width:0;padding:.85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.birthday-days-summary h3,.birthday-days-custom h3{margin:0;color:var(--color-muted);font-size:.82rem}.birthday-days-summary strong,.birthday-days-custom strong,.birthday-days-custom span{display:block;margin-top:.35rem;overflow-wrap:anywhere}.birthday-days-summary strong,.birthday-days-custom strong{color:var(--color-primary)}.birthday-days-next{min-width:0;margin-top:.8rem;padding:.85rem;border:1px solid rgba(20,107,99,.35);border-radius:var(--radius-sm);background:rgba(20,107,99,.07)}.birthday-days-next h3,.birthday-days-next p{margin:.2rem 0}.birthday-days-next p{font-weight:850;overflow-wrap:anywhere}.birthday-days-milestone-section{margin-top:1.2rem}.birthday-days-milestones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.birthday-days-milestones article{display:grid;min-width:0;gap:.25rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.birthday-days-milestones h3{margin:0;color:var(--color-primary);font-size:.9rem}.birthday-days-milestones strong,.birthday-days-milestones span{overflow-wrap:anywhere}.birthday-days-milestones span{color:var(--color-muted);font-size:.82rem;font-weight:750}.birthday-days-milestone__status{color:var(--color-text)!important}.birthday-days-custom{margin-top:.8rem}.birthday-days-copy-status{min-height:1.4em}
@media(max-width:980px){.birthday-days-milestones{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.birthday-days-fields,.birthday-days-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.birthday-days-fields,.birthday-days-summary,.birthday-days-milestones{grid-template-columns:1fr}.birthday-days-date-control{grid-template-columns:1fr}.birthday-days-milestones strong,.birthday-days-milestones span{word-break:break-word}}
@media(max-width:480px){.container--birthday-days{width:min(100% - 1rem,80rem);padding-inline:0}.container--birthday-days .tool-panel{width:100%;max-width:100%;min-width:0;padding:.85rem}.birthday-days-heading,.birthday-days-result-heading{align-items:stretch;flex-direction:column}.birthday-days-actions{display:grid;grid-template-columns:1fr}.birthday-days-actions .button-secondary,.birthday-days-result-heading .button-secondary,.birthday-days-date-control .button-secondary{width:100%;min-width:0}}
@media(max-width:650px){.life-milestone-mode__options{grid-template-columns:1fr}}

/* Simplified task-first UI */
.life-milestone-mode{padding:1.1rem}.life-milestone-mode legend{font-size:1.05rem}.life-milestone-mode__options label{position:relative;min-height:5.25rem;align-items:center;padding:1rem}.life-milestone-mode__options label:has(input:checked){border-color:var(--color-primary);background:rgba(20,107,99,.09);box-shadow:inset 0 0 0 1px var(--color-primary)}.life-milestone-mode__options label:has(input:focus-visible){outline:3px solid rgba(20,107,99,.24);outline-offset:2px}.life-milestone-mode__options input:focus-visible{outline:none}.life-milestone-mode__options span{font-size:1rem}.life-milestone-mode__options small{line-height:1.45}
.birthday-days-fields--primary{grid-template-columns:minmax(0,32rem)}.birthday-days-fields--advanced{grid-template-columns:repeat(2,minmax(0,1fr))}.birthday-days-heading{align-items:center}.birthday-days-heading>.button-secondary,.birthday-days-actions .button-secondary{padding:.45rem .7rem;font-size:.82rem}.birthday-days-result-heading{display:block}.birthday-days-primary{margin:.75rem 0}.birthday-days-primary strong{line-height:1.25}.milestone-copy{margin:.8rem 0 0;padding:.5rem .8rem;font-size:.85rem}
.milestone-disclosure{min-width:0;margin-top:.85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.milestone-disclosure>summary{cursor:pointer;padding:.8rem .9rem;color:var(--color-primary);font-weight:850}.milestone-disclosure[open]>summary{border-bottom:1px solid var(--color-border);background:var(--color-surface-soft)}.milestone-disclosure>.birthday-days-fields,.milestone-disclosure>.seconds-birthday-fields,.milestone-disclosure>.repdigit-fields,.milestone-disclosure>.repdigit-mode,.milestone-result-details>div,.milestone-result-details>section,.milestone-result-details>article,.milestone-result-details>p,.repdigit-all-results>section{margin:0;padding:.9rem}.milestone-result-details{margin-top:.8rem}.milestone-result-details .birthday-days-summary,.milestone-result-details .seconds-birthday-summary,.milestone-result-details .repdigit-summary{padding-bottom:0}.milestone-result-details .birthday-days-next,.milestone-result-details .seconds-birthday-next{margin:.9rem}.milestone-result-details .birthday-days-milestone-section,.milestone-result-details .seconds-birthday-milestone-section{margin:.9rem}.milestone-result-details .birthday-days-custom,.milestone-result-details .seconds-birthday-custom{margin:.9rem}.milestone-result-details .repdigit-highlight{margin:.9rem}.milestone-disclosure .birthday-days-date-control .button-secondary{min-height:50px}
@media(max-width:650px){.life-milestone-mode{padding:.8rem}.life-milestone-mode__options{gap:.5rem}.life-milestone-mode__options label{min-height:0;padding:.75rem}.birthday-days-fields--advanced{grid-template-columns:1fr}.milestone-disclosure>.birthday-days-fields,.milestone-disclosure>.seconds-birthday-fields,.milestone-disclosure>.repdigit-fields,.milestone-disclosure>.repdigit-mode,.milestone-result-details>div,.milestone-result-details>section,.milestone-result-details>article,.milestone-result-details>p,.repdigit-all-results>section{padding:.75rem}.birthday-days-primary{padding:.9rem}.birthday-days-primary strong{font-size:clamp(1.35rem,8vw,1.8rem)}}
.birthday-days-calculate,.seconds-birthday-calculate,.repdigit-calculate{min-height:50px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font:inherit;font-weight:900;cursor:pointer}.birthday-days-calculate:hover,.seconds-birthday-calculate:hover,.repdigit-calculate:hover{filter:brightness(.92)}.birthday-days-calculate:focus-visible,.seconds-birthday-calculate:focus-visible,.repdigit-calculate:focus-visible{outline:3px solid rgba(20,107,99,.3);outline-offset:3px}
@media(max-width:650px){.container--birthday-days .tool-hero{margin-bottom:.75rem;padding-block:.7rem}.container--birthday-days .tool-hero h1{margin:.15rem 0 .45rem;font-size:clamp(1.72rem,8.5vw,2rem)}.container--birthday-days .tool-hero p{margin:.35rem 0}.life-milestone-mode{margin-bottom:.7rem;padding:.65rem}.life-milestone-mode__hint{margin:.15rem 0 .55rem}.life-milestone-mode__options{gap:.35rem}.life-milestone-mode__options label{min-height:3.75rem;padding:.55rem}.life-milestone-mode__options span{font-size:.92rem}.life-milestone-mode__options small{font-size:.76rem;line-height:1.3}}