/* ===== OWN COPY of the shared theme.css + tool.css rules this tool uses (rule 171, separation plan P3, 2026-10-25) =====
   Copied from theme  by devkit/sep.js (rules that match this box in every state + the class names its own scripts add),
   every selector scoped to :where(#th-tool[data-module="age-calculator"] *). The shared files no longer reach inside this box (data-own).
   Change these rules only for THIS tool, in its own chat. ===== */
/* theme.css copy */
*:where(#th-tool[data-module="age-calculator"] *){box-sizing:border-box}
a:where(#th-tool[data-module="age-calculator"] *){color:var(--brand-ink);text-decoration:none}
a:hover:where(#th-tool[data-module="age-calculator"] *){text-decoration:underline;text-underline-offset:3px}
h1:where(#th-tool[data-module="age-calculator"] *),
h2:where(#th-tool[data-module="age-calculator"] *),
h3:where(#th-tool[data-module="age-calculator"] *){line-height:1.1;letter-spacing:-.02em;margin:0}
p:where(#th-tool[data-module="age-calculator"] *){margin:0}
button:where(#th-tool[data-module="age-calculator"] *),
input:where(#th-tool[data-module="age-calculator"] *),
select:where(#th-tool[data-module="age-calculator"] *),
textarea:where(#th-tool[data-module="age-calculator"] *){font:inherit;color:inherit}
:focus-visible:where(#th-tool[data-module="age-calculator"] *){outline:3px solid color-mix(in srgb,var(--ai) 55%,transparent);outline-offset:2px;border-radius:6px}
.wrap:where(#th-tool[data-module="age-calculator"] *){max-width:1280px;margin:0 auto;padding:0 32px}
.muted:where(#th-tool[data-module="age-calculator"] *){color:var(--muted)}
.btn:where(#th-tool[data-module="age-calculator"] *){height:var(--h-btn);padding:0 18px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;font-weight:650;cursor:pointer;font-size:15px}
.btn:where(#th-tool[data-module="age-calculator"] *){transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease,color .2s ease}
.btn-brand:where(#th-tool[data-module="age-calculator"] *){position:relative;isolation:isolate;border-color:transparent;color:#fff;background:var(--btn-grad) border-box;box-shadow:var(--btn-glow);filter:none}
.btn-brand:where(#th-tool[data-module="age-calculator"] *)::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--btn-grad-hover);opacity:0;transition:opacity .35s ease}
.btn-brand:hover:where(#th-tool[data-module="age-calculator"] *){text-decoration:none;filter:none;box-shadow:var(--btn-glow-hover)}
.btn-brand:hover:where(#th-tool[data-module="age-calculator"] *)::before{opacity:1}
.btn-brand:active:where(#th-tool[data-module="age-calculator"] *){box-shadow:var(--btn-glow-press)}
.btn-ghost:where(#th-tool[data-module="age-calculator"] *){background:var(--surface);border-color:var(--btn2-border);color:var(--ink);box-shadow:0 1px 2px rgba(11,16,32,.04)}
.btn-ghost:hover:where(#th-tool[data-module="age-calculator"] *){text-decoration:none;background:var(--btn2-bg-hover);border-color:var(--btn2-border-hover);box-shadow:var(--btn2-shade)}
.btn[disabled]:where(#th-tool[data-module="age-calculator"] *)::before{display:none}
@media (prefers-reduced-motion:reduce){
.btn:where(#th-tool[data-module="age-calculator"] *),
.btn:where(#th-tool[data-module="age-calculator"] *)::before{transition:none}
}
.chip:where(#th-tool[data-module="age-calculator"] *){display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:14px;font-weight:550;white-space:nowrap}
.chip:hover:where(#th-tool[data-module="age-calculator"] *){border-color:color-mix(in srgb,var(--brand) 45%,var(--line));text-decoration:none}
.field:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:6px}
.field label:where(#th-tool[data-module="age-calculator"] *){font-size:13px;font-weight:650;color:var(--muted)}
.inp:where(#th-tool[data-module="age-calculator"] *){height:46px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:var(--surface);font-size:16px;width:100%}
textarea.inp:where(#th-tool[data-module="age-calculator"] *){height:auto;padding:var(--pad-field);line-height:var(--lh-text)}
.inp:focus:where(#th-tool[data-module="age-calculator"] *){outline:none;border-color:var(--ai);box-shadow:0 0 0 4px color-mix(in srgb,var(--ai) 18%,transparent)}
select.inp:where(#th-tool[data-module="age-calculator"] *){appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
@media (width <= 1024px){
.wrap:where(#th-tool[data-module="age-calculator"] *){padding:0 18px}
}
.chip:where(#th-tool[data-module="age-calculator"] *){white-space:nowrap}
[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none!important}
.row:where(#th-tool[data-module="age-calculator"] *){display:flex;gap:10px;align-items:center;flex-wrap:wrap}
small:where(#th-tool[data-module="age-calculator"] *){font-size:max(var(--fs-min),.85em)}
.btn:not(.tool-actions .btn):where(#th-tool[data-module="age-calculator"] *){height:auto!important;min-height:var(--h-btn);padding-top:8px;padding-bottom:8px;line-height:1.25}
.btn.sm:not(.tool-actions .btn):where(#th-tool[data-module="age-calculator"] *){height:auto!important;min-height:var(--h-btn-sm);padding-top:6px;padding-bottom:6px}
@supports (appearance:base-select){
html select:not([multiple]):not([size]):where(#th-tool[data-module="age-calculator"] *),
html select:not([multiple]):not([size]):where(#th-tool[data-module="age-calculator"] *)::picker(select){appearance:base-select}
html select:not([multiple]):not([size]):where(#th-tool[data-module="age-calculator"] *){align-items:center}
html select:not([multiple]):not([size]):where(#th-tool[data-module="age-calculator"] *)::picker-icon{display:none}
html select:not([multiple]):not([size]):where(#th-tool[data-module="age-calculator"] *)::picker(select){
    box-sizing:border-box;min-inline-size:anchor-size(self-inline);
    max-inline-size:min(calc(100% - 16px),max(anchor-size(self-inline),20rem));
    max-block-size:min(24rem,calc(100dvh - 16px));overflow:auto;overscroll-behavior:contain;
    position-area:var(--th-pick-area,block-end span-all);justify-self:anchor-center;margin:4px 8px;padding:4px;border:1px solid var(--line);border-radius:12px;
    background:var(--surface);color:var(--ink);box-shadow:0 12px 32px rgba(15,23,42,.18);
    position-try-order:normal;position-try-fallbacks:flip-block,--th-pick-fit}
html select:not([multiple]):not([size]) option:where(#th-tool[data-module="age-calculator"] *){
    padding:8px 10px;border-radius:8px;white-space:normal;overflow-wrap:anywhere;line-height:1.35;gap:8px;min-block-size:36px}
html select:not([multiple]):not([size]) option:is(:hover,:focus-visible):where(#th-tool[data-module="age-calculator"] *){background:color-mix(in srgb,var(--brand) 10%,transparent);outline:none}
html select:not([multiple]):not([size]) option:checked:where(#th-tool[data-module="age-calculator"] *){background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand-ink);font-weight:600}
html select:not([multiple]):not([size]) option:disabled:where(#th-tool[data-module="age-calculator"] *){opacity:.5}
html select:not([multiple]):not([size]) optgroup:where(#th-tool[data-module="age-calculator"] *){font-weight:700;padding-block:4px}
html select:not([multiple]):not([size]) option:where(#th-tool[data-module="age-calculator"] *)::checkmark{color:var(--brand-ink)}
}
/* tool.css copy */
.t-drop:where(#th-tool[data-module="age-calculator"] *){position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-item);min-height:var(--h-drop);padding:var(--pad-result);border:2px dashed color-mix(in srgb,var(--brand) 45%,var(--line));border-radius:var(--r-card);background:color-mix(in srgb,var(--brand) 4%,var(--surface));text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.t-drop[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none}
.t-drop:hover:where(#th-tool[data-module="age-calculator"] *),
.t-drop.is-drag:where(#th-tool[data-module="age-calculator"] *){border-color:var(--brand);border-style:solid;background:color-mix(in srgb,var(--brand) 10%,var(--surface))}
.t-drop:focus-visible:where(#th-tool[data-module="age-calculator"] *){outline:none;border-color:var(--brand);border-style:solid;box-shadow:var(--field-glow-hover)}
.inp.big:where(#th-tool[data-module="age-calculator"] *){height:58px;font-size:20px;font-weight:600;border-radius:14px}
select.inp.big:where(#th-tool[data-module="age-calculator"] *){background-position:calc(100% - 20px) 26px,calc(100% - 15px) 26px}
.result:where(#th-tool[data-module="age-calculator"] *){display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-radius:18px;background:linear-gradient(120deg,var(--brand-soft),color-mix(in srgb,var(--ai-soft) 70%,var(--surface)))}
.rv:where(#th-tool[data-module="age-calculator"] *){font-size:clamp(34px,4vw,48px);font-weight:750;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.1}
.acts:where(#th-tool[data-module="age-calculator"] *){display:flex;gap:8px;flex-wrap:wrap}
@container tool (width <= 22.5rem){
.acts:where(#th-tool[data-module="age-calculator"] *){display:grid;grid-template-columns:repeat(3,1fr);width:100%}
.acts .btn:where(#th-tool[data-module="age-calculator"] *){justify-content:center;padding:0 8px}
}
@container tool (width <= 48rem){
.result:where(#th-tool[data-module="age-calculator"] *){flex-direction:column;align-items:flex-start}
}
.tt-label:where(#th-tool[data-module="age-calculator"] *){font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.presets:where(#th-tool[data-module="age-calculator"] *){display:flex;gap:6px;flex-wrap:wrap;flex:1}
.presets .chip:where(#th-tool[data-module="age-calculator"] *){cursor:pointer;padding:5px 11px;font-size:13.5px;font-variant-numeric:tabular-nums;flex-wrap:wrap;row-gap:0}
.presets .chip[aria-pressed="true"]:where(#th-tool[data-module="age-calculator"] *),
.chip[aria-pressed="true"]:where(#th-tool[data-module="age-calculator"] *){background:var(--ink);color:var(--bg);border-color:var(--ink)}
.inp.sm:where(#th-tool[data-module="age-calculator"] *){height:36px;font-size:14px;padding:0 34px 0 12px;width:auto;border-radius:10px;background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px}
.btn.sm:where(#th-tool[data-module="age-calculator"] *){height:var(--h-btn-sm);padding:0 12px;font-size:14px;border-radius:10px}
.r-main:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:2px;min-width:0}
.hist:where(#th-tool[data-module="age-calculator"] *){display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hist .chip:where(#th-tool[data-module="age-calculator"] *){cursor:pointer;font-size:13px;font-variant-numeric:tabular-nums}
.linkish:where(#th-tool[data-module="age-calculator"] *){background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:3px;padding:0}
#th-tool .t-fullrow:where(#th-tool[data-module="age-calculator"] *){grid-column:1/-1!important;flex:1 1 100%!important;max-width:100%!important;min-width:0}
#th-tool .t-selw:where(#th-tool[data-module="age-calculator"] *){display:contents}
#th-tool .t-selw.on:where(#th-tool[data-module="age-calculator"] *){display:grid;min-width:0;max-width:100%}
#th-tool .t-selw.on>select:where(#th-tool[data-module="age-calculator"] *){grid-area:1/1;width:100%!important;max-width:100%!important;height:auto!important;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none}
#th-tool .t-selw.on>select option:where(#th-tool[data-module="age-calculator"] *){color:var(--ink);-webkit-text-fill-color:var(--ink)}
#th-tool .t-selt:where(#th-tool[data-module="age-calculator"] *){display:none}
#th-tool .t-selw.on>.t-selt:where(#th-tool[data-module="age-calculator"] *){display:block;grid-area:1/1;align-self:center;min-width:0;pointer-events:none;white-space:normal;overflow-wrap:anywhere;text-align:start;z-index:1}
#th-tool .t-fullrow select:where(#th-tool[data-module="age-calculator"] *),
#th-tool select.t-fullrow:where(#th-tool[data-module="age-calculator"] *){width:100%;max-width:100%}
#th-tool .chip:where(#th-tool[data-module="age-calculator"] *){white-space:normal;overflow-wrap:anywhere}
#th-tool .hist .chip:where(#th-tool[data-module="age-calculator"] *){white-space:normal;overflow-wrap:anywhere;text-overflow:clip;overflow:visible;text-align:left}
.acts .btn:where(#th-tool[data-module="age-calculator"] *){white-space:nowrap}
@container tool (width <= 22.5rem){
.result .acts:where(#th-tool[data-module="age-calculator"] *){width:100%}
.result .acts .btn:where(#th-tool[data-module="age-calculator"] *){width:100%;justify-content:center}
}
.tool-hero>.wrap:where(#th-tool[data-module="age-calculator"] *){position:relative;z-index:1}
.uc-dir:where(#th-tool[data-module="age-calculator"] *){display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);align-self:center;max-width:100%;overflow-x:auto;scrollbar-width:none}
.uc-dir button:where(#th-tool[data-module="age-calculator"] *){border:0;background:transparent;color:var(--muted);font-weight:650;font-size:14px;padding:8px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;display:inline-flex;gap:6px;align-items:center;transition:.18s}
.uc-dir button:hover:where(#th-tool[data-module="age-calculator"] *){color:var(--ink)}
.uc-dir button[aria-pressed="true"]:where(#th-tool[data-module="age-calculator"] *){background:var(--grad);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--brand) 35%,transparent)}
.presets .chip b:where(#th-tool[data-module="age-calculator"] *){font-weight:700;color:var(--brand-ink);margin-right:2px}
.presets .chip[aria-pressed="true"] b:where(#th-tool[data-module="age-calculator"] *){color:inherit}
.presets .chip small:where(#th-tool[data-module="age-calculator"] *){font-size:.86em;color:var(--muted);font-weight:500;margin-left:1px}
.presets .chip[aria-pressed="true"] small:where(#th-tool[data-module="age-calculator"] *){color:inherit;opacity:.75}
.result .acts:where(#th-tool[data-module="age-calculator"] *){flex-direction:column;align-items:flex-end;gap:10px}
@container tool (width <= 48rem){
.result .acts:where(#th-tool[data-module="age-calculator"] *){align-items:stretch;width:100%}
}
@container tool (width <= 22.5rem){
.uc-dir button:where(#th-tool[data-module="age-calculator"] *){padding:8px 12px;font-size:13px}
}
@container tool (width <= 22.5rem){
.result .acts .btn:where(#th-tool[data-module="age-calculator"] *){width:100%}
}
@media print{
dialog:where(#th-tool[data-module="age-calculator"] *){display:none!important}
.tool :is(tr,li,figure,img,svg,canvas,.t-msg,.t-btnrow,.uc-thermo):where(#th-tool[data-module="age-calculator"] *){break-inside:avoid}
.tool :is(h2,h3,h4,legend,summary,label,thead,.t-bx-h,.t-sec-h):where(#th-tool[data-module="age-calculator"] *){break-after:avoid}
.tool .btn:where(#th-tool[data-module="age-calculator"] *),
.uc-dir:where(#th-tool[data-module="age-calculator"] *),
.hist:where(#th-tool[data-module="age-calculator"] *),
.acts:where(#th-tool[data-module="age-calculator"] *){display:none!important}
details:not([open])>*:not(summary):where(#th-tool[data-module="age-calculator"] *){display:none}
a:where(#th-tool[data-module="age-calculator"] *){color:inherit;text-decoration:none}
}
.uc-say:where(#th-tool[data-module="age-calculator"] *){margin:6px 0 0;font-size:15px;font-weight:550;line-height:1.5;color:var(--ink);max-width:560px}
.t-stack:not([hidden]):where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:var(--gap-block)}
.t-box:where(#th-tool[data-module="age-calculator"] *){margin:0;min-width:0;border:1px solid var(--line);border-radius:var(--r-box);padding:var(--pad-box);background:var(--surface);display:flex;flex-direction:column;gap:var(--gap-item)}
.t-box>legend:where(#th-tool[data-module="age-calculator"] *){float:left;width:100%;padding:0;margin:0 0 var(--gap-item);font-size:var(--fs-label);font-weight:650;color:var(--ink)}
.t-q:not([hidden]):where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:var(--gap-msg)}
.t-msg:where(#th-tool[data-module="age-calculator"] *){margin:0;padding:10px 14px;border-radius:var(--r-card);font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-text);color:var(--warn);background:color-mix(in srgb,var(--warn) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 30%,var(--line))}
.t-msg[hidden]:where(#th-tool[data-module="age-calculator"] *),
.t-q[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none}
:root[data-theme="dark"] .t-msg:where(#th-tool[data-module="age-calculator"] *){color:color-mix(in srgb,var(--warn) 40%,#fff)}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .t-msg:where(#th-tool[data-module="age-calculator"] *){color:color-mix(in srgb,var(--warn) 40%,#fff)}
}
input.inp.big:where(#th-tool[data-module="age-calculator"] *){height:var(--h-main);min-height:var(--h-main);border-radius:var(--r-main);border:2px solid transparent;padding:0 20px;
  background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--field-ring) border-box;
  box-shadow:var(--field-glow);transition:box-shadow .3s ease}
input.inp.big:hover:where(#th-tool[data-module="age-calculator"] *){box-shadow:var(--field-glow-hover)}
input.inp.big:focus:where(#th-tool[data-module="age-calculator"] *){border-color:transparent;box-shadow:var(--field-glow-hover),0 0 0 4px color-mix(in srgb,var(--ai) 20%,transparent)}
.tool :is(input,textarea):where(#th-tool[data-module="age-calculator"] *)::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent);opacity:1;font-weight:400;font-size:max(12px,.875em);letter-spacing:0}
.rv:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-result)}
.presets .chip small:where(#th-tool[data-module="age-calculator"] *){font-size:max(var(--fs-min),.86em)}
@container tool (width <= 22.5rem){
#th-tool .result .acts:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:minmax(0,1fr);justify-items:stretch}
#th-tool .result .acts>*:where(#th-tool[data-module="age-calculator"] *){width:100%;min-width:0}
}
.ag-top:where(#th-tool[data-module="age-calculator"] *){display:flex;align-items:center;justify-content:space-between;gap:12px}
.ag-h:where(#th-tool[data-module="age-calculator"] *){margin:0;font-size:var(--fs-h2);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.01em;color:var(--ink)}
.ag-date:where(#th-tool[data-module="age-calculator"] *){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,.9fr);gap:12px}
.ag-f:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:var(--gap-label);min-width:0}
.ag-f>label:where(#th-tool[data-module="age-calculator"] *),
.ag-yearw>label:where(#th-tool[data-module="age-calculator"] *),
.ag-tl:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-label);font-weight:650;color:var(--muted)}
.ag .ag-date .ag-in:where(#th-tool[data-module="age-calculator"] *),
.ag .ag-yrin:where(#th-tool[data-module="age-calculator"] *){width:100%;min-width:0;font-size:var(--fs-input);font-weight:600;text-align:left}
.ag input.ag-in:where(#th-tool[data-module="age-calculator"] *){padding:0 16px}
.ag select.ag-in:where(#th-tool[data-module="age-calculator"] *){height:var(--h-main);min-height:var(--h-main);border-radius:var(--r-main);border:2px solid transparent;padding:0 42px 0 18px;cursor:pointer;
  background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) calc(100% - 22px) 50%/7px 7px no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) calc(100% - 15px) 50%/7px 7px no-repeat,
    linear-gradient(var(--surface),var(--surface)) padding-box,var(--field-ring) border-box;
  box-shadow:var(--field-glow);color:var(--ink);transition:box-shadow .3s ease}
.ag select.ag-in:hover:where(#th-tool[data-module="age-calculator"] *){box-shadow:var(--field-glow-hover)}
.ag select.ag-in:focus:where(#th-tool[data-module="age-calculator"] *){outline:none;box-shadow:var(--field-glow-hover),0 0 0 4px color-mix(in srgb,var(--ai) 20%,transparent)}
.ag-hint:where(#th-tool[data-module="age-calculator"] *){margin:0;font-size:var(--fs-label);line-height:var(--lh-text);color:var(--muted)}
.ag-hint b:where(#th-tool[data-module="age-calculator"] *){color:var(--ink);font-weight:650}
.ag-err[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-yo .ag-fm:where(#th-tool[data-module="age-calculator"] *),
.ag-yo .ag-fd:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-yo .ag-date:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:minmax(0,260px)}
.ag-ym .ag-fd:where(#th-tool[data-module="age-calculator"] *),
.ag-ym .ag-tob:where(#th-tool[data-module="age-calculator"] *),
.ag-ym .ag-wd:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag.ag-ym .ag-date:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
@container tool (width <= 36rem){
.ag-ym .ag-fm:where(#th-tool[data-module="age-calculator"] *){grid-column:1/-1}
}
.ag-box.ag-on:where(#th-tool[data-module="age-calculator"] *){gap:var(--gap-item)}
.ag-oh:where(#th-tool[data-module="age-calculator"] *){margin:0;font-size:var(--fs-h3,18px);font-weight:700;line-height:var(--lh-tight);color:var(--ink)}
.ag-chips:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-wrap:wrap;gap:8px}
.ag-chips .chip:where(#th-tool[data-module="age-calculator"] *){min-height:var(--tap);padding:8px 16px;font-size:var(--fs-body);font-weight:600;cursor:pointer}
.ag-yearw:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ag-yearw[hidden]:where(#th-tool[data-module="age-calculator"] *),
.ag-datew[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-yearw>label:where(#th-tool[data-module="age-calculator"] *){flex-basis:100%}
.ag-yearw .ag-yrin:where(#th-tool[data-module="age-calculator"] *){width:200px;max-width:100%}
.ag-yearw .ag-hint:where(#th-tool[data-module="age-calculator"] *){margin:0}
.ag-go:where(#th-tool[data-module="age-calculator"] *){align-self:center;min-width:min(240px,100%);justify-content:center}
.ag-res:where(#th-tool[data-module="age-calculator"] *){align-items:center}
.ag-rv:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;line-height:1.15;font-weight:600;color:var(--muted);font-size:calc(var(--fs-result) * .62)}
.ag-rv b:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-result);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:4px}
.ag-rv .ag-then b:where(#th-tool[data-module="age-calculator"] *){color:var(--brand-ink)}
.ag-say:where(#th-tool[data-module="age-calculator"] *){max-width:640px}
.ag-next:where(#th-tool[data-module="age-calculator"] *){margin:6px 0 0;font-size:var(--fs-sm);line-height:var(--lh-text);color:var(--ink)}
.ag-next[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-rem:where(#th-tool[data-module="age-calculator"] *){margin-left:4px;font-weight:650;color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.ag-cake:where(#th-tool[data-module="age-calculator"] *){margin-right:2px}
.ag-empty .ag-rv:where(#th-tool[data-module="age-calculator"] *),
.ag-empty .ag-next:where(#th-tool[data-module="age-calculator"] *),
.ag-empty #ag-acts:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-empty .ag-say:where(#th-tool[data-module="age-calculator"] *){color:var(--muted);font-weight:500}
.ag-res.ag-pop:where(#th-tool[data-module="age-calculator"] *){animation:agpop .6s ease}
@media (prefers-reduced-motion:reduce){
.ag-res.ag-pop:where(#th-tool[data-module="age-calculator"] *){animation:none}
}
.ag-more:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:var(--gap-grid)}
.ag-more[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-waitn:where(#th-tool[data-module="age-calculator"] *){color:var(--muted);font-style:italic}
#ag-ytbl td.ag-waitn:where(#th-tool[data-module="age-calculator"] *){cursor:default}
.ag-wait #ag-ytbl tbody tr:where(#th-tool[data-module="age-calculator"] *){cursor:default}
.ag-wait #ag-ytbl tbody tr:hover:where(#th-tool[data-module="age-calculator"] *){background:none}
.ag-wait .ag-addy:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-pair:where(#th-tool[data-module="age-calculator"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-grid);align-items:stretch}
.ag-box:where(#th-tool[data-module="age-calculator"] *){gap:0}
.ag-bh:where(#th-tool[data-module="age-calculator"] *){display:flex;align-items:center;gap:8px}
.ag-bt:where(#th-tool[data-module="age-calculator"] *){margin:0;font-size:var(--fs-body);font-weight:700;color:var(--ink);line-height:var(--lh-tight)}
.ag-i:where(#th-tool[data-module="age-calculator"] *){flex:none;display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));background:var(--brand-soft);color:var(--brand-ink);font:italic 700 13px/1 Georgia,serif;cursor:help}
.ag-i:hover:where(#th-tool[data-module="age-calculator"] *),
.ag-i[aria-expanded="true"]:where(#th-tool[data-module="age-calculator"] *){background:var(--brand);border-color:var(--brand);color:#fff}
.ag-i:focus-visible:where(#th-tool[data-module="age-calculator"] *){outline:2px solid var(--ai);outline-offset:2px}
.ag-i-sm:where(#th-tool[data-module="age-calculator"] *){width:20px;height:20px;font-size:12px}
.ag-tip:where(#th-tool[data-module="age-calculator"] *){margin:8px 0 0;padding:10px 12px;border-radius:12px;background:var(--brand-soft);font-size:var(--fs-label);line-height:var(--lh-text);color:var(--ink)}
.ag-tip[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-note:where(#th-tool[data-module="age-calculator"] *){margin:10px 0 0;font-size:var(--fs-label);line-height:var(--lh-text);color:var(--muted)}
.ag-lead:where(#th-tool[data-module="age-calculator"] *){margin-top:var(--gap-label)}
.ag-all:where(#th-tool[data-module="age-calculator"] *){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 4px}
.ag-tile:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);min-width:0}
.ag-tile small:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-min);font-weight:650;color:var(--muted)}
.ag-tile b:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-body);font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ag-tile b em:where(#th-tool[data-module="age-calculator"] *){font-style:normal;font-weight:600;color:var(--muted);font-size:var(--fs-min)}
.ag-trow:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ag-f:where(#th-tool[data-module="age-calculator"] *){position:relative}
.ag-tob:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:var(--gap-label)}
.ag-yo .ag-tob:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-tf:where(#th-tool[data-module="age-calculator"] *){position:relative;display:inline-flex}
.ag .ag-ts:where(#th-tool[data-module="age-calculator"] *){width:112px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer}
.ag-colon:where(#th-tool[data-module="age-calculator"] *){font-weight:700;color:var(--muted)}
.ag .ag-ampm:where(#th-tool[data-module="age-calculator"] *){align-self:auto}
.ag .ag-ampm button:where(#th-tool[data-module="age-calculator"] *){min-height:38px;padding:6px 14px}
.ag .inp.ag-bad:where(#th-tool[data-module="age-calculator"] *){border-color:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 18%,transparent)}
.ag-trow .chip:where(#th-tool[data-module="age-calculator"] *){cursor:pointer}
.ag-trow .chip[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-tw:where(#th-tool[data-module="age-calculator"] *){margin-top:12px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.ag-tw[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-tbl:where(#th-tool[data-module="age-calculator"] *){width:100%;border-collapse:collapse;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}
.ag-tbl th:where(#th-tool[data-module="age-calculator"] *),
.ag-tbl td:where(#th-tool[data-module="age-calculator"] *){padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}
.ag-tbl thead th:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-label);color:var(--muted);font-weight:650;background:var(--surface-2)}
.ag-tbl tbody tr:last-child td:where(#th-tool[data-module="age-calculator"] *){border-bottom:0}
.ag-tbl td small:where(#th-tool[data-module="age-calculator"] *){margin-left:6px;padding:2px 8px;border-radius:99px;background:var(--brand-soft);color:var(--brand-ink);font-size:var(--fs-tag);font-weight:650}
#ag-ytbl tbody tr:where(#th-tool[data-module="age-calculator"] *){cursor:pointer}
#ag-ytbl tbody tr:hover:where(#th-tool[data-module="age-calculator"] *),
#ag-ytbl tbody tr:focus-visible:where(#th-tool[data-module="age-calculator"] *){background:var(--brand-soft);outline:none}
.ag-ltbl tr.ag-bad td:where(#th-tool[data-module="age-calculator"] *){color:var(--warn)}
.ag-ltbl td:first-child:where(#th-tool[data-module="age-calculator"] *),
.ag-ltbl th:first-child:where(#th-tool[data-module="age-calculator"] *){width:44px;color:var(--muted)}
.ag-addy:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:var(--fs-label);font-weight:650;color:var(--muted)}
.ag-addy .inp:where(#th-tool[data-module="age-calculator"] *){width:110px;height:var(--h-btn-sm);padding:0 12px;font-size:var(--fs-sm)}
.ag-box .ag-msl:where(#th-tool[data-module="age-calculator"] *){margin-top:var(--gap-item)}
.ag-rndl:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:repeat(2,minmax(0,1fr))}
.ag-msl:where(#th-tool[data-module="age-calculator"] *){list-style:none;margin:0;padding:0;display:grid;gap:var(--gap-min)}
.ag-msl li:where(#th-tool[data-module="age-calculator"] *){display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);font-size:var(--fs-sm)}
.ag-mt:where(#th-tool[data-module="age-calculator"] *){flex:1 1 150px;min-width:0;display:flex;flex-direction:column;gap:2px}
.ag-mt b:where(#th-tool[data-module="age-calculator"] *){font-weight:700;color:var(--ink)}
.ag-mt span:where(#th-tool[data-module="age-calculator"] *){color:var(--muted);font-size:var(--fs-label)}
.ag-badge:where(#th-tool[data-module="age-calculator"] *){flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font-weight:800;font-size:var(--fs-body);font-variant-numeric:tabular-nums;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line))}
.ag-when:where(#th-tool[data-module="age-calculator"] *){flex:none;font-style:normal;font-size:var(--fs-label);font-weight:650;color:var(--brand-ink);background:var(--brand-soft);padding:3px 10px;border-radius:var(--r-pill);white-space:nowrap}
.ag-msl li.ag-note:where(#th-tool[data-module="age-calculator"] *){display:block;border:0;background:none;padding:0}
.ag-wait .ag-rndl:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:minmax(0,1fr)}
.ag-pk:where(#th-tool[data-module="age-calculator"] *){position:absolute;top:calc(100% + var(--gap-min));left:0;z-index:40;padding:12px;border-radius:var(--r-box);background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 44px rgba(11,16,32,.18)}
.ag-pk-h:where(#th-tool[data-module="age-calculator"] *){margin:0 0 10px;font-size:var(--fs-label);font-weight:650;color:var(--muted)}
.ag-pk:where(#th-tool[data-module="age-calculator"] *){width:max-content}
.ag-pk-g:where(#th-tool[data-module="age-calculator"] *){display:grid;gap:6px;grid-template-columns:repeat(var(--cols,3),minmax(2.25rem,1fr))}
.ag-pk-m button:where(#th-tool[data-module="age-calculator"] *){padding-inline:12px}
.ag-wd:where(#th-tool[data-module="age-calculator"] *){display:flex;align-items:center;gap:14px;align-self:flex-start;max-width:100%;padding:10px 20px 10px 10px;border-radius:var(--r-box);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line))}
.ag-wd[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-wd:not([hidden]):where(#th-tool[data-module="age-calculator"] *){animation:agwd .35s ease}
@media (prefers-reduced-motion:reduce){
.ag-wd:not([hidden]):where(#th-tool[data-module="age-calculator"] *){animation:none}
}
.ag-leaf:where(#th-tool[data-module="age-calculator"] *){flex:none;width:58px;display:flex;flex-direction:column;text-align:center;border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 4px 12px rgba(11,16,32,.08)}
.ag-leaf-m:where(#th-tool[data-module="age-calculator"] *){background:var(--grad);color:#fff;font-size:var(--fs-tag);font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 0}
.ag-leaf-d:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-h2);font-weight:800;line-height:1.1;color:var(--ink);padding-top:4px;font-variant-numeric:tabular-nums}
.ag-leaf-y:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-tag);font-weight:650;color:var(--muted);padding-bottom:5px}
.ag-wdt:where(#th-tool[data-module="age-calculator"] *){margin:0;display:flex;flex-direction:column;gap:2px;min-width:0}
.ag-wdt span:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-label);font-weight:600;color:var(--muted)}
.ag-wdt b:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-h2);font-weight:800;line-height:1.15;color:var(--brand-ink)}
.ag-yo .ag-wd:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-how>summary:where(#th-tool[data-module="age-calculator"] *){list-style:none;display:flex;align-items:center;gap:10px;width:100%;min-height:var(--tap);cursor:pointer;border-radius:10px;font-size:var(--fs-sm);font-weight:650;color:var(--ink)}
.ag-how>summary:where(#th-tool[data-module="age-calculator"] *)::-webkit-details-marker{display:none}
.ag-sum-w:where(#th-tool[data-module="age-calculator"] *){display:inline-flex;align-items:center;gap:10px}
.ag-how>summary:hover .ag-sum-t:where(#th-tool[data-module="age-calculator"] *){color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px}
.ag-how>summary:hover .ag-i:where(#th-tool[data-module="age-calculator"] *),
.ag-how[open]>summary .ag-i:where(#th-tool[data-module="age-calculator"] *){background:var(--brand);border-color:var(--brand);color:#fff}
.ag-how>summary:focus-visible:where(#th-tool[data-module="age-calculator"] *){outline:2px solid var(--ai);outline-offset:2px}
.ag-how .ag-howt:where(#th-tool[data-module="age-calculator"] *){margin-top:var(--gap-label);padding:var(--pad-field);border-radius:var(--r-card);background:var(--surface-2)}
.ag-pk button:where(#th-tool[data-module="age-calculator"] *){height:var(--tap);min-width:0;padding:0 6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:var(--fs-sm);font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .15s,border-color .15s}
.ag-pk button:hover:where(#th-tool[data-module="age-calculator"] *){border-color:var(--brand);background:var(--brand-soft)}
.ag-pk button[aria-pressed="true"]:where(#th-tool[data-module="age-calculator"] *){background:var(--grad);color:#fff;border-color:transparent}
.ag-pk button:disabled:where(#th-tool[data-module="age-calculator"] *){opacity:.35;cursor:not-allowed;background:var(--surface-2)}
.ag-pk button:focus-visible:where(#th-tool[data-module="age-calculator"] *){outline:2px solid var(--ai);outline-offset:2px}
.ag-lgrid:where(#th-tool[data-module="age-calculator"] *){display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--gap-grid);margin-top:12px}
.ag-lh:where(#th-tool[data-module="age-calculator"] *){display:flex;align-items:center;gap:8px}
.ag-lh label:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-label);font-weight:650;color:var(--muted)}
.ag-ex:where(#th-tool[data-module="age-calculator"] *){padding:10px 12px;border-radius:12px;background:var(--brand-soft);font-size:var(--fs-label);line-height:var(--lh-text);color:var(--ink)}
.ag-ex[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-ex code:where(#th-tool[data-module="age-calculator"] *){display:block;margin:6px 0;padding:8px 10px;border-radius:8px;background:var(--surface);white-space:pre-line;font:500 var(--fs-sm)/1.6 var(--mono)}
.ag-ex span:where(#th-tool[data-module="age-calculator"] *){display:block;color:var(--muted)}
.ag-lset:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:12px}
.ag-tbar:where(#th-tool[data-module="age-calculator"] *){margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ag-up:where(#th-tool[data-module="age-calculator"] *){cursor:pointer}
.ag-sample .linkish:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-label);color:var(--brand-ink);font-weight:600}
.ag .ag-chips .chip:where(#th-tool[data-module="age-calculator"] *){border-color:var(--btn2-border);box-shadow:0 1px 2px rgba(11,16,32,.04)}
.ag .ag-chips .chip:hover:where(#th-tool[data-module="age-calculator"] *){background:var(--btn2-bg-hover);border-color:var(--btn2-border-hover)}
.ag .ag-chips .chip[aria-pressed="true"]:where(#th-tool[data-module="age-calculator"] *){background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ag-howt:where(#th-tool[data-module="age-calculator"] *){margin-top:10px;display:grid;gap:8px;font-size:var(--fs-sm);line-height:var(--lh-text);color:var(--ink)}
.ag-howt p:where(#th-tool[data-module="age-calculator"] *){margin:0}
.ag-foot:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:12px;border-top:1px dashed var(--line);padding-top:14px}
.ag-hist[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none}
.ag-shl:where(#th-tool[data-module="age-calculator"] *){display:flex;align-items:flex-start;gap:8px;font-size:var(--fs-label);color:var(--muted);cursor:pointer;line-height:1.5}
.ag-shl input:where(#th-tool[data-module="age-calculator"] *){width:18px;height:18px;margin:0;flex:none;accent-color:var(--brand)}
#ag-speak[aria-pressed="true"]:where(#th-tool[data-module="age-calculator"] *){border-color:var(--brand);color:var(--brand-ink)}
@container tool (width <= 48rem){
.ag-res:where(#th-tool[data-module="age-calculator"] *){align-items:stretch}
.ag-res .acts:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;align-items:stretch;width:100%}
.ag-res .acts .btn:where(#th-tool[data-module="age-calculator"] *){width:100%;justify-content:center}
.ag-all:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
}
@container tool (width <= 36rem){
.ag-pair:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:minmax(0,1fr)}
.ag-rndl:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:minmax(0,1fr)}
}
@container tool (width <= 36rem){
.ag-date:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:10px}
.ag select.ag-in:where(#th-tool[data-module="age-calculator"] *){padding:0 34px 0 14px;background-position:calc(100% - 18px) 50%,calc(100% - 11px) 50%,0 0,0 0}
.ag-fy:where(#th-tool[data-module="age-calculator"] *){grid-column:1/-1}
.ag-yo .ag-date:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:minmax(0,1fr)}
.ag-all:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:repeat(2,minmax(0,1fr))}
.ag-lgrid:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:minmax(0,1fr)}
.ag-chips .chip:where(#th-tool[data-module="age-calculator"] *){flex:1 1 calc(50% - 8px);justify-content:center}
.ag-yearw .ag-yrin:where(#th-tool[data-module="age-calculator"] *){width:100%}
.ag-go:where(#th-tool[data-module="age-calculator"] *){align-self:stretch;width:100%}
.ag .ag-ts:where(#th-tool[data-module="age-calculator"] *){width:92px}
.ag-all .ag-tile:last-child:nth-child(odd):where(#th-tool[data-module="age-calculator"] *){grid-column:1/-1}
}
@media print{
.ag-go:where(#th-tool[data-module="age-calculator"] *),
.ag-top .btn:where(#th-tool[data-module="age-calculator"] *),
.ag-shl:where(#th-tool[data-module="age-calculator"] *),
.ag-hist:where(#th-tool[data-module="age-calculator"] *),
.ag-tbar:where(#th-tool[data-module="age-calculator"] *),
.ag-addy:where(#th-tool[data-module="age-calculator"] *),
.ag-i:where(#th-tool[data-module="age-calculator"] *),
.ag-sample:where(#th-tool[data-module="age-calculator"] *),
.ag-less:where(#th-tool[data-module="age-calculator"] *){display:none!important}
}
.ag .ag-tabs:where(#th-tool[data-module="age-calculator"] *){align-self:center;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:460px;overflow:visible}
.ag .ag-tabs button:where(#th-tool[data-module="age-calculator"] *){justify-content:center;min-height:var(--tap,44px);font-size:var(--fs-body);padding:8px 14px;text-align:center;line-height:1.2}
.ag-pan:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:var(--gap-block)}
.ag-pan[hidden]:where(#th-tool[data-module="age-calculator"] *){display:none!important}
.ag-top .btn:where(#th-tool[data-module="age-calculator"] *){white-space:nowrap;flex:none}
@container tool (width <= 36rem){
.ag .ag-tabs:where(#th-tool[data-module="age-calculator"] *){max-width:none}
.ag .ag-tabs button:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-sm);padding:6px 8px}
}
.tool .field:where(#th-tool[data-module="age-calculator"] *){min-width:0}
:where(.tool) :is(input,select,textarea):where(#th-tool[data-module="age-calculator"] *){max-width:100%}
.presets:where(#th-tool[data-module="age-calculator"] *){gap:8px}
.tool .chip:where(#th-tool[data-module="age-calculator"] *){max-width:100%}
.tool .hist .row:where(#th-tool[data-module="age-calculator"] *){min-width:0;max-width:100%}
.tool .hist .chip:where(#th-tool[data-module="age-calculator"] *){min-width:0;overflow:hidden}
@container tool (width <= 22.5rem){
:where(.tool) .uc-dir:where(:not(:has(>:nth-child(4))))>button:where(#th-tool[data-module="age-calculator"] *){flex:0 1 auto;min-width:0;white-space:normal;flex-wrap:wrap;row-gap:0;justify-content:center;text-align:center}
}
@container tool (width <= 22.5rem){
:where(.tool) .uc-dir:where(:not(:has(>:nth-child(4))))>button:has(>span)>svg:where(#th-tool[data-module="age-calculator"] *){display:none}
}
@container tool (width <= 22.5rem){
select.inp:where(#th-tool[data-module="age-calculator"] *){padding-right:26px;background-position:calc(100% - 13px) 20px,calc(100% - 8px) 20px}
select.inp.big:where(#th-tool[data-module="age-calculator"] *){background-position:calc(100% - 13px) 26px,calc(100% - 8px) 26px}
select.inp.sm:where(#th-tool[data-module="age-calculator"] *){padding-right:28px;background-position:calc(100% - 14px) 16px,calc(100% - 9px) 16px}
}
@container tool (width <= 22.5rem){
select.inp:where(:not(.sm)):where(#th-tool[data-module="age-calculator"] *){padding-left:10px;padding-right:24px}
}
@container tool (width <= 36rem){
.t-cards thead:where(#th-tool[data-module="age-calculator"] *){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.t-cards:where(#th-tool[data-module="age-calculator"] *),
.t-cards tbody:where(#th-tool[data-module="age-calculator"] *){display:block}
.t-cards tr:where(#th-tool[data-module="age-calculator"] *){display:grid;grid-template-columns:minmax(0,1fr);column-gap:10px;row-gap:2px;padding:10px 14px;border-bottom:1px solid var(--line)}
.t-cards tr:has(>td.t-num):where(#th-tool[data-module="age-calculator"] *){grid-template-columns:auto minmax(0,1fr)}
.t-cards tbody tr:last-child:where(#th-tool[data-module="age-calculator"] *){border-bottom:0}
.t-cards tbody th:where(#th-tool[data-module="age-calculator"] *),
.t-cards td:where(#th-tool[data-module="age-calculator"] *),
.t-cards tbody tr:last-child td:where(#th-tool[data-module="age-calculator"] *){display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere}
.t-cards td.t-num:where(#th-tool[data-module="age-calculator"] *){grid-column:1;grid-row:1;width:auto;min-width:22px}
.t-cards tr:has(>td.t-num)>td:not(.t-num):where(#th-tool[data-module="age-calculator"] *){grid-column:2}
.t-cards td.t-key:where(#th-tool[data-module="age-calculator"] *){font-weight:650}
.t-cards td.t-main:where(#th-tool[data-module="age-calculator"] *){font-weight:600}
.t-cards td[data-label]:where(#th-tool[data-module="age-calculator"] *)::before{content:attr(data-label) " ";color:var(--muted)}
.t-cards td:empty:where(#th-tool[data-module="age-calculator"] *),
.t-cards td.t-hide-sm:where(#th-tool[data-module="age-calculator"] *){display:none}
}
#th-tool .t-btnrow:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;margin:0}
#th-tool .t-btnrow>.btn:where(#th-tool[data-module="age-calculator"] *){flex:1 1 auto;min-width:min-content;justify-content:center;text-align:center;white-space:normal}
#th-tool .t-btnrow>label.btn:where(#th-tool[data-module="age-calculator"] *){font-size:14px;font-weight:650;color:var(--ink)}
@container tool (width <= 22.5rem){
#th-tool .t-btnrow>.btn.sm:where(#th-tool[data-module="age-calculator"] *){padding-left:8px;padding-right:8px;gap:6px}
}
#th-tool .t-main:where(#th-tool[data-module="age-calculator"] *){align-self:flex-start;flex:0 0 auto;width:auto;max-width:100%}
@container tool (width <= 22.5rem){
#th-tool .t-main:where(#th-tool[data-module="age-calculator"] *){align-self:stretch;width:100%}
}
#th-tool .t-btnrow:has(>.btn~.btn):not(:has(>.btn~.btn~.btn)):where(#th-tool[data-module="age-calculator"] *){flex-wrap:wrap}
#th-tool .t-btnrow:has(>.btn~.btn):not(:has(>.btn~.btn~.btn))>.btn:where(#th-tool[data-module="age-calculator"] *){flex:1 1 max-content;max-width:none}
#th-tool .t-btnrow:has(>.btn~.btn~.btn):where(#th-tool[data-module="age-calculator"] *){flex-wrap:wrap}
#th-tool .t-btnrow:has(>.btn~.btn~.btn)>.btn:where(#th-tool[data-module="age-calculator"] *){flex:1 1 0px;max-width:none;min-width:min(100%,max(0px,calc((480px - 100%) * 999)))}
#th-tool .t-btnrow:has(>.btn~.btn~.btn~.btn~.btn)>.btn:where(#th-tool[data-module="age-calculator"] *){min-width:min(100%,max(0px,calc((600px - 100%) * 999)))}
#th-tool .t-btnrow:has(>.btn~.btn~.btn~.btn):not(:has(>.btn~.btn~.btn~.btn~.btn))>.btn:where(#th-tool[data-module="age-calculator"] *){flex:0 1 auto;min-width:min(calc(50% - 4px),max(0px,calc((600px - 100%) * 999)));max-width:max(calc(50% - 4px),calc((100% - 600px) * 999))}
#th-tool .t-btnrow.t-stack>.btn:where(#th-tool[data-module="age-calculator"] *){flex:1 1 100%!important;max-width:none!important}
#th-tool .t-bal:where(#th-tool[data-module="age-calculator"] *){flex-wrap:wrap!important}
#th-tool .t-bal>.btn:where(#th-tool[data-module="age-calculator"] *){flex:1 1 var(--bal-w)!important;max-width:var(--bal-w)!important;min-width:0!important}
#th-tool .btn.t-noicon>svg:where(#th-tool[data-module="age-calculator"] *){display:none}
#th-tool .btn:not(.sm)>svg:where(#th-tool[data-module="age-calculator"] *){width:18px!important;height:18px!important}
#th-tool .btn>svg:where(#th-tool[data-module="age-calculator"] *){flex:none}
#th-tool .t-btnrow.t-nat:where(#th-tool[data-module="age-calculator"] *){justify-content:center}
#th-tool .t-btnrow.t-nat>.btn:where(#th-tool[data-module="age-calculator"] *){flex:0 1 auto!important;max-width:100%}
@container tool (width <= 22.5rem){
.ag .ag-date:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:minmax(0,1fr) minmax(84px,.6fr)}
.ag select.ag-in:where(#th-tool[data-module="age-calculator"] *){padding:0 26px 0 12px;background-position:calc(100% - 15px) 50%,calc(100% - 8px) 50%,0 0,0 0}
}
@container tool (width <= 22.5rem){
.ag .ag-date select.ag-in:where(#th-tool[data-module="age-calculator"] *){font-size:18px;padding-left:10px}
}
.ag-lcol:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:10px;min-width:0}
.ag-lcol>.ag-note:where(#th-tool[data-module="age-calculator"] *){margin:0}
#th-tool.ag .ag-csvnote:where(#th-tool[data-module="age-calculator"] *){margin:8px 0 0}
#th-tool.ag .ag-tbar:where(#th-tool[data-module="age-calculator"] *){align-items:stretch;margin:0}
#th-tool.ag .ag-tout:where(#th-tool[data-module="age-calculator"] *){margin-top:12px}
#th-tool.ag .ag-tbar>.btn.sm:where(#th-tool[data-module="age-calculator"] *){flex:1 1 auto;min-width:min-content;justify-content:center;text-align:center;white-space:normal}
#th-tool.ag .ag-tbar>label.btn:where(#th-tool[data-module="age-calculator"] *){font-size:14px;font-weight:650;color:var(--ink)}
@container tool (width > 36rem){
#th-tool.ag .ag-tout>.btn.sm:where(#th-tool[data-module="age-calculator"] *){flex:0 1 auto}
}
@container tool (width <= 22.5rem){
#th-tool.ag .ag-tbar>.btn.sm:where(#th-tool[data-module="age-calculator"] *){padding-left:8px;padding-right:8px;gap:6px}
}
#th-tool :where(img,video,iframe):where(#th-tool[data-module="age-calculator"] *){max-width:100%}
#th-tool:has(.uc-dir) .uc-dir button:not([aria-pressed="true"]):active:where(#th-tool[data-module="age-calculator"] *){background:var(--btn2-bg-hover);color:var(--ink)}
#th-tool:has(.uc-dir) .presets .chip:active:where(#th-tool[data-module="age-calculator"] *){background:var(--btn2-bg-hover);border-color:var(--btn2-border-hover)}
/* ===== end of the own copy; the tool's own rules follow ===== */
/* own tooltip (.agecalculator-tip) + toast (.agecalculator-toast): copied from theme.css .th-tt / .toast and renamed (rule 171 (j)) */
.agecalculator-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;opacity:0;transition:.25s;z-index:60;pointer-events:none}
.agecalculator-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.agecalculator-tip{position:fixed;z-index:9999;left:0;top:0;padding:7px 11px;border-radius:10px;background:var(--ink);color:var(--bg);font:500 12.5px/1.45 var(--font,system-ui,sans-serif);box-shadow:0 6px 24px rgba(11,16,32,.22);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .12s,transform .12s;white-space:normal;overflow-wrap:anywhere}
.agecalculator-tip.on{opacity:1;transform:none}
.agecalculator-tip::after{content:"";position:absolute;left:var(--ax,50%);bottom:-5px;width:10px;height:10px;margin-left:-5px;background:inherit;transform:rotate(45deg);border-radius:2px}
.agecalculator-tip.below::after{bottom:auto;top:-5px}
@media (prefers-reduced-motion:reduce){
.agecalculator-tip{transition:none}
}
@media print{
.agecalculator-toast{display:none}
}
/* what the visitor knows about the date (owner 2026-10-26): three radio buttons in cards with an example each; the full date is chosen on every visit; one per line in a narrow box, three side by side in a wide one */
.ag-less:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:var(--gap-label,6px);margin:0}
.ag-lessl:where(#th-tool[data-module="age-calculator"] *){margin:0;font-size:var(--fs-label);line-height:var(--lh-text);color:var(--muted);font-weight:600}
.ag-opts:where(#th-tool[data-module="age-calculator"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-item,10px)}
.ag-opt:where(#th-tool[data-module="age-calculator"] *){display:flex;align-items:center;gap:12px;min-height:var(--tap);padding:10px 14px;border:1px solid var(--btn2-border,var(--line));border-radius:var(--r-card,12px);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(11,16,32,.04)}
.ag-opt:hover:where(#th-tool[data-module="age-calculator"] *){border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.ag-opt:has(input:checked):where(#th-tool[data-module="age-calculator"] *){border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand)}
.ag-opt:has(input:focus-visible):where(#th-tool[data-module="age-calculator"] *){outline:2px solid var(--brand);outline-offset:2px}
.ag-opt input:where(#th-tool[data-module="age-calculator"] *){flex:none;appearance:none;-webkit-appearance:none;inline-size:24px;block-size:24px;margin:0;border-radius:50%;border:2px solid var(--muted);background:var(--surface);cursor:pointer}
.ag-opt input:checked:where(#th-tool[data-module="age-calculator"] *){border-color:var(--brand);background:radial-gradient(circle,var(--brand) 0 42%,transparent 48%),var(--surface)}
.ag-ot:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-direction:column;gap:6px;min-inline-size:0}
.ag-ot b:where(#th-tool[data-module="age-calculator"] *){font-size:var(--fs-body);font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.ag-ox:where(#th-tool[data-module="age-calculator"] *){display:flex;flex-wrap:wrap;gap:6px}
.ag-ox i:where(#th-tool[data-module="age-calculator"] *){font-style:normal;padding:2px 10px;border-radius:var(--r-pill,999px);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:var(--fs-meta);font-variant-numeric:tabular-nums}
.ag-opt:has(input:checked) .ag-ox i:where(#th-tool[data-module="age-calculator"] *){background:var(--surface)}
@container tool (width <= 48rem){
.ag-opts:where(#th-tool[data-module="age-calculator"] *){grid-template-columns:minmax(0,1fr)}
}
/* progress for every file the visitor gets (rule 182, owner 2026-10-23): copied from Table to Image .ti-pg*, own prefix ag-pg; floating at the bottom like the message; one file at a time, so no tiles and no Cancel */
.ag-pg{position:fixed;inset-inline:var(--gap-item);bottom:28px;margin:0 auto;max-inline-size:26rem;z-index:61;display:flex;flex-direction:column;gap:var(--gap-item);padding:var(--gap-item);border-radius:var(--r-card);border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));background:color-mix(in srgb,var(--brand) 6%,var(--surface));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 8%,transparent),var(--shadow);animation:ag-pg-in .25s ease both}
.ag-pg[hidden]{display:none}
.ag-pgh{display:flex;align-items:center;gap:var(--gap-item);min-inline-size:0}
.ag-pgring{--p:0;position:relative;flex:none;display:grid;place-items:center;inline-size:3rem;block-size:3rem;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--p)*1%),color-mix(in srgb,var(--brand) 16%,var(--surface)) 0)}
.ag-pgring::before{content:'';position:absolute;inset:5px;border-radius:50%;background:var(--surface)}
.ag-pgring>b{position:relative;font-size:12px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}
.ag-pgx{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0}
.ag-pgt{font-size:var(--fs-body);color:var(--ink);overflow-wrap:anywhere}
.ag-pgs{font-size:var(--fs-label);color:var(--muted);overflow-wrap:anywhere}
.ag-pgbar{position:relative;display:block;block-size:8px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--brand) 14%,var(--surface));overflow:hidden}
.ag-pgbar>i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 70%,#fff),var(--brand));transition:width .35s ease;overflow:hidden}
.ag-pgbar>i::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:ag-sheen 1.4s ease-in-out infinite}
.ag-pgm{font-size:var(--fs-label);color:var(--muted);font-variant-numeric:tabular-nums}
.ag-pg .screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
@keyframes ag-pg-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes ag-sheen{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){
.ag-pg,
.ag-pgbar>i::after{animation:none}
.ag-pgbar>i{transition:none}
}
@media print{
.ag-pg{display:none}
}