.contact-actions{min-width:0;max-width:520px}#contact .cb-title>span{color:#25282c}.contact-note{display:flex;align-items:center;gap:9px;color:#535c59;font-size:12px;line-height:1.6;margin:0 0 18px}.contact-dot{width:7px;height:7px;flex:none;background:#19a654;border-radius:50%}
.home-page .cb-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-page .cb-pill{position:relative;display:flex;justify-content:center;gap:10px;min-height:50px;min-width:140px;padding:13px 20px;border:1px solid #d9dde1;border-radius:15px;background:#fff;color:#272b2f;font-size:13px;cursor:pointer;isolation:isolate;transform:translate(var(--contact-x,0px),var(--contact-y,0px));transition:transform .16s,box-shadow .16s,border-color .16s,scale .12s}
.home-page .contact-line{background:#202925;color:#fff;border-color:#202925;box-shadow:0 5px 13px #17241b12}.contact-line>span:last-child{margin-left:auto}.cb-pill i{font-size:18px;transition:color .16s,transform .16s}.cb-pill:active{scale:.96}.home-page .cb-pill:focus-visible,.contact-modal button:focus-visible,.contact-modal a:focus-visible,.contact-mail-app:focus-visible{outline:3px solid #187846;outline-offset:4px}
.contact-mail-app{display:block;width:fit-content;margin:14px 0 0 auto;color:#4c555e;font-size:12px;line-height:1.6;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:10px 0}.contact-feedback{font-size:12px;line-height:1.6;color:#245c3c;min-height:20px;margin-top:5px;user-select:text}.contact-feedback:empty{margin:0;min-height:0}
.contact-tooltip{position:absolute;bottom:calc(100% + 8px);white-space:nowrap;padding:5px 9px;background:#25292d;color:white;border-radius:6px;font-size:10px;opacity:0;pointer-events:none;transition:opacity .12s}.contact-facebook:hover .contact-tooltip,.contact-facebook:focus-visible .contact-tooltip{opacity:1}
.contact-ripple{position:absolute;width:16px;height:16px;border-radius:50%;background:#b6d1c755;pointer-events:none;animation:contact-ripple .45s ease-out forwards}.contact-line .contact-ripple{background:#fff5}.is-copied{border-color:#168241!important}.is-copied>i{color:#168241}.contact-email.is-copied{animation:contact-confirm .25s ease-out}
.contact-modal.on{background:#0009;backdrop-filter:blur(8px)}.contact-modal .mbox{max-height:90dvh;overflow:auto;overscroll-behavior:contain}.contact-modal .mc-btn{transition:transform .18s,background .18s;min-width:44px;min-height:44px}.contact-modal .mc-btn:hover{transform:rotate(90deg);background:#dfe3e2}.contact-modal .m-btn{min-height:48px}.contact-modal .m-btn span[aria-hidden]{display:inline-block;transition:translate .15s}.contact-modal .m-btn:hover span[aria-hidden]{translate:3px -2px}
.line-copy-row{width:100%;text-align:left;background:transparent;cursor:pointer;border:0;border-top:1px solid #e6e9e7;padding:18px 8px;border-radius:8px;min-height:72px;gap:16px}.line-copy-row:hover{background:#f4f8f5}.line-copy-row small,.line-copy-row strong{display:block;font-weight:400}.line-copy-row small{font-size:11px;color:#68716d;margin-bottom:4px}.line-copy-row strong{font-size:15px}.line-copy-row .copy-label{margin-left:auto;color:#376849;font-size:12px}.line-qr-frame{position:relative;width:230px;max-width:100%;margin:20px auto 24px;padding:9px;border:1px solid transparent;border-radius:12px;transition:scale .2s,border-color .2s;overflow:hidden}.line-qr-frame img{display:block;width:100%;height:auto;margin:0!important}.line-qr-frame:hover{scale:1.03;border-color:#69b580}.contact-modal.on .line-qr-frame:after{content:'';position:absolute;left:8%;right:8%;top:8%;height:2px;background:#40bd6a70;box-shadow:0 0 7px #35b76530;animation:qr-ready .7s .15s ease-out both;pointer-events:none}.line-add-friend.is-opening{opacity:.72}.contact-phone-actions{display:flex;flex-direction:column;gap:8px}.contact-phone-actions .contact-mail-app{margin:0 auto}.contact-closing{pointer-events:none}
@media(hover:hover) and (pointer:fine){.cb-pill:hover{transform:translate(var(--contact-x,0px),calc(var(--contact-y,0px) - 3px));border-color:#87908b;box-shadow:0 8px 17px #1c292113;background-image:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#fff9,transparent 95px)}.contact-line:hover{background-image:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#ffffff20,transparent 95px)}.contact-facebook:hover>i{color:#1877f2;transform:translateY(-1px)}.contact-line:hover>i{color:#06c755;transform:translateY(-1px)}.contact-call:hover>i{color:#111;animation:contact-ring .35s ease-in-out}.contact-email:hover>i{color:#111;transform:translate(2px,-2px) rotate(-8deg)}}
@media(prefers-reduced-motion:no-preference){.contact-visible .cb-pill{animation:contact-enter .3s var(--contact-delay) both ease-out}.contact-visible .cb-title>span{display:block;animation:contact-enter .36s ease-out}}
@keyframes contact-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes contact-ripple{to{transform:translate(-50%,-50%) scale(15);opacity:0}}@keyframes contact-ring{25%{rotate:-12deg}75%{rotate:12deg}}@keyframes contact-confirm{50%{scale:.98}}@keyframes qr-ready{from{top:8%;opacity:0}30%{opacity:1}to{top:90%;opacity:0}}
@media(max-width:600px){.contact-actions{width:100%;margin-top:24px;max-width:none}.home-page .cb-pill{min-width:0;min-height:48px;font-size:13px;padding:12px 15px}.contact-note{font-size:12px}.contact-modal .mbox{width:calc(100% - 28px);padding:34px 24px}.line-qr-frame{width:200px}}
@media(prefers-reduced-motion:reduce){.cb-pill,.cb-pill i,.contact-modal *,.contact-mail-app{animation:none!important;transition:none!important}.cb-pill{transform:none!important}.contact-modal.on .line-qr-frame:after{display:none}}