:root{background-color:#a03e3f}*{box-sizing:border-box}.app{display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden}.drag-boundary{position:fixed;pointer-events:none;top:-250px;right:-250px;bottom:-250px;left:-250px}.layout{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.gift{position:relative;width:100%;max-width:500px;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.message{color:#fff;font-size:20px;line-height:1.5;text-align:center;padding:0 20px;text-wrap:pretty}.note{width:65%;aspect-ratio:1/1.25;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-image:url(/assets/note-bg-8GxTNNi0.png);background-size:cover;text-align:center;container-type:inline-size;transform:rotate(0);transition:transform .2s ease-in-out;box-shadow:-1px 2px 2px 1px #0000001a,-1px 5px 8px #0000004d}.note h1{font-size:clamp(40px,32cqw,100px);font-family:Times New Roman,Times,serif;letter-spacing:-.03em;mix-blend-mode:multiply;color:#357d03;display:inline-flex;align-items:center}.note p{font-size:clamp(18px,8cqw,24px);font-family:Times New Roman,Times,serif;line-height:1.3;mix-blend-mode:multiply;color:#912021;text-wrap:pretty}.note.seen{transform:rotate(-3deg)}.wrapping{position:absolute;width:100%;top:0;left:0;cursor:grab}.wrapping img{width:100%;height:100%;object-fit:cover;pointer-events:none}.wrapping.shadow:after{content:"";position:absolute;left:-20%;bottom:-10px;width:140%;height:50px}.wrapping-crumpled{transform:scale(.5)}.loading-spinner{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.candy-snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.candy-snowflake{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none}.prompt{color:#ffffff4d;position:relative;top:62px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}