:root{--dog-bg:#fff8ef;--dog-ink:#261506;--dog-muted:#6d5b4c;--dog-surface:rgba(255, 255, 255, 0.9);--dog-border:rgba(133, 82, 43, 0.16);--dog-soft:#fff3ec;--dog-accent:#f36f55;--dog-accent-2:#ffb49e;--dog-button:linear-gradient(135deg, #ff9a7d, #f05d45);--dog-shadow:0 18px 42px rgba(90, 57, 32, 0.13);--dog-soft-shadow:0 10px 24px rgba(90, 57, 32, 0.1);--dog-radius-xl:28px;--dog-radius-lg:20px;--dog-radius-md:14px;--dog-gutter:clamp(12px, 4vw, 28px);--dog-shell:1220px}body[data-theme=blue-collar]{--dog-soft:#edf6ff;--dog-accent:#3e86d7;--dog-accent-2:#9fc9ff;--dog-button:linear-gradient(135deg, #7cbcff, #3b7ac8)}body[data-theme=neutral-cream]{--dog-soft:#fff7ea;--dog-accent:#b98549;--dog-accent-2:#dfc39c;--dog-button:linear-gradient(135deg, #dcb37a, #a9753f)}body[data-theme=lavender-pet]{--dog-soft:#f5f0ff;--dog-accent:#8a67d4;--dog-accent-2:#c5b0ff;--dog-button:linear-gradient(135deg, #b49cff, #7659c9)}body[data-theme=mint-park]{--dog-soft:#eefbf5;--dog-accent:#2f9f78;--dog-accent-2:#9ee1c5;--dog-button:linear-gradient(135deg, #8bdfbf, #2f9874)}*{box-sizing:border-box}body.dog-timeline-page,html{overflow-x:hidden}body.dog-timeline-page{margin:0;min-width:0;color:var(--dog-ink);background:radial-gradient(circle at top left,rgba(255,183,131,.2),transparent 32rem),linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,248,239,.96)),var(--dog-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.dog-timeline-page img,.dog-timeline-page svg{max-width:100%}.dog-timeline-page svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dog-shell{width:min(100%,calc(var(--dog-shell) + (var(--dog-gutter)*2)));margin:0 auto;padding:clamp(10px,3vw,22px) var(--dog-gutter) 36px}.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}.dog-hero{position:relative;isolation:isolate;min-height:430px;border:1px solid rgba(218,163,101,.36);border-radius:clamp(22px,5vw,34px);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,251,246,.82)),var(--dog-soft);box-shadow:var(--dog-shadow);padding:clamp(24px,7vw,50px) clamp(14px,5vw,42px) clamp(18px,4vw,36px);overflow:hidden}.choice-row input,.dog-hero::before{position:absolute;pointer-events:none}.dog-hero::before{content:"";inset:8px;border:1px solid rgba(230,188,139,.55);border-radius:inherit;z-index:-1}.hero-copy{position:relative;z-index:2;width:min(100%,760px);margin:0 auto;text-align:center;padding:0 8px}.choice-row span,.dog-kicker{display:inline-flex;align-items:center;border-radius:999px;font-weight:800}.dog-kicker{justify-content:center;min-height:32px;padding:7px 12px;background:rgba(255,255,255,.74);color:var(--dog-accent);border:1px solid color-mix(in srgb,var(--dog-accent) 22%,transparent);font-size:clamp(.72rem,2.7vw,.8rem);letter-spacing:.04em;text-transform:uppercase}.dog-hero h1{margin:12px auto 10px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.22rem,10vw,4.65rem);line-height:.98;letter-spacing:0;color:#2a1508;text-wrap:balance}.dog-hero p{max-width:660px;margin:0 auto;color:var(--dog-muted);font-size:clamp(.98rem,3.6vw,1.1rem);line-height:1.55;overflow-wrap:anywhere}.hero-illustration{position:absolute;z-index:1;opacity:.92;pointer-events:none}.dog-left{left:clamp(-28px,-3vw,18px);top:72px;width:clamp(130px,39vw,280px)}.dog-right{right:clamp(-30px,-3vw,14px);top:86px;width:clamp(128px,37vw,265px)}.house-svg,.puppy-svg{display:block;filter:drop-shadow(0 14px 18px rgba(111,76,42,.16))}.card-cloud,.pet-bed{fill:#fff4df;stroke:#e6c6a0}.dog-head,.sleep-head{fill:#f4c27e;stroke:#b9783f}.dog-ear,.sleep-ear{fill:#dfa261;stroke:#a96c38}.dog-muzzle{fill:#fff2de;stroke:#c8884f}.dog-eye,.dog-nose{fill:#2b1a10;stroke:none}.dog-smile,.sleep-eye{stroke:#6b4227}.bandana{fill:#9bc18a;stroke:#5b9057}.heart-shape,.house-heart,.paw-fade,.paw-print{fill:#ffb09d;stroke:#f36f55}.ball{fill:#f2a16c;stroke:#c06c3e}.house-roof{fill:#e8b573;stroke:#a86c37;stroke-width:5}.house-body,.plant-pot{fill:#f6d5a3;stroke:#b98549}.house-door{fill:#7c4a2a;stroke:#4b2b18}.ground,.plant{stroke:#6d9b5e}.dog-date-form{position:relative;z-index:3;width:min(100%,760px);margin:clamp(18px,5vw,28px) auto 0}.choice-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 10px;padding:0;border:0}.choice-row label{cursor:pointer}.choice-row input{opacity:0}.choice-row span{min-height:36px;padding:8px 12px;border:1px solid var(--dog-border);background:rgba(255,255,255,.82);color:var(--dog-muted);font-size:.86rem;box-shadow:0 6px 16px rgba(90,57,32,.06)}.choice-row input:checked+span{color:#fff;border-color:transparent;background:var(--dog-button)}.size-row{margin-top:10px;margin-bottom:0}.size-row span{min-height:32px;padding:6px 10px;font-size:.8rem}.dog-date-control{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0;align-items:center;min-height:64px;border-radius:20px;padding:8px;border:1px solid var(--dog-border);background:rgba(255,255,255,.93);box-shadow:var(--dog-soft-shadow)}.input-icon{display:inline-grid;place-items:center;width:46px;height:46px;color:#8a5b37}.input-icon svg{width:24px;height:24px}.dog-date-control input,.memory-note textarea{width:100%;border:0;outline:0;color:var(--dog-ink)}.dog-date-control input{min-width:0;height:46px;background:0 0;font-size:1rem;font-weight:700}.date-hint{grid-column:2/3;display:block;margin-top:-4px;color:#8b7a6a;font-size:.78rem;line-height:1.2;pointer-events:none}.calculate-btn{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;margin-top:8px;border:0;border-radius:16px;background:var(--dog-button);color:#fff;box-shadow:0 12px 22px color-mix(in srgb,var(--dog-accent) 30%,transparent);font-weight:900;font-size:.98rem;white-space:nowrap;cursor:pointer}.calculate-btn svg{width:22px;height:22px}.form-message,.offline-notice{min-height:22px;margin:8px 8px 0;text-align:center;font-weight:800;font-size:.9rem}.form-message{color:#b33022}.offline-notice{color:#7f6b30}.tool-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:clamp(14px,4vw,22px) auto;width:min(100%,820px)}.card-actions button,.share-card-actions button,.tool-actions button{min-height:46px;color:#654126;cursor:pointer}.card-actions button,.pet-photo-remove,.pet-photo-upload,.share-card-actions button,.tool-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;border:1px solid var(--dog-border);background:rgba(255,255,255,.92);font-weight:900;box-shadow:0 8px 18px rgba(90,57,32,.08)}.pet-photo-upload{color:#654126}.pet-photo-remove{cursor:pointer}.card-actions button svg,.pet-photo-upload svg,.share-card-actions button svg,.tool-actions button svg{width:19px;height:19px}.print-area{max-width:100%}.summary-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0 0 clamp(14px,4vw,22px)}.summary-card{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;min-height:94px;padding:14px;border:1px solid var(--dog-border);border-radius:var(--dog-radius-lg);background:var(--dog-surface);box-shadow:var(--dog-soft-shadow);overflow:hidden}.summary-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:var(--dog-accent);background:color-mix(in srgb,var(--dog-accent-2) 30%,white)}.summary-icon svg{width:29px;height:29px}.summary-card span{display:block;color:var(--dog-muted);font-size:.78rem;line-height:1.25;font-weight:800}.summary-card strong,.timeline-title strong{display:block;font-family:Georgia,"Times New Roman",serif}.summary-card strong{margin-top:4px;color:var(--dog-ink);font-size:clamp(1.05rem,5vw,1.45rem);line-height:1.1;overflow-wrap:anywhere}.summary-card small{display:block;margin-top:3px;color:#6f573f;font-weight:700;overflow-wrap:anywhere}.countdown-card,.disclaimer-card,.faq-section,.memory-card,.related-pet-tools,.seo-content article,.share-section,.theme-panel,.timeline-section{border:1px solid var(--dog-border);border-radius:var(--dog-radius-lg);background:var(--dog-surface);box-shadow:var(--dog-soft-shadow)}.theme-panel{display:grid;gap:12px;padding:16px;margin-bottom:clamp(14px,4vw,22px)}.countdown-card h2,.faq-section h2,.memory-card h2,.related-pet-tools h2,.section-heading h2,.seo-content h2,.share-section h2,.theme-panel h2{margin:0;color:var(--dog-ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.18rem,5vw,1.55rem);line-height:1.15}.faq-section p,.related-pet-tools p,.section-heading p,.seo-content p,.share-section p,.theme-panel p{margin:6px 0 0;color:var(--dog-muted);line-height:1.55;overflow-wrap:anywhere}.theme-selector{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.theme-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid var(--dog-border);border-radius:999px;padding:8px 12px;background:#fff;color:var(--dog-muted);font-weight:900;cursor:pointer}.theme-chip[aria-checked=true]{color:#fff;background:var(--dog-button);border-color:transparent}.theme-dot{width:14px;height:14px;border-radius:50%;background:var(--chip-color, var(--dog-accent));box-shadow:0 0 0 4px rgba(255,255,255,.28)}.timeline-layout{display:grid;gap:clamp(14px,4vw,22px)}.countdown-card,.disclaimer-card,.faq-section,.memory-card,.related-pet-tools,.share-section,.timeline-section{padding:clamp(14px,4vw,22px)}.section-heading{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:16px}.section-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--dog-accent);background:var(--dog-soft)}.section-icon svg{width:25px;height:25px}.timeline-list{position:relative;display:grid;gap:12px;padding-left:48px}.timeline-list::before{content:"";position:absolute;left:22px;top:12px;bottom:12px;width:3px;border-radius:99px;background:linear-gradient(180deg,var(--dog-accent),var(--dog-accent-2),#8fd3c3)}.timeline-item{position:relative;min-width:0}.timeline-dot{position:absolute;left:-48px;top:18px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid color-mix(in srgb,var(--item-color) 72%,white);background:#fff;color:var(--item-color);box-shadow:0 8px 18px rgba(90,57,32,.09)}.timeline-dot svg{width:23px;height:23px}.timeline-card{display:grid;grid-template-columns:minmax(92px,.76fr) minmax(0,1.2fr) 38px;align-items:center;gap:10px;min-height:76px;padding:13px 12px;border:1px solid rgba(120,80,48,.11);border-radius:16px;background:#fff;box-shadow:0 8px 18px rgba(90,57,32,.08);overflow:hidden}.timeline-title{min-width:0}.timeline-title strong{color:var(--item-color);font-size:clamp(1rem,4.2vw,1.25rem);line-height:1.12;overflow-wrap:normal;word-break:normal;hyphens:none}.timeline-title time{display:block;margin-top:5px;color:#715947;font-size:.72rem;line-height:1.25;font-weight:900}.timeline-note{min-width:0;color:#2d2430;font-size:clamp(.86rem,3.5vw,.96rem);line-height:1.35;overflow-wrap:anywhere}.timeline-art{display:grid;place-items:center;width:38px;height:38px;color:var(--item-color)}.timeline-art svg{width:31px;height:31px}.empty-state{display:grid;gap:6px;padding:18px;border:1px dashed var(--dog-border);border-radius:16px;background:rgba(255,255,255,.75);color:var(--dog-muted)}.empty-state strong{color:var(--dog-ink);font-family:Georgia,"Times New Roman",serif;font-size:1.2rem}.side-stack{display:grid;gap:clamp(14px,4vw,22px)}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card-title-row h2{flex:1 1 auto}.notebook-icon,.star-outline{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--dog-accent);background:var(--dog-soft)}.notebook-icon svg,.star-outline svg{width:23px;height:23px}.tiny-heart{width:19px;height:17px;position:relative;transform:rotate(-45deg);border-left:2px solid var(--dog-accent);border-bottom:2px solid var(--dog-accent);border-radius:0 0 0 6px}.tiny-heart::after,.tiny-heart::before{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--dog-accent);border-bottom:0;border-left:0;border-radius:50%}.tiny-heart::before{left:7px;top:-7px}.tiny-heart::after{left:12px;top:-2px}.memory-notes{display:grid;gap:12px}.memory-note label{display:block;margin-bottom:5px;color:#775d47;font-weight:900;font-size:.88rem}.memory-note textarea{min-height:58px;resize:vertical;border-bottom:1px dashed rgba(130,95,66,.32);background:rgba(255,255,255,.44);font:inherit;line-height:1.45;padding:8px 0}.note-use,.privacy-note{margin:12px 0 0;color:var(--dog-muted);font-size:.82rem;line-height:1.45}.countdown-card{text-align:center;overflow:hidden}.countdown-card>p{margin:0 auto 10px;color:var(--dog-muted);line-height:1.5}.countdown-medallion{display:inline-grid;place-items:center;width:min(210px,70vw);aspect-ratio:1.35;margin:2px auto 8px;color:var(--dog-accent);background:radial-gradient(circle at center,#fff 0 50%,transparent 51%),repeating-conic-gradient(from 0deg,rgba(255,255,255,.9) 0 8deg,color-mix(in srgb,var(--dog-accent-2) 34%,white) 8deg 16deg);border-radius:46%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dog-accent) 18%,transparent),0 12px 20px rgba(90,57,32,.11)}.countdown-medallion strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,16vw,4.6rem);line-height:.85}.countdown-medallion span{color:var(--dog-ink);font-weight:900;font-size:1.1rem}.sleeping-dog-art{max-width:290px;margin:0 auto}.countdown-pet-visual{width:min(290px,100%);margin:0 auto;min-width:0}.pet-photo-preview{display:block;width:min(290px,100%);aspect-ratio:1.36;margin:4px auto 8px;object-fit:cover;object-position:center;border-radius:28px;border:5px solid rgba(255,255,255,.92);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,244,223,.92)),var(--dog-soft);box-shadow:0 14px 24px rgba(90,57,32,.14),0 0 0 1px color-mix(in srgb,var(--dog-accent) 20%,transparent)}.pet-photo-preview[hidden],.pet-photo-remove[hidden],.sleeping-dog-art[hidden]{display:none!important}.pet-photo-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:min(100%,310px);margin:8px auto 6px;align-items:stretch}.pet-photo-upload{min-height:42px;cursor:pointer;font-size:.88rem;color:var(--dog-accent);background:color-mix(in srgb,var(--dog-accent-2) 18%,white);border-color:color-mix(in srgb,var(--dog-accent) 25%,transparent)}.pet-photo-remove{min-height:42px;padding-inline:12px;font-size:.84rem;color:#8a4d37}.pet-photo-status{min-height:18px;margin:0 auto 8px!important;width:min(100%,320px);color:var(--dog-muted);font-size:.78rem;line-height:1.35}.night-card{fill:#efe9ff;stroke:#d8ceef}.moon,.small-star,.star-outline svg{fill:#ffe5a8;stroke:#d9a94f}.sleep-body{fill:#e9b674;stroke:#a96c38}.countdown-due{color:var(--dog-accent)!important;font-weight:900}.countdown-note{font-family:Georgia,"Times New Roman",serif;font-style:italic}.card-actions,.share-card-actions{display:grid;gap:9px;margin-top:12px}.card-actions button:first-child,.share-card-actions button:first-child{color:#fff;background:var(--dog-button);border-color:transparent}.disclaimer-card,.faq-section,.quote-strip,.related-pet-tools,.seo-content,.share-section{margin-top:clamp(14px,4vw,22px)}.share-card-grid{display:grid;gap:12px;margin-top:14px}.dog-share-card{min-width:0;border:1px solid var(--dog-border);border-radius:18px;background:linear-gradient(180deg,#fff,var(--dog-soft));overflow:hidden}.dog-share-preview{min-height:160px;padding:16px;display:grid;gap:8px;place-items:center;text-align:center}.dog-share-preview b,.dog-share-preview strong{color:var(--dog-accent);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.16rem,5vw,1.45rem)}.dog-share-preview b{color:var(--dog-ink);font-size:clamp(2.4rem,12vw,3.5rem);line-height:.95}.dog-share-card[data-card-type=life-stage] .dog-share-preview b,.dog-share-card[data-card-type=memory-note] .dog-share-preview b{font-size:clamp(1.75rem,8vw,2.5rem);line-height:1.05;overflow-wrap:anywhere}.dog-share-preview p,.dog-share-preview span{color:var(--dog-muted);line-height:1.42;overflow-wrap:anywhere}.share-card-actions{padding:12px;background:rgba(255,255,255,.72)}.related-pet-tools div{display:grid;gap:10px;margin-top:12px}.related-pet-tools a{display:flex;min-height:46px;align-items:center;padding:12px;border:1px solid var(--dog-border);border-radius:14px;color:#5c3b22;text-decoration:none;background:#fff;font-weight:900}.disclaimer-card p{margin:0;color:var(--dog-muted);line-height:1.55}.disclaimer-card p+p{margin-top:8px}.seo-content{display:grid;gap:12px}.seo-content article{padding:16px}.faq-section{background:rgba(255,255,255,.82)}.faq-list{display:grid;gap:10px;margin-top:14px}.faq-list details,.quote-strip{border:1px solid var(--dog-border)}.faq-list details{border-radius:14px;background:#fff;overflow:hidden}.faq-list summary{min-height:50px;padding:15px;cursor:pointer;color:var(--dog-ink);font-weight:900;line-height:1.35}.faq-list p{padding:0 15px 15px}.quote-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.78);color:#79543a;box-shadow:var(--dog-soft-shadow);text-align:center}.quote-strip p{margin:0;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(1rem,4vw,1.25rem)}.quote-strip svg{width:24px;height:24px;color:var(--dog-accent)}.is-loading .countdown-card,.is-loading .summary-card,.is-loading .timeline-list{opacity:.65}@media (max-width:380px){.summary-grid{grid-template-columns:minmax(0,1fr)}.timeline-list{padding-left:42px}.timeline-list::before{left:19px}.timeline-dot{left:-42px;width:38px;height:38px}.timeline-card{grid-template-columns:minmax(74px,.7fr) minmax(0,1fr);min-height:86px}.timeline-art{grid-column:1/2;width:30px;height:30px;align-self:end}}@media (min-width:520px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.dog-date-control{grid-template-columns:auto minmax(0,1fr) auto;padding:8px 8px 8px 10px}.date-hint{grid-column:2/3}.calculate-btn{grid-column:3/4;grid-row:1/2;align-self:center;width:auto;min-width:230px;margin-top:0;padding:0 18px}.tool-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.card-actions,.share-card-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.related-pet-tools div,.share-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.theme-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center}.timeline-card{grid-template-columns:minmax(124px,.72fr) minmax(0,1fr) 52px;min-height:72px;padding:12px 16px}.timeline-art{width:52px;height:52px}.timeline-art svg{width:42px;height:42px}.share-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1080px){.dog-hero{min-height:390px}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.timeline-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:start}.summary-card{grid-template-columns:58px minmax(0,1fr)}}@media (max-width:760px){.dog-hero{padding-top:86px}.dog-left{top:8px;left:-6px;opacity:.5}.dog-right{top:14px;right:-10px;opacity:.48}.dog-hero h1{max-width:94%}}@media (prefers-reduced-motion:no-preference){.calculate-btn,.card-actions button,.share-card-actions button,.theme-chip,.tool-actions button{transition:transform .18s ease,box-shadow .18s ease}.calculate-btn:hover,.card-actions button:hover,.share-card-actions button:hover,.theme-chip:hover,.tool-actions button:hover{transform:translateY(-1px)}}@media print{@page{margin:12mm}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}body.dog-timeline-page{background:#fff8ef!important}.dog-hero,.faq-section,.no-print,.quote-strip,.related-pet-tools,.seo-content,.share-section,.theme-panel,.tool-actions,body.dog-timeline-page>footer,body.dog-timeline-page>header{display:none!important}.dog-shell{width:100%;padding:0}.print-area{display:block}.summary-grid{grid-template-columns:repeat(2,1fr)}.timeline-layout{display:block}.countdown-card,.disclaimer-card,.memory-card,.timeline-section{break-inside:avoid;box-shadow:none;margin-bottom:12px}.summary-card,.timeline-card{break-inside:avoid;box-shadow:none}.card-actions{display:none}}