@layer reset,base,layout,components,animation;
@layer reset {*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{display:block;max-width:100%}a{color:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}fieldset{border:0;margin:0;padding:0}}
@layer base { :root{--ink:#203b31;--muted:#68766a;--cream:#fbfaf5;--lime:#d9ec8f;--pink:#eacfea;--line:#dce1d5;--sage:#edf1e5;--white:#fffefb;--radius:26px;--serif:Georgia,'Times New Roman',serif}html{scroll-behavior:smooth;scroll-padding-top:30px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--cream);color:var(--ink);font-size:15px;line-height:1.6}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1,h2{font-weight:550}h1 em,h2 em{font-family:var(--serif);font-weight:400}p{color:var(--muted)}a{text-decoration:none}button{border:0;background:none}input,select{min-width:0;color:var(--ink);background:var(--white)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #819f37;outline-offset:4px}button,a,input,select{touch-action:manipulation}::selection{background:var(--lime);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.15em;line-height:1.5}.field-hint{font-size:11px;line-height:1.6}.text-button{font-size:12px;font-weight:600;padding:8px 0;display:inline-flex;align-items:center;gap:6px}.text-button:hover,.text-link:hover{text-decoration:underline}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:20px;border-radius:14px;min-height:54px;padding:13px 20px;font-size:14px;font-weight:650;transition:transform .2s,background .2s}.primary-button{background:var(--ink);color:var(--white);width:100%}.primary-button:hover{background:#35543e;transform:translateY(-1px)}.primary-button svg,.secondary-button svg{width:21px;height:21px}.secondary-button{border:1px solid #b7c6ad;background:transparent;font-size:12px;min-height:43px;gap:12px}.secondary-button:hover{background:#e4eccf}.skip-link{position:absolute;top:-80px;left:20px;z-index:30;background:var(--ink);color:white;padding:12px 18px;border-radius:10px}.skip-link:focus{top:10px}}
@layer layout {.site-header{max-width:1220px;height:100px;margin:auto;padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:29px;font-weight:780;letter-spacing:-1.8px}.brand>svg{width:31px;height:31px;transform:rotate(-14deg)}.brand-period{color:#94aa57}.site-header nav{display:flex;gap:34px;font-size:12px;font-weight:550}.site-header nav a{position:relative}.site-header nav a:hover:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-6px;background:var(--ink)}.language-link{font-size:11px;border:1px solid var(--line);padding:7px 13px;border-radius:30px;white-space:nowrap}.language-link span{font-size:16px;margin-right:3px}main{max-width:1150px;margin:0 auto;padding:0 24px}.hero{text-align:center;position:relative;max-width:800px;margin:39px auto 47px}.hero>.eyebrow{display:flex;gap:12px;align-items:center;justify-content:center;color:#718245}.tiny-line{width:20px;height:1px;background:#a9b687}.hero h1{font-size:76px;letter-spacing:-4px;line-height:1.035;margin:21px 0}.hero h1 em{color:#607643;letter-spacing:-3.3px}.hero-description{max-width:435px;margin:auto;font-size:15px;line-height:1.75}.privacy-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;margin-top:21px;border:1px solid #e0e5d7;border-radius:30px;padding:4px 12px;background:#f2f4e9;color:#607046}.privacy-badge span{font-size:18px;line-height:1}.hero-spark{position:absolute;font-size:44px;font-weight:300;color:#c4d5a1}.left-spark{left:52px;top:60px;transform:rotate(-15deg)}.right-spark{right:37px;top:142px;font-size:37px;color:#d8b8d7}.calculator-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;max-width:1010px;margin:0 auto;align-items:stretch}.input-card{border:1px solid #dce2d5;border-radius:var(--radius);background:var(--white);padding:32px 29px;box-shadow:0 10px 24px -22px #304e39}.result-card{border-radius:var(--radius);background:#edf2e0;border:1px solid #dae3c8;padding:26px 31px 22px;position:relative;overflow:hidden;display:flex;flex-direction:column}.result-topline{display:flex;justify-content:space-between;align-items:center}.result-topline>.eyebrow{font-size:9px;color:#6b7e4f}.tiny-star{font-size:26px;color:#899f5e;line-height:1}.result-card h2{font-size:29px;margin:8px 0;max-width:410px;line-height:1.16;letter-spacing:-1px}#result-copy{min-height:115px;position:relative;z-index:1}#result-detail{font-size:12px;max-width:390px}.result-pill{display:inline-block;font-size:8px;font-weight:750;letter-spacing:.11em;color:#58683f;margin-top:14px}.result-date{font-size:11px;font-weight:650;margin-top:5px;color:#536f38}.pet-scene{width:100%;height:174px;overflow:visible;flex-shrink:0;margin:0 auto 4px}.moments-section{padding-top:93px}.section-heading{text-align:center;max-width:640px;margin:0 auto 33px}.section-heading>.eyebrow{color:#75894d;margin-bottom:12px}.section-heading h2{font-size:36px;letter-spacing:-1.4px}.section-heading>p:not(.eyebrow){font-size:13px;margin-top:13px}.moments-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-card{border:1px solid var(--line);border-radius:var(--radius);padding:29px;background:var(--white)}.tool-card h2{font-size:23px;margin:15px 0 10px;letter-spacing:-.8px}.tool-card>p{font-size:12px;line-height:1.8}.tool-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#f2e6cf;font-size:30px;color:#8c6e44}.compare-card .tool-icon{background:#ecdfef;color:#9c73a1}.tool-icon svg{width:24px;height:24px}.tool-route-links{display:flex;justify-content:center;gap:30px;font-size:11px;margin-top:18px;text-decoration:underline;text-underline-offset:3px;color:#71805d}.guide-section{padding:90px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.guide-card{padding:24px;border-radius:22px;border:1px solid var(--line);transition:transform .2s,background .2s;position:relative}.guide-card:hover{transform:translateY(-4px);background:#f0f3e7}.guide-icon{width:45px;height:45px;display:block;margin-bottom:20px;color:#6d8552}.guide-icon svg{width:100%;height:100%}.guide-card:nth-child(2) .guide-icon{color:#b58e57}.guide-card:nth-child(3) .guide-icon{color:#bf8c9c;width:38px}.guide-card h3{font-size:18px;letter-spacing:-.5px;margin-bottom:12px}.guide-card p{font-size:12px;max-width:240px;margin-bottom:26px}.guide-arrow{position:absolute;right:22px;bottom:19px;width:23px}.method-section{background:var(--ink);color:#f9faf4;padding:48px;border-radius:30px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.method-section h2{font-size:35px;line-height:1.2;margin:16px 0 19px;letter-spacing:-1px}.method-section p{color:#bfccbc;font-size:12px}.method-section .eyebrow{color:var(--lime);font-size:9px}.text-link{display:inline-block;font-size:12px;margin-top:25px;color:var(--lime)}.method-notes{display:flex;flex-direction:column;gap:25px}.method-notes>div{display:flex;gap:19px}.method-notes>div>span{color:var(--lime);font-family:var(--serif);font-style:italic;font-size:19px}.method-notes h3{font-size:15px;letter-spacing:-.2px;margin-bottom:8px}.method-notes p{font-size:11px;line-height:1.8}.faq-section{max-width:730px;padding:83px 0 50px;margin:auto}.faq-section>h2{text-align:center;font-size:31px;margin-bottom:30px}.faq-section details{border-bottom:1px solid var(--line)}.faq-section summary{padding:20px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:13px;font-weight:600;gap:20px}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary span{font-size:20px;font-weight:400}.faq-section details[open] summary span{transform:rotate(45deg)}.faq-section details p{font-size:12px;padding-bottom:23px;line-height:1.8}.privacy-section{max-width:730px;margin:10px auto 53px;border:1px dashed #cdd7c3;border-radius:16px;padding:20px 23px}.privacy-section h2{font-size:15px;letter-spacing:-.3px;margin-bottom:7px}.privacy-section p{font-size:10px;line-height:1.8}.site-footer{max-width:1150px;border-top:1px solid var(--line);margin:0 auto;padding:28px 24px 37px;display:flex;gap:25px;align-items:center}.site-footer .brand{font-size:24px}.site-footer .brand>svg{width:24px}.site-footer p{font-size:11px}.site-footer small{font-size:9px;color:#8a9385}.site-footer>a:not(.brand){font-size:10px;margin-left:auto}.footer-heart{font-size:28px;color:#819967}.inner-hero{margin-top:40px;margin-bottom:40px}.inner-hero h1{font-size:62px}.article-copy{max-width:740px;margin:70px auto}.article-copy>.eyebrow{margin-bottom:15px;color:#879b5b}.article-copy h2{font-size:31px;margin-bottom:20px}.article-copy h3{font-size:22px;margin:32px 0 13px}.article-copy p{font-size:14px;margin-bottom:17px;line-height:1.9}.source-box{background:#edf2e0;border-radius:20px;padding:24px;margin:35px 0}.source-box h3{margin-top:0}.source-box ul{padding-left:20px;font-size:12px}.source-box a{text-decoration:underline;text-underline-offset:3px}.source-box p{font-size:11px;margin-bottom:0}.standalone-tool{max-width:760px;margin:auto}.standalone-tool .tool-card{padding:35px}.noscript{max-width:700px;background:#f7e6cc;padding:15px;border-radius:15px;margin:20px auto}.not-found{max-width:650px;padding:100px 24px}.not-found h1{font-size:60px;margin:30px 0}.not-found .primary-button{margin:30px 0;max-width:260px}}
@layer components {.species-tabs{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:17px 0 27px}.species-button{border:1px solid #e0e3d8;border-radius:15px;display:flex;align-items:center;gap:11px;min-height:68px;padding:10px 17px;position:relative;background:#fbfbf7;transition:background .2s,border-color .2s}.species-button.active{background:#f0f4e6;border:1.5px solid #90a46d;padding:9.5px 16.5px}.species-button>svg{width:35px;height:35px}.species-button>span{font-size:14px;font-weight:600}.selection-dot{width:10px;height:10px;border:1px solid #cdd5bf;border-radius:50%;margin-left:auto}.active>.selection-dot{background:#839b53;border:2px solid #f0f4e6;box-shadow:0 0 0 1px #839b53}.age-fieldset{margin-top:25px}.field-heading{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:11px}.field-heading .field-legend{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;padding:0}.field-heading .field-legend svg{width:16px;height:16px}.mode-switch{background:#f1f2ec;padding:3px;border-radius:8px;display:flex}.mode{padding:4px 8px;border-radius:5px;font-size:9px;color:#7b8473}.mode.active{background:white;box-shadow:0 1px 5px #304c3610;color:var(--ink);font-weight:650}.age-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.age-inputs>label{border:1px solid #dee3d6;border-radius:12px;padding:8px 13px;display:flex;align-items:center;gap:10px;min-height:62px}.age-inputs input{background:transparent;border:0;max-width:100%;width:100%;font-size:26px;font-weight:550;letter-spacing:-1px;padding:0;-moz-appearance:textfield}.age-inputs input::-webkit-inner-spin-button{appearance:none}.age-inputs>label>span{font-size:10px;color:#8a9381;white-space:nowrap}.date-input input{border:1px solid #dee3d6;border-radius:12px;padding:13px;width:100%;min-height:62px;font-size:17px}.unknown-option{font-size:10px;color:#859078;display:flex;align-items:center;gap:6px;margin-top:10px;cursor:pointer;width:max-content}.unknown-option input{accent-color:var(--ink);margin:0;width:13px;height:13px}.form-error{font-size:11px;color:#a14232;min-height:17px;margin:13px 0 8px}.form-hint{text-align:center;font-size:10px;color:#8a927f;margin-top:12px}.variant-wrap{margin-top:-10px}.variant-wrap>label{font-size:11px;font-weight:650;display:block;margin-bottom:7px}.variant-wrap select{border:1px solid #dce3d4;border-radius:10px;width:100%;height:41px;padding:0 10px;font-size:12px}.variant-wrap>.field-hint{margin-top:5px;font-size:9px}.age-comparison{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:auto;padding-top:5px}.age-meter>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:8px}.age-meter>div>span{display:flex;gap:5px;align-items:center}.age-meter svg{width:13px;height:13px}.age-meter strong{font-size:24px;font-weight:550;line-height:1.2;letter-spacing:-.7px}.meter-track{height:6px;width:100%;border-radius:20px;background:#dbe4ca;margin-top:9px;overflow:hidden}.meter-track>span{height:100%;width:0;display:block;background:#81964e;border-radius:20px;transition:width .1s linear}.pet-meter .meter-track>span{background:#b398ba}.scale-label{font-size:8px;margin-top:10px;grid-column:1/-1;text-align:center;color:#7d8b68}.time-travel{border-top:1px solid #d2dcc1;padding-top:15px;margin-top:15px}.time-heading{display:flex;align-items:center;justify-content:space-between}.time-heading h3{font-size:12px;font-weight:650;letter-spacing:-.2px}.time-heading output{font-size:10px;color:#667b44;background:#e2ebd1;border-radius:20px;padding:2px 9px}.time-travel input[type=range]{width:100%;height:24px;margin:9px 0 0;accent-color:#536e35;background:transparent;cursor:grab}.time-travel input[type=range]:active{cursor:grabbing}.time-actions{display:flex;justify-content:space-between}.time-actions .text-button{font-size:10px}.time-travel>.field-hint{font-size:9px;margin-top:3px}.result-bottom{display:flex;gap:13px;align-items:center;margin-top:15px}.keepsake-button{flex-shrink:0;border:1px solid #c0cdb0;border-radius:9px;font-size:10px;padding:8px 12px;background:#f4f7eb}.keepsake-button:hover{background:white}.result-bottom p{font-size:8px;line-height:1.6}.precision-note{font-size:8px;line-height:1.7;margin-top:10px;color:#7c876e}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:21px 0 14px}.two-fields>label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:650}.two-fields input,.two-fields select{border:1px solid #dce3d4;border-radius:9px;height:41px;width:100%;padding:0 9px;font-size:11px}.tool-card .secondary-button{width:100%}.anniversary-result{margin:18px 0 8px;background:#f8f3e8;border-radius:12px;padding:14px;min-height:60px}.anniversary-result p{font-size:11px}.anniversary-result strong{font-size:14px;font-weight:650}.anniversary-result small{display:block;font-size:10px;color:#8b826b;margin-top:3px}.tool-card>.field-hint{font-size:9px;margin-top:12px}.compare-row{margin-top:16px;border:1px solid #e0e4d8;border-radius:12px;padding:10px;display:grid;grid-template-columns:1fr 1fr 25px;gap:7px;position:relative}.compare-row input,.compare-row select{border:1px solid #e0e4d8;height:34px;border-radius:7px;padding:0 7px;width:100%;font-size:10px}.compare-row>label{font-size:9px;display:flex;flex-direction:column;gap:4px}.compare-row .row-name{grid-column:1/3}.remove-pet{width:24px;height:34px;margin-top:17px;font-size:18px;color:#849078}.compare-row .row-variant{grid-column:1/4}.compare-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:15px}.compare-actions .text-button{font-size:10px;white-space:nowrap}.compare-actions .secondary-button{width:auto;min-height:37px;padding:8px 10px;font-size:10px;gap:8px}.compare-actions .secondary-button svg{width:17px}.comparison-result{margin-top:17px}.comparison-entry{font-size:11px;margin-top:12px}.comparison-entry>div:first-child{display:flex;justify-content:space-between;gap:10px}.comparison-entry .meter-track{height:5px;margin-top:5px}.comparison-entry .meter-track>span{background:#b09aba}.comparison-entry p{font-size:9px}.comparison-result>p{font-size:11px;color:#a14232}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:10px 20px;border-radius:40px;font-size:12px;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.result-card.invalid .pet-scene{opacity:.55}.result-card.playing .pet-scene{filter:drop-shadow(0 7px 8px #83945810)}}
@layer animation {@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes heartbeat{0%,100%{transform:translate(274px,56px) scale(1) translate(-274px,-56px)}50%{transform:translate(274px,56px) scale(1.13) translate(-274px,-56px)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.cat-character{animation:float 5s ease-in-out infinite}.dog-character{animation:float 5s ease-in-out -2.2s infinite}.floating-heart{animation:heartbeat 2.6s ease-in-out infinite}.blink{animation:blink 6s infinite;transform-box:fill-box;transform-origin:center}.plant{transform-origin:50% 100%;animation:sway 5s ease-in-out infinite}.hero-spark{animation:float 5s ease-in-out infinite}.right-spark{animation-delay:-2s}}
@media(min-width:1500px){.site-header{height:110px}.hero{margin-top:52px}.calculator-grid{max-width:1040px}}
@media(max-width:850px){.site-header{padding:0 25px;height:85px}.site-header nav{gap:19px;font-size:10px}.hero{margin-top:29px}.hero h1{font-size:65px}.left-spark{left:12px}.right-spark{right:12px}.calculator-grid{grid-template-columns:.95fr 1.05fr;gap:14px}.input-card{padding:24px 20px}.result-card{padding:22px}.result-card h2{font-size:25px}.species-button{padding:10px}.species-button.active{padding:9.5px}.species-button>svg{width:30px}.species-button>span{font-size:12px}.species-button>.selection-dot{width:8px;height:8px}.mode{padding:4px 6px;font-size:8px}.field-heading .field-legend{font-size:11px}.pet-scene{height:160px}.method-section{padding:35px;gap:35px}.method-section h2{font-size:29px}.tool-card{padding:23px}.tool-card h2{font-size:21px}.compare-actions{flex-wrap:wrap}.comparison-entry strong{white-space:nowrap}.two-fields{grid-template-columns:1fr}.site-footer{gap:18px}}
@media(max-width:640px){body{font-size:14px}.site-header{height:75px;padding:0 21px}.brand{font-size:27px}.brand>svg{width:27px;height:27px}.site-header nav{display:none}.language-link{font-size:10px;padding:5px 10px}main{padding:0 17px}.hero{margin:30px auto 28px}.hero>.eyebrow{font-size:8px;letter-spacing:.13em;gap:9px}.tiny-line{width:15px}.hero h1{font-size:52px;letter-spacing:-2.8px;margin:18px 0}.hero h1 em{letter-spacing:-2px}.hero-description{font-size:13px;max-width:310px;line-height:1.75}.privacy-badge{font-size:9px;margin-top:15px}.left-spark{left:8px;top:88px;font-size:22px}.right-spark{right:4px;top:52px;font-size:24px}.calculator-grid{grid-template-columns:1fr;gap:15px;max-width:430px}.input-card{padding:25px 24px;border-radius:23px}.input-card .eyebrow{font-size:9px}.species-tabs{margin:15px 0 23px}.species-button{min-height:62px;padding:10px 17px}.species-button.active{padding:9.5px 16.5px}.species-button>svg{width:33px}.species-button>span{font-size:13px}.field-heading .field-legend{font-size:12px}.mode{font-size:9px;padding:4px 8px}.age-fieldset{margin-top:21px}.age-inputs>label{min-height:58px}.form-error{margin-top:11px;min-height:12px}.primary-button{min-height:51px}.result-card{border-radius:23px;padding:24px}.result-card h2{font-size:28px;max-width:320px}#result-copy{min-height:116px}#result-detail{font-size:12px}.pet-scene{height:168px;margin:3px auto 4px}.age-meter strong{font-size:25px}.time-travel{margin-top:17px}.result-bottom{margin-top:14px}.precision-note{font-size:8px}.moments-section{padding-top:63px}.section-heading h2{font-size:30px}.section-heading>.eyebrow{font-size:8px}.section-heading>p:not(.eyebrow){font-size:12px;max-width:310px;margin:12px auto 0}.section-heading{margin-bottom:25px}.moments-grid{grid-template-columns:1fr;gap:16px}.tool-card{padding:25px}.tool-card h2{font-size:24px}.two-fields{grid-template-columns:1fr 1fr}.compare-actions{flex-wrap:nowrap}.tool-route-links{gap:18px;font-size:9px}.guide-section{padding:62px 0}.guide-grid{grid-template-columns:1fr;gap:12px}.guide-card{padding:22px 24px 20px 85px;min-height:135px}.guide-icon{position:absolute;left:24px;top:25px;width:37px;height:37px}.guide-card h3{font-size:18px}.guide-card p{font-size:11px;margin-bottom:9px;max-width:245px}.guide-arrow{width:20px;bottom:13px}.method-section{grid-template-columns:1fr;padding:30px 26px;gap:33px;border-radius:25px}.method-section h2{font-size:32px}.method-section p{font-size:12px}.method-notes{gap:22px}.method-notes p{font-size:11px}.faq-section{padding:59px 6px 33px}.faq-section>h2{font-size:28px}.faq-section summary{font-size:12px;padding:19px 0;gap:16px}.privacy-section{padding:18px;margin:12px auto 35px}.privacy-section p{font-size:9px}.site-footer{padding:25px 22px 30px;flex-wrap:wrap;gap:13px 20px}.site-footer>div{flex:1}.site-footer p{font-size:10px}.site-footer small{font-size:8px}.site-footer>a:not(.brand){margin-left:0;flex:1}.site-footer .brand{font-size:22px}.footer-heart{font-size:25px}.inner-hero h1{font-size:43px;letter-spacing:-2px}.article-copy{margin:45px auto;padding:0 7px}.article-copy h2{font-size:26px}.article-copy h3{font-size:21px}.article-copy p{font-size:13px}.standalone-tool .tool-card{padding:24px}.source-box{padding:20px}.not-found h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.meter-track>span{transition:none!important}}
@media(prefers-contrast:more){:root{--muted:#3b493f;--line:#8d9b80}.field-hint,.precision-note,.scale-label{color:#465a38}}
.cat-character,.dog-character{scale:var(--growth,1);transform-origin:center bottom;transform-box:fill-box;transition:scale .25s}.age-twins .floating-heart{fill:#d67c87;filter:drop-shadow(0 0 9px #e6a6a6)}.age-twins .time-heading output{background:#d9ec8f}
/* Keep supporting copy genuinely readable, including model and privacy caveats. */
.field-hint,.precision-note,.scale-label,.form-hint,.unknown-option,.age-inputs>label>span,.result-bottom p,.source-box p,.tool-card>.field-hint,.site-footer small{color:#57664d}
.precision-note,.scale-label,.form-hint,.result-bottom p,.time-travel>.field-hint,.variant-wrap>.field-hint,.tool-card>.field-hint{font-size:11px}
.privacy-section p{font-size:12px}.unknown-option,.age-inputs>label>span,.two-fields>label,.compare-row>label{font-size:11px}.site-footer small{font-size:10px}.time-actions .text-button,.keepsake-button{font-size:11px}.mode{color:#57664d}.result-bottom{align-items:flex-start}.result-bottom p{line-height:1.5}
.comparison-entry>div:first-child>span{min-width:0;flex:1;overflow-wrap:anywhere}.comparison-entry>div:first-child>strong{flex-shrink:0}

.share-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.share-actions button{min-height:44px;max-width:100%;white-space:normal}.social-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:.8rem}.public-share-link{width:100%;max-width:100%;min-width:0}.result-bottom{display:block}.app-section{max-width:1140px;margin:60px auto;padding:28px;border:1px solid var(--line);border-radius:24px}.app-section p,.app-section li{color:var(--muted);font-size:.9rem;line-height:1.7}.app-section h2{font-family:Georgia,serif;font-size:1.8rem;margin:0 0 12px}@media(max-width:600px){.app-section{margin:35px 20px;padding:20px}.share-actions{align-items:stretch}.share-actions button{flex:1 1 150px}}

.games-section{max-width:1140px;margin:55px auto;padding:0 24px}.games-section>h2,.game-guide h2{font:2rem Georgia,serif;color:#203b31}.games-section p{line-height:1.7}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.game-hub-card,.game-panel,.game-settings,.game-guide,.product-card{border:1px solid #dce3d2;border-radius:24px;padding:24px;background:#fffdf7;min-width:0;overflow-wrap:anywhere}.game-hub-card{display:block;text-decoration:none;color:#203b31;transition:transform .2s}.game-hub-card:hover{transform:translateY(-3px)}.game-hub-card h3{font:1.4rem Georgia,serif}.game-hub-card p{font-size:.9rem;color:#5a675e}.game-card-icon{font-size:2.2rem}.game-panel{max-width:800px;margin:0 auto 24px;min-height:180px}.game-actions,.game-next{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.game-actions button,.game-choice{min-height:44px;white-space:normal;max-width:100%}.game-choice{display:block;width:100%;text-align:left;border:1px solid #c5d1bc;border-radius:14px;padding:14px;margin:10px 0;background:#f8f8ed;color:#203b31;font:inherit;cursor:pointer}.game-choice:disabled{cursor:default}.game-choice.correct{background:#e0edc1}.game-choice.incorrect{background:#f3ddd3}.game-question{font-size:1.25rem;line-height:1.6}.game-feedback{padding:16px;border-radius:14px;background:#eef3e2;line-height:1.7;margin:16px 0}.game-feedback a{display:inline-block;overflow-wrap:anywhere}.game-progress,.game-meter{font-size:.85rem;color:#5a675e}.game-settings{max-width:800px;margin:0 auto 28px}.game-settings p{font-size:.85rem}.game-settings label{display:flex;gap:10px;align-items:start}.game-settings input{flex:none}.game-settings textarea{width:100%;min-height:110px}.game-guide{margin:28px 0}.game-next a{white-space:normal}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product-card img{width:100%;height:auto;display:block;border-radius:18px;background:#f8f8ed}.product-card li{line-height:1.7}.product-price{font:2rem Georgia,serif}.game-panel [role=status]{line-height:1.6}.game-panel button:focus-visible,.game-settings button:focus-visible{outline:3px solid #476839;outline-offset:3px}@media(max-width:900px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.game-grid,.product-grid{grid-template-columns:1fr}.games-section{padding:0 20px;margin:35px auto}.game-panel,.game-guide,.game-settings,.product-card{padding:18px}.game-actions button{flex:1 1 140px}.game-question{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.game-hub-card{transition:none}.game-hub-card:hover{transform:none}}
#game-root>.game-panel{padding:0;border:0;background:transparent}@media(max-width:480px){.pet-stage{grid-template-columns:1fr}.pet-portrait{max-width:170px}.pet-stats{width:100%}}