body[class*="design-"]{--bg:#fff;--ink:#282035;--card:#fff;--accent:#7655d1;--lime:#ece5fc;background:var(--bg);color:var(--ink)}
body[class*="design-"] main{padding:0 18px;max-width:1100px;overflow:hidden}
body[class*="design-"] .test{font-size:11px;align-items:center;padding:10px 18px;background:var(--ink);color:var(--card)}
body[class*="design-"] .test span{display:none}
body[class*="design-"] #jin-languages{padding:12px 18px;gap:6px}
body[class*="design-"] #jin-languages button{padding:8px 11px;min-height:40px;min-width:40px;background:var(--card);border-color:var(--ink);color:var(--ink);font-size:12px}
body[class*="design-"] #jin-languages button[aria-pressed=true]{background:var(--ink);color:var(--card)}
.design-tools{margin:0 18px 10px;font:12px/1.4 Arial;color:inherit;max-width:1064px}.design-tools summary{cursor:pointer;padding:8px 0;min-height:30px}.design-tools .feature-tools{margin:8px 0}
body[class*="design-"] .hero{min-height:610px;padding:28px 18px 35px;margin:4px 0 22px;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate;background:none;border-radius:28px;gap:0}
body[class*="design-"] .headline{padding:8px 0 0;background:none;border:0;z-index:3;text-align:center;width:100%}
body[class*="design-"] .kicker{font-size:11px;letter-spacing:3px}
body[class*="design-"] h1{font-size:22px;line-height:1.15;letter-spacing:-.8px;margin:14px 0}
.hero .jin-title{display:block;font-size:108px;line-height:.92;font-weight:950;letter-spacing:-8px;margin-bottom:12px}
.hero .hero-family{display:block}.hero .hero-family img{display:none!important}
body[class*="design-"] .headline p{font-size:16px;margin:14px 0 22px}
body[class*="design-"] .photo{width:230px;max-width:76%;height:270px;border-radius:25px;border:6px solid var(--card);position:relative;overflow:hidden;z-index:2;box-shadow:0 18px 25px #0002}
body[class*="design-"] .photo img{height:100%;width:100%;object-fit:cover;object-position:50% 30%}
body[class*="design-"] .g1{left:0;right:auto;bottom:14px;width:104px;height:150px;object-fit:contain;z-index:4;transform:rotate(-12deg)}
body[class*="design-"] .g2{display:block;right:0;left:auto;top:auto;bottom:16px;width:94px;height:140px;object-fit:contain;z-index:4;transform:rotate(12deg)}
body[class*="design-"] .trail{display:flex;overflow-x:auto;gap:9px;margin:0 -1px 22px;padding:3px 0 14px;scroll-snap-type:x mandatory}
body[class*="design-"] .trail a{flex:0 0 auto;padding:14px 18px;border:1px solid var(--ink);background:var(--card);color:var(--ink);border-radius:30px;min-height:46px;font-size:14px;box-shadow:none}
body[class*="design-"] .card{padding:28px 22px;margin:24px 0;border:1px solid var(--ink);background:var(--card);border-radius:24px;color:var(--ink)}
body[class*="design-"] .card small{letter-spacing:2px;font-size:10px}
body[class*="design-"] h2{font-size:32px;letter-spacing:-1px}
body[class*="design-"] button{background:var(--ink);color:var(--card)}
body[class*="design-"] .clocks>div,body[class*="design-"] .facts>div,body[class*="design-"] .day-count,body[class*="design-"] .mini-chip,body[class*="design-"] .family-person,body[class*="design-"] .flow-posts article,body[class*="design-"] .milestone-strip article,body[class*="design-"] .gallery>div{background:var(--lime);color:var(--ink)}
body[class*="design-"] .family-person>img{border-color:var(--ink)}
body[class*="design-"] .family-strip{padding:12px 0;gap:16px;scroll-snap-type:x mandatory}
body[class*="design-"] .family-person{flex:0 0 235px;scroll-snap-align:center;margin:0;min-height:300px}
body[class*="design-"] .family-person h3{margin:16px 0 10px}
body[class*="design-"] .celebration{background:var(--lime);color:var(--ink)}
body[class*="design-"] .jin-socials a{background:var(--ink);color:var(--card)}
body[class*="design-"] .jin-refresh{background:var(--ink);color:var(--card);border-color:var(--card)}
body[class*="design-"].jy-dark{--bg:#1e192b;--ink:#f2e3ff;--card:#30243d;--lime:#493255;background:var(--bg)}
body[class*="design-"].jy-dark .hero .headline,body[class*="design-"].jy-dark .hero .kicker,body[class*="design-"].jy-dark .hero h1,body[class*="design-"].jy-dark .hero .headline p{color:inherit;background:none}
@media(min-width:760px){body[class*="design-"] main{padding:0 45px}.hero .jin-title{font-size:160px}body[class*="design-"] .hero{min-height:740px}body[class*="design-"] .photo{width:310px;height:340px}body[class*="design-"] .g1,body[class*="design-"] .g2{width:185px;height:240px}body[class*="design-"] .g1{left:8%}body[class*="design-"] .g2{right:8%}.design-tools{margin-left:auto;margin-right:auto}body[class*="design-"] .card{padding:42px}}

body.design-scrapbook{--bg:#faf8ef;--ink:#30263e;--card:#fffefa;--lime:#eee6fc;background-image:radial-gradient(#b7a6cd 0.8px,transparent .8px);background-size:20px 20px}
body.design-scrapbook .hero{overflow:visible;background:transparent;border-radius:0;padding-top:18px;min-height:625px}
.design-scrapbook .jin-title{display:flex;justify-content:center;gap:7px;transform:rotate(-3deg);margin:22px 0}
.design-scrapbook .jin-title i{display:inline-block;font-style:normal;letter-spacing:0;font-size:99px;background:#e4fb6e;padding:0 10px;color:#342443;transform:rotate(-8deg);box-shadow:4px 5px 0 #30263e}
.design-scrapbook .jin-title i:nth-child(2){background:#eab3d2;transform:rotate(8deg);color:#fff}
.design-scrapbook .jin-title i:nth-child(3){background:#b5a3e4;transform:rotate(-4deg)}
.design-scrapbook .hero-family{font-family:Georgia,serif;font-size:30px;font-style:italic}
body.design-scrapbook .photo{overflow:visible;padding:10px 10px 35px;width:245px;height:280px;max-width:80%;background:#fff;border:0;border-radius:0;transform:rotate(6deg);box-shadow:0 8px 15px #30263e30}
.design-scrapbook .photo:after{content:'';position:absolute;width:95px;height:27px;background:#e8a5c4b0;top:-13px;left:calc(50% - 47px);transform:rotate(-8deg)}
body.design-scrapbook .g1{bottom:0;left:-5px;transform:rotate(-18deg);filter:drop-shadow(3px 4px 0 #fff)}
body.design-scrapbook .g2{bottom:5px;filter:drop-shadow(3px 4px 0 #fff)}
body.design-scrapbook .card{border:0;border-radius:2px;box-shadow:3px 4px 0 #d7cadf;overflow:visible}
body.design-scrapbook .card:before{content:'';position:absolute;width:58px;height:18px;background:#b8add7a0;top:-9px;left:calc(50% - 29px);transform:rotate(-5deg)}
body.design-scrapbook .card:nth-of-type(3n){background:#fff4c8}
body.design-scrapbook h2{font-family:Georgia,serif;font-weight:500}
body.design-scrapbook .trail a{border-radius:2px;background:#f5d0e4;border:0;box-shadow:2px 3px 0 #30263e;transform:rotate(-2deg)}