.reference-today{width:100%;padding:0;margin:0 auto;background:#faf9ef;min-height:100dvh}
.reference-canvas.paper-card{container-type:inline-size;position:relative;width:100%;aspect-ratio:853/1844;padding:0;margin:0;box-shadow:none;border-radius:0;background:none;isolation:isolate;overflow:hidden}
.reference-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0;pointer-events:none}
.ref-text,.reference-title{position:absolute;margin:0;padding:0;z-index:3;color:#10130f;font-family:Playful,Hand,sans-serif;line-height:1.12;text-align:left;display:flex;align-items:center;overflow-wrap:anywhere;pointer-events:none;font-weight:400;-webkit-text-stroke:.3px #10130f}
.ref-description{font-family:FullNoto,Noto,sans-serif;-webkit-text-stroke:0;white-space:nowrap}
.ref-origin,.ref-destination{font-family:FullNoto,Noto,sans-serif;font-weight:900;-webkit-text-stroke:0;white-space:nowrap}
.reference-title{display:flex;align-items:center;font-family:Playful,Hand,sans-serif;-webkit-text-stroke:.8px #10130f;pointer-events:auto;line-height:1.05}
.reference-title>span{display:block;width:100%;text-align:center}
.ref-value{align-items:flex-start;line-height:1.15}.ref-label{align-items:flex-start;line-height:1.1}
.ref-name{font-family:Playful,Hand,sans-serif;-webkit-text-stroke:.5px #10130f}.ref-nickname{font-family:Playful,Hand,sans-serif}
.ref-hit{position:absolute;z-index:5;padding:0;margin:0;background:transparent;border:0;border-radius:8px;cursor:pointer;color:transparent;font-size:0}
.ref-hit:focus-visible{outline:3px solid #7f8f42;background:#dcec6e20}
.ref-hit:active{background:#66752312}
.ref-demo-badge{font-family:FullNoto,Noto,sans-serif;color:#737767;-webkit-text-stroke:0;justify-content:center;line-height:1.1;align-items:flex-start}
.ref-clap-state{position:absolute;left:15%;right:10%;bottom:7%;padding:2px 4px;background:#dbe7a2;color:#526020;border-radius:10px;font-family:FullNoto,Noto,sans-serif;font-size:2.5cqw;white-space:nowrap}
.ref-pet,.ref-scene,.ref-avatar{position:absolute;z-index:1;pointer-events:none}
.ref-pet{left:3.5%;top:30.8%;width:62%;height:28.8%;object-fit:contain;object-position:left bottom;filter:drop-shadow(2px 0 #fffef2) drop-shadow(-2px 0 #fffef2)}
.ref-pet:not(.cutout){clip-path:ellipse(48% 48% at 50% 50%);object-fit:cover}
.ref-scene{left:52%;top:35%;width:44%;height:18%;object-fit:cover;mix-blend-mode:multiply;border-radius:25%}
.ref-avatar{left:3.5%;top:9.5%;width:21.5%;height:8.5%;object-fit:cover;clip-path:ellipse(48% 48% at 50% 50%)}
@media(min-width:760px){.reference-today{width:min(480px,calc(100dvh * .4626));min-height:0}#app:has(.reference-today){max-width:480px;width:min(480px,calc(100dvh * .4626));margin:0 auto;border-radius:0;border:0;min-height:100dvh;overflow:visible}}
.reference-canvas.wish>.ref-value:last-of-type{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:8cqw;line-height:1.12}
.reference-canvas:has(.ref-pet):after{content:'';position:absolute;left:5.744%;top:35.737%;width:23.212%;height:8.46%;background:url('assets/design/reference-today/name-tag.png') center/100% 100% no-repeat;z-index:2;pointer-events:none}