@font-face{font-family:SB Sans Display;src:url(/fonts/SBSansDisplay-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SB Sans Display;src:url(/fonts/SBSansDisplay-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SB Sans Display;src:url(/fonts/SBSansDisplay-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SB Sans Display;src:url(/fonts/SBSansDisplay-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--green: #31C2A7;--green-dark: #109C84;--green-light: #C7F0E1;--cyan: #4FF5FB;--text-dark: #1A1A1A;--text-secondary: #788185;--bubble-bg: rgba(255, 255, 255, .7);--top-bar-bg: #F2F5FA}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:SB Sans Display,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-dark);-webkit-font-smoothing:antialiased}.app{width:100%;height:100vh;position:relative;overflow:hidden;background:var(--top-bar-bg)}.screen-wrap{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .7s ease-in-out}.screen-wrap.active{opacity:1;pointer-events:auto}.control-btn{position:fixed;z-index:100;top:0;right:0;width:120px;height:120px;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.control-btn-settings{top:auto;bottom:0;right:0}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.settings-panel{position:relative;width:100%;max-width:480px;background:#fff;border-radius:24px;box-shadow:0 24px 80px #00000059;overflow:hidden;font-family:SB Sans Display,sans-serif;color:#1a1a1a}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px}.settings-title{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.settings-close{width:36px;height:36px;border-radius:12px;border:none;background:#f0f3f7;font-size:22px;line-height:1;cursor:pointer;color:#1a1a1a}.settings-close:hover{background:#e5e9ef}.settings-body{display:flex;flex-direction:column;gap:16px;padding:12px 24px 20px}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.settings-field-dim{opacity:.55}.settings-label{font-size:14px;font-weight:500;color:#4a5056}.settings-input{width:100%;padding:12px 14px;border:1px solid #E5E9EF;border-radius:12px;font-family:inherit;font-size:16px;color:#1a1a1a;background:#fff;outline:none;transition:border-color .12s}.settings-input:focus{border-color:#109c84}.settings-input:disabled{background:#f5f7fa;color:#8a9096;cursor:not-allowed}.settings-checkbox{width:20px;height:20px;accent-color:#109C84;cursor:pointer}.settings-divider{height:1px;background:#e5e9ef;margin:4px 0}.settings-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 24px 20px;border-top:1px solid #F0F3F7}.settings-btn{padding:12px 20px;border-radius:12px;border:none;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:transform .1s,background .12s}.settings-btn:active{transform:scale(.97)}.settings-btn-ghost{background:#f0f3f7;color:#1a1a1a}.settings-btn-ghost:hover{background:#e5e9ef}.settings-btn-primary{background:#109c84;color:#fff}.settings-btn-primary:hover{background:#0f8772}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column}.messages-screen{background:linear-gradient(168deg,#f5fffd -67.31%,#e0f2ff)}.top-bar{position:relative;z-index:20;flex-shrink:0;height:200px;padding:16px 16px 16px 176px;background:transparent;display:flex;align-items:center;justify-content:space-between}.top-title{font-family:SB Sans Display,sans-serif;font-size:80px;font-weight:600;line-height:.9;letter-spacing:-.05em;color:#252829}.top-right{position:relative;display:flex;align-items:center;height:100%}.top-heart{height:260px;width:auto;object-fit:contain;margin-right:-110px;transform:translateY(16px);z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.top-qr-block{height:180px;width:auto;object-fit:contain;z-index:2}.main-area{position:relative;flex:1;overflow:hidden;border-radius:32px 32px 0 0;margin:0 16px}.mint-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6fe9ce,#8df3da,#a8f7e2 60%,#78eed2);z-index:0}.bg-blob{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:1;will-change:transform}.bg-blob-1{width:600px;height:600px;background:#b4fffad9;top:-200px;left:20%;animation:float1 18s ease-in-out infinite}.bg-blob-2{width:500px;height:500px;background:#31dcbeb3;top:30%;right:-100px;animation:float2 22s ease-in-out infinite}.bg-blob-3{width:500px;height:500px;background:#e6fffce6;bottom:-150px;left:40%;animation:float3 20s ease-in-out infinite}.bg-blob-4{width:400px;height:400px;background:#04dcdc99;top:10%;left:-80px;animation:float4 25s ease-in-out infinite}.bg-blob-5{width:520px;height:520px;background:#ffffffb3;top:40%;left:30%;animation:float1 24s ease-in-out infinite reverse}@keyframes float1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,120px) scale(1.1)}66%{transform:translate(-60px,80px) scale(.9)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-100px,-80px) scale(1.15)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-120px,-100px) scale(1.1)}80%{transform:translate(80px,-40px) scale(.95)}}@keyframes float4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(120px,100px) scale(1.2)}}.left-col{position:absolute;top:64px;left:160px;z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:420px}.logos-img{width:420px;height:auto;object-fit:contain}.man-img{position:absolute;bottom:0;left:0;width:80%;max-width:1240px;z-index:8;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .35s ease-in-out}.man-img-hidden{opacity:0}.messages-area{position:absolute;right:48px;top:48px;bottom:48px;width:calc(58% - 48px);z-index:10;overflow:visible}.messages-scroll{display:flex;flex-direction:column;gap:24px}.msg-bubble{font-family:SB Sans Display,sans-serif;background:var(--bubble-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:64px 64px 64px 4px;padding:32px 48px;box-shadow:0 2px 16px #0000000a;animation:bubbleAppear .5s ease-out both;align-self:flex-start;max-width:100%;width:fit-content}.msg-author{font-family:SB Sans Display,sans-serif;font-size:18px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;line-height:1.2}.msg-text{font-family:SB Sans Display,sans-serif;font-size:32px;font-weight:500;line-height:1.25;color:var(--text-dark);letter-spacing:-.02em}.msg-bib{font-weight:700;color:var(--green-dark);margin-right:4px}.msg-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:40px}.msg-empty p{font-family:SB Sans Display,sans-serif;font-size:24px;color:var(--text-secondary);text-align:center}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.msg-bubble.msg-entering{animation:bubbleFromMan 1.8s cubic-bezier(.22,.67,.33,1) both;z-index:100;transform-origin:center;will-change:transform,opacity}@keyframes bubbleFromMan{0%{transform:translate(-24vw,38vh) rotate(10deg) scale(.85);opacity:0}35%{opacity:1}60%{transform:translate(-6vw,10vh) rotate(-8deg) scale(1);opacity:1}80%{transform:translateY(-6px) rotate(-4deg) scale(1)}92%{transform:translateY(2px) rotate(1.5deg) scale(1)}to{transform:translate(0) rotate(0) scale(1)}}.saver-area{position:relative;flex:1;overflow:hidden;background:var(--top-bar-bg)}.saver-logo-wrap{position:absolute;top:80px;left:80px;z-index:10;width:720px;height:240px}.saver-logo{position:absolute;top:0;left:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:0;transition:opacity .8s ease-in-out;pointer-events:none;-webkit-user-select:none;user-select:none}.saver-logo.active{opacity:1}.saver-slogan{position:absolute;left:80px;bottom:80px;z-index:10;font-family:SB Sans Display,sans-serif;font-size:128px;font-weight:600;line-height:.95;letter-spacing:-.02em;color:#252829;margin:0;max-width:60%}.saver-qr-corner{position:absolute;right:140px;bottom:80px;z-index:11;display:flex;align-items:flex-end;pointer-events:none}.saver-heart{height:580px;width:auto;object-fit:contain;margin-right:-280px;filter:drop-shadow(0 16px 40px rgba(0,0,0,.15));animation:heartFloat 4s ease-in-out infinite;-webkit-user-select:none;user-select:none;z-index:1}.saver-qr-card{display:flex;flex-direction:column;align-items:flex-start;gap:28px;padding:36px;width:400px;background:#ffffff59;backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);border:1px solid rgba(255,255,255,.55);border-radius:44px;box-shadow:0 20px 60px #0000001a;z-index:2}.saver-qr-code{width:328px;height:328px;display:block;border-radius:16px}.saver-qr-text{font-family:SB Sans Display,sans-serif;font-size:36px;font-weight:500;line-height:1.1;letter-spacing:-.02em;color:#000}@keyframes heartFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-24px)}}@media(max-width:1800px){.top-bar{height:180px;padding:14px 16px 14px 156px}.top-title{font-size:68px}.top-heart{height:230px;margin-right:-96px}.top-qr-block{height:160px}.left-col{top:56px;left:140px;width:400px;gap:36px}.logos-img{width:380px}.messages-area{right:40px;top:40px;bottom:40px;width:calc(58% - 40px)}.msg-bubble{padding:28px 40px;border-radius:56px 56px 56px 4px}.msg-text{font-size:28px}.msg-author{font-size:17px}.saver-slogan{left:64px;bottom:64px;font-size:108px;max-width:60%;letter-spacing:-.02em}.saver-logo-wrap{top:64px;left:64px;width:620px;height:210px}.saver-qr-corner{right:120px;bottom:64px}.saver-heart{height:510px;margin-right:-240px}.saver-qr-card{width:360px;padding:32px;gap:24px;border-radius:40px}.saver-qr-code{width:296px;height:296px}.saver-qr-text{font-size:32px}}@media(max-width:1440px){.top-bar{height:170px;padding:12px 16px 12px 146px}.top-title{font-size:56px}.top-heart{height:220px;margin-right:-92px}.top-qr-block{height:150px}.left-col{top:48px;left:130px;width:340px;gap:32px}.logos-img{width:320px}.messages-area{right:36px;top:36px;bottom:36px;width:calc(58% - 36px)}.msg-bubble{padding:26px 40px;border-radius:52px 52px 52px 4px}.msg-text{font-size:26px}.msg-author{font-size:16px}.saver-slogan{left:56px;bottom:56px;font-size:96px;max-width:60%;letter-spacing:-.02em}.saver-logo-wrap{top:56px;left:56px;width:580px;height:200px}.saver-qr-corner{right:100px;bottom:56px}.saver-heart{height:480px;margin-right:-240px}.saver-qr-card{width:340px;padding:28px;gap:22px;border-radius:36px}.saver-qr-code{width:284px;height:284px}.saver-qr-text{font-size:30px}}@media(max-width:1140px){.top-bar{height:140px;padding:10px 16px 10px 116px}.top-title{font-size:48px}.top-heart{height:180px;margin-right:-72px}.top-qr-block{height:124px}.left-col{top:32px;left:100px;width:300px;gap:24px}.logos-img{width:280px}.messages-area{right:24px;top:24px;bottom:24px;width:calc(58% - 24px)}.msg-bubble{padding:22px 32px;border-radius:44px 44px 44px 4px}.msg-text{font-size:22px}.msg-author{font-size:14px}.saver-slogan{left:40px;bottom:40px;font-size:76px;max-width:60%;letter-spacing:-.02em}.saver-logo-wrap{top:40px;left:40px;width:480px;height:170px}.saver-qr-corner{right:72px;bottom:40px}.saver-heart{height:380px;margin-right:-190px}.saver-qr-card{width:280px;padding:22px;gap:18px;border-radius:32px}.saver-qr-code{width:236px;height:236px}.saver-qr-text{font-size:24px}}@media(max-width:860px){.top-bar{height:100px;padding:8px 8px 8px 68px}.top-title{font-size:32px}.top-heart{height:130px;margin-right:-52px}.top-qr-block{height:90px}.main-area{margin:0 8px;border-radius:24px 24px 0 0}.left-col{top:20px;left:60px;width:200px;gap:16px}.logos-img{width:180px}.man-img{width:75%}.messages-area{right:16px;top:16px;bottom:16px;width:calc(58% - 16px)}.msg-bubble{padding:16px 24px;border-radius:32px 32px 32px 4px}.msg-text{font-size:18px}.msg-author{font-size:13px}.messages-scroll{gap:14px}.saver-slogan{left:24px;bottom:24px;font-size:48px;max-width:60%;letter-spacing:-.02em}.saver-logo-wrap{top:24px;left:24px;width:340px;height:120px}.saver-qr-corner{right:44px;bottom:24px}.saver-heart{height:260px;margin-right:-130px}.saver-qr-card{width:200px;padding:16px;gap:12px;border-radius:24px}.saver-qr-code{width:168px;height:168px}.saver-qr-text{font-size:18px}}@media(max-width:540px){.msg-text{font-size:16px}.saver-slogan{font-size:26px}.saver-heart{height:140px}.saver-qr-card{width:130px;padding:10px;gap:8px;border-radius:16px}.saver-qr-code{width:108px;height:108px}.saver-qr-text{font-size:12px}}