:root{--green: #31C2A7;--green-dark: #109C84;--cyan: #4FF5FB;--mint-bg: #D6F5ED;--mint-light: #E8FAF4;--mint-card: rgba(186, 237, 221, .6);--white: #FFFFFF;--text-dark: #1A1A1A;--text-secondary: #6B7B7B;--bubble-bg: rgba(255, 255, 255, .85)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;color:var(--text-dark);-webkit-font-smoothing:antialiased}.app{width:100%;height:100vh;position:relative;overflow:hidden}.control-btn{position:fixed;z-index:100;width:80px;height:80px;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.control-btn-screensaver{top:0;right:0}.control-btn-mode{top:0;left:0}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mint-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#c7f5e6,#d6f5ed,#e5f9f3 60%,#d0f0e8);z-index:0}.mint-bg:before{content:"";position:absolute;top:-20%;right:-10%;width:60%;height:70%;background:radial-gradient(ellipse,rgba(79,245,251,.15) 0%,transparent 70%);pointer-events:none}.mint-bg:after{content:"";position:absolute;bottom:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(ellipse,rgba(49,194,167,.1) 0%,transparent 70%);pointer-events:none}.logos{position:absolute;top:32px;left:40px;z-index:10;display:flex;flex-direction:column;gap:16px}.logo-insurance{height:44px;width:auto}.logo-community{height:36px;width:auto}.qr-block{position:absolute;bottom:32px;left:40px;z-index:10;display:flex;align-items:center;gap:16px;background:var(--mint-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:16px 24px 16px 16px}.qr-image{width:100px;height:100px;border-radius:12px}.qr-text{font-size:16px;font-weight:600;line-height:1.3;color:var(--text-dark);max-width:140px}.heart-deco{position:absolute;z-index:5;pointer-events:none}.heart-deco img{width:100%;height:100%;object-fit:contain}.single-screen{display:flex}.single-message-area{position:absolute;right:60px;top:50%;transform:translateY(-50%);z-index:10;max-width:55%;display:flex;flex-direction:column;align-items:flex-end;gap:8px;transition:opacity .5s ease,transform .5s ease}.single-message-area.fade-in{opacity:1;transform:translateY(-50%) translate(0)}.single-message-area.fade-out{opacity:0;transform:translateY(-50%) translate(30px)}.single-author{font-size:14px;font-weight:500;color:var(--text-secondary);padding-right:8px}.single-bubble{background:var(--bubble-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;padding:28px 36px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 24px #0000000a}.single-bib{flex-shrink:0;background:var(--text-dark);color:var(--white);border-radius:14px;padding:10px 18px;font-size:22px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.single-text{font-size:24px;font-weight:500;line-height:1.35;color:var(--text-dark)}.single-screen .heart-deco{top:16px;left:50%;transform:translate(-30%);width:140px;height:140px;animation:floatHeart 4s ease-in-out infinite}.heart-small{position:absolute;z-index:4;opacity:.4;pointer-events:none}.heart-small img{width:100%;height:100%;object-fit:contain}.single-screen .heart-small-1{top:8px;left:42%;width:60px;height:60px;animation:floatHeart 5s ease-in-out infinite .5s;opacity:.3}.single-screen .heart-small-2{top:40px;left:55%;width:40px;height:40px;animation:floatHeart 6s ease-in-out infinite 1s;opacity:.2}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.empty-state p{font-size:22px;color:var(--text-secondary)}.multi-screen{display:flex}.multi-messages-area{position:absolute;right:40px;top:24px;bottom:24px;width:55%;z-index:10;display:flex;flex-direction:column;gap:10px;overflow:hidden}.multi-messages-scroll{display:flex;flex-direction:column;gap:10px;will-change:transform}.multi-bubble-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px;animation:bubbleAppear .4s ease-out both}.multi-author{font-size:12px;font-weight:500;color:var(--text-secondary);padding-right:12px}.multi-bubble{background:var(--bubble-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:16px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px #00000008;max-width:100%}.multi-bib{flex-shrink:0;background:var(--text-dark);color:var(--white);border-radius:12px;padding:8px 14px;font-size:18px;font-weight:700;white-space:nowrap}.multi-text{font-size:18px;font-weight:500;line-height:1.3;color:var(--text-dark)}.multi-screen .heart-deco{top:0;left:45%;width:120px;height:120px;animation:floatHeart 4s ease-in-out infinite}.screensaver-screen{display:flex;align-items:center}.screensaver-content{position:relative;z-index:10;padding:0 80px;max-width:55%}.screensaver-slogan{font-size:48px;font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--text-dark)}.screensaver-screen .heart-deco{right:12%;top:50%;transform:translateY(-50%);width:280px;height:280px;animation:floatHeart 4s ease-in-out infinite}.screensaver-screen .qr-block{left:auto;right:40px;bottom:32px}.screensaver-logos{position:absolute;top:32px;left:40px;z-index:10}.screensaver-logo-img{position:absolute;top:0;left:0;height:44px;transition:opacity 1s ease}.screensaver-logo-community{height:36px}.logo-show{opacity:1}.logo-hide{opacity:0}@keyframes floatHeart{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.screensaver-screen .heart-deco{animation:floatHeartCenter 4s ease-in-out infinite}@keyframes floatHeartCenter{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 20px))}}@keyframes bubbleAppear{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.logos{top:20px;left:24px}.logo-insurance{height:36px}.logo-community{height:28px}.qr-block{bottom:20px;left:24px;padding:12px 16px 12px 12px}.qr-image{width:80px;height:80px}.qr-text{font-size:14px}.single-message-area{right:32px;max-width:60%}.single-text{font-size:20px}.single-bib{font-size:18px;padding:8px 14px}.single-bubble{padding:20px 28px}.multi-messages-area{right:24px;width:58%}.multi-text{font-size:16px}.screensaver-slogan{font-size:36px}.screensaver-screen .heart-deco{width:200px;height:200px}}@media(max-width:768px){.logos{top:16px;left:16px;gap:10px}.logo-insurance{height:28px}.logo-community{height:22px}.qr-block{bottom:16px;left:16px;padding:10px 14px 10px 10px;border-radius:14px}.qr-image{width:64px;height:64px}.qr-text{font-size:12px;max-width:100px}.single-message-area{right:16px;max-width:65%}.single-text{font-size:18px}.single-bubble{padding:16px 20px;border-radius:18px;gap:12px}.single-bib{font-size:16px;padding:6px 12px;border-radius:10px}.multi-messages-area{right:16px;width:60%;top:16px;bottom:16px}.multi-bubble{padding:12px 18px;border-radius:16px}.multi-text{font-size:15px}.multi-bib{font-size:15px;padding:6px 10px}.screensaver-slogan{font-size:28px}.screensaver-content{padding:0 40px}.screensaver-screen .heart-deco{width:150px;height:150px;right:8%}}@media(max-width:480px){.single-message-area{max-width:75%;right:12px}.single-text{font-size:16px}.multi-messages-area{width:70%}.screensaver-slogan{font-size:22px}.screensaver-screen .heart-deco{width:100px;height:100px}}