body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Roboto,Verdana,sans-serif!important;margin:0}.community-wall{background:#f4f8fb;padding:0}.wrap{max-width:90%;margin:28px auto;display:grid;grid-template-columns:330px 1fr 330px;gap:40px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}@media (max-width:980px){.wrap{grid-template-columns:1fr;margin:16px}.left-sidebar,.right-sidebar{display:none!important;visibility:hidden!important;pointer-events:none!important}.feed{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.feed{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.card{background:#fff;border-radius:12px;border:1px solid #e8f0f6;-webkit-box-shadow:0 6px 18px rgba(20,30,60,.06);box-shadow:0 6px 18px rgba(20,30,60,.06);padding:16px}.composer{display:grid;grid-template-columns:48px 1fr;gap:14px;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;padding:14px;overflow:hidden}.avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;border:2px solid #fff}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:50%}.composer-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.composer-text{border-radius:10px;border:2px solid #e8f0f6;padding:14px;min-height:58px;font-size:14px;color:#12202b;background:transparent;outline:none;overflow:auto}.composer-text:empty:before{content:attr(data-placeholder);color:#9aa6b2;pointer-events:none}.composer-row{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px}.composer-actions,.composer-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.composer-actions{gap:14px;color:#6f7d89;font-size:14px}.media-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 8px;border-radius:8px;background:transparent;border:none;cursor:pointer;color:#6f7d89}.media-btn span{margin-left:6px;font-size:14px}.media-btn:hover{color:#5184e5;background:#f6f9ff}.community-post{padding:18px;border-radius:12px;border:1px solid #e8f0f6}.community-post-head{gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:10px}.community-post-head,.community-post-meta{display:-webkit-box;display:-ms-flexbox;display:flex}.community-post-meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.meta-line{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:15px;color:#222}.member-name{font-weight:700;color:#000}.meta-text{font-weight:400;color:#444}.feed-group-name{color:#2563eb;font-weight:600;cursor:pointer}.feed-group-name:hover{text-decoration:underline}.role{font-size:13px;color:#777}.community-post-body{font-size:14px;color:#12202b;line-height:1.6;margin-bottom:12px}.community-post-image{border-radius:10px;overflow:hidden}.community-post-image img,.community-post-image video{width:auto;margin:0 auto;max-width:100%;height:280px;-o-object-fit:cover;object-fit:cover;display:block}.community-post-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px;color:#6f7d89;font-size:14px;padding:10px 0 0;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;border-top:1px solid #e8f0f6}.community-post-footer .spacer{-webkit-box-flex:1;-ms-flex:1;flex:1}.icon-btn{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border:none;background:transparent;padding:6px;border-radius:8px}.icon-btn:hover{color:#5184e5;background:#f6f9ff}.icon-btn .count{margin-left:6px;color:#6f7d89;font-size:13px}.icon-btn.active{color:#e24d80}.community-sidebar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.community-sidebar,.user-profile-row{display:-webkit-box;display:-ms-flexbox;display:flex}.user-profile-row{gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-meta .user-name{font-weight:700;font-size:15px;color:#12202b}.wall-head{gap:10px;padding:5px 0 10px 0;border-bottom:1px dashed rgba(0,0,0,.04);background:#fff}.wall-head,.wall-head-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wall-head-icon{font-size:18px;color:#8a8a8a;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:22px;height:22px}.wall-title{font-weight:700;font-size:14px;color:#12202b;line-height:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.groups-list,.wall-title{display:-webkit-box;display:-ms-flexbox;display:flex}.groups-list{list-style:none;margin:12px 0 0;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.group-item{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;padding:3px 0}.group-info,.group-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.group-info{gap:12px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.group-text{min-width:0}.group-text:hover{cursor:pointer}.group-name{font-weight:600;font-size:12px;color:#12202b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wall-page-group-logo{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.btn-join{border:1px solid #e6edf3;background:#f6f9ff;padding:3px 5px;border-radius:8px;cursor:pointer;font-weight:700;font-size:12px;min-width:72px}.btn-join.joined{background:#eaf9f1;border-color:#c7f0df;color:#1f8a55}.description-text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;padding:12px 0 0;font-size:13px}.description-text,.profile-row{display:-webkit-box;display:-ms-flexbox;display:flex}.profile-row{gap:18px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:10px}.left-side{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;gap:6px;min-width:120px}.left-side,.p-avatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.p-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;-webkit-box-flex:0;-ms-flex:0 0 48px;flex:0 0 48px;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f5f7fa;border:1px solid #e3e6ea}.p-avatar img{width:90%;height:90%;-o-object-fit:cover;object-fit:cover;border-radius:50%;display:block;image-rendering:-webkit-optimize-contrast;-webkit-transition:-webkit-transform .25s ease,-webkit-filter .25s ease;transition:-webkit-transform .25s ease,-webkit-filter .25s ease;transition:transform .25s ease,filter .25s ease;transition:transform .25s ease,filter .25s ease,-webkit-transform .25s ease,-webkit-filter .25s ease}.p-avatar:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:brightness(1.05);filter:brightness(1.05)}.g-name{font-weight:700;font-size:14px;color:#12202b;text-align:center;line-height:1.25;margin:0;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.p-meta{margin-left:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.p-meta,.p-stats{display:-webkit-box;display:-ms-flexbox;display:flex}.p-stats{gap:5px}.stat{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f9fbfc;border:1px solid #eef2f6;border-radius:10px;padding:4px 1px;min-width:80px;text-align:center}.stat-k{font-weight:700;font-size:16px;color:#12202b}.stat-l{font-size:11px;color:#7a8a98;margin-top:2px;letter-spacing:.3px}.p-desc{margin-top:10px;font-size:13px;color:#2a3946;line-height:1.6}.p-desc.is-collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.link-more{margin-top:6px;background:transparent;border:0;color:#0b7dda;font-size:12px;cursor:pointer;padding:0}.p-actions{margin-top:12px;text-align:center}.btn{padding:7px 12px;border-radius:10px;font-size:13px;cursor:pointer;border:1px solid transparent;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-solid{background:#30c48f;color:#fff}.btn-solid:hover{-webkit-filter:brightness(.95);filter:brightness(.95)}.btn-ghost{background:#fff;color:#d0342c;border:1px solid #f1c9c7}.btn-ghost:hover{background:#fff4f4}.btn:active{-webkit-transform:translateY(1px);transform:translateY(1px)}@media (max-width:540px){.g-name{max-width:100%}.p-meta{margin-left:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-actions,.p-stats{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.profile-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.p-stats{gap:10px}}.members-right .members-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e8f0f6;-webkit-box-shadow:0 6px 18px rgba(20,30,60,.06);box-shadow:0 6px 18px rgba(20,30,60,.06)}.members-right .members-header{background:#fff;color:#12202b;padding:14px;font-weight:700;font-size:16px;border-bottom:1px solid #e8f0f6}.members-right .members-scroll{max-height:420px;overflow-y:auto;padding:12px;margin:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:14px}.member-row{-ms-flex-align:center;gap:12px;padding-right:6px}.member-row,.member-row .m-avatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.member-row .m-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f2f5f8;border:1px solid #eef3f7;position:relative}.member-row .m-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1;display:block;position:absolute;top:0;left:0;image-rendering:-webkit-optimize-contrast}.member-row .m-name{font-size:.9rem;color:#12202b;font-weight:500}.members-right .members-scroll::-webkit-scrollbar{width:8px}.members-right .members-scroll::-webkit-scrollbar-track{background:transparent}.members-right .members-scroll::-webkit-scrollbar-thumb{background:rgba(20,30,60,.18);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.badge-admin{font-size:11px;font-weight:700;padding:2px 6px;border-radius:999px;background:#eaf9f1;border:1px solid #c7f0df;color:#1f8a55;line-height:1.6}.events{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;padding-top:10px}.event-card,.events{display:-webkit-box;display:-ms-flexbox;display:flex}.event-card{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;border:1px solid #eef6fb;background:#fbfdff;border-radius:10px;padding:10px;cursor:pointer}.event-icon{width:36px;height:36px;border-radius:10px;-webkit-box-flex:0;-ms-flex:0 0 36px;flex:0 0 36px}.event-icon,.event-icon-audio,.event-icon-calendar{background:#eef6ff}.event-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.event-title{font-weight:600;font-size:12px;color:#12202b}.event-time{font-size:10px;color:#8b98a6}.event-arrow img{width:16px;height:16px}.community-modal-overlay{position:fixed!important;inset:0!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2147483647!important;padding:20px;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:contain}.community-modal{position:relative!important;z-index:2147483648!important;border-radius:14px;-webkit-box-shadow:0 18px 40px rgba(5,15,40,.35);box-shadow:0 18px 40px rgba(5,15,40,.35);border:1px solid rgba(0,0,0,.04);overflow:hidden;width:720px;max-width:calc(100% - 40px);max-height:90vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-overflow-scrolling:touch}.community-modal,.community-modal-header{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.community-modal-header{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 26px;border-bottom:1px solid rgba(0,0,0,.04);color:#12202b;pointer-events:auto!important}.community-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#12202b}.community-modal-close{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:8px}.community-modal-body{overflow-y:auto!important;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:5px 20px;color:#12202b;min-height:60px;-webkit-box-sizing:border-box;box-sizing:border-box}.create-input{border-radius:10px;border:2px solid rgba(0,0,0,.06);padding:14px;min-height:40px;font-size:14px;color:#333;outline:none;margin-bottom:0;width:100%;background:#f6f6f6;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.create-dropzone{border-radius:10px;padding:18px;margin-top:8px;border:2px dashed rgba(0,0,0,.06);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;min-height:120px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(246,249,255,.4)),to(hsla(0,0%,100%,.6)));background:linear-gradient(180deg,rgba(246,249,255,.4),hsla(0,0%,100%,.6))}.create-dropzone,.dropzone-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dropzone-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.drop-icons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.drop-icon{font-size:20px;color:#8b98a6}.drop-text{font-weight:600;color:#7e8b95}.browse-link{background:none;border:none;color:#2d7bf6;cursor:pointer;font-weight:700;padding:0}.drop-hint{font-size:12px;color:#9aa6b2}.media-preview{margin-top:12px;position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.04);max-width:100%}.media-preview img,.media-preview video{width:auto;height:200px;margin:0 auto;-o-object-fit:cover;object-fit:cover;display:block}.preview-remove{position:absolute;right:10px;top:10px;z-index:5;background:rgba(0,0,0,.5);color:#fff;border:none;padding:6px 8px;border-radius:6px;cursor:pointer}.create-footer{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:12px 0;gap:12px}.create-footer,.footer-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-left{gap:8px}.footer-right{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.char-count{font-size:13px;color:#9aa6b2;text-align:right}.community-comments-list,.community-likes-list{list-style:none;margin:0;padding:0}.community-comment-item,.community-like-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 6px;border-bottom:1px dashed rgba(0,0,0,.04)}.community-comment-item:last-child{border-bottom:none}.m-avatar-sm{width:38px;height:38px;border-radius:50%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f6f9ff;border:1px solid rgba(0,0,0,.04)}.m-avatar-sm img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.community-comment-body{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.community-comment-meta{font-size:13px;color:#12202b;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.community-comment-text{margin-top:6px;font-size:14px;color:#263238;line-height:1.5}.community-comment-input-row{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:sticky;bottom:0;left:0;right:0;z-index:40;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.98)),to(#fff));background:linear-gradient(180deg,hsla(0,0%,100%,.98),#fff);border-top:1px solid rgba(0,0,0,.04);-webkit-box-shadow:0 -6px 20px rgba(10,20,40,.03);box-shadow:0 -6px 20px rgba(10,20,40,.03)}.community-comment-input{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px 12px;border-radius:8px;border:2px solid rgba(0,0,0,.06);min-height:40px;font-size:14px}.community-comment-input:focus{border:2px solid rgba(0,0,0,.06)!important}.btn-post:disabled{opacity:.55;cursor:not-allowed}.community-modal-open{overflow:hidden!important;height:100vh!important;position:fixed!important;width:100%!important}.community-modal-overlay{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important;padding-top:70px!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;background:rgba(0,0,0,.56)!important;z-index:2147483650!important}.community-modal{z-index:2147483651!important;margin-top:0!important}@media (max-width:768px){.community-modal-overlay{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important;padding-top:calc(70px + env(safe-area-inset-top, 0px))!important}.community-modal{width:100%!important;max-width:100%!important;max-height:calc(100vh - 70px - env(safe-area-inset-bottom, 0px))!important;height:auto!important;margin:0 auto!important;border-radius:10px!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.community-modal-header{position:sticky;top:0;z-index:9999}.community-modal-body{overflow-y:auto!important;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:60px}.community-comment-input-row{padding:12px;gap:10px;position:sticky;bottom:env(safe-area-inset-bottom,8px);z-index:40}.community-comment-input{min-height:46px;font-size:15px;border-radius:10px}.m-avatar-sm{width:40px;height:40px;-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px}}@media (max-width:768px){.community-post-image img{height:180px}.avatar{width:44px;height:44px}.composer-text{min-height:56px}.wrap{gap:16px;margin:10px}}@media (max-width:420px){.composer{grid-template-columns:48px 1fr}.wrap{max-width:100%}}.modal-head-section{height:8%;width:100%;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.popmodal-title{font-size:18px;font-weight:600;color:#000}.modal-head-cross{float:left}.modal-container{padding:0 20px 20px 20px;overflow-y:auto;max-height:70vh}.modal-row{padding:6px 12px;border:1px solid #eef3f7;border-radius:12px;background:#fff;width:100%;margin-bottom:10px}.group-modal-info,.modal-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.group-modal-info{min-width:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.profile-pic{width:38px;height:38px;-webkit-box-flex:0;-ms-flex:0 0 38px;flex:0 0 38px;border-radius:50%;overflow:hidden;background:#f2f5f8;border:1px solid #eef3f7}.icon-float-btn-right,.profile-pic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.icon-float-btn-right{position:fixed;right:18px;bottom:22px;z-index:1000;background:#111827;color:#fff;border-radius:999px;width:46px;height:46px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.2);box-shadow:0 8px 24px rgba(0,0,0,.2)}.three-dots-btn{font-size:20px;line-height:1}.fab-menu{position:fixed;right:18px;bottom:76px;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.fab-menu .menu-item{background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.08);cursor:pointer}.fab-menu .menu-item:hover{background:#f9fafb}.is-clickable{cursor:pointer}.is-disabled{cursor:not-allowed;opacity:.7}.profile-card{margin-bottom:10px}.custom-controls{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;pointer-events:none}.play-pause-btn{background-color:rgba(0,0,0,.7);border:none;border-radius:50%;cursor:pointer;font-size:20px;pointer-events:auto;height:50px;width:50px}.play-pause-btn:hover{background-color:rgba(0,0,0,.9)}.play-btn{padding:10px 20px}.pause-btn,.play-btn{color:#fff}