:root{--om-panel-bg:#fff;--om-panel-border:1px solid #e5e7eb;--om-panel-shadow:0 4px 24px #0000001f;--om-backdrop-bg:#00000080;--om-left-panel-width:320px;--om-right-panel-width:320px;--om-transition-duration:.3s;--om-transition-easing:cubic-bezier(.4, 0, .2, 1);--om-radius-sm:8px;--om-radius-md:12px;--om-popup-border-color:#00000014;--om-popup-border-width:1px;--om-popup-border-radius:12px;--om-popup-padding:10px;--om-popup-bg:#fff;--om-scrollbar-thumb:#00000026;--om-scrollbar-thumb-hover:#00000040}[data-theme=dark]{--om-panel-bg:#1c1c1e;--om-panel-border:1px solid #3a3a3c;--om-panel-shadow:0 4px 24px #00000073;--om-backdrop-bg:#000000bf;--om-popup-border-color:#ffffff14;--om-popup-bg:#1c1c1e;--om-scrollbar-thumb:#ffffff1f;--om-scrollbar-thumb-hover:#ffffff38}[data-theme=pink]{--om-panel-bg:#fff0f5;--om-panel-border:1px solid #f0c0d0;--om-panel-shadow:0 4px 24px #a03c502e;--om-backdrop-bg:#641e3280;--om-popup-border-color:#a03c501a;--om-popup-bg:#fff0f5;--om-scrollbar-thumb:#a03c502e;--om-scrollbar-thumb-hover:#a03c504d}.overlay-manager-main{background-color:var(--om-panel-bg);transition:background-color var(--om-transition-duration) var(--om-transition-easing)}.overlay-panel{background-color:var(--om-panel-bg);box-shadow:var(--om-panel-shadow);border-right:var(--om-panel-border);transition:background-color var(--om-transition-duration) var(--om-transition-easing), box-shadow var(--om-transition-duration) var(--om-transition-easing)}.overlay-left-panel{width:var(--om-left-panel-width);animation:omSlideInLeft var(--om-transition-duration) var(--om-transition-easing) forwards}@keyframes omSlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.overlay-right-panel{width:var(--om-right-panel-width);animation:omSlideInRight var(--om-transition-duration) var(--om-transition-easing) forwards}@keyframes omSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.overlay-backdrop{animation:omFadeIn var(--om-transition-duration) var(--om-transition-easing) forwards}@keyframes omFadeIn{0%{opacity:0}to{opacity:1}}.overlay-message-popup{border:var(--om-popup-border-width) solid var(--om-popup-border-color);border-radius:var(--om-popup-border-radius);padding:var(--om-popup-padding);background-color:var(--om-popup-bg);box-shadow:var(--om-panel-shadow);transition:background-color var(--om-transition-duration) var(--om-transition-easing), border-color var(--om-transition-duration) var(--om-transition-easing), box-shadow var(--om-transition-duration) var(--om-transition-easing)}.overlay-message-content{padding:20px}@media (width<=768px){:root{--om-left-panel-width:85vw;--om-right-panel-width:85vw}}@media (width<=480px){:root{--om-left-panel-width:90vw;--om-right-panel-width:90vw}.overlay-message-content{padding:12px}}.overlay-panel::-webkit-scrollbar{width:6px}.overlay-message-content::-webkit-scrollbar{width:6px}.overlay-panel::-webkit-scrollbar-track{background:0 0}.overlay-message-content::-webkit-scrollbar-track{background:0 0}.overlay-panel::-webkit-scrollbar-thumb{background-color:var(--om-scrollbar-thumb);border-radius:3px}.overlay-message-content::-webkit-scrollbar-thumb{background-color:var(--om-scrollbar-thumb);border-radius:3px}.overlay-panel::-webkit-scrollbar-thumb:hover{background-color:var(--om-scrollbar-thumb-hover)}.overlay-message-content::-webkit-scrollbar-thumb:hover{background-color:var(--om-scrollbar-thumb-hover)}.overlay-panel,.overlay-message-content{scrollbar-width:thin;scrollbar-color:var(--om-scrollbar-thumb) transparent}body{background:#f0f0f0;font-family:Arial,sans-serif}h1{color:#333}.menu{background:#2c3e50;min-width:200px;max-width:250px}.menu-item{color:#ecf0f1;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff14;padding:14px 16px;font-size:15px;font-weight:500;transition:background .2s,color .2s}.menu-item:hover{background:#34495e}.menu-item:focus{color:#fff;background:#34495e;outline:none}.menu-item:first-child{border-top:none}.menu-item:last-child{border-bottom:none}.profile-card{background:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;padding:14px}.profile-card-nickname{color:#2c3e50;font-size:1.1em;font-weight:700}.profile-card-name,.profile-card-desc,.profile-card-created{color:#555;margin-top:4px;font-size:.9em}.profile-card-actions{gap:8px;margin-top:10px;display:flex}.profile-card-actions button{cursor:pointer;background:#f8f8f8;border:1px solid #ccc;border-radius:4px;padding:6px 12px}.profile-card-actions button:hover{background:#e8e8e8}.profile-popup{background:#fff;border:1px solid #ccc;border-radius:8px;min-width:380px;max-width:500px;padding:20px;box-shadow:0 4px 20px #0003}.profile-popup-header{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1.2em;font-weight:700;display:flex}.profile-popup-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:1.3em}.profile-popup-field{margin-bottom:12px}.profile-popup-field label{color:#555;margin-bottom:4px;font-size:.85em;display:block}.profile-popup-field input,.profile-popup-field textarea{border:1px solid #ccc;border-radius:4px;width:100%;padding:8px;font-family:inherit}.profile-popup-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.profile-create-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:6px;margin-bottom:18px;padding:10px 20px;font-size:1em}.profile-create-btn:hover{background:#219a52}