@import "https://fonts.googleapis.com/css2?family=Tahoma&display=swap";:root{--ym-purple:#3e2285;--ym-purple-light:#5935aa;--ym-blue:#00f;--ym-silver-light:#f5f5f5;--ym-silver:#ece9d8;--ym-silver-dark:#d4d0c8;--ym-orange:#f2a628;--ym-text:#000;--bg-page:#4a6c9b;--bg-window:linear-gradient(to bottom, #eff3fc 0%, #d8e2f8 100%);--bg-chat-area:#fff;--text-main:#000;--text-secondary:#4a4a4a;--text-muted:gray;--border-light:#fff;--border-dark:#a0a0a0;--border-darker:#696969;--shadow-window:#0006 3px 3px 6px;--shadow-inner:inset 1px 1px 0px #fff, inset -1px -1px 0px #a0a0a0;--radius-window:6px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-main);justify-content:center;align-items:center;height:100vh;font-family:Tahoma,Segoe UI,Geneva,Verdana,sans-serif;font-size:13px;display:flex;overflow:hidden}button{cursor:pointer;border:1px solid var(--border-dark);color:var(--text-main);background:linear-gradient(#f3f3f3 0%,#e1e1e1 100%);border-radius:3px;padding:4px 10px;font-family:inherit;font-size:13px}button:hover{background:linear-gradient(#fff 0%,#e6e6e6 100%);border-color:#0054e3}button:active{box-shadow:var(--shadow-inner);background:linear-gradient(#d4d4d4 0%,#e8e8e8 100%)}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:var(--ym-silver);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{border:1px solid var(--border);background:linear-gradient(90deg,#e0e0e0 0%,#c4c4c4 100%);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.contact-list-container{background:var(--bg-window);border:1px solid var(--border-dark);border-radius:var(--radius-window);width:300px;box-shadow:var(--shadow-window);flex-direction:column;height:680px;font-size:13px;display:flex;overflow:hidden}@media (width<=1024px){.contact-list-container{z-index:1000!important;border:none!important;border-radius:0!important;width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important}}.menu-bar{border-bottom:1px solid var(--border-dark);background:linear-gradient(#fff 0%,#e8e8e8 100%);padding:4px 6px;display:flex}.menu-bar span{cursor:default;padding:3px 8px}.menu-bar span:hover{color:#fff;background:#316ac5}.my-profile{border-bottom:1px solid var(--border-dark);background:linear-gradient(#dbe6fb 0%,#bacfee 100%);gap:10px;padding:8px 12px;display:flex;position:relative}.my-avatar{cursor:pointer;background:#f0f0f0;border:1px solid #7a7a7a;width:54px;height:54px;padding:2px;overflow:hidden;box-shadow:inset 1px 1px 2px #fff}.avatar-inner{background:var(--ym-purple);justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.avatar-inner img{object-fit:contain;background-color:#fff;width:100%;height:100%}.my-info{z-index:2;flex-direction:column;justify-content:center;gap:2px;display:flex}.my-name{font-size:12px;font-weight:700}.my-status-box{align-items:center;gap:4px;display:flex;position:relative}.status-selector-custom{cursor:pointer;border:1px solid #0000;border-radius:2px;align-items:center;gap:4px;padding:1px 4px;font-size:11px;display:flex}.status-selector-custom:hover{background:#fff;border:1px solid #7a9cce}.status-current-text{font-weight:400}.status-dropdown-menu{border:1px solid var(--border-dark);z-index:1000;background:#fff;width:120px;padding:2px;position:absolute;top:100%;left:0;box-shadow:2px 2px 5px #0003}.status-option{cursor:pointer;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex}.status-option:hover{color:#fff;background-color:#316af5}.status-indicator{border:1px solid #0006;border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block;box-shadow:inset -2px -2px 3px #0003,inset 2px 2px 3px #fff9}.status-indicator.available{background-color:var(--ym-orange)}.status-option:hover .status-indicator{border-color:#fff}.status-indicator.busy{background-color:#f22}.status-indicator.invisible{background-color:#b0b0b0}.my-custom-status{color:var(--ym-blue);cursor:pointer;max-width:170px;min-height:14px;font-size:11px;font-style:italic}.status-edit-input{background:#fff;border:1px solid #7a9cce;outline:none;width:100%;padding:0 2px;font-family:inherit;font-size:11px;font-style:italic}.my-custom-status:hover{text-decoration:underline}.y-logo{color:#3e22851a;z-index:1;font-family:Arial Black,sans-serif;font-size:32px;font-weight:900;position:absolute;top:10px;right:10px}.cl-toolbar{background:var(--ym-silver);border-bottom:1px solid var(--border-dark);align-items:center;gap:6px;padding:6px;display:flex}.search-box{border:1px solid var(--border-dark);background:#fff;flex:1;align-items:center;padding:2px 4px;display:flex;box-shadow:inset 1px 1px 2px #0000001a}.search-box input{background:0 0;border:none;outline:none;width:100%;margin-left:4px;font-size:11px}.add-contact-btn{align-items:center;gap:4px;padding:3px 6px;display:flex}.buddy-list{border-bottom:1px solid var(--border-dark);background:#fff;flex:1;padding:2px 0;overflow-y:auto}.group-header{cursor:pointer;color:#333;align-items:center;padding:4px 6px;font-weight:700;display:flex}.group-name{flex:1;margin-left:4px}.group-count{color:var(--text-muted);font-weight:400}.contacts{list-style:none}.contact-item{cursor:pointer;white-space:nowrap;align-items:center;padding:2px 4px;display:flex;position:relative;overflow:hidden}.contact-item:hover{background-color:#e0eafc;border:1px solid #99c9ef}.delete-contact-btn{color:#c00;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;padding:2px;display:none;position:absolute;right:5px}.contact-item:hover .delete-contact-btn{display:block}.delete-contact-btn:hover{opacity:1;background-color:#fcc}.contact-item.offline{color:var(--text-muted)}.contact-avatar-small{justify-content:center;align-items:center;width:20px;height:20px;margin-right:4px;display:flex;position:relative}.contact-img-small{object-fit:contain;background:#fff;border:1px solid #ddd;width:100%;height:100%}.status-smiley.overlay{border:1px solid #fff;width:8px;height:8px;position:absolute;bottom:-2px;right:-2px}.status-smiley{border:1px solid #00000080;border-radius:50%;width:13px;height:13px;box-shadow:inset -2px -2px 2px #0003,inset 2px 2px 3px #fff9}.status-smiley.available{background-color:var(--ym-orange)}.status-smiley.away{background-color:#f50}.status-smiley.offline{background-color:#b0b0b0}.status-smiley.busy{background-color:#f22}.contact-details{flex-direction:column;justify-content:center;gap:0;margin-left:4px;display:flex}.contact-name{font-weight:400}.contact-item:hover .contact-name{color:var(--ym-blue);text-decoration:underline}.contact-status-text{color:var(--ym-blue);font-size:10px;font-style:italic}.ad-banner{background:linear-gradient(to right, var(--ym-purple), var(--ym-purple-light));color:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;height:50px;font-size:14px;font-weight:700;display:flex}.avatar-modal-overlay{z-index:4000;background-color:#0000001a;justify-content:center;align-items:center;font-family:Tahoma,sans-serif;display:flex;position:fixed;inset:0}.avatar-modal-window{background-color:#f0f0f0;border:1px solid #0054e3;width:250px;box-shadow:2px 2px 10px #0000004d}.avatar-modal-title{color:#fff;background:linear-gradient(90deg,#0054e3 0%,#27c1ff 100%);justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.avatar-modal-content{background-color:#fff;padding:15px}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px;display:grid}.avatar-option{cursor:pointer;border:1px solid #ccc;justify-content:center;align-items:center;padding:4px;display:flex}.avatar-option:hover{background-color:#e0eafc;border-color:#0054e3}.avatar-option img{width:40px;height:40px}.avatar-modal-footer{background-color:#f0f0f0;border-top:1px solid #ddd;justify-content:flex-end;margin:0 -15px -15px;padding:10px 15px;display:flex}.chat-window-container{background:var(--bg-window);border:1px solid var(--border-dark);border-radius:var(--radius-window);width:650px;box-shadow:var(--shadow-window);flex-direction:column;height:520px;font-size:13px;display:flex;overflow:hidden}@media (width<=1024px){.chat-window-container{z-index:5000!important;border:none!important;border-radius:0!important;width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important}}.mobile-back-btn{display:none}.title-bar{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(#1f85e4 0%,#469ceb 50%,#7dbaf0 51%,#b4d4f4 100%);justify-content:space-between;align-items:center;height:28px;padding:4px 8px;font-weight:700;display:flex}.title-bar-left{text-shadow:1px 1px 1px #00000080;align-items:center;gap:6px;font-size:11px;display:flex}.title-icon-wrapper{background:#fff;border-radius:2px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.y-tiny-logo{color:indigo;font-size:10px;font-weight:900}.title-bar-controls{gap:3px;display:flex}.control-btn-xp{color:#333;cursor:pointer;background:#ebebeb;border:1px solid #707070;border-color:#fff #707070 #707070 #fff;border-radius:2px;justify-content:center;align-items:center;width:21px;height:21px;padding:0;display:flex}.control-btn-xp:hover{background:#fdfdfd}.control-btn-xp.close{color:#fff;background:#c13535;border-color:#f99 #600000 #600000 #f99}.control-btn-xp.close:hover{background:#e34545}.chat-tabs{border-bottom:1px solid var(--border-dark);background:linear-gradient(#eaeaea 0%,#d4d0c8 100%);padding:2px 4px 0;display:flex}.chat-tab{border:1px solid var(--border-dark);cursor:pointer;background:#d4d0c8;border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;align-items:center;gap:6px;margin-right:2px;padding:4px 12px;font-weight:400;display:flex}.chat-tab.active{box-shadow:inset 0px 2px 0px var(--ym-orange);background:#fff;margin-bottom:-1px;padding-bottom:5px;font-weight:700}.tab-close{color:#888;margin-left:8px}.tab-close:hover{color:red}.chat-content-flex{background:var(--ym-silver);flex:1;display:flex;overflow:hidden}.chat-main{border-right:1px solid var(--border-dark);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-toolbar{border-bottom:1px solid var(--border-dark);background:linear-gradient(#fff 0%,#ece9d8 100%);gap:4px;padding:4px;display:flex;box-shadow:inset 0 -1px #fff}.icon-btn{color:var(--text-main);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;min-width:50px;padding:4px 8px;display:flex}.icon-btn:hover{border:1px solid var(--border-dark);background:linear-gradient(#fff 0%,#e6e6e6 100%);border-radius:3px}.btn-label{margin-top:3px;font-size:10px}.messages-area{background:var(--bg-chat-area);border:1px solid var(--border-dark);border-top:1px solid var(--border-darker);border-left:1px solid var(--border-darker);flex:1;margin:4px 6px 0;padding:8px;font-family:Arial,sans-serif;font-size:12px;overflow-y:auto}.imvironment-header{color:#666;text-align:right;border-bottom:1px dashed #ccc;margin-bottom:8px;padding-bottom:4px;font-size:10px}.msg-text{word-wrap:break-word}.message-content{vertical-align:top;margin-left:4px;display:inline-block}.yahoo-message-icon{vertical-align:middle;justify-content:center;align-items:center;margin:0 1px;font-size:18px;line-height:normal;display:inline-flex}.msg-sender{font-weight:700}.system-msg{color:red}.buzz-text{font-size:14px;font-weight:700}.formatting-toolbar{background:var(--ym-silver);align-items:center;gap:4px;padding:2px 6px;display:flex}.spacer{flex:1}.tool-btn{background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:2px 4px;display:flex}.tool-btn:hover{border-color:var(--border-dark);background:#fff}.buzz-btn{color:var(--text-main);border:1px solid var(--border-dark);background:linear-gradient(#fff 0%,#d4d0c8 100%);border-radius:3px;font-weight:700}.buzz-btn:active{background:#d4d0c8}.input-area-container{gap:4px;height:65px;margin:2px 6px 6px;display:flex}.chat-doodle-img{background-color:#fff;border:1px solid #ccc;border-radius:4px;max-width:250px;max-height:200px;margin-top:4px;display:block}.chat-input{border:1px solid var(--border-dark);border-top:1px solid var(--border-darker);border-left:1px solid var(--border-darker);resize:none;flex:1;padding:4px;font-family:Arial,sans-serif;font-size:12px}.chat-input:focus{outline:none}.send-btn{color:#000;background:linear-gradient(#dbe6fb 0%,#bacfee 100%);border:1px solid #7a9cce;border-radius:3px;width:65px;font-weight:700}.send-btn:hover{background:linear-gradient(#eef3fc 0%,#c8ddf8 100%)}.chat-sidebar{background:var(--ym-silver);flex-direction:column;gap:6px;width:140px;padding:6px;display:flex}.avatar-box{border:1px solid var(--border-dark);background:#f0f0f0;justify-content:center;align-items:center;width:126px;height:126px;padding:4px;display:flex;box-shadow:inset 1px 1px 2px #0000001a}.avatar-image{background:#fff;border:1px solid #ccc;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.avatar-image img{object-fit:contain;width:100%;height:100%}.my-avatar{background-color:#fff}.my-avatar-box{height:126px}.sidebar-ad{border:1px solid var(--border-dark);background:#fff;flex:1;justify-content:center;align-items:center;display:flex}.ad-text{color:#aaa;letter-spacing:2px;font-size:10px;transform:rotate(-90deg)}@keyframes buzzShake{0%{transform:translate(2px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translateY(2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(2px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(2px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.buzz-shake{animation:.1s cubic-bezier(.36,.07,.19,.97) infinite both buzzShake}.emoticon-picker-container{border:1px solid var(--border-darker);z-index:500;background-color:#fff;border-radius:4px;flex-direction:column;width:320px;display:flex;position:absolute;bottom:110px;left:20px;box-shadow:4px 4px 10px #0000004d}.emoticon-picker-header{color:#fff;background:linear-gradient(90deg,#0054e3 0%,#27c1ff 100%);padding:4px 8px;font-size:11px;font-weight:700}.emoticon-scroll-area{background-color:#fff;max-height:250px;padding:5px;overflow-y:auto}.emoticon-grid{grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.emoticon-item{cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:4px 6px;display:flex}.emoticon-item:hover{color:#fff;background-color:#316ac5;border-color:navy}.emoticon-visual{justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;display:flex}.emoticon-code-hint{color:#666;white-space:nowrap;font-family:Tahoma,sans-serif;font-size:10px}.emoticon-item:hover .emoticon-code-hint{color:#fff}.emoticon-footer{background-color:#f7f7f0;border-top:1px solid #ccc;justify-content:flex-end;padding:5px;display:flex}.classic-btn{padding:2px 10px;font-size:11px}.emoticon-scroll-area::-webkit-scrollbar{width:12px}.emoticon-scroll-area::-webkit-scrollbar-track{background:#eee}.emoticon-scroll-area::-webkit-scrollbar-thumb{background:#ccc;border:1px solid #aaa}.doodle-overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.doodle-window{background:var(--ym-bg);border:1px solid #0054e3;border-radius:8px 8px 0 0;width:520px;overflow:hidden;box-shadow:5px 5px 15px #00000080}.doodle-header{color:#fff;background:linear-gradient(#0058e6 0%,#0046b4 100%);justify-content:space-between;align-items:center;padding:6px 10px;font-weight:700;display:flex}.doodle-title{align-items:center;gap:6px;font-size:13px;display:flex}.doodle-close{color:#fff;cursor:pointer;background:#e34545;border:1px solid #7c1c1c;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.doodle-toolbar{background:#f1f1f1;border-bottom:1px solid #ccc;align-items:center;gap:15px;padding:8px;display:flex}.doodle-btn{cursor:pointer;background:#fff;border:1px solid #999;border-radius:3px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:flex}.doodle-btn:hover{background:#e5f1fb;border-color:#0078d7}.color-picker{gap:5px;display:flex}.color-option{cursor:pointer;border:1px solid #999;border-radius:2px;width:20px;height:20px}.color-option:hover{border-color:#333;transform:scale(1.1)}.doodle-tip{color:#666;font-size:11px;font-style:italic}.canvas-container{background:#fff;padding:10px}canvas{cursor:crosshair;background:#fff;border:1px solid #ccc;display:block}.invite-modal-overlay{z-index:2000;background-color:#0000001a;justify-content:center;align-items:center;font-family:Tahoma,sans-serif;display:flex;position:fixed;inset:0}.invite-modal-window{background-color:#f0f0f0;border:1px solid #0054e3;flex-direction:column;width:350px;display:flex;box-shadow:4px 4px 15px #0000004d}.invite-title-bar{color:#fff;background:linear-gradient(90deg,#0054e3 0%,#27c1ff 100%);justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.title-close{color:#fff;cursor:pointer;background:#f03e3e;border:1px solid #fff;border-radius:2px;justify-content:center;align-items:center;padding:1px;display:flex}.invite-content{flex-direction:column;gap:12px;padding:15px;display:flex}.invite-header-text{color:#333;font-size:11px}.invite-search-box{background:#fff;border:1px solid #ccc;align-items:center;gap:6px;padding:2px 6px;display:flex}.invite-search-box input{border:none;outline:none;width:100%;font-size:11px}.friends-selection-list{background:#fff;border:1px solid #ccc;flex-direction:column;height:200px;display:flex;overflow-y:auto}.invite-friend-item{cursor:pointer;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex}.invite-friend-item:hover{background-color:#e0eafc}.invite-friend-item.selected{color:#fff;background-color:#3166cc}.invite-footer{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.invite-btn{font-weight:700}.no-friends-text{color:#666;text-align:center;padding:10px;font-size:11px}.add-friend-dialog{background-color:var(--ym-silver);border:1px solid var(--border-darker);border-radius:4px;flex-direction:column;width:400px;font-family:Tahoma,sans-serif;display:flex;overflow:hidden;box-shadow:4px 4px 10px #00000080}.dialog-body{flex-direction:column;padding:0;display:flex}.step-indicator{border-bottom:1px solid var(--border-dark);background:#fff;display:flex}.step{color:#666;padding:6px 12px;font-size:11px}.step.active{background:var(--ym-silver);color:#000;border-right:1px solid var(--border-dark);font-weight:700}.dialog-content{background-color:var(--ym-silver);flex-direction:column;gap:12px;padding:15px;display:flex}.instruction{margin-bottom:5px;font-size:12px}.input-row{flex-direction:column;gap:4px;display:flex}.input-row label{font-size:11px;font-weight:700}.input-with-icon{border:1px solid var(--border-darker);background:#fff;align-items:center;display:flex}.input-with-icon input{border:none;outline:none;flex:1;padding:4px 6px;font-size:12px}.domain{color:#666;padding-right:8px;font-size:11px}.input-row select{border:1px solid var(--border-darker);padding:3px;font-size:12px}.message-area{flex-direction:column;gap:4px;display:flex}.message-area label{font-size:11px}.message-area textarea{border:1px solid var(--border-darker);resize:none;padding:5px;font-family:inherit;font-size:12px}.primary-btn{border:1px solid var(--border-darker);background:linear-gradient(#fff 0%,#e1e1e1 100%);min-width:80px;font-weight:700}.secondary-btn{border:1px solid var(--border-darker);background:linear-gradient(#fff 0%,#e1e1e1 100%);min-width:80px}.primary-btn:hover,.secondary-btn:hover{border-color:#0054e3}.primary-btn:disabled{color:#999;cursor:not-allowed}.success-step{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px 0;display:flex}.success-icon{color:#fff;background-color:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;font-weight:700;display:flex}.success-step h3{color:var(--ym-purple);margin:0}.success-step p{margin:0;font-size:12px}.modal-overlay{z-index:1001;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.friend-request-dialog{background-color:var(--ym-silver);border:1px solid var(--border-darker);border-radius:4px;flex-direction:column;width:420px;font-family:Tahoma,sans-serif;display:flex;overflow:hidden;box-shadow:6px 6px 15px #0006}.dialog-header{color:#fff;background:linear-gradient(90deg,#0054e3 0%,#27c1ff 100%);justify-content:space-between;align-items:center;height:25px;padding:3px 6px;font-weight:700;display:flex}.dialog-title{align-items:center;gap:6px;font-size:12px;display:flex}.close-btn{color:#fff;background:#e04343;border:1px solid #fff;border-radius:2px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.request-info{align-items:flex-start;gap:15px;padding:15px;display:flex}.y-icon-container{background:var(--ym-purple);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:2px 2px 4px #0000004d}.y-icon{color:#fff;font-family:Arial Black,sans-serif;font-size:30px;font-weight:900;transform:rotate(10deg)}.request-text{color:#333;font-size:12px;line-height:1.4}.request-options{flex-direction:column;gap:10px;padding:0 15px 15px;display:flex}.option-row{cursor:pointer;align-items:flex-start;gap:10px;font-size:11px;display:flex}.option-row input{margin-top:2px}.message-box{border:1px solid var(--border-dark);background:#fff;margin:0 15px 15px;padding:8px}.incoming-msg{color:#555;margin-top:4px;font-size:11px;font-style:italic}.instruction{color:var(--ym-purple);font-size:11px;font-weight:700}.dialog-footer{border-top:1px solid var(--border-light);background:#f0f0f0;justify-content:flex-end;gap:8px;padding:10px 15px;display:flex}.login-wrapper{background-color:#4a6c9b;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-window{background-color:#f7f7eb;border:1px solid #7a7a7a;border-radius:6px 6px 0 0;flex-direction:column;width:320px;font-family:Tahoma,sans-serif;display:flex;overflow:hidden;box-shadow:4px 4px 10px #0006}.login-title-bar{color:#fff;background:linear-gradient(90deg,#8a4cb6 0%,#b37ddc 50%,#8a4cb6 100%);justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.y-title-logo{margin-right:4px;font-family:Arial Black,sans-serif;font-style:italic}.title-controls{gap:2px;display:flex}.title-icon{cursor:pointer;background:#fff3;border:1px solid #fff6;justify-content:center;align-items:center;width:16px;height:14px;display:flex}.title-icon.close-btn:hover{background:#e81123}.login-menu-bar{color:#000;background:#ece9d8;border-bottom:1px solid #a0a0a0;gap:15px;padding:2px 8px;font-size:11px;display:flex}.login-form{flex-direction:column;padding:0 35px 25px;display:flex}.login-error-box{color:#d90000;text-align:center;background-color:#fff4f4;border:1px solid #d90000;max-width:200px;margin:10px auto 20px;padding:6px 12px;font-size:11px;font-weight:700;line-height:1.4}.login-container{flex-direction:column;align-items:center;padding:30px 40px;display:flex}.login-logo-section{flex-direction:column;align-items:center;margin-bottom:30px;display:flex;position:relative}.login-footer-classic{justify-content:center;margin-top:20px;display:flex}.signin-btn-classic{cursor:pointer;background:linear-gradient(#f9f9f9 0%,#e0e0e0 100%);border:1px solid #707070;border-radius:3px;padding:4px 20px;font-family:Tahoma,sans-serif;font-size:13px}.y-circle-logo{color:#3e2285;text-shadow:2px 2px #ffffff80;margin-bottom:10px;font-family:Arial Black,sans-serif;font-size:64px;font-weight:900;transform:rotate(-5deg)}.smiley-character{background:linear-gradient(135deg,#e0e0e0 0%,#a0a0a0 100%);border:1px solid #777;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-top:-25px;display:flex;box-shadow:2px 5px 10px #0003}.smiley-face{flex-direction:column;align-items:center;gap:4px;display:flex}.smiley-eyes{color:#333;font-size:14px;font-weight:700}.smiley-smile{border-bottom:2px solid #333;border-radius:50%;width:25px;height:12px}.login-form-classic{flex-direction:column;gap:12px;width:100%;display:flex}.login-field{flex-direction:column;gap:2px;display:flex}.login-field label{color:#000;font-size:11px}.login-field input{background:#fff;border:1px solid #7a7a7a;outline:none;padding:3px;font-size:13px}.login-field input:focus{border-color:#0054e3}.new-id-link{text-align:center;margin-top:10px}.new-id-link a{color:#0054e3;font-size:11px;text-decoration:none}.new-id-link a:hover{text-decoration:underline}.login-options-classic{flex-direction:column;align-items:center;gap:4px;margin-top:10px;font-size:11px;display:flex}.login-options-classic label{cursor:pointer;align-items:center;gap:6px;width:100%;max-width:220px;display:flex}.login-button-container{justify-content:center;margin-top:25px;display:flex}.yahoo-signin-btn{color:#3e2285;background:linear-gradient(#f3e9ff 0%,#d8c2f5 100%);border:1px solid #8e6ecf;border-radius:3px;min-width:80px;padding:4px 20px;font-size:12px;font-weight:700}.yahoo-signin-btn:hover{background:linear-gradient(#fff 0%,#e6d8ff 100%);border-color:#0054e3}.yahoo-signin-btn:active{background:#c8aff0;box-shadow:inset 1px 1px 2px #0003}.registration-wrapper{background-color:#4a6c9b;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;font-family:Tahoma,sans-serif;display:flex}.reg-window{background-color:#fff;border:1px solid #7a7a7a;flex-direction:column;width:480px;padding:0;display:flex;box-shadow:4px 4px 15px #0006}.reg-header{background:linear-gradient(#f0f7ff 0%,#d4e8ff 100%);border-bottom:1px solid #99c9ef;justify-content:space-between;align-items:center;padding:15px 25px;display:flex}.reg-logo{color:#3e2285;font-family:Arial Black,sans-serif;font-size:24px}.reg-title{color:#333;font-size:16px;font-weight:700}.back-link{color:#0054e3;cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:4px;width:fit-content;padding:10px 25px;font-size:11px;text-decoration:none;display:flex}.back-link:hover{text-decoration:underline}.reg-form{flex-direction:column;gap:15px;padding:10px 40px 30px;display:flex}.reg-row{gap:15px;display:flex}.reg-row>.reg-field{flex:1}.reg-field{flex-direction:column;gap:4px;display:flex}.reg-field label{color:#666;font-size:11px;font-weight:700}.reg-field input[type=text],.reg-field input[type=password],.reg-field select{border:1px solid #a0a0a0;outline:none;padding:5px;font-size:13px}.reg-field input:focus,.reg-field select:focus{border-color:#0054e3}.id-input-group{border:1px solid #a0a0a0;align-items:center;display:flex}.id-input-group input{flex:1;border:none!important}.domain{color:#666;background:#f0f0f0;align-items:center;height:100%;padding-left:8px;padding-right:8px;font-size:12px;display:flex}.birthday-row input{width:60px}.gender-options{gap:20px;margin-top:4px;display:flex}.gender-options label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.reg-agreement{color:#666;text-align:center;margin-top:10px;font-size:10px;line-height:1.4}.reg-agreement a{color:#0054e3}.reg-footer-btn{justify-content:center;margin-top:10px;display:flex}.create-account-btn{color:#3e2285;cursor:pointer;background:linear-gradient(#ffe082 0%,#ffc107 100%);border:1px solid #b7950b;border-radius:4px;padding:8px 25px;font-size:14px;font-weight:700;box-shadow:1px 1px 2px #0003}.create-account-btn:hover{background:linear-gradient(#fff3d0 0%,#ffd54f 100%);border-color:#0054e3}.conf-invite-overlay{z-index:3000;background-color:#0000001a;justify-content:center;align-items:center;font-family:Tahoma,sans-serif;display:flex;position:fixed;inset:0}.conf-invite-window{background-color:#f0f0f0;border:1px solid #0054e3;flex-direction:column;width:320px;display:flex;box-shadow:2px 2px 10px #0000004d}.conf-invite-title{color:#fff;background:linear-gradient(90deg,#0054e3 0%,#27c1ff 100%);justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.conf-invite-title .title-left{align-items:center;gap:6px;display:flex}.conf-invite-body{background-color:#fff;align-items:center;gap:15px;padding:20px;display:flex}.yahoo-smiley-invitation{background:radial-gradient(circle at 30% 30%,#ff9,#fc0);border:1px solid #c90;border-radius:50%;width:45px;height:45px;position:relative}.yahoo-smiley-invitation .smiley-eyes{text-align:center;color:#630;font-size:14px;font-weight:700;position:absolute;top:12px;left:10px;right:10px}.yahoo-smiley-invitation .smiley-mouth{border-bottom:2px solid #630;border-radius:0 0 10px 10px;width:20px;height:10px;position:absolute;bottom:10px;left:12px}.invite-text-content{color:#333;flex:1;font-size:11px}.invite-user-name{margin-bottom:4px;font-size:13px}.invite-participants-list{color:#666;margin-top:8px;font-style:italic}.conf-invite-footer{background-color:#f0f0f0;justify-content:flex-end;gap:10px;padding:10px;display:flex}.conf-btn{cursor:pointer;background:#fff;border:1px solid #707070;min-width:75px;padding:3px 15px;font-family:Tahoma,sans-serif;font-size:11px}.conf-btn:hover{background-color:#e0eafc}.accept-btn{font-weight:700}.call-modal-overlay{z-index:5000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-window{background:var(--ym-bg);border:1px solid #0054e3;border-radius:8px 8px 0 0;width:600px;overflow:hidden;box-shadow:0 10px 40px #000c}.call-header{color:#fff;background:linear-gradient(#0058e6 0%,#0046b4 100%);justify-content:space-between;align-items:center;padding:8px 12px;font-weight:700;display:flex}.call-body{background:#f0f0f0;padding:15px}.video-grid{background:#000;border-radius:4px;flex-direction:column;gap:10px;height:400px;display:flex;position:relative;overflow:hidden}.video-container.remote{flex:1;width:100%;height:100%}.video-container.remote video{object-fit:cover;width:100%;height:100%}.video-container.local{z-index:10;background:#222;border:2px solid #fff;border-radius:4px;width:150px;height:110px;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 10px #00000080}.video-container.local video{object-fit:cover;width:100%;height:100%}.video-placeholder{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;display:flex}.calling-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.call-controls{background:#fff;border-radius:30px;justify-content:center;gap:15px;margin-top:20px;padding:15px;display:flex;box-shadow:0 4px 6px #0000001a}.control-btn{cursor:pointer;background:#e0e0e0;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .2s;display:flex}.control-btn:hover{transform:scale(1.1)}.control-btn.accept{color:#fff;background:#4caf50;border-radius:25px;gap:8px;width:120px}.control-btn.hangup{color:#fff;background:#f44336}.control-btn.muted{color:#fff;background:#ff9800}.video-off-overlay{color:#fff;background:#333;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.call-close{color:#fff;cursor:pointer;background:#e34545;border:1px solid #7c1c1c;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.messenger-workspace{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.workspace-content{align-items:flex-start;gap:24px;display:flex}@media (width<=768px){body{overflow:hidden}.messenger-workspace{width:100vw!important;height:100vh!important;padding:0!important;display:block!important}.workspace-content{gap:0!important;width:100%!important;height:100%!important;margin:0!important;display:block!important}.contacts-container{width:100%!important;max-width:100%!important;height:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;position:fixed!important;top:0!important;left:0!important}.has-active-chat .contacts-container{display:none!important}.chat-windows-area{z-index:1000!important;width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important}.chat-window-container{z-index:1001!important;border:none!important;border-radius:0!important;width:100%!important;height:100%!important;margin:0!important;position:fixed!important;top:0!important;left:0!important}.chat-content-flex{flex:1;overflow:hidden}.chat-main{width:100%!important;height:100%!important}.chat-sidebar,.btn-label{display:none!important}.mobile-back-btn{display:flex!important}}