#guesbook-qr-trigger{cursor:pointer}.guesbook-qr__modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999!important;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease-in-out;padding:20px;box-sizing:border-box;overflow-y:auto}.guesbook-qr__modal.is-visible{opacity:1}.guesbook-qr__card{width:100%;margin:auto;border:1px solid #eee;border-radius:8px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background-color:#fff;box-shadow:0 4px 15px rgba(0,0,0,.1);position:relative;opacity:0;transition:transform 1s ease-in-out,opacity 1s ease-in-out;transform:translateY(100vh)}.guesbook-qr__modal.is-visible .guesbook-qr__card{opacity:1;transform:none}.guesbook-qr__header{display:block;background-color:#f5f5f5;color:#444;text-align:center;padding:12px;font-weight:600;text-decoration:none;font-size:15px;border-bottom:1px solid #eee}.guesbook-qr__close{position:absolute;top:10px;right:15px;font-size:24px;color:red;cursor:pointer;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:10}.guesbook-qr__cover{position:relative;width:100%;overflow:hidden}.guesbook-qr__cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.guesbook-qr__cover-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;padding:20px 15px;box-sizing:border-box;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,.6) 40%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center}.guesbook-qr__cover-overlay span{display:block;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.guesbook-qr__cover-overlay .cover-title{font-size:16px;font-weight:500;line-height:1.3}.guesbook-qr__cover-overlay .cover-name{font-size:20px;font-weight:600;line-height:1.3}.guesbook-qr__cover-overlay .cover-date{font-size:14px;margin-top:5px;line-height:1.3}.guesbook-qr__content{display:flex;align-items:center;padding:20px}.guesbook-qr__content-left{flex-grow:1}.guesbook-qr__content-left .content-dear-to{font-size:14px;color:#555;display:block}.guesbook-qr__content-left .content-guest-name{font-size:18px;font-weight:600;color:#222;display:block;margin-top:4px}.guesbook-qr__content-left .content-information{font-size:12px;color:#777;display:block;font-style:italic}.guesbook-qr__content-right{flex-shrink:0;margin-left:15px}.guesbook-qr__code{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid rgba(226,232,240,.6);padding:12px;overflow:hidden}.guesbook-qr__code canvas{max-width:100%;max-height:100%;width:auto!important;height:auto!important;display:block;margin:0 auto}.guesbook-qr__download{padding:15px 20px;text-align:center;background-color:#fafafa;border-top:1px solid #eee}.guesbook-qr__download .instruction{color:#666;font-size:12px}.guesbook-qr__download-button{display:block;margin:0 auto;box-sizing:border-box;padding:8px 12px;text-decoration:none;text-align:center;border-radius:5px;font-weight:600;transition:background-color .2s,color .2s;background-color:#3dbd8d;font-size:14px;color:#fff;border:1px solid #3dbd8d}.guesbook-qr__download-button:hover{background-color:#2d8867;color:#fff}.guesbook-qr__download-icon{margin-right:5px}.guesbook-qr__footer{padding:8px 5px;text-align:center;background-color:#fafafa;border-top:1px solid #eee}.guesbook-qr__footer-copyright{text-align:center;font-size:12px;color:#888;margin:0;line-height:1.4;display:block}