:root{--main-background: #ffffff;--body-background: #f0f0f0;--music-background: #f7f7f7;--primary-background: #F7F7F7;--primary-background-hover: #DEDEDE;--text-color: #333333;--text-sub-color: #555555;--line: rgb(243 244 246 / 1);--link: #576b95;--pj-modal-background: rgb(76 76 76);--pj-modal-color: rgb(255 255 255);--green: rgb(7 193 96);--modal-background: #ffffff;--modal-input-background: #ffffff;--modal-bg: rgba(0, 0, 0, .5);--login-input-bg: #f3f4f6;--login-input-border: #e5e7eb;--login-modal-shadow: 0 25px 50px -12px rgb(0 0 0 / .18)}:root.dark{--main-background: #262626;--body-background: #181818;--music-background: #2a2a2a;--primary-background: #323232;--primary-background-hover: #434343;--text-color: #aaaaaa;--text-sub-color: #888;--line: #333333;--link: #576b95;--pj-modal-background: rgb(23 23 23);--modal-background: #666666;--modal-input-background: #777777;--modal-bg: rgba(10, 10, 10, .65);--login-input-bg: #2a2a2c;--login-input-border: #3f3f42;--login-modal-shadow: 0 25px 50px -12px rgb(0 0 0 / .45)}html{height:100%;transition:background-color .3s ease,color .3s ease;scrollbar-width:none}body{margin:0;background-color:var(--body-background);color:var(--text-color);font-family:HarmonyOS,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease;min-height:100vh;display:flex;flex-direction:column;-ms-overflow-style:none}::-webkit-scrollbar{display:none}button,input,textarea{font:inherit}a{color:var(--link);text-decoration:none}main{width:100%;max-width:576px;min-height:100vh;margin:0 auto;background:var(--main-background);flex:1;display:flex;flex-direction:column}.top-container{position:fixed;z-index:99;width:100%;max-width:576px;height:56px;display:flex;justify-content:space-between;padding:0 10px;background-color:transparent;transition:background-color .3s ease}.top-container.scrolled{background-color:var(--body-background)}.top-container-left,.top-container-right{display:flex;align-items:center;gap:5px}.top-container-right{padding-right:20px}.tc-user,.tc-links,.tc-edit,.tc-setting{height:40px;width:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;background:none;padding:0}.top-container svg{height:20px;width:20px;color:#fff;transition:color .3s ease}.top-container svg.size-6{height:20px;width:20px}.top-container.scrolled svg{color:#888}.header-container{position:relative;height:320px;background:#d9d9d9;background-size:cover;background-position:center;background-repeat:no-repeat}.header-info{position:absolute;inset-inline:0;bottom:-46px}.header-user{display:flex;justify-content:flex-end;align-items:center;padding-right:24px;color:#fff}.header-site-title{margin-right:20px;color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s ease}.header-site-title:hover{opacity:.8;transform:translateY(-2px)}.header-avatar-link,.header-avatar-nolink{display:block;border-radius:5px;overflow:hidden}.header-avatar-link img,.header-avatar-nolink img{border-radius:5px;height:60px;width:60px;display:block}.header-logo-placeholder{width:60px;height:60px;background-color:#ddd;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#666}.header-description{display:flex;justify-content:flex-end;padding-right:20px;margin-top:10px;min-height:21px;color:var(--text-sub-color);font-size:14px}.content-container{margin-top:56px;flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 56px)}.composer-panel,.search-bar{padding:0 20px;margin-bottom:18px}.composer-panel{display:flex;flex-direction:column;gap:12px}.composer-title{font-size:15px;font-weight:600;color:var(--link)}.composer-panel textarea,.composer-panel input,.search-bar input{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--primary-background);color:var(--text-color);padding:12px}.composer-panel textarea{min-height:120px;resize:vertical}.composer-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.composer-row.two>*{flex:1 1 0}.toggle,.upload-button{display:inline-flex;align-items:center;gap:6px;font-size:14px}.upload-button{position:relative;overflow:hidden;background:var(--primary-background);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.composer-media-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.composer-media-preview img,.composer-media-preview video{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.submit-post-btn{border:none;border-radius:8px;background:var(--green);color:#fff;padding:12px 16px;cursor:pointer}.submit-post-btn:disabled{opacity:.65;cursor:not-allowed}.submit-post-btn.secondary{margin-top:16px;width:100%}.post-list{display:flex;flex-direction:column;gap:20px;flex:1}.post-item{display:flex;align-items:flex-start;flex-direction:row;padding:0 20px}.post-item-left{width:48px;flex:0 0 48px}.post-item-left img,.post-item-left .post-avatar-placeholder{height:36px;width:36px;display:block;border-radius:5px}.post-item-left .post-avatar-placeholder{background-color:var(--line)}.post-item-right{padding-bottom:15px;border-bottom:1px solid var(--line);width:calc(100% - 48px)}.post-title{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:400}.post-title a{text-decoration:none;color:var(--link)}.top-badge{display:inline-block;padding:2px 6px;font-size:12px;font-weight:500;color:#f44;background-color:transparent;border:1px solid #ff4444;border-radius:3px;line-height:1}.ad-badge{display:inline-block;padding:2px 6px;font-size:12px;font-weight:500;color:#fff;background-color:#f44;border-radius:3px;line-height:1}.author-badge{display:inline-block;padding:0 2px;font-size:12px!important;line-height:1.4;color:#ff4757!important;border:1px solid #ff4757;border-radius:4px;background:transparent;vertical-align:middle;font-weight:500}:root.dark .author-badge{color:#ff6b81!important;border-color:#ff6b81}.post-content{margin-bottom:10px;line-height:1.6;color:var(--text-color);word-break:break-all;word-wrap:break-word;overflow-wrap:break-word;font-size:15px}.post-content p{margin:0}.show-all-btn{color:var(--link);cursor:pointer}.post-images{width:100%;margin-bottom:10px;padding:0;margin-left:0;display:block}.post-images figure{margin:0;padding:0}.post-image-one{display:inline-block}.post-image-one img{max-width:80%;max-height:240px;width:auto;height:auto;display:block}.post-image{position:relative;overflow:hidden;aspect-ratio:1 / 1}.post-image img{width:100%;height:100%;object-fit:cover;display:block}.post-images.media-2,.post-images.media-3,.post-images.media-4,.post-images.media-5,.post-images.media-6,.post-images.media-7,.post-images.media-8,.post-images.media-9{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);justify-content:start;justify-items:start;align-items:start}.post-video{display:inline-block;margin-bottom:10px;cursor:pointer}.post-video video{max-width:80%;max-height:240px;width:auto;height:auto;display:block}.post-position a,.post-position span{font-size:13px;color:var(--link)}.post-time{font-size:14px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.post-time time{text-decoration:none;color:var(--text-sub-color);font-size:12px}.post-time-comment{background-color:var(--primary-background);position:relative;cursor:pointer}.post-time-comment:hover{background-color:var(--primary-background-hover)}.ptc-more{padding:2px 5px;height:18px;width:26px;border:none;background:transparent;cursor:pointer}.ptc-more svg{height:16px;width:16px}.post-time-comment-modal{position:absolute;left:-170px;top:-5px;width:160px;height:32px;white-space:nowrap;background-color:var(--pj-modal-background);color:var(--pj-modal-color);padding:2px 4px;border-radius:2px;display:flex;flex-direction:row;font-size:12px;justify-content:center;align-items:center}.ptcm-good,.ptcm-comment{display:flex;justify-content:center;align-items:center;width:50%;cursor:pointer;height:20px;gap:5px;border:none;background:transparent;color:#fff;font-size:12px}.ptcm-good{border-right:1px solid var(--text-color)}.post-comment-container{background-color:var(--body-background);margin-top:10px;padding:10px}.pcc-like-list{font-size:14px;color:var(--link);display:flex;align-items:center;gap:5px;cursor:pointer}.pcc-like-summary{display:flex;align-items:center;gap:5px}.like-icon{flex-shrink:0}.pcc-comment-list{margin-top:4px}.pcc-comment-item{font-size:14px;line-height:1.8}.pcc-comment-item a{font-size:14px;color:var(--link)}.pcc-comment-item span{font-size:14px;color:var(--text-color)}.reply-form-container{margin:15px 0;padding:15px;background:var(--primary-background);border:1px solid #07C160;border-radius:8px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reply-form-header,.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.reply-form-header strong{color:#07c160;font-size:14px}.reply-form-close,.modal-close{border:none;background:var(--primary-background);color:var(--text-sub-color);cursor:pointer;min-width:44px;min-height:44px;margin:-10px -12px -10px 0;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease,color .2s ease}.modal-close:hover{background:var(--primary-background-hover);color:var(--text-color)}.reply-form-user-info{display:flex;gap:10px;margin-bottom:15px}.reply-form-user-info .reply-form-input{flex:1;margin-bottom:0}.reply-form-input input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:14px;background:var(--main-background);color:var(--text-color);transition:border-color .2s ease}.reply-form-input input:focus{outline:none;border-color:#07c160;box-shadow:0 0 0 2px #07c1601a}.reply-form-input input::placeholder{color:var(--text-sub-color)}.reply-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.reply-form-actions{display:flex;gap:10px}.reply-submit-btn,.reply-cancel-btn{border:none;border-radius:6px;padding:8px 16px;cursor:pointer;transition:all .2s ease;font-weight:500}.reply-submit-btn{background:var(--green);color:#fff}.reply-submit-btn:hover{background:#06a950;transform:translateY(-1px)}.reply-cancel-btn{background:var(--primary-background-hover);color:var(--text-color)}.reply-cancel-btn:hover{background:var(--line);transform:translateY(-1px)}.theme-switch{border:none;border-radius:6px;padding:8px 16px;cursor:pointer;background:var(--green);color:#fff}.draft-tip,.load-more{color:var(--text-sub-color);font-size:13px}.load-more{display:flex;justify-content:center;align-items:center;padding:18px 0 8px}.load-more button{border:none;border-radius:6px;padding:8px 16px;cursor:pointer;background:var(--green);color:#fff}.scrollload-bottom{display:flex;flex-direction:column;align-items:center}.modal-mask{position:fixed;top:0;bottom:0;left:0;right:0;z-index:30;width:100%;max-width:none;margin:0;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--modal-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box}.login-container,.setting-container{width:100%;background:var(--main-background);border-radius:20px;border:1px solid var(--line);padding:24px 22px 26px;box-shadow:var(--login-modal-shadow);box-sizing:border-box}.login-container{max-width:min(400px,calc(100vw - 32px))}.setting-container{max-width:min(480px,calc(100vw - 32px))}.modal-title{font-size:18px;font-weight:600;letter-spacing:.02em;line-height:1.3}.login-form,.setting-section{display:flex;flex-direction:column;gap:18px}.login-form-group{display:flex;flex-direction:column;gap:8px}.login-label{font-size:13px;font-weight:600;color:var(--text-sub-color);letter-spacing:.03em}.login-input-row{display:flex;align-items:stretch;border:1px solid var(--login-input-border);border-radius:12px;background:var(--login-input-bg);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.login-input-row:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #07c16026}.login-input-icon{display:flex;align-items:center;justify-content:center;padding-left:14px;padding-right:4px;color:var(--text-sub-color);flex-shrink:0}.login-field-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text-color);padding:14px 12px 14px 4px;font-size:16px;line-height:1.35}.login-field-input::placeholder{color:var(--text-sub-color);opacity:.85}.login-field-input:focus{outline:none}.login-field-input-password{padding-right:8px}.login-password-toggle{border:none;background:transparent;color:var(--text-sub-color);cursor:pointer;padding:0 12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease,background-color .2s ease}.login-password-toggle:hover{color:var(--text-color);background:#0000000a}:root.dark .login-password-toggle:hover{background:#ffffff0f}.login-submit-btn{width:100%;margin-top:4px;padding:14px 18px;font-size:16px;font-weight:600;border-radius:12px;box-shadow:0 2px 8px #07c16059;transition:filter .2s ease,transform .15s ease,box-shadow .2s ease}.login-submit-btn:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 14px #07c16066}.login-submit-btn:not(:disabled):active{transform:translateY(0)}.user-panel{display:flex;flex-direction:column;align-items:center;gap:10px}.user-panel-avatar-wrap{width:72px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0}.user-panel-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.user-panel-avatar-placeholder{width:100%;height:100%;background-color:var(--line)}.user-panel-name{font-size:18px;font-weight:600}.user-panel-account{margin-top:6px;color:var(--text-sub-color)}.scrollload-loading,.scrollload-nomore,.scrollload-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;margin:auto 0 20px;text-align:center;flex-shrink:0}.scrollload-loading{color:var(--text-color)}.loading-spinner{width:24px;height:24px;border:3px solid var(--line);border-top:3px solid var(--text-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scrollload-loading span{font-size:14px;color:var(--text-sub-color)}.scrollload-nomore{color:var(--text-sub-color);font-size:14px;padding:20px;border-top:1px solid var(--line);margin-top:20px}.scrollload-error{color:#e74c3c;flex-direction:column;gap:10px}.scrollload-error span{font-size:14px}.retry-btn{background-color:var(--primary-background);color:var(--text-color);border:1px solid var(--line);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s ease,color .3s ease}.retry-btn:hover{background-color:var(--primary-background-hover)}.back-to-top{position:fixed;right:20px;bottom:20px;width:48px;height:48px;background:#07c160;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #07c1604d;transition:all .3s ease;z-index:999;opacity:0;visibility:hidden;transform:translateY(20px)}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#06a950;transform:translateY(-4px);box-shadow:0 6px 16px #07c16066}.back-to-top svg{color:#fff;flex-shrink:0}.pcc-comment-content{cursor:pointer;transition:color .2s ease}.pcc-comment-content:hover{color:#007bff}@media(max-width:768px){.back-to-top{right:15px;bottom:15px;width:44px;height:44px}.back-to-top svg{width:20px;height:20px}}@media(max-width:576px){.back-to-top{right:12px;bottom:12px;width:40px;height:40px}.header-container>.header-info>.header-user{padding-right:15px}.header-container>.header-info>.header-user>.header-site-title{margin-right:15px}.header-container>.header-info>.header-user>.header-site-title>span{font-size:14px}.header-container>.header-info>.header-user>.header-avatar-link>img,.header-container>.header-info>.header-user>.header-avatar-nolink>img{height:50px;width:50px}.reply-form-container{margin:10px 0;padding:12px}.reply-form-user-info{gap:8px}.reply-form-bottom{flex-direction:column;align-items:stretch}.reply-form-actions{width:100%}.reply-submit-btn,.reply-cancel-btn{flex:1}}.image-viewer-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-viewer-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-viewer-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:10}.image-viewer-close:hover{background:#fff3}.image-viewer-prev,.image-viewer-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:10}.image-viewer-prev{left:20px}.image-viewer-next{right:20px}.image-viewer-prev:hover,.image-viewer-next:hover{background:#fff3}.image-viewer-image-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 80px;box-sizing:border-box}.image-viewer-image{max-width:100%;max-height:100vh;object-fit:contain;cursor:zoom-in;transition:transform .2s ease}.image-viewer-video{max-width:100%;max-height:100vh;object-fit:contain}.image-viewer-indicator{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:6px 12px;border-radius:4px;font-size:14px}.image-viewer-thumbnails{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:10px;background:#0009;border-radius:8px;overflow-x:auto;max-width:90%}.thumbnail-item{width:50px;height:50px;overflow:hidden;cursor:pointer;opacity:.6;transition:opacity .2s ease,border-color .2s ease;border:2px solid transparent}.thumbnail-item.active{opacity:1;border-color:#07c160}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.publish-float-btn{position:fixed;right:20px;bottom:80px;width:56px;height:56px;background:#07c160;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #07c16066;transition:all .3s ease;z-index:999;color:#fff}.publish-float-btn:hover{background:#06a950;transform:scale(1.1);box-shadow:0 6px 16px #07c16080}.publish-modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-bg);z-index:2000;overflow-y:auto;display:flex;justify-content:center}.publish-modal-container{width:100%;max-width:576px;background:var(--main-background);min-height:100vh}.edit-top-bar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:576px;height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background:var(--main-background);border-bottom:1px solid var(--line);z-index:100;box-sizing:border-box}.edit-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-color);text-decoration:none;transition:background-color .2s ease}.edit-back-btn:hover{background:var(--primary-background)}.edit-publish-btn{padding:6px 16px;background:#07c160;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-publish-btn:hover{background:#06ad56}.edit-publish-btn:disabled{background:#ccc;cursor:not-allowed}.edit-container{padding-top:56px;min-height:calc(100vh - 56px);background:var(--main-background)}.edit-content-area{width:100%;max-width:576px;padding:15px;box-sizing:border-box}.edit-content-area textarea{width:100%;min-height:100px;padding:0;border:none;background:transparent;color:var(--text-color);font-size:15px;line-height:1.6;resize:none;font-family:inherit;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden;max-height:300px;overflow-y:auto}.edit-content-area textarea::placeholder{color:var(--text-sub-color)}.edit-content-area textarea:focus{outline:none}.edit-media-section{width:100%;max-width:576px;padding:0 15px 15px;box-sizing:border-box}.media-empty-add{width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--primary-background);border-radius:4px;cursor:pointer;transition:background-color .2s ease}.media-empty-add:hover{background:var(--primary-background-hover)}.media-empty-icon{color:var(--text-sub-color)}.media-empty-text{font-size:11px;color:var(--text-sub-color)}.edit-media-preview{display:grid;grid-template-columns:repeat(3,80px);gap:4px}.edit-media-preview.media-count-1{grid-template-columns:160px}.edit-media-preview.media-count-1 .media-preview-item{width:160px;height:160px}.edit-media-preview.media-count-2,.edit-media-preview.media-count-4{grid-template-columns:repeat(2,80px)}.media-preview-item{position:relative;width:80px;height:80px;background:var(--primary-background);border-radius:4px;overflow:hidden}.media-preview-item img,.media-preview-item video{width:100%;height:100%;object-fit:cover}.media-remove-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#00000080;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.media-remove-btn:hover{background:#000000b3}.video-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff}.media-add-btn{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--primary-background);border-radius:4px;cursor:pointer;color:var(--text-sub-color);transition:background-color .2s ease}.media-add-btn:hover{background:var(--primary-background-hover)}.edit-options{width:100%;max-width:576px;padding:0;border-top:8px solid var(--body-background);box-sizing:border-box}.edit-option-item{display:flex;align-items:center;padding:14px 15px;border-bottom:1px solid var(--line);cursor:pointer;transition:background-color .2s ease}.edit-option-item:hover{background:var(--primary-background)}.edit-option-item:last-child{border-bottom:none}.option-icon{width:28px;display:flex;align-items:center;justify-content:flex-start;color:var(--text-sub-color);margin-right:10px}.option-content{flex:1;display:flex;align-items:center}.option-label{font-size:15px;color:var(--text-color)}.option-value{margin-right:8px;color:var(--text-sub-color);font-size:13px}.option-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-sub-color);flex-shrink:0}.option-switch{flex-shrink:0}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.switch input:checked+.slider{background-color:#07c160}.switch input:checked+.slider:before{transform:translate(20px)}.edit-location-picker{background:var(--primary-background);padding:12px 15px}.location-picker-input{position:relative;margin-bottom:10px}.location-picker-input input{width:100%;padding:10px 35px 10px 12px;border:none;border-radius:4px;font-size:14px;color:var(--text-color)}.location-picker-input input:focus{outline:none}.location-picker-input input::placeholder{color:var(--text-sub-color)}.location-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-sub-color);cursor:pointer}.location-picker-actions{display:flex;justify-content:flex-end;margin-top:8px}.location-done-btn{padding:6px 20px;background:#07c160;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.edit-visibility-picker{background:var(--primary-background);padding:8px 15px}.visibility-option{display:flex;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.visibility-option:hover,.visibility-option.active{background:var(--main-background)}.visibility-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-sub-color);flex-shrink:0}.visibility-text{flex:1;margin-left:12px;display:flex;flex-direction:column}.visibility-label{font-size:15px;color:var(--text-color);font-weight:500}.visibility-desc{font-size:12px;color:var(--text-sub-color);margin-top:2px}.visibility-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#07c160;flex-shrink:0}.edit-status{text-align:center;padding:15px;color:var(--green);font-size:14px}@media(max-width:576px){.edit-top-bar{left:0;transform:none}.edit-content-area{padding:12px}.edit-media-section{padding:0 12px 12px}.edit-option-item{padding:12px}}@media(max-width:640px){.composer-row.two{flex-direction:column}.post-images-1 .post-image img{max-width:100%}}