.dog-edit{display:inline}.dog-edit__word{color:var(--pine);font:inherit;letter-spacing:inherit;cursor:text;text-underline-offset:.14em;transition:text-underline-offset var(--t-hover) var(--ease-out);background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline .06em;position:relative}.dog-edit__word:after{content:"";position:absolute;inset:-12px -4px}@media (hover:hover) and (pointer:fine){.dog-edit__word:hover{text-underline-offset:.22em}}.dog-edit__input{max-width:100%;color:var(--pine);font:inherit;text-underline-offset:.14em;caret-color:currentColor;background:0 0;border:0;border-radius:0;padding:0;font-weight:500;text-decoration:underline}.dog-edit__input::placeholder{color:var(--pine);opacity:.75}.dog-edit__input:focus-visible{outline-offset:4px;outline:2px solid}.cr-open{column-gap:var(--gutter);min-height:100svh;padding:calc(var(--nav-h) + clamp(18px, 3vh, 36px)) var(--margin) var(--margin);background:var(--sand);color:var(--ink);grid-template-rows:auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative;overflow:clip}.cr-open__title{z-index:2;letter-spacing:-.024em;grid-area:1/1/auto/-1;margin:0;font-size:clamp(2.05rem,min(7.6vw,15.5vh),10rem);line-height:.99;position:relative}html[data-dog-long] .cr-open__title{font-size:clamp(1.45rem,min(5.6vw,10vh),7rem)}.cr-toe{--cr-toe-h:min(calc(100svh - var(--nav-h) - 20vh), 46vw);z-index:1;height:var(--cr-toe-h);aspect-ratio:44/73;position:absolute;bottom:clamp(8px,2.5vh,28px);right:7vw;transform:rotate(-8deg)}html[data-dog-long] .cr-toe{--cr-toe-h:min(calc(100svh - var(--nav-h) - 26vh), 46vw)}.cr-toe__window{background:var(--pine-dark);position:absolute;inset:0;overflow:hidden}.cr-toe__pic{position:absolute;inset:-5% -12%;transform:rotate(8deg)}.cr-open__side{z-index:2;grid-area:2/1/auto/span 5;align-self:end;padding-bottom:clamp(4px,1vh,16px);position:relative}.cr-open__line{font-size:var(--step-body);margin:0}.cr-open__act{flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:clamp(14px,1.6vw,24px);display:flex}.cr-open__hint{margin:10px 0 0;display:none}.js .cr-open__hint{display:block}html[data-dog-named] .cr-open__hint{display:none}.cr-scene{--cr-pw:max(340px, min(31vw, calc((100svh - var(--nav-h) - 32px) * .66)));--cr-ph:min(calc(100svh - var(--nav-h) - 32px), max(calc(var(--cr-pw) * 1.5), 580px));padding:var(--section-gap) var(--margin);background:var(--pine);color:var(--sand);scroll-margin-top:0;position:relative}.cr-stage{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cr-words{grid-column:1/span 2;align-self:center;padding:0 clamp(24px,4vw,72px) 40px 0}.cr-words__title{margin:0}.cr-words__body{max-width:34em;margin:clamp(16px,2vw,28px) 0 0}.cr-strip{margin:0;padding:0;list-style:none;display:contents}.cr-panel{background:var(--soft-sand);min-width:0;color:var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.cr-panel:nth-child(2n){background:var(--sand)}.cr-panel__shade{z-index:2;background:var(--pine-dark);opacity:0;pointer-events:none;position:absolute;inset:0}.cr-panel__pic{aspect-ratio:4/3;background:var(--pine);flex:none;overflow:hidden}.cr-panel__words{flex-direction:column;flex:auto;padding:clamp(18px,2.4vh,28px) clamp(18px,1.8vw,28px) clamp(20px,2.8vh,32px);display:flex}.cr-panel__words p{margin:10px 0 0}.cr-panel__name{font-size:var(--step-lead);letter-spacing:-.012em;margin:0;line-height:1.12}.cr-panel__greet{font-family:var(--font-display);letter-spacing:-.022em;overflow-wrap:anywhere;font-size:clamp(2.5rem,min(5vw,8vh),5.25rem);line-height:1.02;margin:0!important}.cr-panel__foot{margin-top:auto;padding-top:24px}.cr-hand{font-family:var(--font-display);color:var(--pine);overflow-wrap:anywhere;font-size:1.14em;font-weight:500;line-height:1.2}.cr-panel--card{background:var(--soft-sand)}.cr-card{--cr-card-fs:clamp(1.0625rem, 2.5vh, 1.5rem);flex-direction:column;height:100%;padding:clamp(16px,2.4vh,28px) clamp(18px,1.9vw,30px) clamp(14px,2vh,24px);display:flex;container-type:inline-size}.cr-card__top{align-items:center;gap:12px;margin-bottom:clamp(10px,1.6vh,18px);display:flex}.cr-card__eyelet{background:var(--pine);outline:4px solid var(--brass);outline-offset:0;border-radius:50%;flex:none;width:18px;height:18px}.cr-card__title{letter-spacing:-.01em;margin:0;font-size:clamp(1.25rem,3vh,1.75rem);line-height:1.1}.cr-card__write{flex-direction:column;flex:auto;gap:clamp(8px,1.3vh,14px);min-height:0;display:flex}.cr-f{gap:2px;display:grid}.cr-f label{font-size:.9375rem;font-weight:500;line-height:1.3}.cr-f input,.cr-f textarea{background:var(--sand);width:100%;color:var(--ink);font-family:var(--font-display);font-size:max(16px, calc(var(--cr-card-fs) * var(--cr-fit,1)));letter-spacing:-.005em;resize:none;appearance:none;transition:background-color var(--t-hover) ease;border:0;border-radius:0;padding:7px 10px;line-height:1.22;display:block}.cr-f input{min-height:44px}.cr-f textarea{field-sizing:content;min-height:44px;max-height:5.2em}.cr-on .cr-f textarea{min-height:calc(2.44em + 14px)}.cr-on .cr-card__write{gap:clamp(8px,1.7vh,18px)}.cr-f input::placeholder,.cr-f textarea::placeholder{color:var(--ink);opacity:.72}.cr-f input:not(:placeholder-shown):not(:focus),.cr-f textarea:not(:placeholder-shown):not(:focus){background:0 0}.cr-f input:focus-visible,.cr-f textarea:focus-visible{outline:2px solid var(--pine-dark);outline-offset:1px}.cr-card__finish{align-self:flex-start;margin-top:auto}.cr-card__set{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.cr-card__set[hidden],.cr-card__write[hidden]{display:none}.cr-card__set:focus{outline:0}.cr-card__this,.cr-card__lines p{font-family:var(--font-display);font-size:max(16px, calc(clamp(1.25rem, 3vh, 1.875rem) * var(--cr-fit,1)));letter-spacing:-.012em;overflow-wrap:anywhere;margin:0 0 clamp(8px,1.4vh,16px);line-height:1.16}.cr-card__this{font-size:calc(clamp(1.75rem, 4.8vh, 3.25rem) * var(--cr-fit,1));letter-spacing:-.02em;line-height:1.02}html[data-dog-long] .cr-card__this{font-size:min(8.4cqw,2.25rem)}.cr-card[data-tight] .cr-stamp{display:none}.cr-card[data-tight] .cr-f textarea{min-height:44px;max-height:44px;overflow:auto}.cr-card[data-tight] .cr-f label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cr-stamp{width:clamp(60px,11vh,96px);height:auto;min-height:44px;fill:var(--brass);flex:0 auto;align-self:flex-end;margin:auto 2px 8px 0;transform:rotate(-9deg)}.cr-card__do{flex-wrap:wrap;align-items:center;gap:2px 18px;display:flex}.cr-card__change{min-height:44px;color:inherit;font:inherit;font-size:var(--step-small);cursor:pointer;background:0 0;border:0;padding:0}.cr-card__note{font-size:var(--step-small);margin:clamp(6px,1.2vh,12px) 0 0;line-height:1.35}.cr-card__note .link{min-height:0}html:not(.js) .cr-card__finish{display:none}.cr-whole{max-width:none;font-family:var(--font-display);font-size:var(--step-head);letter-spacing:-.02em;text-wrap:balance;grid-column:1/-1;margin:clamp(32px,4vw,64px) 0 0;line-height:1.03}.cr-on .cr-scene{height:var(--cr-scroll,560vh);padding:0}.cr-on .cr-stage{height:100svh;display:block;position:sticky;top:0;overflow:clip}.cr-on .cr-words{left:var(--margin);top:calc(var(--nav-h) + (100svh - var(--nav-h)) * .5);width:calc(50vw - var(--margin) - clamp(24px, 3vw, 48px));padding:0;position:absolute;transform:translateY(-50%)}.cr-on .cr-words__title{font-size:min(var(--step-head), 4.3vw)}.cr-on .cr-strip{left:0;top:calc(var(--nav-h) + (100svh - var(--nav-h) - var(--cr-ph)) * .5);width:max-content;height:var(--cr-ph);transform-origin:0;will-change:transform;display:flex;position:absolute}.cr-on .cr-panel{flex:0 0 var(--cr-pw);width:var(--cr-pw);height:var(--cr-ph);transform-origin:0;backface-visibility:hidden}.cr-on .cr-panel__pic{aspect-ratio:auto;flex:0 0 56%}.cr-on .cr-words,.cr-on .cr-whole{pointer-events:none}.cr-on .cr-whole{left:var(--margin);right:var(--margin);top:calc(var(--nav-h) + (100svh - var(--nav-h)) * .68);opacity:0;text-align:left;margin:0;position:absolute}@media (width<=1100px){.cr-stage{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-words,.cr-panel--evening,.cr-panel--card{grid-column:1/-1}}@media (width<=860px),(aspect-ratio<=1){.cr-open{min-height:0;padding-bottom:calc(var(--margin) + 12px);flex-direction:column;display:flex}.cr-open__title{font-size:clamp(2rem,9.4vw,5.2rem)}html[data-dog-long] .cr-open__title{font-size:clamp(1.3rem,6vw,3.6rem)}html[data-dog-long] .cr-toe{--cr-toe-h:min(118vw, calc(100svh - var(--nav-h) - 330px), 96svh)}.cr-toe{--cr-toe-h:min(118vw, calc(100svh - var(--nav-h) - 330px), 96svh);align-self:flex-end;min-height:300px;margin:26px 8vw 22px 0;position:relative;bottom:auto;right:auto}.cr-open__side{align-self:flex-start;margin-top:8px}.cr-scene{padding-inline:var(--margin);padding-bottom:clamp(40px,8vw,72px)}.cr-stage{display:block}.cr-words{padding:0 0 clamp(28px,6vw,44px)}.cr-panel+.cr-panel{margin-top:0}.cr-panel__greet{font-size:clamp(2.5rem,12.4vw,5rem)}.cr-card{--cr-card-fs:1.25rem;min-height:0;padding:20px}.cr-stamp{width:76px}.cr-panel__foot{padding-top:40px}.cr-panel--morning,.cr-panel--lunch,.cr-panel--bath{min-height:64vw}.cr-whole{font-size:clamp(2rem,9.4vw,5rem)}}@media (width>=620px) and (width<=860px),(width>=620px) and (aspect-ratio<=1){.cr-panel:not(.cr-panel--card):has(.cr-panel__pic){flex-direction:row}.cr-panel:not(.cr-panel--card):has(.cr-panel__pic) .cr-panel__pic{aspect-ratio:5/4;flex:0 0 52%}.cr-panel--morning,.cr-panel--lunch,.cr-panel--bath{min-height:36vw}.cr-panel--card{align-items:stretch}}.cr-close{column-gap:var(--gutter);padding:var(--section-gap) var(--margin);background:var(--pine);color:var(--sand);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid;position:relative;overflow:clip}.cr-close__words{grid-column:1/span 7}.cr-close__title{margin:0 0 clamp(20px,2.4vw,36px);font-size:clamp(2.6rem,7.4vw,9.25rem)}.cr-close__words p{margin:0 0 12px}.cr-close__act{margin-top:clamp(20px,2vw,28px)!important}.cr-back{background:var(--soft-sand);color:var(--ink);transform-origin:50% 100%;grid-column:9/-1;margin:0;padding:clamp(18px,2vw,30px);position:relative;transform:rotate(3deg);container-type:inline-size}.cr-back__head{font-family:var(--font-display);font-size:var(--step-lead);align-items:center;gap:12px;margin:0 0 14px;line-height:1.1;display:flex}.cr-back__this{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 10px;font-size:clamp(1.75rem,2.8vw,3rem);line-height:1.02}html[data-dog-long] .cr-back__this{font-size:min(8.4cqw,2.25rem)}.cr-back__lines p{font-family:var(--font-display);overflow-wrap:anywhere;margin:0 0 8px;font-size:clamp(1.125rem,1.5vw,1.5rem);line-height:1.2}.cr-back__stamp{width:clamp(60px,6vw,88px);height:auto;fill:var(--brass);margin:10px 0 0 auto;display:block;transform:rotate(-9deg)}@media (width<=860px),(aspect-ratio<=1){.cr-close{display:block}.cr-close__title{font-size:clamp(2.6rem,12vw,5.5rem)}.cr-back{max-width:460px;margin:44px 4vw 0}}
