#referenceProfile .profile-popover{position:absolute;left:25px;bottom:81px;width:490px;height:862px;max-height:calc(100% - 108px);border-radius:36px;border:2px solid #c7f5ff;background:linear-gradient(150deg,#c2f0ff,#e9f8ff 39%,#ddf4ff 74%,#eaffff);box-shadow:inset 0 0 0 3px #ffffffa8,inset 0 0 18px #8dd6ffb3,0 0 12px #74ceffb3,0 9px 25px #13477d55;color:#14497b;isolation:isolate}
#referenceProfile .profile-popover:after{content:"";position:absolute;bottom:-15px;left:84px;width:27px;height:27px;transform:rotate(45deg);background:linear-gradient(135deg,#e4f9ff,#f2ffff);border-bottom:2px solid #bcecff;border-right:2px solid #bcecff;box-shadow:4px 4px 7px #6cb7e133;z-index:-1}
#referenceProfile .profile-scroll{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;border-radius:33px;padding:0 10px 9px}
#referenceProfile .profile-scroll::-webkit-scrollbar{display:none}
#referenceProfile .profile-handle{position:absolute;z-index:3;top:12px;left:calc(50% - 24px);width:48px;height:6px;border-radius:8px;background:linear-gradient(#308eee,#70bafa);box-shadow:0 1px 2px #d5faff}
#referenceProfile .profile-close{position:absolute;z-index:4;right:11px;top:11px;width:41px;height:41px;border-radius:50%;display:grid;place-items:center;font-size:33px;line-height:35px;font-weight:400;color:#125fae;background:linear-gradient(130deg,#faffff,#c4ebff);border:2px solid #f3ffff;box-shadow:0 2px 7px #69c1f699;padding:0 0 3px}
#referenceProfile .profile-header{position:relative;height:172px;margin:0 -10px;overflow:hidden;border-radius:33px 33px 0 0;background:radial-gradient(ellipse at 26% 70%,#fff 5%,#fff9 25%,transparent 52%),radial-gradient(ellipse at 44% 27%,#fffd 2%,transparent 26%),linear-gradient(150deg,#b1e7ff,#7bcffa 48%,#d9f4ff 70%,#c4edba)}
#referenceProfile .profile-sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#referenceProfile .profile-avatar-ring{position:absolute;left:24px;top:31px;width:134px;height:134px;border:2px solid #cff1ff;border-radius:50%;background:#f5fdff;box-shadow:0 0 2px 3px #fffd,0 2px 9px #56aad54d}
#referenceProfile .profile-avatar-face{position:absolute;inset:7px;border-radius:50%;background-image:var(--profile-reference);background-size:709px 1260.444px;background-position:-57.5px -344.5px;background-repeat:no-repeat;overflow:hidden}
#referenceProfile .profile-camera{position:absolute;right:-2px;bottom:2px;width:40px;height:40px;border-radius:50%;border:2px solid white;background:linear-gradient(140deg,#6ccaff,#078cff 55%,#0860cf);box-shadow:0 2px 5px #4985c36b;display:grid;place-items:center;color:white;padding:8px}
#referenceProfile .profile-camera svg{width:22px;height:22px}
#referenceProfile .profile-identity{position:absolute;top:52px;left:170px;right:15px}
#referenceProfile .profile-name-line{display:flex;align-items:center;gap:11px;height:37px}
#referenceProfile .profile-display-name{font-size:29px;line-height:37px;color:#073b92;font-weight:700;max-width:215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#referenceProfile .profile-presence-dot{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#b2ff5c,#57df1d 45%,#19b61c);box-shadow:inset 0 0 2px #19a123}
#referenceProfile .profile-edit{height:35px;margin-top:0;display:inline-flex;align-items:center;gap:8px;border-radius:21px;border:1px solid #c5e5f8;box-shadow:inset 0 1px 2px white,0 2px 4px #779fac2b;background:linear-gradient(white,#eefaff);padding:0 14px;color:#075fb4;font-size:16px;font-weight:700;white-space:nowrap}
#referenceProfile .profile-edit svg{width:20px;height:20px;color:#0687e0}
#referenceProfile .profile-tagline{position:absolute;left:170px;top:136px;font-size:12px;color:#5a7a97;margin:0;white-space:nowrap;max-width:287px;overflow:hidden;text-overflow:ellipsis;z-index:1}
#referenceProfile .profile-tagline .heart{font-size:17px;vertical-align:-2px}
#referenceProfile .profile-msn{position:absolute;right:23px;top:76px;width:113px;height:93px;background-image:var(--profile-reference);background-size:709px 1260.444px;background-position:-374px -377px;background-repeat:no-repeat;mix-blend-mode:multiply;pointer-events:none}
#referenceProfile .profile-section{border:1px solid #bcdfef;border-radius:17px;background:linear-gradient(115deg,#f9fdffd9,#ecf7ffd9);box-shadow:inset 0 0 0 2px #ffffffa8,0 2px 5px #6db6db30;margin-bottom:6px;padding:0 7px 7px}
#referenceProfile .profile-section-head{height:32px;display:flex;align-items:center;gap:7px;padding:0 3px;color:#0056a8}
#referenceProfile .profile-section-head h2{font-size:16px;font-weight:700;margin:0;white-space:nowrap}
#referenceProfile .profile-section-head .section-note{font-size:12px;line-height:16px;color:#4c7da5;font-weight:400;margin-left:auto;white-space:nowrap}
#referenceProfile .profile-section-head .profile-art{width:33px;height:29px;margin-left:-1px}
#referenceProfile .profile-art{width:35px;height:35px;display:block;flex:none;background-image:var(--profile-reference);background-size:709px 1260.444px;background-repeat:no-repeat;mix-blend-mode:multiply}
#referenceProfile .profile-status-section{height:104px}
#referenceProfile .profile-status-grid{display:grid;grid-template-columns:1.08fr 1.02fr 1fr;gap:8px}
#referenceProfile .profile-status-choice{height:60px;display:flex;align-items:flex-start;gap:10px;padding:11px 8px;border:1px solid #d1e5f1;border-radius:14px;background:linear-gradient(#fff,#edf6ff);position:relative;box-shadow:0 1px 3px #adcfe82e;text-align:left}
#referenceProfile .profile-status-choice.selected{background:linear-gradient(#f6ffe9,#e5ffda);border-color:#9bdda1;box-shadow:inset 0 0 0 1px #fff8}
#referenceProfile .status-ball{display:block;width:20px;height:20px;border-radius:50%;flex:none;box-shadow:inset 0 -1px 2px #0003,0 0 1px #ffffff}
#referenceProfile .status-ball.green{background:radial-gradient(circle at 30% 25%,#c2ff73,#54db2c 50%,#13bd31)}
#referenceProfile .status-ball.gray{background:radial-gradient(circle at 30% 25%,#c9d5df,#7e8e9e 50%,#586a7f)}
#referenceProfile .status-ball.red{background:radial-gradient(circle at 30% 25%,#ff8890,#f81f36 50%,#cb0921)}
#referenceProfile .profile-status-text{min-width:0;display:block;padding-top:1px}
#referenceProfile .profile-status-text strong{font-size:13.8px;color:#123f80;line-height:17px;display:block;white-space:nowrap}
#referenceProfile .profile-status-text small{display:block;font-size:10.5px;line-height:16px;margin-top:3px;white-space:nowrap;color:#617c91;letter-spacing:-.25px}
#referenceProfile .profile-status-choice.selected strong{color:#2b731e}
#referenceProfile .status-check{display:none;position:absolute;right:8px;top:9px;width:22px;height:22px;line-height:21px;border-radius:50%;background:#12bd6b;color:white;font-weight:bold;text-align:center;font-size:18px}
#referenceProfile .selected .status-check{display:block}
#referenceProfile .profile-status-choice:first-child{gap:11px}
#referenceProfile .profile-status-choice:first-child .profile-status-text{padding-right:18px}
#referenceProfile .profile-account-section{height:96px}
#referenceProfile .profile-style-section{height:99px}
#referenceProfile .profile-card-grid{display:grid;grid-template-columns:1.08fr 1.02fr 1fr;gap:8px}
#referenceProfile .profile-card{height:54px;display:flex;align-items:center;gap:7px;border-radius:13px;border:1px solid #d2e7f4;background:linear-gradient(#fff,#eff8ff);box-shadow:inset 0 0 0 1px #ffffff4d;padding:5px 7px;text-align:left;min-width:0}
#referenceProfile .profile-card .profile-card-copy{min-width:0;flex:1}
#referenceProfile .profile-card strong{display:block;font-size:13.5px;color:#064886;line-height:19px;white-space:nowrap;letter-spacing:-.25px}
#referenceProfile .profile-card small{display:block;font-size:10.8px;color:#617c96;line-height:16px;white-space:nowrap;letter-spacing:-.2px}
#referenceProfile .profile-next{color:#0873c7;width:12px;height:17px;flex:none}
#referenceProfile .profile-card .profile-art{width:35px;height:35px;margin-left:-2px}
#referenceProfile .profile-card.save{background:linear-gradient(#eefbff,#dcf2ff)}
#referenceProfile .profile-card.identify{background:linear-gradient(#f4edff,#e9e5ff);border-color:#ddd7f4}
#referenceProfile .profile-card.identify strong{color:#5222b7}
#referenceProfile .profile-card.oper{background:linear-gradient(#fffbea,#fff4d5);border-color:#e5e4c6}
#referenceProfile .profile-card.oper strong{color:#db6914}
#referenceProfile .profile-style-section .profile-card{height:57px}
#referenceProfile .profile-aa{font-weight:700;font-size:29px;letter-spacing:-2px;color:#0876d3;text-shadow:0 1px 2px #fff;width:31px;text-align:center;flex:none}
#referenceProfile .profile-section-head .profile-aa{font-size:26px;width:37px;text-align:left;line-height:29px}
#referenceProfile .profile-settings-section{height:306px;padding:0 4px 4px;margin-bottom:7px}
#referenceProfile .profile-settings-section .profile-section-head{padding-left:7px;padding-right:7px}
#referenceProfile .profile-menu-row{width:100%;height:45px;display:flex;align-items:center;gap:13px;padding:3px 9px 3px 10px;border-radius:16px;background:linear-gradient(105deg,#f8fcffba,#f1f8ff99);border:1px solid #deedf5;text-align:left}
#referenceProfile .profile-menu-row+.profile-menu-row{margin-top:-1px}
#referenceProfile .profile-menu-row:hover{background:#e3f4ff}
#referenceProfile .profile-menu-copy{flex:1;min-width:0}
#referenceProfile .profile-menu-copy strong{display:block;font-size:14px;color:#0a4380;line-height:19px}
#referenceProfile .profile-menu-copy small{display:block;font-size:12px;color:#66819e;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#referenceProfile .profile-menu-row .profile-next{width:13px;height:18px}
#referenceProfile .profile-footer{height:46px;display:grid;grid-template-columns:1.08fr 1px 1fr;gap:13px;margin:0 3px}
#referenceProfile .profile-footer-separator{height:20px;align-self:center;background:#b4d1e7}
#referenceProfile .profile-logout{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:25px;background:linear-gradient(#fff3f3,#ffd8d8);border:1px solid #efcbcf;box-shadow:inset 0 0 0 2px #fff7;color:#e7152b;font-size:18px;font-weight:700}
#referenceProfile .profile-logout svg{width:29px;height:30px}
#referenceProfile .profile-night{border-radius:24px;border:1px solid #cce7f4;background:linear-gradient(#f0fbff,#d8efff);box-shadow:inset 0 0 0 2px #fff8;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:14px;color:#105ca8;white-space:nowrap}
#referenceProfile .profile-night>svg{width:27px;height:30px;color:#0691ec}
#referenceProfile .profile-switch{width:53px;height:29px;border-radius:19px;background:#adcbe9;box-shadow:inset 0 1px 4px #5e91c74d;margin-left:auto;padding:3px;display:block;flex:none}
#referenceProfile .profile-switch:after{content:"";display:block;width:23px;height:23px;border-radius:50%;background:linear-gradient(#fff,#f1f6fa);box-shadow:0 1px 3px #5278968c;transition:transform .15s}
#referenceProfile .profile-night[aria-checked=true] .profile-switch{background:#278bda}
#referenceProfile .profile-night[aria-checked=true] .profile-switch:after{transform:translateX(24px)}
#referenceProfile .presence-offline .profile-presence-dot,#referenceProfile .presence-offline #myProfile .online{background:radial-gradient(circle at 30% 25%,#c9d5df,#7e8e9e 50%,#586a7f)}
#referenceProfile .presence-busy .profile-presence-dot,#referenceProfile .presence-busy #myProfile .online{background:radial-gradient(circle at 30% 25%,#ff8890,#f81f36 50%,#cb0921)}
#referenceProfile{--profile-reference:url('/images/profile-reference.png');font-family:Arial,Helvetica,sans-serif;color:#345370;width:490px;max-width:none;position:relative;margin:auto;zoom:var(--profile-scale,.7)}
#referenceProfile *,#referenceProfile *::before,#referenceProfile *::after{box-sizing:border-box}
#referenceProfile button{font-family:inherit;cursor:pointer}
#referenceProfile svg{width:24px;height:24px;display:block;flex:none}
#referenceProfile .profile-popover{position:relative;inset:auto;width:490px;height:auto;max-height:none;margin:0}
#referenceProfile .profile-scroll{height:auto;overflow:visible}
#referenceProfile .profile-avatar-face{background:none}
#referenceProfile .profile-avatar-face :is(.social-avatar,img){display:block;width:100%!important;height:100%!important;max-width:none!important;border-radius:50%!important;object-fit:cover}
#referenceProfile .profile-avatar-face .social-dot{display:none}
#referenceProfile .profile-popover:after{display:none}
#referenceProfile [hidden]{display:none!important}
@media(max-width:760px){
html[data-applet-choice="classic"] body #mobileSection:has(#referenceProfile){background:#173d6255;padding:8px 5px;overflow:auto}
html[data-applet-choice="classic"] body #mobileSection:has(#referenceProfile)>.mobile-section-head{display:none!important}
html[data-applet-choice="classic"] body #mobileSectionContent:has(#referenceProfile){padding:0!important;overflow:visible!important}
}
#referenceProfile .profile-footer{display:flex;justify-content:flex-start;height:46px}
#referenceProfile .profile-logout{width:100%}
#referenceProfile .profile-msn{background:none;display:grid;place-items:center;mix-blend-mode:normal}
#referenceProfile .profile-msn img{display:block;width:100%!important;height:100%!important;object-fit:contain}
@media(max-width:760px){
html[data-applet-choice="classic"] body #mobileSection:has(#referenceProfile){position:fixed!important;left:8px!important;right:auto!important;top:auto!important;bottom:calc(51px + env(safe-area-inset-bottom))!important;width:min(420px,calc(100vw - 16px))!important;height:auto!important;max-height:calc(var(--chat-height,100dvh) - 80px)!important;padding:0!important;border:0!important;border-radius:25px!important;overflow:visible!important;background:transparent!important;box-shadow:0 6px 24px #17436455}
html[data-applet-choice="classic"] body #mobileSectionContent:has(#referenceProfile){max-height:calc(var(--chat-height,100dvh) - 80px)!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:25px;scrollbar-width:thin}
html[data-applet-choice="classic"] body #mobileSection.open:has(#referenceProfile)::after{content:"";position:absolute;bottom:-8px;left:32px;width:17px;height:17px;transform:rotate(45deg);background:#e5f8ff;border-right:2px solid #c7f5ff;border-bottom:2px solid #c7f5ff;pointer-events:none}
html body #socialDialog .social-dialog-content:has(.text-preferences){padding:12px!important;overflow:auto!important}
html body #socialDialog .text-preferences{width:100%!important;min-width:0!important;padding:0!important;box-sizing:border-box!important}
html body #socialDialog .text-preferences>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important}
html body #socialDialog .text-preferences label{display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important;min-width:0!important;margin:0!important;font-size:12px!important}
html body #socialDialog .text-preferences select{display:block!important;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:5px 22px 5px 8px!important;font:13px/normal Arial,sans-serif!important;box-sizing:border-box!important;text-overflow:ellipsis}
html body #socialDialog .text-preferences input[type=color]{width:100%!important;height:38px!important;min-height:38px!important;padding:3px!important;box-sizing:border-box!important}
}
html body #socialDialog [data-guest-avatar]{padding:5px;border:1px solid #b9d4ea;border-radius:12px;background:#eaf5ff;cursor:pointer}
html body #socialDialog [data-guest-avatar] img{display:block;width:100%;max-width:70px;height:auto;border-radius:50%}
@media(max-width:760px){
html[data-applet-choice="classic"] body #app#app .brand strong{font-size:clamp(16px,4.5vw,32px)!important}
html[data-applet-choice="classic"]:not(.chat-keyboard-open):not(.standard-input-focus) body #app#app .brand-buddies{width:clamp(39px,14vw,79px)!important;height:clamp(39px,12vw,70px)!important}
}