.guestbook-container{touch-action:none;background:linear-gradient(to bottom right,#f1f5f9,#e2e8f0);border-radius:.5rem;width:100%;min-height:100vh;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.guestbook-container{background:linear-gradient(to bottom right,#0f172a,#1e293b)}}.guestbook-notes{pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.guestbook-note{pointer-events:auto;transform-origin:50%;will-change:transform}.guestbook-note:hover{filter:drop-shadow(0 20px 25px #00000040);z-index:1000}.guestbook-note>div{transition:all .2s ease-out;box-shadow:0 4px 12px #00000026,2px 4px 8px #0000001a}.guestbook-note:hover>div{box-shadow:0 20px 25px #00000040,4px 8px 16px #00000026}.guestbook-container:before{content:"";opacity:.05;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#0c4a341a 0 20px);width:100%;height:100%;position:absolute;top:0;left:0}.guestbook-container.low-power-mode .guestbook-note>div{transition:all .15s cubic-bezier(.34,1.56,.64,1)}.guestbook-note:focus-visible>div{outline-offset:2px;outline:3px solid #22c55e}@media (max-width:768px){.guestbook-note{touch-action:manipulation}.guestbook-note>div{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.guestbook-container.low-power-mode .guestbook-note>div,.guestbook-note>div{transition:none}.guestbook-note:hover{transform:none}}.guestbook-container.debug-mode:after{content:"";pointer-events:none;z-index:9999;background-image:linear-gradient(#0000,#0000 23%,#ff00000d 24% 25%,#0000 26% 73%,#ff00000d 74% 75%,#0000 76%),linear-gradient(90deg,#0000 24%,#ff00000d 25% 26%,#0000 27% 74%,#ff00000d 75% 76%,#0000 77%,#0000);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes noteDropFade{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.guestbook-note{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards noteDropFade}.guestbook-note:first-child{animation-delay:50ms}.guestbook-note:nth-child(2){animation-delay:.1s}.guestbook-note:nth-child(3){animation-delay:.15s}.guestbook-note:nth-child(4){animation-delay:.2s}.guestbook-note:nth-child(5){animation-delay:.25s}.guestbook-note:nth-child(n+6){animation-delay:.3s}@media (prefers-color-scheme:light){.guestbook-note>div{color:#1f2937;background:#fff;border-color:#a7f3d0}}@media (prefers-color-scheme:dark){.guestbook-note>div{color:#e2e8f0;background:#1e293b;border-color:#065f46}}.guestbook-note,.guestbook-note>div{backface-visibility:hidden;perspective:1000px;transform-gpu:true}.guestbook-notes{clip-path:inset(0)}