.age-tool{--ink:#1c2333;--brass:#b3811f;--brass-dark:#8f6714;--brass-tint:#faf1dd;--brass-border:#e8d5a4;--display-font:"Fraunces", Georgia, serif}.tool{width:min(100%, var(--content-width));padding:var(--space-lg) 0;margin-inline:auto}.tool-header{margin-bottom:var(--space-lg)}.tool-header h1{margin:0 0 .5rem}.tool-header p{color:#555;margin:0}.mode-tabs{margin-bottom:var(--space-lg);border-radius:calc(var(--radius) + 4px);background:#f2f2f0;gap:.25rem;padding:.25rem;display:inline-flex}.mode-tab{font:inherit;color:#666;border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.mode-tab:hover{color:var(--ink)}.mode-tab.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000001a}.panel[hidden]{display:none}.field-block{margin-bottom:var(--space-md)}.field-label{margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.compare-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.date-input-group{align-items:center;gap:.4rem;display:flex}.date-field{font:inherit;font-variant-numeric:tabular-nums;text-align:center;border-radius:var(--radius);border:1px solid #ccc;padding:.7rem 0;transition:border-color .15s,box-shadow .15s}.date-field:focus{border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-tint);outline:none}.date-field--day,.date-field--month{width:3.4rem}.date-field--year{width:4.6rem}.date-sep{color:#aaa;font-weight:600}.cal-button{width:2.6rem;height:2.6rem;color:var(--brass-dark);background:var(--brass-tint);border:1px solid var(--brass-border);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;margin-left:.35rem;transition:background .15s,border-color .15s;display:inline-flex}.cal-button:hover{background:var(--brass-border)}.native-date-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ref-toggle{gap:.6rem;margin-bottom:.75rem;display:flex}.radio-pill{cursor:pointer;border:1px solid #ccc;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.9rem;transition:border-color .15s,background .15s;display:inline-flex}.radio-pill:has(input:checked){border-color:var(--brass);background:var(--brass-tint)}.radio-pill input{accent-color:var(--brass)}.ref-date-wrap{margin-top:.75rem}.field-error{color:#c62828;min-height:1.2rem;margin-bottom:.5rem;font-size:.88rem}.primary-button.calc-button{font:inherit;color:#fff;background:var(--ink);border-radius:var(--radius);cursor:pointer;border:none;padding:.8rem 1.6rem;font-weight:600;transition:background .15s,transform .1s;display:inline-block}.primary-button.calc-button:hover{background:#303a52}.primary-button.calc-button:active{transform:translateY(1px)}.results{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid #e6e6e6;animation:.35s both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.results,.hero-tile{transition:none!important;animation:none!important}}.hero-tiles{margin-bottom:var(--space-md);gap:.75rem;display:flex}.hero-tile{background:var(--ink);border-radius:calc(var(--radius) + 2px);flex-direction:column;flex:1;align-items:center;padding:1.4rem .5rem 1.1rem;animation:.4s both flip-in;display:flex;box-shadow:inset 0 -3px #00000040}.hero-tile:nth-child(2){animation-delay:60ms}.hero-tile:nth-child(3){animation-delay:.12s}@keyframes flip-in{0%{opacity:0;transform:rotateX(40deg)translateY(-6px)}to{opacity:1;transform:rotateX(0)translateY(0)}}.hero-tile strong{font-family:var(--display-font);color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(2rem,6vw,2.8rem);font-weight:600;line-height:1}.hero-tile span{letter-spacing:.08em;text-transform:uppercase;color:var(--brass-border);margin-top:.4rem;font-size:.78rem}.meta-grid{margin-bottom:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.meta-grid--single{grid-template-columns:1fr}.meta-card,.counter-card{border-radius:var(--radius);background:#fafafa;border:1px solid #ddd;padding:1rem}.meta-card strong{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink);margin-top:.2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.25rem;font-weight:700;display:block}.section-title{color:var(--ink);margin:0 0 .75rem;font-size:1rem;font-weight:700}.counter-grid{margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.counter-label{color:#666;margin-bottom:.25rem;font-size:.82rem;display:block}.counter-card strong{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink);overflow-wrap:break-word;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.3rem;font-weight:700;display:block}.milestone-row{gap:.6rem;margin-bottom:.75rem;display:flex}.milestone-select,.milestone-custom{font:inherit;border-radius:var(--radius);background:#fff;border:1px solid #ccc;padding:.6rem .8rem}.milestone-select{flex:1}.milestone-custom{width:6rem}.milestone-result{background:var(--brass-tint);border:1px solid var(--brass-border);border-radius:var(--radius);color:#6b4d0f;margin:0;padding:.9rem 1rem;font-weight:600}.compare-label{margin:0 0 var(--space-md);text-align:center;color:var(--ink);font-size:1.05rem}@media (width<=700px){.compare-inputs,.meta-grid{grid-template-columns:1fr}.date-field--year{width:4rem}.hero-tiles{gap:.5rem}}