/* Clean, playful sky theme for the guestbook. */
.guestbook-workspace{background:#f5f8f2}
.guestbook-sidebar{background:#f0f5ee}
.guestbook-board{background:#f9fbf6;container-type:inline-size}
.guestbook-toolbar{background:#f9fbf6}
.guestbook-canvas{background:#f7faf4;background-image:none;isolation:isolate;min-height:680px}
.guestbook-canvas:after{background:#edf4e8;border-radius:58% 42% 0 0/48px 38px 0 0;bottom:0;content:'';height:102px;left:-8%;position:absolute;transform:rotate(.35deg);width:116%;z-index:0}
.guestbook-stars{display:none}
.guestbook-shape-defs{height:0;position:absolute;width:0}
.guestbook-clouds{inset:0;pointer-events:none;position:absolute;z-index:2}
.guestbook-clouds span{--cloud-scale:1;background:#eef5f7;border:1px solid #d2e2e6;border-radius:999px;box-shadow:0 6px 14px rgba(52,88,66,.06);height:25px;opacity:.82;position:absolute;transform:scale(var(--cloud-scale)) rotate(var(--cloud-tilt,0deg));width:86px}
.guestbook-clouds span:before,.guestbook-clouds span:after{background:#eef5f7;border:1px solid #d2e2e6;border-bottom:0;content:'';position:absolute}
.guestbook-clouds span:before{border-radius:52% 48% 44% 42%;height:38px;left:15px;top:-22px;width:40px}
.guestbook-clouds span:after{border-radius:46% 54% 42% 48%;height:28px;right:9px;top:-15px;width:30px}
.guestbook-clouds span:nth-child(1){--cloud-scale:.68;--cloud-tilt:-4deg;left:1.5%;top:51%}
.guestbook-clouds span:nth-child(2){--cloud-scale:.82;--cloud-tilt:3deg;right:1%;top:53%}
.guestbook-clouds span:nth-child(n+3){display:none}
.guestbook-center{background-color:#f7edb8;background-image:radial-gradient(circle at 29% 29%,rgba(224,195,105,.2) 0 7px,transparent 8px),radial-gradient(circle at 72% 67%,rgba(224,195,105,.15) 0 10px,transparent 11px);border:0;border-radius:50%;box-shadow:3px 7px 11px rgba(169,146,72,.13);height:154px;padding:60px 15px 15px;width:154px;z-index:5}
.guestbook-center-avatar{background:transparent;border:0;border-radius:0;box-shadow:none;height:126px;left:50%;margin:0;overflow:visible;position:absolute;top:-68px;transform:translateX(-50%);width:95px}
.guestbook-center-avatar img{filter:drop-shadow(0 5px 5px rgba(101,78,38,.16));mix-blend-mode:normal;object-fit:contain}
.guestbook-center small{color:#705f35}
.guestbook-lines{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:1}
.guestbook-lines[hidden]{display:none}
.guestbook-lines path{fill:none;stroke:#a9bda9;stroke-dasharray:2 10;stroke-linecap:round;stroke-width:2}
.guestbook-lines path:nth-child(2){stroke:#c2b477;stroke-dasharray:3 12}
.guestbook-lines path:nth-child(3){stroke:#c2b477;stroke-dasharray:2 8}
.guestbook-lines path:nth-child(4){stroke:#9ebabc;stroke-dasharray:4 11}
.guestbook-card{--card-fill:#e7f1df;--card-h:240px;--card-tilt:0deg;--card-w:240px;align-items:center;background:var(--card-fill);border:0;box-shadow:none;display:flex;filter:drop-shadow(0 2px 1px rgba(89,112,84,.2)) drop-shadow(0 9px 10px rgba(43,77,55,.09));flex-direction:column;height:var(--card-h);justify-content:center;overflow:hidden;position:absolute;text-align:center;transform:rotate(var(--card-tilt));width:var(--card-w);z-index:4}
.guestbook-card--star{clip-path:url(#guestbook-rounded-star);padding:47px 42px 42px}
.guestbook-card--cloud{clip-path:url(#guestbook-rounded-cloud);padding:47px 50px 32px}
.guestbook-card:before{background:rgba(255,255,255,.5);border-radius:52% 48% 55% 45%;content:'';height:11px;left:26%;position:absolute;top:22%;transform:rotate(-22deg);width:25px}
.guestbook-card>*{position:relative;z-index:1}
.guestbook-card:nth-child(1){--card-fill:#e5f1dd;--card-h:240px;--card-tilt:-4deg;--card-w:240px;left:4%;top:6%}
.guestbook-card:nth-child(2){--card-fill:#e5f0f3;--card-h:190px;--card-tilt:3deg;--card-w:285px;right:1%;top:10%}
.guestbook-card:nth-child(3){--card-fill:#f7edc5;--card-h:250px;--card-tilt:2deg;--card-w:250px;bottom:0;left:auto;right:5%}
.guestbook-card:nth-child(4){--card-fill:#d4e6ec;--card-h:184px;--card-tilt:-4deg;--card-w:272px;bottom:8%;left:10%;right:auto}
.guestbook-card:nth-child(5){--card-fill:#eef1d8;--card-h:222px;--card-w:222px;left:50%;top:2%;transform:translateX(-50%) rotate(2deg)}
.guestbook-card-category{background:rgba(255,255,255,.58);border:1px solid rgba(69,109,80,.12);color:#2e6b50;font-size:8px;padding:3px 7px}
.guestbook-card h3{font-size:15px;margin:0 0 4px}
.guestbook-card p{-webkit-box-orient:vertical;-webkit-line-clamp:4;color:#41574b;display:-webkit-box;font-size:9.5px;line-height:1.42;margin:0;max-width:108px;overflow:hidden}
.guestbook-card--cloud p{max-width:150px}
.guestbook-card time{display:none}
@media(max-width:1080px){
  .guestbook-canvas{min-height:0;padding:30px 22px 48px}
  .guestbook-canvas:after{height:92px}
  .guestbook-center{height:142px;left:auto;margin:56px auto 34px;padding:57px 14px 14px;position:relative;top:auto;transform:none;width:142px}
  .guestbook-center-avatar{height:116px;top:-63px;width:88px}
  .guestbook-lines{display:none}
  .guestbook-clouds span:nth-child(1){left:4%;top:11%}
  .guestbook-clouds span:nth-child(2){right:4%;top:29%}
  .guestbook-cards{align-items:center;display:grid;gap:4px 4px;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;justify-items:center;min-height:0;position:relative}
  .guestbook-cards .guestbook-card:nth-child(n){bottom:auto;left:auto;position:relative;right:auto;top:auto;transform:rotate(var(--card-tilt))}
  .guestbook-cards .guestbook-card:nth-child(2){transform:translateX(24px) rotate(var(--card-tilt))}
  .guestbook-cards .guestbook-card:nth-child(4){transform:translateX(-28px) rotate(var(--card-tilt))}
}
@media(max-width:760px){
  .guestbook-canvas{padding:27px 14px 46px}
  .guestbook-center{height:136px;margin-bottom:30px;padding-top:54px;width:136px}
  .guestbook-cards{gap:5px;grid-template-columns:1fr}
  .guestbook-clouds span:nth-child(1){left:-5%;top:8%}
  .guestbook-clouds span:nth-child(2){right:-7%;top:25%}
  .guestbook-card:nth-child(1){--card-h:232px;--card-w:232px}
  .guestbook-card:nth-child(2){--card-h:178px;--card-w:268px;transform:translateX(34px) rotate(var(--card-tilt))}
  .guestbook-card:nth-child(3){--card-h:242px;--card-w:242px}
  .guestbook-card:nth-child(4){--card-h:176px;--card-w:258px;transform:translateX(-38px) rotate(var(--card-tilt))}
  .guestbook-card:nth-child(5){--card-h:236px;--card-w:236px}
}