html,body{height:100%}body{min-height:100vh;display:flex;flex-direction:column;font-family:"Fira Sans",sans-serif;font-size:18px;background:#97c3c3;color:#222;margin:0;padding:0}form{display:inline}hr{margin:10px 0}a{color:#05435f}.page-container{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100vw}.page-container .content-container{max-width:700px;width:96%;margin:4%}.page-container .content-container .wish-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #eee;padding:40px 0}.page-container .content-container .wish-row .small-text{font-size:.8em;display:inline-block}.page-container .content-container .wish-row .left-aligned{justify-content:left;text-align:left}.page-container .content-container .wish-row .right-aligned{text-align:right}.page-container .content-container .wish-row .right-aligned a{color:#f04025}.page-container .content-container .full-width-input{width:100%}.page-container .content-container .right-aligned{text-align:right}.pure-button{background:#f04025;color:#fff;border-radius:10px;padding:.5em .9em;font-size:1em}.tiles{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.tiles .tile{background:#fff;border:1px solid #eee;border-radius:10px;padding:10px;width:40%;aspect-ratio:1/1;text-align:center}.tiles .tile .pure-button{margin-top:20px;font-size:.6em}.main-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100;padding:0 2vw;min-height:90px;margin-bottom:20px}.main-header .logo{display:flex;font-family:"futura","Inter","system-ui",Arial,sans-serif;font-size:30px;font-weight:bold;justify-content:left}.main-header .logo img{border-radius:12px;height:56px;width:auto;margin-right:12px}.main-header .menus{font-size:1.1em;position:relative}.main-header .menus .notification-badge{background-color:#dc3545;color:#fff;border-radius:50%;padding:2px 6px;font-size:.7em;font-weight:bold;position:absolute;top:-5px;right:-5px;min-width:16px;text-align:center;display:inline-block}.menus a[href*=notifications]{position:relative}input,textarea,select{border:1px solid #ddd;border-radius:7px;padding:.5em .9em;font-size:1em;margin-bottom:1em;background:#fff;transition:border .2s}input:focus,textarea:focus,select:focus{border-color:#ffcab0;outline:none}.form-container input{vertical-align:middle}.main-content{border-radius:18px;background:#fff;margin:2vw auto 100px auto;padding:2vw 4vw 100px 4vw;min-height:100vh}.qr-container{text-align:center;max-width:600px;margin:0 auto}.qr-content{margin:30px 0}.qr-code{display:inline-block;padding:20px;background:#fff;border:1px solid #ddd;border-radius:8px;margin:20px 0}.qr-info{margin:20px 0;text-align:left;padding:15px;border-radius:5px}.qr-info p{margin:10px 0}.qr-actions{margin-top:30px}.qr-actions .pure-button{margin:0 10px}.gift-wishes-actions{margin:20px 0;text-align:center}.icon-with-text{margin-right:5px}.button-with-icon{display:inline-flex;align-items:center;gap:5px}.main-footer{position:fixed;bottom:0;left:0;padding:20px 0;text-align:center;display:flex;justify-content:center;align-items:center;width:100%;background:#fff;border-top:1px solid #eee}.main-footer .footer-content{font-size:1.2em;display:flex;align-items:center;justify-content:center;gap:1em}.main-footer .footer-content .footer-menu-items a{color:#f04025;text-decoration:none}.main-footer .footer-content .footer-menu-items.large{font-size:3em}.main-footer .footer-content .footer-menu-items.large .menu-text{font-size:.2em}.main-footer .footer-content .menu-text{font-size:.6em}.toaster{position:fixed;top:32px;right:32px;min-width:220px;max-width:350px;padding:16px 28px;border-radius:8px;font-size:1.1em;font-weight:500;z-index:9999;opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;box-shadow:0 2px 12px rgba(0,0,0,.08)}.toaster.show{opacity:1;pointer-events:auto;transform:translateY(0)}.toaster-notice{background:#e6f9e6;color:#1a4d1a;border:1px solid #b2e6b2}.toaster-alert{background:#fff0f0;color:#a33;border:1px solid #f5b2b2}
