@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background-color:#5b8dbe4d;background-image:url(/18.png);background-position:0 0;background-repeat:repeat;background-size:150px;background-attachment:fixed;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:Fredoka,sans-serif;display:flex;overflow:hidden}@media (width>=768px){body{background-size:450px}}@media (width>=1200px){body{background-size:600px}}#root,.app{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.container{text-align:center;flex-direction:column;justify-content:flex-start;width:100%;max-width:600px;height:100vh;padding:0 2vw;display:flex;position:relative;overflow:hidden}.header-image{z-index:2;flex:none;justify-content:center;align-items:flex-start;width:100%;max-height:48vh;margin-top:-2vh;margin-bottom:0;display:flex;position:relative}.header-image img{object-fit:contain;width:100%;height:auto;max-height:48vh;display:block;transform:scale(1.4)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.middle-frame{pointer-events:none;z-index:3;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5vh;height:auto;max-height:40vh;padding:0 2vw;display:flex;position:absolute;top:44vh;left:0;right:0;overflow:visible}.middle-frame>*{pointer-events:auto}.invitation-text{-webkit-backdrop-filter:blur(.1px);backdrop-filter:blur(.1px);background:#fff3;border-radius:16px;flex:none;margin:.3vh 0;padding:2vh 4vw;box-shadow:0 4px 12px #00000026}.special-invite{color:gold;text-shadow:2px 2px 4px #0006;letter-spacing:.5px;margin-bottom:.3vh;font-size:clamp(16px,2.8vh,32px);font-weight:700;line-height:1.1}.guest-names{color:#1d3557;text-shadow:1px 1px 2px #ffffff80;letter-spacing:.5px;font-size:clamp(14px,2.5vh,28px);font-weight:700;line-height:1.2}.date-time{flex:none;justify-content:center;align-items:center;gap:.5vw;margin:3vh 0 .3vh;display:flex}.date-button,.time-button{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;padding:1.2vh 4vw;font-size:clamp(18px,3.5vh,38px);font-weight:400;transition:all .2s;display:flex;box-shadow:0 4px 12px #0003}.date-button{color:#fff;background:#1d3557}.date-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.time-button{color:#fff;background:#e63946}.time-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.action-icons{flex-wrap:wrap;flex:none;justify-content:center;gap:1.8vw;max-width:100%;margin:4vh 0 .3vh;display:flex}.icon-item{cursor:pointer;flex-direction:column;flex:0 0 calc(20% - 1.5vw);align-items:center;min-width:55px;max-width:85px;transition:transform .2s;display:flex}.icon-item:active{transform:scale(1.05)}.icon-item:active .icon-circle{background:#457b9d;transform:scale(1.1);box-shadow:0 6px 16px #0006}@media (hover:hover){.icon-item:hover{transform:translateY(-3px)}}.icon-circle{background:#1d3557;border-radius:50%;justify-content:center;align-items:center;width:clamp(45px,7vh,75px);height:clamp(45px,7vh,75px);margin-bottom:.3vh;transition:all .2s;display:flex;box-shadow:0 3px 10px #0000004d}@media (hover:hover){.icon-item:hover .icon-circle{background:#457b9d;box-shadow:0 5px 14px #0006}}.icon{color:#fff;width:clamp(22px,3.5vh,38px);height:clamp(22px,3.5vh,38px)}.icon svg{stroke-width:2.5px;width:100%;height:100%}.icon-label{color:#fff;text-align:center;white-space:pre-line;text-shadow:1px 1px 3px #0009;font-size:clamp(14px,1.3vh,14px);font-weight:600;line-height:1.1}.characters-bottom{z-index:2;background-image:url(/16.png);background-position:bottom;background-repeat:no-repeat;background-size:auto 100%;flex:none;min-height:54vh;margin-top:auto;position:relative}