@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0,1&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{background-color:#00000008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-background{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login-row{justify-content:center;align-items:center;width:100%;display:flex}.login-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background-color:#fff;border-radius:20px;width:320px;max-height:400px;margin-top:50px;padding:1.25rem;overflow-y:auto;box-shadow:0 0 20px #0000001a}.login-input{border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:10px;padding:10px;font-size:1rem}.login-button{color:#fff;cursor:pointer;background-color:#1877f2;border:none;border-radius:15px;width:100%;margin-top:10px;padding:10px;font-size:1rem;transition:opacity .3s}.login-button:hover{opacity:.9}.error-message{text-align:left;margin-bottom:10px;font-size:.9rem}.forgot-password-link{text-align:center;width:90%;margin:10px auto;font-size:1rem;position:relative}.signup-prompt{color:#333;justify-content:center;align-items:center;gap:8px;margin-top:15px;font-size:.85rem;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signup-container{background-color:#00000008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.signup-background,.verification-background,.signup-row,.verification-row{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.signup-form,.verification-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background-color:#fff;border-radius:20px;width:320px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 0 20px #0000001a}.profile-image-container{text-align:center;margin-bottom:20px}.profile-image{cursor:pointer;object-fit:cover;border-radius:50%;width:80px;height:80px;margin:0 auto;box-shadow:0 0 15px #0003}.profile-image:hover{opacity:.8}.signup-input{box-sizing:border-box;border:1px solid #ddd;border-radius:10px;width:100%;margin-bottom:10px;padding:12px;font-size:.9rem}.signup-input:focus{border-color:#2196f3;outline:none}.signup-input:disabled{cursor:not-allowed;background-color:#f5f5f5}.date-picker-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.date-picker-dialog{background:#fff;border-radius:15px;width:80%;max-width:450px;padding:30px;animation:.3s ease-out datePickerFadeIn;box-shadow:0 20px 60px #0000004d}@keyframes datePickerFadeIn{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.date-picker-header{text-align:center;margin-bottom:25px;position:relative}.date-picker-header h3{color:#333;margin:0;font-size:1.4rem;font-weight:700}.date-picker-body{text-align:center;margin-bottom:25px}.date-picker{text-align:center;cursor:pointer;background-color:#f8f9fa;border:2px solid #ddd;border-radius:10px;width:100%;padding:15px;font-size:1.1rem;transition:border-color .2s}.date-picker:focus{border-color:#2196f3;outline:none}.date-picker-footer{text-align:center;border-top:1px solid #eee;padding-top:20px}.date-picker-button{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:10px;min-width:150px;padding:12px 40px;font-size:1rem;font-weight:700;transition:all .2s}.date-picker-button:hover{background-color:#1976d2;transform:translateY(-2px);box-shadow:0 5px 15px #2196f34d}.date-picker-button:active{transform:translateY(0)}.date-picker-overlay,.date-picker-dialog{pointer-events:all}.signup-button,.verification-button{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:10px;width:100%;margin-top:15px;padding:12px;font-size:1rem}.signup-button:hover:not(:disabled),.verification-button:hover:not(:disabled){background-color:#1976d2}.signup-button:disabled,.verification-button:disabled{opacity:.6;cursor:not-allowed}.login-prompt{color:#333;justify-content:center;align-items:center;gap:8px;margin-top:15px;font-size:.85rem;display:flex}.login-link{color:#1877f2;text-decoration:none}.verification-info{word-wrap:break-word;max-width:280px;margin:0 auto 20px;font-size:.9rem}.verification-note{color:#666;margin-top:15px;font-size:.8rem;line-height:1.4}.error-message{color:red;text-align:left;width:100%;margin:-5px 0 10px;font-size:.8rem}.signup-form::-webkit-scrollbar{width:6px}.verification-form::-webkit-scrollbar{width:6px}.signup-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.verification-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.signup-form::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.verification-form::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.signup-form::-webkit-scrollbar-thumb:hover{background:#555}.verification-form::-webkit-scrollbar-thumb:hover{background:#555}.forgot-password-container{background-color:#00000008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.back-button{color:#000;cursor:pointer;z-index:999;background:0 0;padding:10px;font-size:24px;font-weight:700;position:fixed;top:20px;left:20px}.forgot-password-background,.forgot-password-row{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.forgot-password-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background-color:#fff;border-radius:20px;width:400px;max-height:90vh;padding:30px;overflow-y:auto;box-shadow:0 0 20px #0000001a}.forgot-password-title{color:#333;margin-bottom:15px;font-size:1.5rem;font-weight:700}.forgot-password-description{color:#666;margin-bottom:25px;font-size:.9rem;line-height:1.5}.forgot-password-description strong{color:#333;font-weight:600}.step-indicator{justify-content:space-between;margin-bottom:30px;display:flex;position:relative}.step-indicator:before{content:"";z-index:1;background-color:#ddd;height:2px;position:absolute;top:20px;left:0;right:0}.step{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step span{color:#fff;background-color:#ddd;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;font-weight:700;transition:all .3s;display:flex}.step.active span{background-color:#2196f3}.step p{color:#999;margin:0;font-size:.8rem;transition:all .3s}.step.active p{color:#2196f3;font-weight:500}.input-group{text-align:left;margin-bottom:20px}.forgot-input{box-sizing:border-box;border:1px solid #ddd;border-radius:10px;width:100%;padding:12px;font-size:.9rem;transition:border-color .2s}.forgot-input:focus{border-color:#2196f3;outline:none}.forgot-input:disabled{cursor:not-allowed;background-color:#f5f5f5}.error-message{color:#f44336;text-align:left;margin-top:5px;font-size:.8rem}.forgot-button{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:1rem;font-weight:500;transition:all .2s}.forgot-button:hover:not(:disabled){background-color:#1976d2;transform:translateY(-2px);box-shadow:0 5px 15px #2196f34d}.forgot-button:active:not(:disabled){transform:translateY(0)}.forgot-button:disabled{opacity:.6;cursor:not-allowed}.verification-note{text-align:left;background-color:#f8f9fa;border-left:4px solid #2196f3;border-radius:5px;margin:20px 0;padding:12px}.verification-note p{color:#666;margin:5px 0;font-size:.85rem;line-height:1.4}.password-requirements{text-align:left;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;margin:20px 0;padding:15px}.password-requirements p{color:#333;margin-bottom:10px;font-size:.9rem;font-weight:600}.password-requirements ul{margin:0;padding-left:20px}.password-requirements li{color:#666;margin-bottom:5px;font-size:.85rem;line-height:1.4}.back-to-login{color:#666;border-top:1px solid #eee;justify-content:center;align-items:center;gap:10px;margin-top:25px;padding-top:20px;font-size:.9rem;display:flex}.login-link{color:#2196f3;cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:none}.login-link:hover{text-decoration:underline}.forgot-password-form::-webkit-scrollbar{width:6px}.forgot-password-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.forgot-password-form::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.forgot-password-form::-webkit-scrollbar-thumb:hover{background:#555}@media (width<=480px){.forgot-password-form{width:90%;margin:10px;padding:20px}.step-indicator{margin-bottom:20px}.step span{width:35px;height:35px;font-size:.9rem}.step p{font-size:.75rem}.forgot-password-title{font-size:1.3rem}.forgot-password-description{font-size:.85rem}}.main-menu-container{width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.menu-profile-avatar{object-fit:cover;text-align:center;border-radius:50%;width:35px;height:35px;margin-right:15px;line-height:1;box-shadow:0 8px 16px #0003}.menu-wrapper{flex-direction:column;height:100vh;display:flex;overflow:hidden}.desktop-menu{z-index:1;background-color:#fff;border-right:1px solid #e9ecef;flex-direction:column;width:240px;height:100vh;display:none;position:fixed;top:0;left:0;box-shadow:2px 0 12px #00000008}.user-info{text-align:center;flex-direction:column;align-items:center;display:flex}.avatar-container{width:80px;height:80px;margin-bottom:15px}.user-avatar{object-fit:cover;background-color:#fff;border:3px solid #ffffff4d;border-radius:50%;width:100%;height:100%}.user-details{width:100%}.user-display{white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:1.2rem;font-weight:600;overflow:hidden}.user-username{opacity:.9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;overflow:hidden}.desktop-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-button{cursor:pointer;text-align:left;color:#5a626e;background:0 0;border:none;border-left:3px solid #0000;border-radius:0;align-items:center;width:100%;padding:12px 20px;font-size:.95rem;transition:all .2s;display:flex}.nav-button:hover{color:#2c3e50;background-color:#f8f9fa}.nav-button.active{color:#1976d2;background-color:#f0f7ff;border-left-color:#1976d2;font-weight:500}.nav-icon{text-align:center;width:32px;margin-right:15px;font-family:Material Symbols Outlined;font-size:1.3rem;font-style:normal;font-weight:400;line-height:1;display:inline-block}.nav-text{font-size:.95rem;font-weight:500}.menu-footer{background-color:#fff;border-top:1px solid #e9ecef;padding:20px}.mobile-menu{z-index:1;background-color:#fff;border-top:1px solid #e9ecef;justify-content:space-around;align-items:center;width:100%;height:65px;padding:0 5px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #00000005}.mobile-nav-button{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:56px;padding:8px 5px;transition:all .2s;display:flex}.mobile-nav-button:hover{background-color:#f8f9fa}.mobile-nav-button.active{color:#1976d2;background-color:#f0f7ff}.mobile-nav-icon{margin-bottom:4px;font-family:Material Symbols Outlined;font-size:1.4rem;font-style:normal;font-weight:400;line-height:1;display:inline-block}.mobile-nav-text{color:#6c757d;font-size:.7rem;font-weight:500}.mobile-nav-button.active .mobile-nav-text{color:#1976d2;font-weight:500}.content-wrapper{scrollbar-width:none;-ms-overflow-style:none;background-color:#f8f9fa;width:100%;height:100vh;margin-top:0;overflow:auto}.content-wrapper::-webkit-scrollbar{display:none}.content-section{scrollbar-width:none;-ms-overflow-style:none;background-color:#f8f9fa;flex-direction:column;width:100%;min-height:100%;animation:.2s ease-in-out fadeIn;display:flex;overflow-y:auto}.content-section::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.section-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:30px 20px}.section-header h1{margin:0 0 10px;font-size:2rem;font-weight:700}.section-header p{opacity:.9;margin:0;font-size:1rem}@media (width>=768px){.desktop-menu{display:flex}.mobile-menu{display:none}.content-wrapper{width:calc(100% - 240px);height:100vh;margin-left:240px}}@media (width<=767px){.desktop-menu{display:none}.mobile-menu{display:flex}.content-wrapper{height:calc(100vh - 65px);margin-bottom:0}}@media (width>=1200px){.desktop-menu{width:280px}.content-wrapper{width:calc(100% - 280px);margin-left:280px}.nav-button{padding:14px 25px;font-size:1rem}.nav-icon{font-size:1.4rem}}*,:before,:after{box-sizing:border-box}.title-of-web-label{color:#2f0;font-family:Pacifico,cursive;font-size:28px;font-weight:400}.home-ui{background-color:#fff;width:100%;height:100vh}.main-container{width:100%;height:100%;overflow-y:auto}.masonry-grid-container{background-color:#303030;width:100%;height:100vh;padding:16px;overflow-y:auto}.header{z-index:1;background-color:#303030;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative;box-shadow:0 2px 4px #0000001a}.header-left{align-items:center;gap:12px;display:flex}.logo{object-fit:cover;border-radius:10px;width:40px;height:40px}.profile-btn{cursor:pointer;background:#fff;border:none;border-radius:24px;align-items:center;gap:8px;padding:4px;transition:background-color .2s;display:flex}.profile-btn:hover{background:#bab7b7}.profile-btn.active{background:#fff}.avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.username{color:#000;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:1.25rem;overflow:hidden}.profile-btn.active .username{color:#2563eb}.header-right{align-items:center;gap:0;display:flex}.icon-wrapper{cursor:pointer;margin-left:20px;display:inline-block;position:relative}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.icon-wrapper:hover .material-icons{transform:scale(1.2)}.search-icon,.chat-icon{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#dbeafe,#60a5fa,#6366f1);-webkit-background-clip:text;background-clip:text}.notification-icon{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#fef3c7,#facc15,#eab308);-webkit-background-clip:text;background-clip:text}.unread-badge-container{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.unread-badge-home{background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;min-width:16px;min-height:16px;padding:0;display:flex}.unread-badge.badge-large{min-width:16px;min-height:16px;padding:0}.unread-label{color:#fff;font-size:10px;font-weight:700;line-height:1}.unread-badge.badge-large .unread-label{font-size:7px}.masonry-grid-inner{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;max-width:1000px;margin:20px auto 0;display:grid}.placeholder-card{aspect-ratio:1;background:#1a1a1a;border-radius:12px;overflow:hidden}.placeholder-image{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;width:100%;height:calc(100% - 75px);animation:1.5s infinite loading}.placeholder-line{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:8px;animation:1.5s infinite loading}.placeholder-line:first-child{width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.no-post-message{color:#ef4444;text-align:center;justify-content:center;align-items:center;width:100%;height:90%;font-size:24px;font-weight:700;display:flex}.search-header{background-color:#fff;align-items:center;width:100%;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.search-header h2{margin:0;font-size:20px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.back-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.back-btn .material-icons{font-size:24px}.search-content{width:100%;margin:0 auto;padding:0}.search-input-container{background-color:#fff;align-items:center;gap:8px;padding:16px;display:flex}.search-input-container input{color:#000;background-color:#fff;border-radius:8px;outline:none;flex-grow:1;padding:12px;font-size:16px}.search-input-container input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px;display:flex}.search-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto}.tab{cursor:pointer;white-space:nowrap;color:#4b5563;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab .material-icons{font-size:20px}.tab-content{background-color:#f8f9fa;min-height:400px}.accounts-results{background:#fff}.account-card{cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.account-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.account-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.account-info{flex:1;margin-left:12px}.account-display{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;font-weight:600;overflow:hidden}.account-username{color:#3b82f6;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.images-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1000px;margin:0 auto;padding:20px;display:grid}.notification-header{background-color:#fff;align-items:center;width:100%;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.notification-header h2{margin:0;font-size:20px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.refresh-btn{color:#000;cursor:pointer;background:0 0;border:none;align-items:center;margin-left:auto;display:flex}.notification-container{background-color:#fff;flex-direction:column;align-items:center;width:100%;display:flex}.notification-card{background-color:#fff;border-radius:6px;width:100%;max-width:600px;margin-bottom:16px;padding:16px;box-shadow:0 2px 6px #0000001a}.notification-message{color:#000;word-break:break-all;font-size:14px}.text-link{color:#3b82f6;cursor:pointer;text-decoration:underline}.notification-actions{gap:8px;margin-top:12px;display:flex}.accept-btn,.reject-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}.accept-btn{color:#fff;background-color:#22c55e}.reject-btn{color:#fff;background-color:#ef4444}.view-comment-btn{cursor:pointer;color:#fff;background-color:#081cff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}.load-more-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#10b981);border:none;border-radius:24px;margin:20px auto;padding:12px 24px;font-size:16px;font-weight:600;transition:transform .3s,box-shadow .3s;display:block}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.no-results,.no-notifications{color:#666;text-align:center;background:#fff;justify-content:center;align-items:center;width:100%;padding:40px;font-size:16px;font-weight:500;display:flex}@media (width<=768px){.masonry-grid-inner{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0 8px}.username{display:none}.search-tabs{padding:0 8px;overflow-x:scroll}.tab{padding:8px 12px;font-size:12px}.tab .material-icons{font-size:16px}}@media (width<=480px){.header{padding:8px}.icon-wrapper{margin-left:12px}.material-icons{font-size:24px}.masonry-grid-inner{grid-template-columns:1fr;gap:12px}}.video-placeholder-card{background:#1a1a1a;border-radius:12px;height:250px;overflow:hidden}.video-placeholder-image{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;width:100%;height:180px;animation:1.5s infinite loading}.product-placeholder-card{aspect-ratio:1;background:#1a1a1a;border-radius:12px;overflow:hidden}.product-placeholder-content{box-sizing:border-box;background:#fff;height:75px;padding:12px}.shoping-placeholder-card{aspect-ratio:1;background:#51e06b;border-radius:12px;overflow:hidden}.shoping-placeholder-image{background:linear-gradient(90deg,#51e06b 25%,#333 50%,#51e06b 75%) 0 0/200% 100%;width:100%;height:calc(100% - 75px);animation:1.5s infinite loading}.shoping-placeholder-content{box-sizing:border-box;background:#20c73e;height:75px;padding:12px}.masonry-item{position:relative}.ad-badge{z-index:10;color:#fff;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#ff4d4d,#b30000);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #b3000066}.scan-icon{color:#fff;font-size:24px}.scan-header{background-color:#fff;border-bottom:1px solid #e0e0e0;align-items:center;padding:16px;display:flex}.scan-header h2{margin:0 0 0 16px;font-size:20px;font-weight:500}.scan-content{max-width:600px;margin:0 auto;padding:24px}.scan-options{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.scan-option{text-align:center;cursor:pointer;background:#fff;border:2px dashed #ccc;border-radius:12px;padding:30px 20px;transition:all .3s}.scan-option:hover{background-color:#f9f9f9;border-color:#4caf50}.scan-option .material-icons{color:#4caf50;margin-bottom:15px;font-size:48px}.scan-option h3{margin:10px 0;font-size:18px;font-weight:500}.scan-option p{color:#666;margin:0;font-size:14px}.scan-result-container{background:#f5f5f5;border-radius:8px;margin-top:20px;padding:20px}.scan-loading{text-align:center;padding:30px}.scan-loading p{color:#666;margin-top:15px}.scan-error{text-align:center;color:#f44336;padding:20px}.scan-error .material-icons{margin-bottom:10px;font-size:48px}.scan-success{text-align:center;padding:20px}.scan-success .material-icons{color:#4caf50;margin-bottom:10px;font-size:48px}.purchase-details{text-align:left;background:#fff;border-radius:8px;margin-top:20px;padding:15px}.purchase-details p{color:#333;margin:8px 0}.purchase-details strong{color:#666}@media (width<=768px){.scan-options{grid-template-columns:1fr}}.camera-scan-container{z-index:9999;background-color:#000;width:100%;height:100%;position:fixed;top:0;left:0}.camera-scan-overlay{flex-direction:column;width:100%;height:100%;display:flex}.camera-header{color:#fff;z-index:1;background:#000c;align-items:center;padding:16px;display:flex}.camera-header h3{text-align:center;flex:1;margin:0;font-size:18px}.close-camera-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;transition:background .3s;display:flex}.close-camera-btn:hover{background:#ffffff1a}.close-camera-btn .material-icons{font-size:24px}.camera-viewport{background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.camera-viewport video{object-fit:cover;width:100%;height:100%}.scanning-frame{border:2px solid #ffffff80;border-radius:20px;width:70%;max-width:300px;height:70%;max-height:300px;animation:2s infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #00000080}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.camera-instructions{text-align:center;color:#fff;z-index:1;background:#000c;padding:16px;font-size:14px}.qr-scanner-modal{z-index:10000;background:#000;flex-direction:column;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.qr-scanner-container{width:100%;height:100%;position:relative;overflow:hidden}.qr-scanner-close{color:#fff;cursor:pointer;z-index:10002;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 2px 10px #00000080}.qr-scanner-close:hover{background:#f00c;transform:scale(1.1)}.qr-scanner-overlay{z-index:10001;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.qr-scanner-frame{aspect-ratio:1;border-radius:20px;width:70%;max-width:350px;position:relative}.qr-scanner-corner.top-left{border-top-width:4px;border-left-width:4px;border-radius:10px 0 0;top:0;left:0}.qr-scanner-corner.top-right{border-top-width:4px;border-right-width:4px;border-radius:0 10px 0 0;top:0;right:0}.qr-scanner-corner.bottom-left{border-bottom-width:4px;border-left-width:4px;border-radius:0 0 0 10px;bottom:0;left:0}.qr-scanner-corner.bottom-right{border-bottom-width:4px;border-right-width:4px;border-radius:0 0 10px;bottom:0;right:0}.qr-scanner-line{background:linear-gradient(90deg,#0000,#0f0,#0000);height:2px;animation:2s linear infinite qr-scan;position:absolute;left:10px;right:10px;box-shadow:0 0 10px #0f0}@keyframes qr-scan{0%{top:10%}50%{top:90%}to{top:10%}}.qr-scanner-text{color:#fff;text-align:center;text-shadow:1px 1px 2px #000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border-radius:20px;margin-top:20px;padding:8px 16px;font-size:16px;font-weight:700}@media (width<=480px){.qr-scanner-frame{width:85%}.qr-scanner-corner{width:30px;height:30px}.qr-scanner-text{margin-top:10px;font-size:14px}}.qr-scanner-modal-fullscreen{z-index:9999;background-color:#000;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.qr-scanner-container-fullscreen{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.qr-scanner-video-fullscreen{object-fit:cover;width:100%;height:100%}.qr-scanner-close-fullscreen{z-index:10000;color:#fff;cursor:pointer;background-color:#00000080;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.qr-scanner-close-fullscreen:hover{background-color:#000c;border-color:#fffc}.qr-scanner-overlay-fullscreen{pointer-events:none;z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.qr-scanner-frame-fullscreen{border:2px solid #ffffff80;border-radius:20px;width:min(80vw,80vh);max-width:400px;height:min(80vw,80vh);max-height:400px;position:relative;box-shadow:0 0 0 9999px #00000080}.qr-scanner-corner{border:0 solid #0f0;width:30px;height:30px;position:absolute}.qr-scanner-corner.top-left{border-top-width:4px;border-left-width:4px;border-top-left-radius:20px;top:-2px;left:-2px}.qr-scanner-corner.top-right{border-top-width:4px;border-right-width:4px;border-top-right-radius:20px;top:-2px;right:-2px}.qr-scanner-corner.bottom-left{border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:20px;bottom:-2px;left:-2px}.qr-scanner-corner.bottom-right{border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:20px;bottom:-2px;right:-2px}.qr-scanner-line{background:linear-gradient(90deg,#0000,#0f0,#0000);width:100%;height:2px;animation:3s linear infinite scanLine;position:absolute;top:0;left:0}@keyframes scanLine{0%{transform:translateY(0)}50%{transform:translateY(calc(min(80vw,80vh,400px) - 2px))}to{transform:translateY(0)}}.qr-scanner-text-fullscreen{color:#fff;text-align:center;text-shadow:0 2px 4px #00000080;word-wrap:break-word;background-color:#0009;border-radius:30px;max-width:80%;margin-top:20px;padding:10px 20px;font-size:16px}.qr-scanner-loading-fullscreen{z-index:10001;color:#fff;background-color:#000c;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.qr-scanner-error-fullscreen{z-index:10001;color:#f44;text-align:center;background-color:#000000e6;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.qr-scanner-error-fullscreen button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:25px;padding:12px 30px;font-size:16px;transition:all .3s}.qr-scanner-error-fullscreen button:hover{background-color:#0056b3;transform:scale(1.05)}@media (width<=768px){.qr-scanner-frame-fullscreen{width:90vw;height:90vw}.qr-scanner-text-fullscreen{padding:8px 16px;font-size:14px}}#qr-video-container video{object-fit:cover;width:100%;height:100vh;position:absolute;top:0;left:0}.notification-time{color:#999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border-radius:20px;align-items:center;gap:4px;padding-top:10px;font-size:12px;display:flex;bottom:0;right:0}.notification-time .time-icon{color:#666;font-size:14px}.notification-card{flex-direction:column;display:flex}.notification-time{align-self:flex-end}.video-card{cursor:pointer;z-index:1;background-color:#1a1a1a;border-radius:12px;min-height:250px;margin-bottom:0;transition:transform .3s;position:relative;overflow:hidden;height:auto!important}.video-card--disabled{filter:grayscale();position:relative}.video-card--disabled:after{content:"";z-index:10;background:#000;position:absolute;inset:0}.video-thumbnail-container{background-color:#1a1a1a;width:100%;position:relative;overflow:hidden;height:auto!important}.video-thumbnail{object-fit:cover;width:100%;height:100%}.visibility-badge.private,.visibility-badge.with-link{color:#fff;background-color:#ef4444e6}.video-card:hover .play-icon-overlay{opacity:1}.video-duration{color:#fff;background-color:#000c;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;position:absolute;bottom:8px;right:8px}.video-counter{color:#fff;background-color:#80808080;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;position:absolute;top:8px;right:8px}.video-info{padding:12px}.video-title{color:#fff;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;margin-top:-5px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-description{color:#999;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;margin-top:-6px;margin-bottom:8px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.video-stats{align-items:center;gap:12px;margin-top:-3px;margin-bottom:8px;display:flex}.video-stats>div{color:#999;align-items:center;gap:6px;font-size:12px;display:flex}.video-author{align-items:center;gap:10px;display:flex}.video-modal-overlay{z-index:20;background-color:#fff;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow-y:auto}.video-modal-content{background-color:#fff;flex-direction:row;width:100%;max-width:none;height:auto;min-height:100vh;display:flex}.video-modal-main{flex-direction:column;flex-shrink:0;width:100%;max-width:1000px;display:flex}.video-container{aspect-ratio:16/9;background-color:#000;width:100%;max-height:600px;position:relative}.video-player{object-fit:contain;background-color:#000;width:100%;height:100%}.modal-video-counter{color:#fff;background-color:#80808080;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:500;position:absolute;top:16px;right:16px}.slider-button{color:#111827;cursor:pointer;z-index:10;background-color:#ffffffd9;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 16px #00000040}.slider-button:hover{background-color:#fff;transform:translateY(-50%)scale(1.15);box-shadow:0 10px 24px #00000059}.modal-video-info{background-color:#fff;padding:16px}.modal-video-title{color:#000;word-break:break-all;margin-top:-5px;font-size:18px;font-weight:700;line-height:1.4}.modal-video-description{color:#666;word-break:break-all;margin-top:-8px;margin-bottom:16px;font-size:14px;line-height:1.5}.modal-video-stats{color:#666;gap:24px;font-size:14px;display:flex}.modal-video-stats>div{align-items:center;gap:4px;display:flex}.video-placeholder{background:#1a1a1a;border-radius:12px;height:250px;overflow:hidden}.video-thumbnail-placeholder{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;width:100%;height:180px;animation:1.5s infinite loading}.video-info-placeholder{padding:12px}@media (width<=768px){.video-card{height:220px}.video-thumbnail-container{height:150px}.video-info{padding:8px!important}.video-title{margin-bottom:6px!important;font-size:12px!important}.video-description{margin-bottom:6px!important;font-size:11px!important}.video-stats{gap:8px!important;margin-bottom:6px!important;font-size:11px!important}.video-author{gap:6px!important}.author-name{font-size:12px!important}.video-container{max-height:300px}}@media (width<=768px){.modal-actions{padding:8px 0}.action-button{min-width:50px;padding:6px}.action-icon{font-size:18px}.action-text{font-size:10px}.action-buttons-left{gap:8px}}@media (width<=1359px){.video-modal-content{flex-direction:column;position:relative;overflow-y:auto}.video-modal-main{width:100%;max-width:100%}.share-modal,.block-modal,.comments-modal{z-index:30;background:#fff;width:100%;height:100%;margin-left:0;position:fixed;inset:0}.comments-modal{padding-bottom:60px}}.support-button,.comment-button,.share-action-button,.save-button{color:#666;cursor:pointer;background:0 0;border:none;border-radius:40%;align-items:center;gap:6px;width:auto;min-width:40px;height:40px;padding:0 8px;font-size:15px;transition:color .2s,background-color .2s;display:inline-flex}.support-button:hover,.comment-button:hover,.share-action-button:hover,.save-button:hover{background-color:#0000001a}.hls-quality-selector{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#000000b3;border-radius:20px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;bottom:60px;right:16px}.quality-select{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:16px;outline:none;padding:6px 12px;font-size:14px;transition:all .2s}.quality-select:hover{background:#ffffff40;border-color:#ffffff80}.quality-select option{color:#fff;background:#1a1a1a}.bitrate-indicator{color:#ffffffe6;background:#ffffff1a;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.comment-avatar{flex-shrink:0;margin-right:10px}.comment-avatar img,.comment-avatar-img{object-fit:cover;border:2px solid #e0e0e0;border-radius:50%;width:40px;height:40px}.avatar-placeholder{color:#666;background-color:#ddd;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;display:flex}.add-comment-header{align-items:flex-start;display:flex}.current-user-avatar{flex-shrink:0;margin-right:3px}.current-user-avatar img{object-fit:cover;border:2px solid #007bff;border-radius:50%;width:40px;height:40px}.send-comment-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#3b82f6);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:3px;font-size:16px;transition:all .2s;display:flex}.send-comment-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #10b9814d}.send-comment-button:disabled{opacity:.6;cursor:not-allowed}.add-comment-textarea{flex:1}.add-comment-textarea textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:14px}.comments-container{background-color:#03030303;flex-direction:column;height:100%;display:flex}.add-comment-section{border-bottom:1px solid #eee;padding:3px}.submit-comment-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:6px;align-self:flex-end;padding:8px 20px;font-size:14px;transition:background-color .2s}.submit-comment-btn:hover:not(:disabled){background-color:#0056b3}.submit-comment-btn:disabled{cursor:not-allowed;background-color:#ccc}.comments-list{flex:1;padding:10px;overflow-y:auto}.comment-content{flex:1}.comment-header{justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.owner-badge{color:#ff6b00;margin-left:5px;font-size:10px}.comment-time{color:#666;font-size:11px}.edited-badge{color:#888;margin-left:5px;font-size:10px}.comment-text{color:#333;margin-bottom:8px;line-height:1.4}.comment-actions{flex-wrap:wrap;gap:10px;display:flex}.comment-actions button{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.like-button{color:#666}.like-button.liked{color:#e74c3c}.reply-button{color:#28a745}.edit-button{color:#6c757d}.delete-button{color:#dc3545}.reply-actions{justify-content:flex-end;gap:10px;display:flex}.reply-actions button{cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:12px}.reply-actions button:first-child{color:#fff;background-color:#28a745}.reply-actions button:last-child{color:#fff;background-color:#6c757d}.replies-section{margin-top:0}.edit-comment-modal{z-index:1000;background:#fff;border-radius:10px;min-width:300px;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #0003}.edit-comment-modal h4{margin-top:0;margin-bottom:15px}.edit-comment-modal textarea{resize:vertical;border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:15px;padding:10px;font-family:inherit;font-size:14px}.edit-actions{justify-content:flex-end;gap:10px;display:flex}.edit-actions button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px}.edit-actions button:first-child{color:#fff;background-color:#007bff}.edit-actions button:last-child{color:#fff;background-color:#6c757d}.comments-loading,.comments-error,.no-comments{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;height:78vh;display:flex}.loading-comment-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:40px;height:40px;margin-bottom:10px;animation:1s linear infinite spin}.loading-comment-spinner-small{border:2px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:1s linear infinite spin}.load-more-comment-container{text-align:center;padding:8px 0}.load-more-comment-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 10px;font-size:24px;display:inline-flex}.load-more-comment-btn:disabled{cursor:not-allowed;background-color:#ccc}.comment-item{background-color:#fff;border-radius:8px;margin-bottom:10px;padding:10px 0 0;display:flex}.reply-item{border-left:3px solid #e0e0e0;margin-top:10px;padding-left:0}.reply-item .comment-item{box-shadow:none}.nested-comment{background-color:#fff;margin-bottom:0;margin-left:-50px;padding:10px 0 0}.replies-list{width:100%;margin-top:10px}.show-replies-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:5px 0;font-size:14px}.show-replies-btn:hover{color:#333;text-decoration:underline}.pinned-comments-section{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:15px}.pinned-comments-header{align-items:center;margin-bottom:10px;display:flex}.pinned-comments-header h3{color:#666;margin:0;font-size:16px;font-weight:600}.pinned-comment{background-color:#fff9e6;border-left:3px solid #fc0;margin-bottom:10px;padding-left:8px;position:relative}.pinned-badge{color:#333;background-color:#fc0;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:30px;right:0}.pin-button{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:all .2s;display:flex}.pin-button:hover{color:#333;background-color:#f0f0f0}.pin-button.pinned{color:#333;background-color:#fc0}.pin-button.pinned:hover{background-color:#f90}.pin-button:disabled{opacity:.5;cursor:not-allowed}.edit-comment-in-place{margin:10px 0}.edit-textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;min-height:80px;padding:8px 12px;font-family:inherit;font-size:14px}.edit-in-place-actions{gap:10px;margin-top:8px;display:flex}.save-edit-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:6px 12px;font-size:13px}.save-edit-btn:hover{background-color:#0056b3}.cancel-edit-btn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;padding:6px 12px;font-size:13px}.cancel-edit-btn:hover{background-color:#545b62}.comment-actions{gap:10px;margin-top:8px;display:flex}.comment-item.editing{background-color:#f8f9fa;border-radius:8px;padding:10px}.selected-comment{border:2px dashed #ffc107;border-radius:8px;margin-bottom:15px;animation:2s ease-in-out pulse-highlight;background-color:#fff3cd4d!important}.selected-comment-badge{color:#000;background-color:#ffc107;border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.selected-comment-wrapper{margin-bottom:20px}.selected-comment-loading{text-align:center;background-color:#fff3cd4d;border:2px dashed #ffc107;border-radius:8px;margin-bottom:15px;padding:20px}.selected-comment-loading p{color:#666;margin-top:10px}@keyframes pulse-highlight{0%{background-color:#fff3cd00;box-shadow:0 0 #ffc107b3}50%{background-color:#fff3cdb3;box-shadow:0 0 20px 10px #ffc10766}to{background-color:#fff3cd4d;box-shadow:0 0 #ffc10700}}.image-card{cursor:pointer;z-index:1;background-color:#1a1a1a;border-radius:12px;min-height:300px;margin-bottom:0;transition:transform .3s;position:relative;overflow:hidden;height:auto!important}.image-card--disabled{filter:grayscale();position:relative}.image-card--disabled:after{content:"";z-index:10;background:#000;position:absolute;inset:0}.image-thumbnail-container{background-color:#1a1a1a;width:100%;position:relative;overflow:hidden;height:auto!important}.image-thumbnail{aspect-ratio:1;object-fit:cover;width:100%;height:100%}.no-thumbnail{color:#666;background-color:#2a2a2a;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.visibility-badge{z-index:2;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;top:8px;right:8px}.visibility-badge.private,.visibility-badge.with-link{color:#fff;background-color:#ef4444e6}.play-icon-overlay{opacity:0;pointer-events:none;z-index:2;background-color:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-card:hover .play-icon-overlay{opacity:1}.play-icon{color:#ef4444;margin-left:5px;font-size:30px}.image-duration{color:#fff;background-color:#000c;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;position:absolute;bottom:8px;right:8px}.image-counter{color:#fff;background-color:#80808080;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;position:absolute;top:8px;right:8px}.image-info{padding:12px}.image-title{color:#fff;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;margin-top:-5px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.image-description{color:#999;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;margin-top:-6px;margin-bottom:8px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.image-stats{align-items:center;gap:12px;margin-top:-3px;margin-bottom:8px;display:flex}.image-stats>div{color:#999;align-items:center;gap:6px;font-size:12px;display:flex}.image-author{align-items:center;gap:10px;display:flex}.image-modal-overlay{z-index:20;background-color:#fff;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow-y:auto}.image-modal-content{background-color:#fff;flex-direction:row;width:100%;max-width:none;height:auto;min-height:100vh;display:flex}.image-modal-main{flex-direction:column;flex-shrink:0;width:100%;max-width:1000px;display:flex}.image-container{background-color:#000;width:100%;height:auto;position:relative}.image-player{object-fit:contain;background-color:#000;width:100%;height:100%}.modal-image-counter{color:#fff;background-color:#80808080;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:500;position:absolute;top:16px;right:16px}.slider-button{pointer-events:auto;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 10px;font-size:24px;transition:background .3s;display:flex}.slider-button:hover{background:#000c}.slider-button.prev{left:10px}.slider-button.next{right:10px}.modal-image-info{background-color:#fff;padding:16px}.modal-image-title{color:#000;word-break:break-all;margin-top:-5px;font-size:18px;font-weight:700;line-height:1.4}.modal-image-description{color:#666;word-break:break-all;margin-top:-8px;margin-bottom:16px;font-size:14px;line-height:1.5}.modal-image-stats{color:#666;gap:24px;font-size:14px;display:flex}.modal-image-stats>div{align-items:center;gap:4px;display:flex}.image-placeholder{background:#1a1a1a;border-radius:12px;height:auto;overflow:hidden}.image-thumbnail-placeholder{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;width:100%;height:320px;animation:1.5s infinite loading}.image-info-placeholder{padding:12px}.title-placeholder{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;border-radius:6px;width:60%;height:12px;margin-bottom:8px;animation:1.5s infinite loading}.description-placeholder{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;border-radius:6px;width:80%;height:12px;margin-bottom:8px;animation:1.5s infinite loading}.meta-placeholder{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;border-radius:6px;width:40%;height:12px;margin-bottom:8px;animation:1.5s infinite loading}.author-placeholder{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;border-radius:6px;width:50%;height:12px;animation:1.5s infinite loading}@media (width<=768px){.image-card{height:220px}.image-info{padding:8px!important}.image-title{margin-bottom:6px!important;font-size:12px!important}.image-description{margin-bottom:6px!important;font-size:11px!important}.image-stats{gap:8px!important;margin-bottom:6px!important;font-size:11px!important}.image-author{gap:6px!important}.author-name{font-size:12px!important}}.collaborator-count{color:#fff;background-color:#3b82f6e6;border-radius:12px;margin-left:6px;padding:2px 6px;font-size:11px}.author-avatar-container{display:inline-block;position:relative}.collaborators-badge{color:#fff;background-color:#3b82f6;border:2px solid #fff;border-radius:8px;padding:1px 4px;font-size:10px;position:absolute;bottom:-4px;right:-4px}.additional-info{background-color:#f9fafb;border-radius:8px;margin-top:12px;padding:12px}.info-row{color:#6b7280;justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.info-row span:first-child{font-weight:500}.share-modal,.block-modal,.comments-modal{z-index:10;background:#fff;flex-direction:column;flex:1;width:auto;height:auto;max-height:none;margin-left:auto;display:flex;position:relative;top:0;bottom:auto;right:0;overflow-y:visible;box-shadow:-4px 0 12px #0000001a}.share-button,.block-button{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.share-button{color:#fff;background-color:#10b981}.share-button.shared{background-color:#ef4444}.block-button{color:#fff;background-color:#f59e0b}.block-button.blocked{background-color:#ef4444}@media (width<=768px){.modal-actions{padding:8px 0}.action-button{min-width:50px;padding:6px}.action-icon{font-size:18px}.action-text{font-size:10px}.action-buttons-left{gap:8px}}@media (width<=1359px){.image-modal-content{flex-direction:column;position:relative;overflow-y:auto}.image-modal-main{width:100%;max-width:100%}.share-modal,.block-modal,.comments-modal{z-index:30;background:#fff;width:100%;height:100%;margin-left:0;position:fixed;inset:0}.comments-modal{padding-bottom:60px}}.buy-button,.support-button,.comment-button,.share-action-button,.save-button{color:#666;cursor:pointer;background:0 0;border:none;border-radius:40%;align-items:center;gap:6px;width:auto;min-width:40px;height:40px;padding:0 8px;font-size:15px;transition:color .2s,background-color .2s;display:inline-flex}.buy-button:hover,.support-button:hover,.comment-button:hover,.share-action-button:hover,.save-button:hover{background-color:#0000001a}.material-icons{flex-shrink:0}.support-button.supported,.buy-button.is-bought{color:red}.buy-button.disabled,.buy-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.saved-icon{color:#40f}.search-loading{color:#666;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.loading-state{color:#666;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.loading-state .loading-spinner{width:24px;height:24px;margin-bottom:12px}.image-navigation{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.image-display-container{background-color:#000;justify-content:center;align-items:center;width:100%;height:auto;min-height:300px;max-height:70vh;display:flex;position:relative;overflow:hidden}.modal-image-display{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:70vh;margin:0 auto;transition:opacity .3s;display:block}.image-loading-placeholder{color:#fff;background:linear-gradient(135deg,#000 0% 50%,#000 100%);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.image-loading-placeholder .loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s ease-in-out infinite spin}.image-loading-placeholder p{color:#ccc;margin-top:8px;font-size:14px}.image-price{color:#16a34a;margin:6px 0;font-size:15px;font-weight:600}.modal-price-display{text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin:12px 0;padding:10px 14px}.modal-price-display h3{color:#15803d;margin:0;font-size:20px;font-weight:700}.personal-sales-badge{color:#fff;z-index:3;opacity:.9;background:#111827;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;top:10px;left:10px;box-shadow:0 4px 10px #00000040}.username-for-sell-info{background:#f9fafb;border:1px dashed #d1d5db;border-radius:10px;margin:10px 0 14px;padding:10px 12px}.username-for-sell-info p{color:#374151;margin:0;font-size:14px}.shoping-inner-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1000px;margin:0 auto;display:grid}.back-button{color:#1976d2;cursor:pointer;z-index:1;background:0 0;border:none;font-size:2rem;font-weight:700;transition:color .2s;position:fixed;top:20px;left:20px}.back-button:hover{color:#115293}.main-content-row{gap:24px;width:100%;margin-bottom:16px;padding:0}.shoping-card{border-radius:16px;width:100%;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-content{flex-direction:column;gap:24px;width:100%;padding:16px;display:flex}@media (width>=1024px){.card-content{flex-direction:row}}.image-column{width:100%;position:relative}.edit-button-container{position:absolute;bottom:12px;right:12px}@media (width>=1024px){.image-column{flex-shrink:0;width:400px}.edit-button-container{bottom:52px;right:12px}}.shoping-image{object-fit:cover;border-radius:12px;width:100%;height:auto}.edit-shoping-button{cursor:pointer;color:#fd4949;background-color:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.edit-shoping-button:hover{background-color:#fff;transform:scale(1.1)}.stats-column{flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=1024px){.stats-column{flex:1}}.stat-row{align-items:center;gap:8px;width:100%;display:flex}.stat-shoping-label{color:#4b5563;font-size:1.125rem;font-weight:600}.stat-value-container{align-items:center;gap:8px;display:flex}.stat-value{color:#1f2937;word-break:break-all;font-size:1.125rem;font-weight:700}.stat-link{color:#3b82f6;cursor:pointer;font-size:1.125rem;font-weight:700;text-decoration:none}.stat-link:hover{text-decoration:underline}.stat-icon{font-size:1.25rem}.icon-purple{color:#8b5cf6}.icon-green{color:#10b981}.icon-blue{color:#3b82f6}.icon-yellow{color:#eab308}.icon-red{color:#ef4444}.likes-section{flex-direction:column;gap:12px;width:100%;display:flex}.like-shoping-button{cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;transition:all .3s}.like-shoping-button.liked{color:#e74c3c}.like-shoping-button:hover{transform:scale(1.25)}.like-icon-red{color:#ef4444}.like-icon-black{color:#000}.separator{background-color:#e5e7eb;width:100%;height:1px;margin:16px 0}.data-text{color:#4b5563;line-height:1.625}.thumbnail-container{cursor:pointer;border-radius:8px;transition:transform .2s;overflow:hidden}.thumbnail-container:hover{transform:scale(1.02)}.thumbnail-preview{aspect-ratio:1;object-fit:cover;max-width:100%;display:block;width:100%!important}.thumbnail-content{background:#fff;padding:12px}.thumbnail-title{color:#333;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.thumbnail-display{color:#777;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.thumbnail-owner{align-items:center;gap:8px;margin-bottom:8px;display:flex}.thumbnail-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.thumbnail-username{color:#666;-webkit-line-clamp:1;word-break:break-all;-webkit-box-orient:vertical;flex:1;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.thumbnail-stats{align-items:center;gap:12px;margin-bottom:8px;display:flex}.thumbnail-stat-item{color:#666;align-items:center;gap:4px;font-size:12px;display:flex}.thumbnail-stat-icon{font-size:14px}.thumbnail-time{color:#666;align-items:center;gap:4px;font-size:12px;display:flex}.placeholder-card-shoping{aspect-ratio:1;background:#f0f0f0;border-radius:12px;overflow:hidden}.placeholder-shoping{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%;width:100%;height:calc(100% - 75px);animation:1.5s infinite loading}.placeholder-content-shoping{box-sizing:border-box;background:#fff;height:75px;padding:12px}.placeholder-line-shoping{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:8px;animation:1.5s infinite loading}.placeholder-line-shoping.short{width:60%}.placeholder-line-shoping.medium{width:80%}.placeholder-line-shoping.full{width:100%}.no-products-label{text-align:center;color:#9ca3af;margin-top:24px;font-size:1.25rem;font-weight:600}.disabled{opacity:.5;pointer-events:none}.hidden{display:none!important}.visible{display:block}.theory-card{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:1px solid #e5e7eb80;border-radius:1rem;width:100%;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000000d;height:auto!important}.theory-placeholder{background:#1a1a1a;border-radius:12px;height:auto;overflow:hidden}.theory-thumbnail-container{background-color:#1a1a1a;width:100%;position:relative;overflow:hidden;height:auto!important}.theory-info-placeholder,.theory-info{padding:12px}.theory-title{color:#fff;-webkit-line-clamp:5;word-break:break-all;-webkit-box-orient:vertical;margin-top:-5px;font-size:24px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.text-theory-placeholder{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;border-radius:6px;width:100%;height:12px;margin-bottom:8px;animation:1.5s infinite loading}.theory-description{color:#999;-webkit-line-clamp:5;word-break:break-all;-webkit-box-orient:vertical;margin-top:-6px;margin-bottom:8px;font-size:22px;line-height:1.5;display:-webkit-box;overflow:hidden}.theory-action{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.theory-stats{align-items:center;gap:12px;margin-top:-3px;margin-bottom:8px;display:flex}.theory-stats>div{color:#999;align-items:center;gap:6px;font-size:12px;display:flex}.theory-author{align-items:center;gap:10px;display:flex}.avatar-placeholder{background-color:#666;border-radius:50%;width:24px;height:24px}.author-name{color:#fff;-webkit-line-clamp:1;word-break:break-all;-webkit-box-orient:vertical;flex:1;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.action-box{flex-direction:column;align-items:center;gap:.25rem;display:flex}.action-icon{font-size:1.125rem}.action-icon--reading{color:#6b7280}.action-icon--confirm{color:#10b981}.action-icon--reject{color:#ef4444}.action-icon--comment{color:#8b5cf6}.action-count{color:#fff;font-size:.875rem;font-weight:600}.action-label{color:#fff;font-size:.75rem}.theory-modal-overlay{z-index:20;background-color:#fff;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow-y:auto}.theory-modal{background:"#ffffff";overflow-y:"auto";width:"100vw";height:"100vh";max-width:"100%";max-height:"100%";border-radius:"0";position:"fixed";z-index:2;inset:0}.modal-close-button{color:red;cursor:pointer;z-index:1001;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:24px;transition:color .3s;display:flex;position:absolute;top:16px;right:16px}.modal-close-button:hover{color:#dc2626}.theory-modal-content{background-color:#fff;flex-direction:row;width:100%;max-width:none;height:auto;min-height:100vh;display:flex}.theory-modal-main{flex-direction:column;flex-shrink:0;width:100%;max-width:1000px;display:flex}.modal-theory-info{background-color:#fff;padding:16px}.modal-theory-title{color:#000;word-break:break-all;margin-top:-5px;font-size:18px;font-weight:700;line-height:1.4}.modal-theory-description{color:#666;word-break:break-all;margin-top:-8px;margin-bottom:16px;font-size:14px;line-height:1.5}.modal-author-info{align-items:center;gap:12px;margin-bottom:8px;display:flex}.author-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.author-display{color:#000;-webkit-line-clamp:1;word-break:break-all;-webkit-box-orient:vertical;margin-top:-5px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.author-title{color:#fff;-webkit-line-clamp:10000000;word-break:break-all;-webkit-box-orient:vertical;font-size:30px;line-height:1.4;display:-webkit-box;overflow:hidden}.modal-theory-stats{color:#666;gap:24px;font-size:14px;display:flex}.modal-theory-stats>div{align-items:center;gap:4px;display:flex}.comment-count,.save-count{text-align:center;min-width:8px;font-size:14px;display:inline-block}.share-modal,.comments-modal{z-index:10;background:#fff;flex-direction:column;flex:1;width:auto;height:auto;max-height:none;margin-left:auto;display:flex;position:relative;top:0;bottom:auto;right:0;overflow-y:visible;box-shadow:-4px 0 12px #0000001a}.modal-header{border-bottom:1px solid #e5e7eb;align-items:center;padding:16px;display:flex}.modal-header button{cursor:pointer;color:#374151;background:0 0;border:none;margin-right:12px;font-size:20px}.modal-header h3{margin:0;font-size:18px;font-weight:600}.search-container{border-bottom:1px solid #e5e7eb;padding:16px}.search-container input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.search-container input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.accounts-list{flex:1;padding:8px;overflow-y:auto}.account-item{background:#fff;border:1px solid #f3f4f6;border-radius:8px;align-items:center;margin-bottom:8px;padding:12px;display:flex}.account-item:hover{background-color:#f9fafb}.account-item img{object-fit:cover;border-radius:50%;width:40px;height:40px;margin-right:12px}.account-info{flex:1}.account-display{color:#111827;margin-bottom:2px;font-size:14px;font-weight:500}.account-username{color:#6b7280;font-size:12px}.share-theory-button{cursor:pointer;color:#fff;background-color:#10b981;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.share-theory-button.shared{background-color:#ef4444}.loading-spinner{border:2px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.modal-actions{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:12px 0;display:flex;position:relative}.action-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;min-width:60px;padding:8px;transition:all .2s;display:flex}.action-button:hover{color:#374151;background-color:#f3f4f6}.action-icon{margin-bottom:4px;font-size:20px}.action-text{font-size:12px;font-weight:500}.action-menu{margin-left:auto;position:relative}.action-buttons-left{flex:1;align-items:center;gap:12px;display:flex}.menu-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:32px}.menu-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:160px;display:none;position:absolute;bottom:100%;right:0;box-shadow:0 4px 12px #0000001a}.menu-dropdown.open{display:block}.menu-dropdown button{text-align:left;cursor:pointer;color:#374151;background:0 0;border:none;width:100%;padding:8px 16px;font-size:14px;display:block}.menu-dropdown button:hover{background-color:#f3f4f6}@media (width<=768px){.theory-card{height:220px}.theory-title{margin-bottom:6px!important;font-size:22px!important}.theory-description{margin-bottom:6px!important;font-size:20px!important}.theory-stats{gap:8px!important;margin-bottom:6px!important;font-size:11px!important}.theory-author{gap:6px!important}.author-name{font-size:12px!important}.modal-actions{padding:8px 0}.action-button{min-width:50px;padding:6px}.action-icon{font-size:18px}.action-text{font-size:10px}.action-buttons-left{gap:8px}}@media (width<=1359px){.theory-modal-content{flex-direction:column;position:relative;overflow-y:auto}.theory-modal-main{width:100%;max-width:100%}.share-modal,.comments-modal{z-index:30;background:#fff;width:100%;height:100%;margin-left:0;position:fixed;inset:0}.comments-modal{padding-bottom:60px}}.theory-card--disabled{filter:grayscale()}.delete-confirmation-modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-confirmation-content{text-align:center;background:#fff;border-radius:.75rem;width:90%;max-width:500px;margin:0 auto;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.custom-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);height:1px;margin:.5rem 0}.author-container,.time-container{align-items:center;gap:.5rem;padding:.75rem;display:flex}.time-icon{color:#9ca3af;font-size:.875rem}.time-text{color:#a8b0be;font-size:.75rem;font-weight:500}.edit-container{align-items:center;gap:.5rem;padding:.75rem;display:flex}.edit-icon{color:red;font-size:.875rem}.edit-text{color:red;font-size:.75rem;font-weight:500}.full-content-container{width:100%;height:100%;overflow-y:auto}.theory-header{color:#fff;background:linear-gradient(90deg,#1e3a8a 0%,#581c87 100%);padding:1.5rem}.gradient-blue-purple{background:linear-gradient(90deg,#1e3a8a 0%,#581c87 100%)}.header-content{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.header-info{flex-direction:column;display:flex}.author-info{align-items:center;gap:.75rem;display:flex}.author-username{color:#666;-webkit-line-clamp:1;word-break:break-all;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.section-card{background:#fff;border-radius:12px;margin:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000f}.section-content{flex-direction:column;gap:1rem;width:100%;display:flex}.section-header{align-items:center;gap:.75rem;display:flex}.section-icon{font-size:1.5rem}.section-icon.black{color:#000}.section-title{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.section-definition{margin-top:2rem}.definition-text{color:#374151;white-space:pre-wrap;word-break:break-word;margin:0;font-size:1.125rem;line-height:1.75}.section-content-card{margin-top:2rem}.items-container{flex-direction:column;gap:1rem;width:100%;display:flex}.section-item{background:#f9fafb80;border:1px solid #e5e7eb;border-radius:8px}.item-content{flex-direction:column;gap:.75rem;width:100%;padding:1.5rem;display:flex}.item-header{align-items:center;gap:.75rem;display:flex}.item-number{color:#374151;min-width:2rem;font-size:1.125rem;font-weight:700}.item-title{color:#1f2937;white-space:pre-wrap;word-break:break-word;flex:1;font-size:1.125rem;font-weight:600}.item-description{color:#4b5563;white-space:pre-wrap;word-break:break-word;margin:0}.section-terms{margin-top:2rem}.terms-grid{gap:1rem;width:100%;display:grid}.terms-grid.single-term{grid-template-columns:1fr}.terms-grid.multiple-terms{grid-template-columns:1fr 1fr}.term-card{background:#c7d2fe4d;border:1px solid #c7d2fe;border-radius:8px}.term-content{flex-direction:column;gap:.5rem;width:100%;padding:1rem;display:flex}.term-title{color:#3730a3;white-space:pre-wrap;word-break:break-word;font-size:1.125rem;font-weight:700}.term-definition{color:#4338ca;white-space:pre-wrap;word-break:break-word}.section-relationships{margin-top:2rem}.relationships-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.relationship-card{border-radius:8px;overflow:hidden}.relationship-card.compatible{background:#bbf7d04d;border:1px solid #bbf7d0}.relationship-card.opposing{background:#fecaca4d;border:1px solid #fecaca}.relationship-card.stronger{background:#fed7aa4d;border:1px solid #fed7aa}.relationship-content{flex-direction:column;gap:.75rem;width:100%;padding:1.5rem;display:flex}.relationship-header{align-items:center;gap:.75rem;display:flex}.relationship-icon{font-size:1.5rem}.relationship-icon.green{color:#10b981}.relationship-icon.red{color:#ef4444}.relationship-icon.orange{color:#f59e0b}.relationship-type{margin:0;font-size:1.25rem;font-weight:600}.relationship-card.compatible .relationship-type{color:#065f46}.relationship-card.opposing .relationship-type{color:#7f1d1d}.relationship-card.stronger .relationship-type{color:#92400e}.relationship-text{color:inherit;white-space:pre-wrap;word-break:break-word;margin:0}.relationship-card.compatible .relationship-text{color:#047857}.relationship-card.opposing .relationship-text{color:#b91c1c}.relationship-card.stronger .relationship-text{color:#b45309}.section-additional{margin-top:2rem}.additional-text{color:#374151;white-space:pre-wrap;word-break:break-word;margin:0;font-size:1.125rem}.actions-footer{background:linear-gradient(#ffffffe6,#f9fafb);border-top:1px solid #e5e7eb80;border-radius:0 0 1rem 1rem;flex-direction:column;justify-content:center;width:100%;padding:2rem 1rem;display:flex;position:relative}.actions-decorative-line{background:linear-gradient(90deg,#0000,#0000001a,#0000);width:90%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.actions-container{flex-wrap:wrap;justify-content:center;gap:1.2rem;width:100%;max-width:800px;margin:0 auto;display:flex}.action-button-container{position:relative}.button-overlay{pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000);width:100%;height:100%;position:absolute;top:0;left:0}.button-overlay.active{background:radial-gradient(circle at 30% 30%,#fff3,#0000)}.action-button-with-count{align-items:center;gap:.25rem;display:flex}.action-button-icon{color:#fff;font-size:1.5rem}.action-count-value{color:#fff;font-size:1rem;font-weight:700}.action-button-text{text-transform:uppercase;letter-spacing:.05em;color:#fff;font-size:.75rem;font-weight:600}.copy-button,.edit-button{background:linear-gradient(135deg,#6b7280,#4b5563)}.report-button{background:linear-gradient(135deg,red,red)}.share-theory-button{background:linear-gradient(135deg,#ec4899,#db2777)}.confirm-button{background:linear-gradient(135deg,#6b7280,#4b5563)}.confirm-button.active{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #ffffff4d}.reject-button{background:linear-gradient(135deg,#6b7280,#4b5563)}.reject-button.active{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #ffffff4d}.debate-button{background:linear-gradient(135deg,#3b82f6,#2563eb)}.save-theory-button{background:linear-gradient(135deg,#6b7280,#4b5563)}.save-theory-button.active{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #ffffff4d}.delete-button{background:linear-gradient(135deg,#ef4444,#dc2626)}.actions-bottom-line{background:linear-gradient(90deg,#0000,#3b82f633,#0000);border-radius:0 0 3px 3px;width:80%;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.share-modal-container{flex-direction:column;gap:0;width:100%;height:100%;display:flex}.share-modal-header{text-align:center;align-self:center;padding:1rem;font-size:1.875rem;font-weight:600}.share-search-container{width:100%;padding:.5rem 1rem}.search-input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-results-container{width:100%;height:100%;padding:1rem;overflow-y:auto}.account-info{flex:1;align-items:center;gap:.75rem;display:flex}.account-avatar{object-fit:cover;border:2px solid #e5e7eb;border-radius:50%;width:40px;height:40px}.account-details{flex-direction:column;display:flex}.account-display-name{color:#333;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.875rem;font-weight:700;overflow:hidden}.account-username.primary{color:#333;font-weight:700}.account-username.secondary{color:#666;font-weight:400}.share-theory-action-button{color:#fff;cursor:pointer;border:none;border-radius:9999px;min-width:80px;padding:.5rem 1.5rem;font-size:.875rem;transition:background-color .2s,transform .2s}.share-theory-action-button.send{background:#10b981}.share-theory-action-button.send:hover{background:#059669;transform:scale(1.05)}.share-theory-action-button.cancel{background:#ef4444}.share-theory-action-button.cancel:hover{background:#dc2626;transform:scale(1.05)}.close-modal-button{color:#000;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2.375rem;height:2.375rem;transition:color .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.close-modal-button:hover{color:#ef4444}.back-theory-button{cursor:pointer;color:#374151;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.back-theory-button:hover{color:#3b82f6}.comment-count-value{color:#3b82f6;font-size:1rem;font-weight:700}.edit-modal-container{flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.edit-header{text-align:center;flex-direction:column;align-items:center;display:flex}.edit-header-icon{color:#2563eb;margin-bottom:1rem;font-size:3rem}.edit-title{color:#1f2937;margin:0;font-size:2.25rem;font-weight:700}.edit-subtitle{color:#6b7280;margin-top:.5rem;margin-bottom:0;font-size:1.125rem}.edit-section{padding:2rem}.edit-section-content{flex-direction:column;gap:1rem;width:100%;display:flex}.edit-section-header{justify-content:space-between;align-items:center;display:flex}.section-title-container{align-items:center;gap:.75rem;display:flex}.edit-inputs-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.edit-input-card{background:#ffffff80;border:1px solid #f3f4f6;border-radius:.75rem;padding:1.5rem;transition:border-color .2s}.edit-input-card:hover{border-color:#d1d5db}.edit-input-content{flex-direction:column;gap:1rem;width:100%;display:flex}.edit-input-header{justify-content:space-between;align-items:center;width:100%;display:flex}.input-number{color:#2563eb;font-size:1.125rem;font-weight:700}.input-number.small{min-width:3rem}.delete-input-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .2s,transform .2s;display:flex}.delete-input-button:hover{background:#dc2626;transform:scale(1.1)}.edit-input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;padding:.75rem;font-size:1.125rem;transition:border-color .2s,box-shadow .2s}.edit-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-textarea{resize:none;border:1px solid #d1d5db;border-radius:.75rem;outline:none;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-textarea.large{height:250px;min-height:250px;max-height:250px;font-size:1.125rem;overflow:auto}.edit-textarea.relationship-textarea{height:150px;min-height:150px;max-height:150px;overflow:auto}.add-input-button-container{justify-content:center;margin-top:1rem;display:flex}.add-input-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;transition:background-color .2s,transform .2s;display:flex}.add-input-button:hover{background:#2563eb;transform:scale(1.05)}.relationships-edit-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.relationship-edit-group{flex-direction:column;gap:.75rem;width:100%;display:flex}.relationship-edit-header{align-items:center;gap:.75rem;display:flex}.relationship-edit-icon{font-size:1.25rem}.relationship-edit-icon.green{color:#10b981}.relationship-edit-icon.red{color:#ef4444}.relationship-edit-icon.orange{color:#f59e0b}.relationship-edit-title{color:#374151;margin:0;font-size:1.125rem;font-weight:600}.advertisement-section{flex-direction:column;gap:.5rem;width:100%;display:flex}.advertisement-checkbox{align-items:center;gap:.5rem;display:flex}.advertisement-checkbox-input{accent-color:#3b82f6;cursor:pointer;width:1.25rem;height:1.25rem}.advertisement-checkbox-label{color:#3b82f6;cursor:pointer;font-weight:500}.advertisement-warning{color:#ef4444;margin-top:.25rem;margin-bottom:0;font-size:.875rem}.advertisement-input{border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;height:2.5rem;padding:0 .5rem;font-size:.875rem;transition:border-color .2s}.advertisement-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-buttons-container{justify-content:center;width:100%;display:flex}.update-theory-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:100%;padding:1rem;font-size:1.125rem;font-weight:600;transition:background-color .2s,transform .2s;display:flex}.update-theory-button:hover{background:#2563eb;transform:translateY(-2px)}.update-button-text{color:#fff}.warning-icon-container{justify-content:center;margin-bottom:1.5rem;display:flex}.warning-icon{color:#ef4444;font-size:4rem}.warning-text{text-align:center;margin-bottom:2rem}.warning-title{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.warning-message{color:#6b7280;margin-bottom:.5rem;line-height:1.6}.warning-danger{color:#dc2626;margin-top:.5rem;margin-bottom:0;font-weight:600}.warning-buttons{justify-content:center;gap:1rem;display:flex}.warning-cancel-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;min-width:120px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.warning-cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.warning-delete-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.warning-delete-button:hover:not(:disabled){background:#dc2626}.warning-delete-button:disabled,.warning-cancel-button:disabled{opacity:.6;cursor:not-allowed}.warning-delete-button.deleting{background:#9ca3af}.small-spinner{border-width:2px;width:1rem;height:1rem}.error-input{border:2px solid #ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.loading-container{justify-content:center;align-items:center;width:100%;height:16rem;display:flex}.loading-spinner{border:3px solid #3b82f64d;border-top-color:#3b82f6;border-radius:50%;animation:1s linear infinite spin}.loading-spinner.large{width:3rem;height:3rem}.loading-spinner.medium{width:1.5rem;height:1.5rem}.loading-spinner.small{width:1rem;height:1rem}.loading-state{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.no-results{text-align:center;color:#6b7280;padding:3rem;font-style:italic}@media (width<=768px){.section-card{margin:.5rem;padding:1rem}.terms-grid.multiple-terms{grid-template-columns:1fr}.actions-container{gap:.8rem}.edit-modal-container{gap:1rem;padding:1rem}.edit-section{padding:1rem}}@media (width<=480px){.actions-container{gap:.5rem}.warning-buttons{flex-direction:column;align-items:center}.warning-cancel-button,.warning-delete-button{width:100%;max-width:200px}}.ql-container{box-sizing:border-box;height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:13px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;position:absolute;top:50%;left:-100000px;overflow-y:hidden}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;outline:none;height:100%;padding:12px 15px;line-height:1.42;overflow-y:auto}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{white-space:nowrap;width:1.2em;display:inline-block}.ql-editor li:not(.ql-direction-rtl):before{text-align:right;margin-left:-1.5em;margin-right:.3em}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0, decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1, lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2, lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3, decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4, lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5, lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6, decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7, lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8, lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{max-width:100%;display:block}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{text-align:inherit;direction:rtl}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);pointer-events:none;font-style:italic;position:absolute;left:15px;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{cursor:pointer;float:left;background:0 0;border:none;width:28px;height:24px;padding:3px 5px;display:inline-block}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{vertical-align:middle;display:inline-block}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1px}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-top:5px;margin-bottom:5px;padding:5px 10px}.ql-snow .ql-editor code{padding:2px 4px;font-size:85%}.ql-snow .ql-editor pre.ql-syntax{color:#f8f8f2;background-color:#23241f;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;float:left;vertical-align:middle;height:24px;font-size:14px;font-weight:500;display:inline-block;position:relative}.ql-snow .ql-picker-label{cursor:pointer;width:100%;height:100%;padding-left:8px;padding-right:2px;display:inline-block;position:relative}.ql-snow .ql-picker-label:before{line-height:22px;display:inline-block}.ql-snow .ql-picker-options{white-space:nowrap;background-color:#fff;min-width:100%;padding:4px 8px;display:none;position:absolute}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;padding-top:5px;padding-bottom:5px;display:block}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:1;margin-top:-1px;display:block;top:100%}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{width:24px;height:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{width:152px;padding:3px 5px}.ql-snow .ql-color-picker .ql-picker-item{float:left;border:1px solid #0000;width:16px;height:16px;margin:2px;padding:0}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{width:18px;margin-top:-9px;position:absolute;top:50%;right:0}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{box-sizing:border-box;border:1px solid #ccc;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{color:#444;white-space:nowrap;background-color:#fff;border:1px solid #ccc;padding:5px 12px;box-shadow:0 0 5px #ddd}.ql-snow .ql-tooltip:before{content:"Visit URL:";margin-right:8px;line-height:26px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;width:170px;height:26px;margin:0;padding:3px 5px;font-size:13px;display:none}.ql-snow .ql-tooltip a.ql-preview{text-overflow:ellipsis;vertical-align:top;max-width:200px;display:inline-block;overflow-x:hidden}.ql-snow .ql-tooltip a.ql-action:after{content:"Edit";border-right:1px solid #ccc;margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{content:"Save";border-right:0;padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.article-components-container{background-color:#303030;width:100%;max-width:1300px;min-height:100vh;margin:0 auto;padding:20px}.article-components-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.article-components-title{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:600}.article-components-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;margin-bottom:30px;display:grid}.article-components-card{cursor:pointer;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:20px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 12px #0000004d}.article-components-card:hover{border-color:#4a4a4a;box-shadow:0 12px 28px #0006}.article-components-image-container{background:linear-gradient(135deg,#2d2d2d,#252525);width:100%;height:auto;position:relative;overflow:hidden}.article-components-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-components-no-image{color:#9ca3af;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.article-components-content{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.article-components-title-text{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.25rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.article-components-stats{color:#9ca3af;gap:16px;margin-bottom:4px;font-size:.8rem;display:flex}.article-components-stats span{align-items:center;gap:4px;display:flex}.article-components-stats .material-symbols-outlined{font-size:16px}.article-components-summary{color:#cbd5e1;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-components-author{border-top:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;align-items:center;gap:12px;margin:8px 0;padding:8px 0;display:flex}.article-components-author-avatar{object-fit:cover;background:#3a3a3a;border:2px solid #4a4a4a;border-radius:50%;width:36px;height:36px}.article-components-author-info{flex:1;min-width:0;overflow:hidden}.article-components-author-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:.9rem;font-weight:600;line-height:1.3;overflow:hidden}.article-components-author-username{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:.7rem;overflow:hidden}.article-components-time{color:#9ca3af;align-items:center;gap:4px;font-size:.75rem;display:flex}.article-components-time .material-symbols-outlined{font-size:14px}.article-components-writer-preview{background:#1e1e1e;border-radius:12px;align-items:center;gap:8px;width:fit-content;margin:4px 0;padding:6px 12px;display:flex}.article-components-writer-icon{color:#9ca3af;font-size:14px}.article-components-writer-text{color:#cbd5e1;font-size:.8rem;font-style:italic}.article-components-read-more-btn{color:#818cf8;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:8px 0;font-size:.85rem;font-weight:500;transition:color .2s;display:flex}.article-components-read-more-btn:hover{color:#a78bfa}.article-components-actions{display:flex}.article-components-actions button{cursor:pointer;background:0 0;border:none;border-radius:40px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.article-components-like-button{color:#9ca3af}.article-components-like-button:hover{color:#f87171;background:#ef444426}.article-components-like-button.article-components-liked{color:#ef4444;background:#ef444426}.article-components-comment-button{color:#9ca3af}.article-components-comment-button:hover{color:#60a5fa;background:#60a5fa1a}.article-components-save-button{color:#9ca3af}.article-components-save-button:hover,.article-components-save-button.article-components-saved{color:#fbbf24;background:#fbbf2426}.article-components-share-button{color:#9ca3af}.article-components-share-button:hover{color:#10b981;background:#10b98126}.article-components-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.article-components-modal{width:100%;max-width:none;height:100vh;max-height:100vh;box-shadow:none;background:#1e1e2a;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.article-components-modal.article-components-create-modal{width:100%;height:100vh}.article-components-modal.article-components-small-modal{border-radius:24px;width:90%;max-width:520px;height:auto;max-height:80vh}.article-components-modal-header{color:#fff;background:#1a1a24;border-bottom:1px solid #2d2d3a;justify-content:space-between;align-items:flex-start;padding:20px 28px;display:flex}.article-components-modal-header-content{flex:1}.article-components-modal-author-info{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.article-components-modal-author-avatar{object-fit:cover;border:2px solid #3a3a4a;border-radius:50%;width:48px;height:48px}.article-components-modal-author-details{flex:1;min-width:0;overflow:hidden}.article-components-modal-author-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:1rem;font-weight:600;line-height:1.3;overflow:hidden}.article-components-modal-author-username{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:.8rem;overflow:hidden}.article-components-modal-title{color:#fff;margin:0;font-size:1.75rem;font-weight:700;line-height:1.3}.article-components-close-modal-btn{color:#ef4444;width:3rem;height:3rem;box-shadow:none;cursor:pointer;z-index:30;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:0;right:0}.article-components-modal-body{color:#fff;flex:1;padding:8px;overflow-y:auto}.article-components-modal-images{gap:16px;margin-bottom:28px;padding-bottom:12px;display:flex;overflow-x:auto}.article-components-modal-image{object-fit:cover;border-radius:16px;max-width:100%;max-height:450px;box-shadow:0 4px 12px #0000004d}.article-components-modal-content{color:#e2e8f0;font-size:1rem;line-height:1.75}.article-components-modal-content h1,.article-components-modal-content h2,.article-components-modal-content h3,.article-components-modal-content h4,.article-components-modal-content h5,.article-components-modal-content h6{color:#fff;margin-top:1.5em;margin-bottom:.75em}.article-components-modal-content p{color:#cbd5e6;margin-bottom:1.25em}.article-components-modal-content pre{background:#0f0f1a;border:1px solid #2d2d3a;border-radius:16px;margin:1.25em 0;padding:20px;position:relative;overflow-x:auto}.article-components-modal-content code{color:#facc15;font-family:Fira Code,Consolas,monospace;font-size:.85em}.article-components-modal-content pre code{color:#e2e8f0;background:0 0;padding:0}.article-components-code-language-label{color:#9ca3af;background:#1e1e2a;border-radius:20px;padding:4px 12px;font-family:monospace;font-size:.7rem;position:absolute;top:12px;right:16px}.article-components-modal-content blockquote{color:#a0aec0;border-left:4px solid #818cf8;margin:1.25em 0;padding-left:1.25em;font-style:italic}.article-components-modal-content a{color:#818cf8;text-decoration:none}.article-components-modal-content a:hover{color:#a78bfa;text-decoration:underline}.article-components-writer{text-align:center;color:#cbd5e1;background:#252530;border:1px solid #353540;border-radius:20px;margin-top:32px;padding:20px;font-style:italic}.article-components-modal-footer{background:#1a1a24;border-top:1px solid #2d2d3a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex}.article-components-create-form{flex-direction:column;gap:24px;display:flex}.article-components-form-group{flex-direction:column;gap:8px;display:flex}.article-components-form-group label{color:#e2e8f0;font-size:.9rem;font-weight:600}.article-components-form-group input,.article-components-form-group textarea{color:#fff;background:#2a2a36;border:1px solid #3a3a4a;border-radius:12px;padding:12px 16px;font-size:.9rem;transition:all .2s}.article-components-form-group input:focus,.article-components-form-group textarea:focus{border-color:#818cf8;outline:none;box-shadow:0 0 0 2px #818cf833}.article-components-form-group input::placeholder,.article-components-form-group textarea::placeholder{color:#6b7280}.article-components-author-section{background:#252530;border-radius:16px;margin-bottom:0;padding:20px}.article-components-form-label{align-items:center;gap:8px;margin-bottom:12px;display:flex}.article-components-label-icon .material-symbols-outlined{color:#818cf8;font-size:20px}.article-components-required-star{color:#ef4444;margin-left:2px}.article-components-author-name-input{font-weight:500;font-size:1rem!important}.article-components-form-hint{color:#9ca3af;margin-top:6px;font-size:.7rem}.article-components-quill-editor-container{background:#2a2a36;border-radius:16px;overflow:hidden}.article-components-quill-editor-container .ql-toolbar{background:#1f1f2a;border-color:#3a3a4a;border-top-left-radius:16px;border-top-right-radius:16px}.article-components-quill-editor-container .ql-container{color:#e2e8f0;background:#2a2a36;border-color:#3a3a4a;min-height:350px;font-size:14px}.article-components-quill-editor-container .ql-editor{color:#e2e8f0}.article-components-quill-editor-container .ql-editor.ql-blank:before{color:#6b7280;font-style:italic}.article-components-quill-editor-container .ql-snow .ql-stroke{stroke:#9ca3af}.article-components-quill-editor-container .ql-snow .ql-fill{fill:#9ca3af}.article-components-quill-editor-container .ql-snow .ql-picker{color:#9ca3af}.article-components-quill-editor-container .ql-snow .ql-picker-options{background:#2a2a36;border-color:#3a3a4a}.article-components-image-upload-area{text-align:center;cursor:pointer;color:#9ca3af;background:#252530;border:2px dashed #4a4a5a;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px;transition:all .2s;display:flex}.article-components-image-upload-area:hover{color:#cbd5e1;background:#2d2d3a;border-color:#818cf8}.article-components-image-upload-area .material-symbols-outlined{font-size:32px}.article-components-image-upload-progress{color:#9ca3af;margin-top:12px;font-size:.8rem}.article-components-image-preview-container{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.article-components-image-preview{border-radius:12px;width:90px;height:90px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.article-components-image-preview img{object-fit:cover;width:100%;height:100%}.article-components-remove-image-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.article-components-remove-image-btn:hover{background:#ef4444}.article-components-create-article-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:40px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.article-components-create-article-btn:hover{box-shadow:0 8px 20px #6366f14d}.article-components-submit-article-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:40px;padding:12px 28px;font-size:.9rem;font-weight:600;transition:all .2s}.article-components-submit-article-btn:hover:not(:disabled){box-shadow:0 8px 20px #6366f14d}.article-components-submit-article-btn:disabled{opacity:.5;cursor:not-allowed}.article-components-toolbar-btn{color:#e2e8f0;cursor:pointer;background:#2a2a36;border:1px solid #3a3a4a;border-radius:40px;align-items:center;gap:6px;padding:10px 24px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.article-components-toolbar-btn:hover{background:#353542;border-color:#4a4a5a}.article-components-report-button{color:#ef4444;cursor:pointer;background:#2a2a36;border:1px solid #ef4444;border-radius:40px;align-items:center;gap:6px;padding:10px 24px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.article-components-report-button:hover{color:#fff;background:#ef4444}.article-components-delete-button{color:#ef4444;cursor:pointer;background:#2a2a36;border:1px solid #ef4444;border-radius:40px;align-items:center;gap:6px;padding:10px 24px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.article-components-delete-button:hover{color:#fff;background:#ef4444}.article-components-search-container{margin-bottom:20px}.article-components-search-container input{color:#fff;background:#2a2a36;border:1px solid #3a3a4a;border-radius:40px;width:100%;padding:12px 20px;font-size:.9rem}.article-components-search-container input:focus{border-color:#818cf8;outline:none}.article-components-search-loading{color:#9ca3af;align-items:center;gap:10px;margin-top:12px;display:flex}.article-components-accounts-list{max-height:380px;overflow-y:auto}.article-components-account-item{border-bottom:1px solid #2d2d3a;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.article-components-account-item:hover{background:#2a2a36}.article-components-account-avatar{object-fit:cover;border-radius:50%;width:44px;height:44px}.article-components-account-info{flex:1}.article-components-account-display{color:#fff;font-size:.9rem;font-weight:500}.article-components-account-username{color:#9ca3af;font-size:.75rem}.article-components-placeholder{background:#2a2a36;border-radius:20px;animation:1.5s infinite article-components-pulse;overflow:hidden}@keyframes article-components-pulse{0%,to{opacity:1}50%{opacity:.6}}.article-components-text-placeholder{background:#3a3a46;border-radius:8px;height:16px;margin:8px 0}.article-components-author-skeleton{align-items:center;gap:12px;display:flex}.article-components-skeleton-avatar{background:#3a3a46;border-radius:50%;width:40px;height:40px}.article-components-skeleton-info{flex:1}.article-components-skeleton-line{background:#3a3a46;border-radius:6px;width:80%;height:12px;margin-bottom:6px}.article-components-skeleton-line-small{background:#3a3a46;border-radius:5px;width:60%;height:10px}.article-components-loading-more{text-align:center;color:#9ca3af;padding:24px}.article-components-empty,.article-components-error{text-align:center;color:#9ca3af;padding:80px 20px;font-size:1.1rem}.article-components-empty .material-symbols-outlined,.article-components-error .material-symbols-outlined{color:#6b7280;margin-bottom:20px;font-size:64px;display:block}@media (width<=768px){.article-components-grid{grid-template-columns:1fr;gap:20px}.article-components-header{text-align:center;flex-direction:column}.article-components-actions{flex-wrap:wrap;justify-content:center}.article-components-modal-title{font-size:1.5rem}}@media (width<=480px){.article-components-card{margin:0}.article-components-title-text{font-size:1.1rem}.article-components-stats{flex-wrap:wrap;gap:12px}.article-components-actions button{padding:6px 12px;font-size:.75rem}.article-components-modal.article-components-small-modal{border-radius:20px;width:95%}}.article-components-modal-edited-info{color:#9ca3af;background:#252530;border-radius:20px;padding:4px 12px;font-size:.8rem}.article-components-edited-icon .material-symbols-outlined{font-size:14px}.article-components-edited-text{font-style:italic}.article-components-loading-spinner{border:2px solid #3a3a4a;border-top-color:#818cf8;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite article-components-spin;display:inline-block}.article-components-loading-state{text-align:center;color:#9ca3af;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.article-components-no-results{text-align:center;color:#9ca3af;padding:32px}.article-components-info-skeleton{align-items:center;gap:12px;display:flex}.article-components-skeleton-text{background:#3a3a46;border-radius:6px;width:100px;height:12px}.article-components-textarea{resize:vertical;color:#fff;background:#2a2a36;border:1px solid #3a3a4a;border-radius:.5rem;width:100%;padding:.75rem}.article-components-owner-actions{gap:12px;display:flex}.material-symbols-outlined{vertical-align:middle;font-size:18px}.article-components-modal{height:100vh;position:relative;overflow:hidden}.article-components-modal-body{width:100%;padding-top:120px;padding-bottom:80px;position:absolute;top:0;bottom:0;overflow-y:auto}.article-components-modal-header{z-index:10;width:100%;position:absolute;top:0;left:0}.article-components-modal-footer{z-index:10;width:100%;position:absolute;bottom:0;left:0}.article-components-share-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#000000f2;justify-content:center;align-items:center;animation:.2s article-components-share-fadeIn;display:flex;position:fixed;inset:0}@keyframes article-components-share-fadeIn{0%{opacity:0}to{opacity:1}}.article-components-share-modal{background:#1e1e2a;border-radius:28px;flex-direction:column;width:90%;max-width:550px;max-height:80vh;animation:.3s article-components-share-slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@keyframes article-components-share-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.article-components-share-modal-header{background:#1a1a24;border-bottom:1px solid #2d2d3a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.article-components-share-modal-title{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:600}.article-components-share-modal-close{color:#9ca3af;cursor:pointer;background:#2a2a36;border:1px solid #3a3a4a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.article-components-share-modal-close:hover{color:#fff;background:#ef4444;border-color:#ef4444}.article-components-share-modal-close .material-symbols-outlined{font-size:20px}.article-components-share-modal-body{background:#1e1e2a;flex:1;padding:24px;overflow-y:auto}.article-components-share-search-container{margin-bottom:24px;position:relative}.article-components-share-search-input{color:#fff;background:#2a2a36;border:1px solid #3a3a4a;border-radius:40px;width:100%;padding:14px 20px;font-size:.95rem;transition:all .2s}.article-components-share-search-input:focus{border-color:#818cf8;outline:none;box-shadow:0 0 0 3px #818cf833}.article-components-share-search-input::placeholder{color:#6b7280}.article-components-share-search-loading{color:#9ca3af;background:#2a2a36;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:8px 12px;font-size:.85rem;display:flex}.article-components-share-accounts-list{max-height:400px;margin:-8px;overflow-y:auto}.article-components-share-account-item{cursor:pointer;background:#252530;border-radius:16px;align-items:center;gap:14px;margin:8px;padding:12px;transition:all .2s;display:flex}.article-components-share-account-item:hover{background:#2d2d3a;transform:translate(2px)}.article-components-share-account-avatar{object-fit:cover;border:2px solid #3a3a4a;border-radius:50%;flex-shrink:0;width:48px;height:48px}.article-components-share-account-info{flex:1;min-width:0}.article-components-share-account-display{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;line-height:1.3;overflow:hidden}.article-components-share-account-username{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;overflow:hidden}.article-components-share-action-btn{cursor:pointer;border:none;border-radius:40px;flex-shrink:0;padding:8px 20px;font-size:.85rem;font-weight:500;transition:all .2s}.article-components-share-action-send{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.article-components-share-action-send:hover{transform:scale(1.02);box-shadow:0 4px 12px #6366f14d}.article-components-share-action-cancel{color:#ef4444;background:#2a2a36;border:1px solid #ef4444}.article-components-share-action-cancel:hover{color:#fff;background:#ef4444}.article-components-share-loading-state,.article-components-share-no-results{text-align:center;color:#9ca3af;padding:48px 24px}.article-components-share-loading-state .material-symbols-outlined,.article-components-share-no-results .material-symbols-outlined{color:#6b7280;margin-bottom:16px;font-size:48px}.article-components-share-loading-state p,.article-components-share-no-results p{margin:0;font-size:.95rem}.article-components-share-modal-footer{background:#1a1a24;border-top:1px solid #2d2d3a;justify-content:flex-end;padding:16px 24px;display:flex}.article-components-share-close-btn{color:#e2e8f0;cursor:pointer;background:#2a2a36;border:1px solid #3a3a4a;border-radius:40px;padding:10px 28px;font-size:.9rem;font-weight:500;transition:all .2s}.article-components-share-close-btn:hover{background:#353542;border-color:#4a4a5a}@media (width<=640px){.article-components-share-modal{border-radius:24px;width:95%;max-height:85vh}.article-components-share-modal-header{padding:16px 20px}.article-components-share-modal-body{padding:20px}.article-components-share-modal-title{font-size:1.2rem}.article-components-share-account-item{gap:10px;padding:10px}.article-components-share-account-avatar{width:40px;height:40px}.article-components-share-action-btn{padding:6px 16px;font-size:.8rem}}.article-components-delete-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#000000f2;justify-content:center;align-items:center;animation:.2s article-components-delete-fadeIn;display:flex;position:fixed;inset:0}@keyframes article-components-delete-fadeIn{0%{opacity:0}to{opacity:1}}.article-components-delete-modal{background:#1e1e2a;border-radius:28px;flex-direction:column;width:90%;max-width:450px;animation:.3s article-components-delete-slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@keyframes article-components-delete-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.article-components-delete-modal-header{background:#1a1a24;border-bottom:1px solid #2d2d3a;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.article-components-delete-modal-title{color:#ef4444;margin:0;font-size:1.4rem;font-weight:600}.article-components-delete-modal-close{color:#9ca3af;cursor:pointer;background:#2a2a36;border:1px solid #3a3a4a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.article-components-delete-modal-close:hover{color:#fff;background:#ef4444;border-color:#ef4444}.article-components-delete-modal-close .material-symbols-outlined{font-size:20px}.article-components-delete-modal-body{text-align:center;background:#1e1e2a;flex:1;padding:32px 24px}.article-components-delete-modal-icon{margin-bottom:20px}.article-components-delete-modal-icon .material-symbols-outlined{color:#ef4444;font-size:64px}.article-components-delete-modal-message{color:#e2e8f0;margin:0;font-size:1rem;line-height:1.5}.article-components-delete-modal-footer{background:#1a1a24;border-top:1px solid #2d2d3a;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.article-components-delete-modal-cancel-btn{color:#e2e8f0;cursor:pointer;background:#2a2a36;border:1px solid #3a3a4a;border-radius:40px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:all .2s}.article-components-delete-modal-cancel-btn:hover{background:#353542;border-color:#4a4a5a}.article-components-delete-modal-confirm-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.article-components-delete-modal-confirm-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.02);box-shadow:0 4px 12px #ef44444d}.article-components-delete-modal-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.article-components-loading-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite article-components-spin;display:inline-block}@media (width<=640px){.article-components-delete-modal{border-radius:24px;width:95%}.article-components-delete-modal-header{padding:16px 20px}.article-components-delete-modal-body{padding:24px 20px}.article-components-delete-modal-title{font-size:1.2rem}.article-components-delete-modal-icon .material-symbols-outlined{font-size:48px}.article-components-delete-modal-message{font-size:.9rem}.article-components-delete-modal-footer{padding:12px 20px}.article-components-delete-modal-cancel-btn,.article-components-delete-modal-confirm-btn{padding:8px 20px;font-size:.85rem}}.article-components-modal-content img{object-fit:contain;border-radius:12px;max-width:100%;height:auto;margin:0 auto;display:block}.article-components-edit-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#000000f2;justify-content:center;align-items:center;animation:.2s article-components-edit-fadeIn;display:flex;position:fixed;inset:0}.article-components-edit-modal{background:#1e1e2a;border-radius:28px;flex-direction:column;width:90%;max-width:800px;max-height:90vh;animation:.3s article-components-edit-slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.article-components-edit-modal-header{background:#1a1a24;border-bottom:1px solid #2d2d3a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.article-components-edit-modal-title{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:600}.article-components-edit-modal-close{color:#9ca3af;cursor:pointer;background:#2a2a36;border:1px solid #3a3a4a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.article-components-edit-modal-close:hover{color:#fff;background:#ef4444;border-color:#ef4444}.article-components-edit-modal-body{background:#1e1e2a;flex:1;padding:24px;overflow-y:auto}.article-components-edit-section{margin-bottom:24px}.article-components-edit-section label{color:#e2e8f0;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.article-components-edit-input,.article-components-edit-textarea{color:#fff;background:#2a2a36;border:1px solid #3a3a4a;border-radius:12px;width:100%;padding:12px 16px;font-size:.9rem;transition:all .2s}.article-components-edit-input:focus,.article-components-edit-textarea:focus{border-color:#818cf8;outline:none;box-shadow:0 0 0 2px #818cf833}.article-components-edit-textarea.large{resize:vertical;min-height:200px}.article-components-advertisement-section{background:#252530;border-radius:16px;margin-top:16px;padding:20px}.article-components-advertisement-checkbox{align-items:center;gap:12px;margin-bottom:16px;display:flex}.article-components-advertisement-checkbox-input{cursor:pointer;accent-color:#818cf8;width:20px;height:20px}.article-components-advertisement-checkbox-label{color:#e2e8f0;cursor:pointer;font-size:1rem;font-weight:500}.article-components-advertisement-warning{color:#fbbf24;background:#fbbf241a;border-radius:8px;margin:12px 0;padding:8px 12px;font-size:.8rem}.article-components-advertisement-input{color:#fff;background:#2a2a36;border:1px solid #3a3a4a;border-radius:12px;width:100%;padding:10px 14px;font-size:.9rem}.article-components-edit-modal-footer{background:#1a1a24;border-top:1px solid #2d2d3a;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.article-components-edit-cancel-btn{color:#e2e8f0;cursor:pointer;background:#2a2a36;border:1px solid #3a3a4a;border-radius:40px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:all .2s}.article-components-edit-cancel-btn:hover{background:#353542}.article-components-edit-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.article-components-edit-save-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #6366f14d}@keyframes article-components-edit-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes article-components-edit-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.article-components-edit-modal{border-radius:24px;width:95%}.article-components-edit-modal-header{padding:16px 20px}.article-components-edit-modal-body{padding:20px}.article-components-edit-modal-title{font-size:1.2rem}}.chat-container{background-color:#f3f4f6;width:100%;overflow:hidden}.chat-container.for-main-menu,.chat-container.default-chat{height:100vh}@media (width<=768px){.chat-container.for-main-menu{height:calc(100vh - 70px)}.chat-container.default-chat{height:100vh}}.dialog-content{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;animation:.3s slideUp;box-shadow:0 10px 30px #0003}.dialog-title{color:#1f2937;text-align:center;margin-bottom:16px;font-size:18px;font-weight:600}.edit-textarea{resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:20px;padding:12px;font-family:inherit;font-size:14px}.edit-textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.dialog-buttons{justify-content:center;gap:12px;display:flex}.btn-save,.btn-cancel,.btn-delete{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.btn-save{color:#fff;background:linear-gradient(90deg,#10b981,#3b82f6)}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-delete{color:#fff;background:linear-gradient(90deg,#ef4444,#dc2626)}.btn-delete:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-cancel{color:#374151;background-color:#e5e7eb}.btn-cancel:hover{background-color:#d1d5db}.chat-layout{height:100%;display:flex}.contacts-sidebar{background:#f3f4f6;border-right:1px solid #e5e7eb;flex-direction:column;width:400px;height:100%;display:flex}@media (width<=999px){.contacts-sidebar{width:100%}.contacts-sidebar.hidden{display:none}}.sidebar-header{background-color:#fff;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.refresh-button{color:#000;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.back-button:hover,.refresh-button:hover{background-color:#0000001a}.sidebar-title{color:#000;margin:0;font-size:1.875rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.search-container{background:#f9fafb;width:100%;padding:12px 16px}.search-box{background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;transition:all .25s;display:flex;position:relative}.search-box:focus-within{border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 14px #3b82f626}.search-icon{color:#9ca3af;font-size:16px}.search-box input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-size:15px}.clear-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:26px;height:26px;font-size:16px;transition:all .2s}.clear-btn:hover{color:#111;background:#e5e7eb}.loader{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.contacts-list{flex:1;padding:0;overflow-y:auto}.loading-contacts{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.spinner{border:3px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.no-contacts{color:#6b7280;justify-content:center;align-items:center;height:200px;font-size:16px;display:flex}.contact-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;padding:12px;transition:background-color .2s;display:flex;position:relative}.contact-item:hover{background-color:#f9fafb}.contact-item.selected{background-color:#dbeafe}.contact-avatar{object-fit:cover;border:2px solid #e5e7eb;border-radius:50%;width:40px;height:40px;margin-right:12px}.contact-info{flex:1;min-width:0}.contact-name{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:14px;font-weight:600;overflow:hidden}.contact-username{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:12px;overflow:hidden}.unread-badge{color:#fff;background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:8px;right:12px}.search-results-section{border-top:1px solid #e5e7eb;margin-top:10px;padding-top:10px}.search-results-title{color:#888;text-transform:uppercase;margin-bottom:10px;padding:0 15px;font-size:12px;font-weight:600}.search-result-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;padding:10px 15px;transition:background-color .2s;display:flex}.search-result-item:hover{background-color:#f9fafb}.search-result-item.selected{background-color:#dbeafe}.search-result-avatar{object-fit:cover;border:2px solid #e5e7eb;border-radius:50%;width:40px;height:40px;margin-right:12px}.search-result-info{flex:1;min-width:0}.search-result-name{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:14px;font-weight:600;overflow:hidden}.search-result-username{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:12px;overflow:hidden}.no-search-results{text-align:center;color:#888;padding:20px;font-size:14px;font-style:italic}.chat-area{background:#fff;flex-direction:column;flex:1;width:100%;height:100%;display:flex}@media (width<=999px){.chat-area.hidden{display:none}}.chat-header{color:#fff;background:linear-gradient(90deg,#075e54,#128c7e);align-items:center;padding:12px 16px;display:flex;box-shadow:0 2px 5px #0000001a}.back-to-contacts{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;margin-right:12px;padding:4px;font-size:1.5rem;transition:background-color .2s;display:none}@media (width<=999px){.back-to-contacts{display:block}}.back-to-contacts:hover{background-color:#fff3}.chat-header-avatar{object-fit:cover;cursor:pointer;border:2px solid #fff;border-radius:50%;width:40px;height:40px;margin-right:12px;transition:transform .2s}.chat-header-avatar:hover{transform:scale(1.05)}.chat-header-info{cursor:pointer;flex:1;min-width:0}.chat-header-name{text-overflow:ellipsis;white-space:nowrap;max-width:500px;font-size:16px;font-weight:600;overflow:hidden}@media (width<=999px){.chat-header-name{max-width:300px}}.chat-header-username{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;max-width:500px;font-size:12px;overflow:hidden}@media (width<=999px){.chat-header-username{max-width:300px}}.messages-container{background:#fff;flex-direction:column;flex:1;padding:16px;display:flex;overflow-y:auto}.load-more-container{justify-content:center;margin-bottom:20px;display:flex}.load-more-button{color:#fff;cursor:pointer;text-transform:none;background:linear-gradient(90deg,#3b82f6,#10b981);border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #3b82f633}.load-more-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f64d}.load-more-button:disabled{opacity:.6;cursor:not-allowed}.no-messages{color:#6b7280;text-align:center;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}.date-separator{text-align:center;color:#6b7280;background:#f3f4f6;border-radius:12px;align-self:center;margin:16px auto;padding:4px 12px;font-size:12px;display:inline-block}.message-wrapper{align-items:flex-start;margin-bottom:12px;display:flex}.message-wrapper.self{text-align:left;justify-content:flex-end}.message-wrapper.self .message-bubble-container{flex-direction:row-reverse}.message-wrapper.self .message-actions{margin-left:8px;margin-right:0}.message-wrapper.other .message-actions{margin-left:0;margin-right:8px}.message-wrapper.other{justify-content:flex-start}.message-bubble-container{align-items:flex-end;gap:8px;max-width:100%;display:flex}.message-bubble{word-break:break-all;border-radius:18px;padding:12px;position:relative}.message-bubble.self{color:#fff;background:linear-gradient(135deg,#075e54,#128c7e);border-bottom-right-radius:4px}.message-bubble.other{color:#1f2937;background:#f3f4f6;border-bottom-left-radius:4px}.message-text{word-break:break-all;font-size:14px;line-height:1.4}.message-text a{color:inherit;font-weight:500;text-decoration:underline}.message-text a:hover{opacity:.8}.message-footer{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.message-bubble.self .message-footer{color:#fffc}.message-bubble.other .message-footer{color:#6b7280}.edited-label{margin-right:4px;font-style:italic}.message-time{margin-right:4px}.read-status{font-size:12px}.message-menu{background:#fff;border-radius:8px;flex-direction:column;min-width:80px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000026}.menu-button{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:12px;transition:background-color .2s}.menu-button:hover{background-color:#f3f4f6}.menu-button.delete{color:#ef4444}.menu-button.delete:hover{background-color:#fee2e2}.message-input-container{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;padding:12px;display:flex}.message-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:24px;flex:1;min-width:0;padding:12px 16px;font-size:14px;transition:all .2s}.message-input:focus{background:#fff;border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.send-button{aspect-ratio:1;color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#3b82f6);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .2s;display:flex}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #10b9814d}.send-button:disabled{opacity:.6;cursor:not-allowed}.no-chat-selected{background:#fff;justify-content:center;align-items:center;height:100%;display:flex}.welcome-message{text-align:center;max-width:400px;padding:40px}.welcome-message h3{color:#1f2937;margin-bottom:16px;font-size:24px}.welcome-message p{color:#6b7280;font-size:16px;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.load-more-contacts{text-align:center;padding:16px}.load-more-contacts .load-more-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#10b981,#3b82f6);border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.load-more-contacts .load-more-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.load-more-contacts .load-more-button:disabled{opacity:.6;cursor:not-allowed}.global-loader{z-index:9999;background:#fffc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contact-avatar-container,.chat-header-avatar-container{display:inline-block;position:relative}.online-indicator{background-color:#4caf50;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px;box-shadow:0 2px 4px #0003}.online-indicator.large{width:16px;height:16px;bottom:3px;right:3px}.last-seen-indicator{background-color:#9e9e9e;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px;box-shadow:0 2px 4px #0003}.last-seen-indicator.large{width:16px;height:16px;bottom:3px;right:3px}.last-seen-text{color:#888;margin-top:2px;font-size:11px}.chat-header-status{margin-top:2px;font-size:12px}.status-online{color:#4caf50;font-weight:500}.status-offline{color:#888}.chat-menu-container{margin-left:auto;position:relative}.chat-menu-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.chat-menu-button:hover{background-color:#0000000d}.chat-menu-dropdown{z-index:1000;background:#fff;border-radius:8px;min-width:200px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 2px 10px #0000001a}.chat-menu-item{cursor:pointer;text-align:left;color:#333;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;transition:background-color .2s;display:flex}.chat-menu-item:hover{background-color:#f5f5f5}.chat-menu-item.delete-chat{color:#d32f2f}.chat-menu-item.delete-chat:hover{background-color:#ffebee}.dialog-message{color:#666;margin:16px 0;line-height:1.5}.reply-preview{background-color:var(--reply-bg,#f0f2f5);border-left:4px solid var(--primary-color,#0084ff);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 12px;display:flex}.reply-preview-content{flex:1;overflow:hidden}.reply-preview-label{color:var(--primary-color,#0084ff);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.reply-preview-text{color:var(--text-secondary,#65676b);white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.reply-preview-cancel{color:var(--text-secondary,#65676b);cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:20px;line-height:1}.reply-preview-cancel:hover{color:var(--text-primary,#050505)}.reply-to-message{cursor:pointer;background:#00aaff1a;border-left:4px solid #0af;border-radius:6px;margin-bottom:6px;padding:8px 10px;font-size:13px;transition:all .2s}.reply-to-label{color:#0084ff;margin-bottom:2px;font-weight:600;display:block}.reply-to-text{color:#222;font-weight:500}.voice-message{min-width:200px}.voice-message-container{align-items:center;gap:10px;padding:6px 0;display:flex}.play-voice-button{background-color:var(--voice-button-bg,#e4e6eb);width:36px;height:36px;color:var(--text-primary,#050505);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.play-voice-button:hover{background-color:var(--voice-button-hover,#d8dadf);transform:scale(1.05)}.message.self .play-voice-button{color:#fff;background-color:#fff3}.message.self .play-voice-button:hover{background-color:#ffffff4d}.voice-waveform{background:linear-gradient(90deg, var(--waveform-color-1,#0084ff) 0%, var(--waveform-color-2,#00c6ff) 100%);opacity:.7;border-radius:20px;flex:1;height:40px;position:relative}.voice-duration{color:#fff;text-shadow:0 1px 2px #0003;font-size:12px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message.self .voice-waveform{background:linear-gradient(90deg,#ffffff4d 0%,#ffffff80 100%)}.voice-preview{background-color:var(--input-bg,#f0f2f5);border-radius:24px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.voice-preview audio{border-radius:20px;flex:1;height:40px}.cancel-voice-button,.send-voice-button{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.cancel-voice-button{background-color:var(--cancel-bg,#f0f2f5);color:var(--error-color,#f44)}.cancel-voice-button:hover{background-color:var(--cancel-hover,#e4e6eb)}.send-voice-button{background-color:var(--primary-color,#0084ff);color:#fff}.send-voice-button:hover{background-color:var(--primary-hover,#0073e6)}.send-voice-button:disabled{opacity:.5;cursor:not-allowed}.recording-indicator{background-color:var(--recording-bg,#fee);border-radius:24px;align-items:center;gap:8px;padding:8px 12px;animation:1.5s infinite pulse;display:flex}.recording-dot{background-color:#f44;border-radius:50%;width:12px;height:12px;animation:1s infinite blink}.recording-time{color:var(--text-primary,#050505);min-width:45px;font-size:14px;font-weight:500}.stop-recording-button,.cancel-recording-button{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.stop-recording-button{color:#fff;background-color:#f44}.stop-recording-button:hover{background-color:#f66;transform:scale(1.1)}.cancel-recording-button{color:#666;background-color:#f0f2f5}.cancel-recording-button:hover{background-color:#e4e6eb}.message-input-wrapper{align-items:center;gap:8px;width:100%;min-width:0;display:flex;position:relative}.emoji-button{cursor:pointer;width:40px;height:40px;color:var(--text-secondary,#65676b);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:24px;transition:background-color .2s;display:flex}.emoji-button:hover{background-color:var(--hover-bg,#f0f2f5)}.emoji-picker-container{z-index:1000;border-radius:8px;margin-bottom:8px;position:absolute;bottom:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.emoji-picker-container .EmojiPickerReact{--epr-bg-color:var(--bg-primary,#fff);--epr-category-label-bg-color:var(--bg-primary,#fff);--epr-text-color:var(--text-primary,#050505);--epr-hover-bg-color:var(--hover-bg,#f0f2f5);--epr-focus-bg-color:var(--hover-bg,#f0f2f5);--epr-highlight-color:var(--primary-color,#0084ff);--epr-search-border-color:var(--border-color,#e4e6eb);--epr-category-label-text-color:var(--text-secondary,#65676b)}.voice-button{aspect-ratio:1;cursor:pointer;width:40px;height:40px;color:var(--text-secondary,#65676b);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.voice-button:hover{background-color:var(--hover-bg,#f0f2f5);transform:scale(1.1)}.voice-button:disabled{opacity:.5;cursor:not-allowed}.contact-last-message{color:var(--text-secondary,#65676b);white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin-top:2px;font-size:13px;overflow:hidden}.contact-last-message span{align-items:center;gap:4px;display:flex}.message-actions{opacity:0;transition:opacity .2s}.message-wrapper:hover .message-actions{opacity:1}.message-menu{background-color:var(--bg-primary,#fff);border-radius:20px;gap:4px;padding:4px;display:flex;box-shadow:0 2px 8px #0000001a}.menu-button{cursor:pointer;color:var(--text-secondary,#65676b);white-space:nowrap;background:0 0;border:none;border-radius:16px;padding:4px 8px;font-size:12px;transition:all .2s}.menu-button:hover{background-color:var(--hover-bg,#f0f2f5);color:var(--text-primary,#050505)}.menu-button.delete:hover{color:#f44;background-color:#fee}@media (prefers-color-scheme:dark){:root{--reply-bg:#3a3b3c;--reply-bg-light:#0084ff33;--reply-bg-hover:#0084ff40;--voice-button-bg:#3a3b3c;--voice-button-hover:#4a4b4c;--recording-bg:#422;--recording-bg-pulse:#533;--hover-bg:#3a3b3c;--border-color:#3a3b3c;--bg-primary:#242526;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--primary-color:#2d88ff;--primary-hover:#1d7af0;--error-color:#f77}.message-menu{background-color:#3a3b3c}.menu-button{color:#b0b3b8}.menu-button:hover{color:#e4e6eb;background-color:#4a4b4c}.menu-button.delete:hover{color:#f88;background-color:#422}.emoji-picker-container .EmojiPickerReact{--epr-bg-color:#242526;--epr-category-label-bg-color:#242526;--epr-text-color:#e4e6eb;--epr-hover-bg-color:#3a3b3c;--epr-focus-bg-color:#3a3b3c;--epr-search-border-color:#3a3b3c;--epr-category-label-text-color:#b0b3b8}.recording-indicator{background-color:#322}.recording-time{color:#e4e6eb}.cancel-recording-button{color:#b0b3b8;background-color:#3a3b3c}.cancel-recording-button:hover{background-color:#4a4b4c}}@media (width<=768px){.message-menu{padding:2px}.menu-button{padding:6px 10px;font-size:11px}.emoji-picker-container{border-radius:12px 12px 0 0;margin:0;position:fixed;bottom:60px;left:0;right:0}.voice-preview{flex-wrap:wrap}.voice-preview audio{order:-1;width:100%}.recording-indicator{justify-content:center;width:100%}}.message-wrapper{animation:.3s ease-out messageAppear}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:0 0}.messages-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#bcc0c4);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,#8a8d92)}.send-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.search-spinner{border:2px solid var(--border-color,#e4e6eb);border-top-color:var(--primary-color,#0084ff);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.account-container{z-index:2;background-color:#303030;width:100%;height:100%;padding:16px;position:fixed;inset:0;overflow-y:auto}.account-header{z-index:2;align-items:center;gap:8px;display:flex;position:fixed;top:4px;right:4px}.create-post-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex;box-shadow:0 2px 4px #0003}.header-actions{align-items:center;gap:5px;display:flex}.account-menu{position:relative}.menu-account-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 2px 4px #0003}.dropdown-menu{z-index:1000;background-color:#fff;border-radius:8px;width:220px;margin-top:4px;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 6px #0000001a}.account-menu.open .dropdown-menu{display:block}.dropdown-menu button{text-align:left;cursor:pointer;color:#000;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;display:flex}.dropdown-menu button:hover{background-color:#f5f5f5}.menu-icon{color:#fff;background-color:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 2px 4px #0003}.divider{background-color:#e0e0e0;height:1px;margin:8px 12px}.account-content{width:100%;margin:0 auto}.profile-section{background-color:#fff;border-radius:16px;width:100%;margin:0 auto;padding:24px;position:relative;box-shadow:0 4px 6px #0000001a}.profile-header{flex-wrap:wrap;gap:24px;width:100%;display:flex}.profile-left{background-color:#f9fafb;border-radius:12px;flex-direction:column;align-items:center;width:280px;padding:24px;display:flex;box-shadow:inset 0 2px 4px #0000000d}.profile-avatar{object-fit:cover;border-radius:50%;width:192px;height:192px;box-shadow:0 8px 16px #0003}.profile-actions{flex-direction:column;gap:12px;width:100%;margin-top:20px;display:flex}.follow-button,.message-button,.donate-button,.edit-profile-button{cursor:pointer;border:none;border-radius:8px;width:100%;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s}.follow-button{color:#fff;background-color:#3b82f6;box-shadow:0 4px 6px #0000001a}.follow-button:hover{transform:scale(1.05)}.follow-button.following{background-color:#ef4444}.message-button,.donate-button{cursor:pointer;border:none;border-radius:8px;width:100%;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 6px #0000001a}.message-button{color:#fff;background-color:#6366f1}.donate-button{color:#fff;background-color:#10b981}.edit-profile-button{color:#fff;background-color:#3b82f6;justify-content:center;align-items:center;gap:8px;display:flex}.profile-right{flex:1;min-width:300px}.username-section{padding:0 8px}.username-account{color:#1f2937;word-break:break-all;margin-bottom:8px;font-size:32px;font-weight:700}.profile-stats{text-align:center;background-color:#f9fafb;border-radius:12px;justify-content:space-between;width:100%;margin-top:24px;padding:16px;display:flex;box-shadow:inset 0 2px 4px #0000000d}.stat-item{cursor:pointer;flex-direction:column;align-items:center;display:flex}.stat-number{color:#1f2937;font-size:20px;font-weight:700}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.balance-section{flex-direction:column;align-items:center;display:flex}.balance-actions{justify-content:center;align-items:center;gap:4px;display:flex}.balance-action-btn{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:30%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.tabs-container{justify-content:center;gap:3px;width:100%;margin-top:16px;margin-bottom:16px;display:flex}.tab-button{color:#fff;cursor:pointer;background-color:#0000;border:none;border-radius:8px;flex-direction:column;align-items:center;padding:8px 12px;font-size:14px;display:flex}.tab-button.active{color:#7c3aed;background-color:#ede9fe}.tab-button.active.image{color:#2563eb;background-color:#dbeafe}.posts-grid-container{width:100%;max-width:1000px;margin:0 auto}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1000px;margin:0 auto;display:grid}.post-card{cursor:pointer;background-color:#fff;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 6px #0000001a}.post-card:hover{transform:scale(1.05);box-shadow:0 8px 12px #0003}.post-media{object-fit:cover;width:100%;height:180px}.post-info{padding:12px}.post-info h4{color:#1f2937;margin:0 0 8px;font-size:16px}.post-info p{color:#6b7280;margin:4px 0;font-size:14px;line-height:1.4}.price{color:#10b981;font-weight:700}.shop-icon,.theory-icon{text-align:center;padding:40px;font-size:48px}.shop-icon{background-color:#51e06b}.theory-icon{background-color:#fff}.shop-rating{color:#f59e0b;font-weight:700}.theory-stats{color:#6b7280;gap:12px;margin-top:8px;font-size:12px;display:flex}.post-card.placeholder{aspect-ratio:1;background-color:#1a1a1a;border-radius:12px;overflow:hidden}.placeholder-media{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;width:100%;height:calc(100% - 75px);animation:1.5s infinite loading}.placeholder-content{box-sizing:border-box;height:75px;padding:12px}.placeholder-line{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;border-radius:6px;width:60%;height:12px;margin-bottom:8px;animation:1.5s infinite loading}.placeholder-line:nth-child(2){width:80%}.placeholder-line:nth-child(3){width:100%}.video-placeholder{height:250px}.video-placeholder .placeholder-media{height:180px}.no-posts,.no-more-posts{text-align:center;color:#9ca3af;grid-column:1/-1;margin-top:24px;padding:40px;font-size:1.25rem;font-weight:600}.loading{color:#fff;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;display:flex}.error{color:#ef4444;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;display:flex}.has-back-button .back-button{z-index:10;color:inherit;cursor:pointer;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:12px;left:12px}@media (width<=768px){.account-container{padding:8px}.profile-section{padding:16px}.profile-header{flex-direction:column}.profile-left{width:100%;max-width:280px;margin:0 auto}.profile-avatar{width:144px;height:144px}.username{font-size:24px}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.tabs-container{flex-wrap:wrap;padding:0 8px}.tab-button{flex:1;min-width:100px;padding:6px 8px}}@media (width<=480px){.posts-grid{grid-template-columns:1fr}.profile-stats{flex-wrap:wrap;gap:16px}.stat-item{flex:1;min-width:80px}.profile-actions{flex-flow:wrap}.follow-button,.message-button,.donate-button,.edit-profile-button{flex:1;min-width:120px}}.back-from-account-button{color:#000;cursor:pointer;z-index:2;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;padding:10px;font-size:24px;font-weight:700;position:fixed;top:20px;left:20px}.back-from-account-button:hover{opacity:.8}.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{color:#fff;background-color:#242526;border-radius:12px;flex-direction:column;width:90%;max-width:500px;height:80vh;animation:.3s modalFadeIn;display:flex}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-account-header{border-bottom:1px solid #3a3b3c;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-account-header button{cursor:pointer;color:#374151;background:0 0;border:none;margin-right:12px;font-size:20px}.modal-account-header h2{margin:0;font-size:1.5rem;font-weight:600}.followers-tabs{border-bottom:1px solid #3a3b3c;gap:16px;padding:12px 20px;display:flex}.followers-tabs .tab-btn{color:#b0b3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:1rem;transition:all .2s}.followers-tabs .tab-btn:hover{color:#fff;background-color:#3a3b3c}.followers-tabs .tab-btn.active{color:#fff;background-color:#1b74e4}.followers-list{flex:1;padding:12px 20px;overflow-y:auto}.follower-item{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px;transition:background-color .2s;display:flex}.follower-item:hover{background-color:#3a3b3c}.follower-info{cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}.follower-avatar{object-fit:cover;border:2px solid #4a4b4c;border-radius:50%;width:48px;height:48px}.follower-details{flex-direction:column;display:flex}.follower-username{color:#fff;font-weight:600}.follower-display{color:#b0b3b8;-webkit-line-clamp:1;word-break:break-all;-webkit-box-orient:vertical;margin-top:2px;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.follow-small-btn{cursor:pointer;color:#fff;background-color:#1b74e4;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.follow-small-btn:hover{background-color:#1a6ed8}.follow-small-btn.following{color:#fff;background-color:#3a3b3c}.follow-small-btn.following:hover{background-color:#4a4b4c}.no-followers{text-align:center;color:#b0b3b8;padding:40px 20px}.loading-indicator{text-align:center;color:#b0b3b8;padding:20px}.end-message{text-align:center;color:#b0b3b8;padding:20px;font-style:italic}.search-container{background-color:#2a2a2a;border-bottom:1px solid #444;width:100%;padding:12px 16px}.search-input-wrapper{background-color:#3a3a3a;border:1px solid #555;border-radius:8px;align-items:center;gap:8px;width:100%;padding:4px 8px;display:flex}.search-input{color:#fff;background-color:#0000;border:none;outline:none;flex:1;padding:10px 12px;font-size:14px}.search-input::placeholder{color:#888}.search-btn{color:#fff;cursor:pointer;background-color:#4a6fa5;border:none;border-radius:6px;padding:8px 16px;font-size:16px;transition:background-color .2s}.search-btn:hover:not(:disabled){background-color:#5f8bc9}.search-btn:disabled{cursor:not-allowed;opacity:.5;background-color:#555}.cancel-search-btn{color:#aaa;cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;display:flex}.cancel-search-btn:hover{color:#fff;background-color:#444}.modal-content{background-color:#2d2d2d;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex;overflow:hidden}.followers-list{flex:1;min-height:200px;padding:8px 0;overflow-y:auto}.modal-card{text-align:center;background:#fff;border-radius:20px;width:400px;padding:20px;position:relative}.transfer-number{color:red;margin-bottom:15px;font-weight:700}.instruction-box{text-align:left;margin:15px 0;font-size:14px}.submit-add-balance{color:#fff;cursor:pointer;background:green;border:none;border-radius:12px;width:100%;padding:10px}.number-input{border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:10px;padding:10px;font-size:1rem}.modal-overlay{z-index:9999;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box{background:#fff;border-radius:16px;width:400px;padding:24px;position:relative}.modal-close{color:red;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:10px;right:10px}.modal-title{text-align:center;margin-bottom:16px;font-size:20px;font-weight:700}.modal-input{border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:12px;padding:8px;font-size:14px}.modal-btn-primary{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;width:100%;padding:10px}.modal-btn-primary:disabled{opacity:.6;cursor:not-allowed}.modal-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 14px}.modal-btn-success{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:8px 14px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.notifications-error-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:auto;max-width:90%;height:10px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.notification-error{color:#fff;pointer-events:auto;text-align:center;background:#f44;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;min-width:300px;max-width:500px;padding:12px 24px;font-size:14px;animation:.2s fadeIn;display:flex;box-shadow:0 4px 12px #00000026}.notification-error button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:0 4px;font-size:20px;font-weight:700;line-height:1}.notification-error button:hover{opacity:1}.edit-profile-container{background-color:#00000008;min-height:100vh;position:relative;overflow:hidden}.back-button{color:#000;cursor:pointer;z-index:999;background-color:#0000;font-size:2rem;font-weight:700;position:fixed;top:20px;left:20px}.back-button:hover{opacity:.7}.form-wrapper{background-color:#00000008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.form-container{justify-content:center;align-items:center;height:100vh;display:flex}.form-content{text-align:center;background:#fff;border-radius:20px;width:320px;padding:20px;box-shadow:0 0 20px #0000001a}.profile-pic-container{margin-bottom:10px}.profile-pic{cursor:pointer;object-fit:cover;border-radius:50%;width:80px;height:80px;margin:1px auto;display:block;box-shadow:0 0 15px #0003}.profile-pic:hover{opacity:.9}.input-wrapper{width:100%;margin-bottom:5px}.form-input{box-sizing:border-box;border:1px solid #ddd;border-radius:5px;width:100%;margin:5px 0;padding:10px;font-size:14px}.form-input:focus{border-color:#1877f2;outline:none}.error-label{color:red;text-align:left;margin-top:-5px;margin-bottom:5px;font-size:.8rem}.date-input{color:#333;cursor:pointer;text-align:left;box-sizing:border-box;background-color:#f0f2f5;border:1px solid #ddd;border-radius:10px;width:100%;margin:5px 0;padding:10px;font-size:.9rem}.date-input:hover{background-color:#e4e6e9}.dialog-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-card{background:#fff;border-radius:8px;width:90%;max-width:400px;padding:16px}.dialog-title{margin-bottom:16px;font-size:1.125rem;font-weight:700}.date-picker{border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:16px;padding:8px}.dialog-actions{justify-content:flex-end;margin-top:16px;display:flex}.dialog-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.dialog-button:hover{background-color:#2563eb}.update-button{color:#fff;cursor:pointer;background-color:#1877f2;border:none;border-radius:10px;width:100%;margin-top:10px;padding:10px;font-size:1rem}.update-button:hover{background-color:#166fe5}.update-button:disabled{opacity:.6;cursor:not-allowed}.loading-overlay{z-index:50;background-color:#ffffffb3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.spinner{border:4px solid #f3f3f3;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.verification-container{background-color:#00000008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.verification-card{text-align:center;background:#fff;border-radius:20px;width:320px;box-shadow:0 0 20px #0000001a}.verification-content{background:#fff;border-radius:20px;width:100%;padding:10px;box-shadow:0 0 10px #0000001a}.verification-title{margin:10px 0 20px;font-size:1.25rem;font-weight:700}.verification-email{overflow-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:280px;margin-bottom:10px;display:-webkit-box;overflow:hidden}.verification-input{box-sizing:border-box;border:1px solid #ddd;border-radius:5px;width:100%;margin:10px 0;padding:10px}.verify-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;width:100%;margin-top:10px;padding:10px 15px;font-size:14px}.verify-button:hover{background-color:#45a049}.verify-button:disabled{opacity:.6;cursor:not-allowed}.verification-hint{color:#6b7280;margin-top:10px;font-size:.875rem}@media (width<=480px){.form-content{width:280px;padding:15px}.verification-card{width:280px}.verification-email{max-width:240px}}.image-uploader-container{background-color:#00000008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.image-uploader-loading-overlay{z-index:50;background-color:#ffffffb3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.image-uploader-loading-spinner{border:4px solid #f3f3f3;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:1s linear infinite image-uploader-spin}@keyframes image-uploader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-uploader-back-button{color:#22c55e;cursor:pointer;z-index:999;background:0 0;border:none;outline:none;font-size:2rem;font-weight:700;transition:color .2s;position:fixed;top:20px;left:20px}.image-uploader-back-button:hover{color:#16a34a}.image-uploader-main-card{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.image-uploader-content-wrapper{background-color:#fff;border-radius:.5rem;flex-direction:column;gap:1rem;width:100%;max-width:1050px;max-height:90vh;margin:0 1rem;padding:1rem;display:flex;overflow:hidden auto;box-shadow:0 4px 6px -1px #0000001a}@media (width>=1024px){.image-uploader-content-wrapper{flex-direction:row;max-height:85vh;padding:1.5rem}}.image-uploader-image-section{flex-direction:column;align-items:center;width:100%;display:flex}@media (width>=1024px){.image-uploader-image-section{width:auto;min-width:400px}}.image-uploader-image-container{flex-direction:column;align-items:center;width:100%;display:flex}.image-uploader-image-wrapper{aspect-ratio:1;background-color:#000;justify-content:center;align-items:center;width:100%;max-width:300px;height:auto;margin:0 auto;display:flex;position:relative}@media (width>=1024px){.image-uploader-image-wrapper{max-width:400px}}.image-uploader-post-image{object-fit:contain;background-color:#000;width:100%;height:100%}.image-uploader-nav-button{color:#fff;z-index:10;cursor:pointer;background-color:#f3f4f64d;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}@media (width>=1024px){.image-uploader-nav-button{width:3rem;height:3rem}}.image-uploader-nav-button:hover{background-color:#d1d5dbcc;transform:translateY(-50%)scale(1.1);box-shadow:0 4px 6px -1px #0000001a}.image-uploader-left-button{left:.25rem}.image-uploader-right-button{right:.25rem}.image-uploader-delete-button{color:#fff;z-index:11;cursor:pointer;background-color:#ef4444b3;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;transition:all .3s;display:flex;position:absolute;top:.25rem;right:.25rem}@media (width>=1024px){.image-uploader-delete-button{width:2.5rem;height:2.5rem;font-size:1.5rem}}.image-uploader-delete-button:hover{background-color:#dc2626;transform:scale(1.1)}.image-uploader-image-counter{color:#4b5563;text-align:center;margin:.5rem 0;font-size:.875rem}.image-uploader-error-message{color:#ef4444;text-align:center;word-wrap:break-word;margin-top:.375rem;font-size:.875rem}.image-uploader-upload-area{flex-direction:column;gap:.5rem;width:100%;max-width:300px;margin:0 auto;display:flex}@media (width>=1024px){.image-uploader-upload-area{max-width:400px}}.image-uploader-upload-label{text-align:center;color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.image-uploader-upload-label{padding:.75rem 1.5rem;font-size:1rem}}.image-uploader-upload-label:hover{background-color:#16a34a}.image-uploader-edit-button{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border:none;border-radius:9999px;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.image-uploader-edit-button{padding:.75rem 1.5rem;font-size:1rem}}.image-uploader-edit-button:hover:not(:disabled){background-color:#16a34a}.image-uploader-edit-button:disabled{opacity:.5;cursor:not-allowed}.image-uploader-form-section{flex:1;width:100%;min-width:0}.image-uploader-form-group{width:100%;margin-bottom:1rem}.image-uploader-form-group label{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.image-uploader-form-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}@media (width>=1024px){.image-uploader-form-input{padding:.75rem;font-size:1rem}}.image-uploader-form-input:focus{ring:2px solid #3b82f6;border-color:#3b82f6}.image-uploader-form-textarea{resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;min-height:80px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}@media (width>=1024px){.image-uploader-form-textarea{padding:.75rem;font-size:1rem}}.image-uploader-form-textarea:focus{border-color:#3b82f6}.image-uploader-form-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;padding:.5rem;font-size:.875rem;transition:border-color .2s}@media (width>=1024px){.image-uploader-form-select{max-width:300px;padding:.75rem;font-size:1rem}}.image-uploader-form-select:focus{border-color:#3b82f6}.image-uploader-checkbox-group{width:100%;margin:.75rem 0}.image-uploader-checkbox-label{cursor:pointer;color:#374151;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}@media (width>=1024px){.image-uploader-checkbox-label{font-size:1rem}}.image-uploader-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:1rem;height:1rem}.image-uploader-advertisement-note{color:#ef4444;word-wrap:break-word;margin:.25rem 0;font-size:.75rem}@media (width>=1024px){.image-uploader-advertisement-note{font-size:.875rem}}.image-uploader-collaboration-section{width:100%;margin:1rem 0}.image-uploader-collaboration-button{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border:none;border-radius:9999px;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.image-uploader-collaboration-button{width:auto;min-width:200px;margin:0 auto;padding:.75rem 1.5rem;font-size:1rem}}.image-uploader-collaboration-button:hover{background-color:#16a34a}.image-uploader-selected-accounts{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:.5rem;max-height:250px;margin-top:1rem;padding:.5rem;overflow:hidden auto}.image-uploader-selected-accounts p{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.image-uploader-account-card{box-sizing:border-box;background-color:#fff;border-radius:.5rem;align-items:center;width:100%;margin-bottom:.5rem;padding:.5rem;display:flex;box-shadow:0 1px 2px #0000000d}.image-uploader-account-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px;margin-right:.75rem}.image-uploader-account-info{flex:1;min-width:0}.image-uploader-account-name{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;overflow:hidden}.image-uploader-account-username{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.image-uploader-action-buttons{justify-content:center;width:100%;margin-top:1.5rem;display:flex}.image-uploader-post-button{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border:none;border-radius:9999px;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.image-uploader-post-button{width:auto;min-width:200px;margin:0;font-size:1.125rem}}.image-uploader-post-button:hover:not(:disabled){background-color:#16a34a}.image-uploader-post-button:disabled{opacity:.5;cursor:not-allowed}.image-uploader-popup-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.image-uploader-popup-content{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:80vh;padding:1.5rem;animation:.3s ease-out image-uploader-slideIn;display:flex;position:relative;overflow:hidden}@keyframes image-uploader-slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-uploader-search-container{align-items:center;width:100%;margin-bottom:1rem;display:flex;position:relative}.image-uploader-search-input{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:8px;outline:none;flex:1;width:100%;padding:.75rem 40px .75rem .75rem;font-size:.875rem;transition:border-color .3s}@media (width>=1024px){.image-uploader-search-input{font-size:1rem}}.image-uploader-search-input:focus{border-color:#3b82f6}.image-uploader-search-button{cursor:pointer;color:#3b82f6;background:0 0;border:none;padding:.5rem;font-size:1.25rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.image-uploader-search-results{background-color:#fff;border:1px solid #f0f0f0;border-radius:8px;flex:1;padding:.5rem;overflow:hidden auto}.image-uploader-text-center{text-align:center;color:#666;word-wrap:break-word;padding:2rem 1rem;font-size:1rem;font-weight:500}@media (width>=1024px){.image-uploader-text-center{font-size:1.25rem}}.image-uploader-account-search-item{box-sizing:border-box;background-color:#f3f4f6;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;margin-bottom:.5rem;padding:.75rem;display:flex}.image-uploader-account-search-item:hover{background-color:#eff6ff}.image-uploader-account-search-item .image-uploader-account-avatar{flex-shrink:0;width:40px;height:40px}.image-uploader-account-search-item .image-uploader-account-info{flex:1;min-width:0}.image-uploader-account-search-item .image-uploader-account-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.image-uploader-account-search-item .image-uploader-account-username{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.image-uploader-select-button{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:.375rem;flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:background-color .2s}@media (width>=1024px){.image-uploader-select-button{padding:.5rem 1rem;font-size:.875rem}}.image-uploader-select-button.image-uploader-selected{background-color:#ef4444}.image-uploader-select-button.image-uploader-selected:hover{background-color:#dc2626}.image-uploader-select-button:not(.image-uploader-selected){background-color:#22c55e}.image-uploader-select-button:not(.image-uploader-selected):hover{background-color:#16a34a}.image-uploader-close-popup-button{color:#16a34a;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.image-uploader-close-popup-button:hover{color:#166534;background-color:#f3f4f6}.image-uploader-upload-progress-overlay{z-index:2000;box-sizing:border-box;background-color:#ffffffe6;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.image-uploader-progress-content{background-color:#fff;border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:800px;padding:1.5rem;display:flex;box-shadow:0 10px 25px -5px #0000001a}@media (width>=1024px){.image-uploader-progress-content{padding:2rem}}.image-uploader-progress-note{color:#b91c1c;text-align:center;word-wrap:break-word;font-size:.875rem}@media (width>=1024px){.image-uploader-progress-note{font-size:1rem}}@media (width>=1024px){.image-uploader-progress-label{font-size:1.125rem}}.image-uploader-progress-bar{background-color:#e5e7eb;border-radius:9999px;width:100%;height:.5rem;overflow:hidden}.image-uploader-progress-fill{background:linear-gradient(45deg,#3b82f6,#22c55e);border-radius:9999px;height:100%;transition:width 1ms}.image-uploader-edit-dialog-overlay{z-index:1500;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.image-uploader-edit-dialog{background-color:#fff;border-radius:1rem;width:100%;max-width:900px;max-height:90vh;margin:auto;padding:1.5rem;position:relative;overflow:hidden auto}@media (width>=1024px){.image-uploader-edit-dialog{padding:2rem}}.image-uploader-close-dialog-button{cursor:pointer;color:#16a34a;z-index:10;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.image-uploader-close-dialog-button:hover{color:#166534;background-color:#f3f4f6}.image-uploader-edit-image-container{background-color:#000;border-radius:.5rem;justify-content:center;align-items:center;width:100%;max-width:500px;margin:1rem auto;display:flex;overflow:hidden}.image-uploader-edit-image{object-fit:contain;width:100%;height:auto;max-height:400px}@media (width>=1024px){.image-uploader-edit-image{max-height:500px}}.image-uploader-edit-controls{margin-top:1.5rem}.image-uploader-edit-controls h3{color:#374151;margin:1rem 0 .5rem;font-size:.875rem;font-weight:600}@media (width>=1024px){.image-uploader-edit-controls h3{margin:1.5rem 0 .75rem;font-size:1rem}}.image-uploader-history-controls{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.image-uploader-history-controls button{cursor:pointer;white-space:nowrap;background-color:#f3f4f6;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s}@media (width>=1024px){.image-uploader-history-controls button{padding:.75rem 1.5rem;font-size:1rem}}.image-uploader-history-controls button:hover:not(:disabled){background-color:#e5e7eb}.image-uploader-history-controls button:disabled{opacity:.5;cursor:not-allowed}.image-uploader-filter-buttons,.image-uploader-adjust-buttons,.image-uploader-special-effects,.image-uploader-geometry-buttons,.image-uploader-extra-effects{background-color:#fff;border-radius:.5rem;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.75rem;padding:.75rem;display:flex;box-shadow:0 1px 3px #0000001a}@media (width>=1024px){.image-uploader-filter-buttons,.image-uploader-adjust-buttons,.image-uploader-special-effects,.image-uploader-geometry-buttons,.image-uploader-extra-effects{gap:.75rem;margin-bottom:1rem;padding:1rem}}.image-uploader-filter-buttons button,.image-uploader-adjust-buttons button,.image-uploader-special-effects button,.image-uploader-geometry-buttons button,.image-uploader-extra-effects button{cursor:pointer;white-space:nowrap;background-color:#f3f4f6;border:none;border-radius:.375rem;flex:0 auto;padding:.375rem .75rem;font-size:.75rem;transition:all .2s}@media (width>=1024px){.image-uploader-filter-buttons button,.image-uploader-adjust-buttons button,.image-uploader-special-effects button,.image-uploader-geometry-buttons button,.image-uploader-extra-effects button{padding:.5rem 1rem;font-size:.875rem}}.image-uploader-filter-buttons button:hover,.image-uploader-adjust-buttons button:hover,.image-uploader-special-effects button:hover,.image-uploader-geometry-buttons button:hover,.image-uploader-extra-effects button:hover{color:#fff;background-color:#22c55e}.image-uploader-save-edit-button{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border:none;border-radius:9999px;width:100%;max-width:300px;margin:1.5rem auto 0;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.image-uploader-save-edit-button{max-width:400px;padding:1rem 2rem;font-size:1.125rem}}.image-uploader-save-edit-button:hover{background-color:#16a34a}.video-uploader-container{background-color:#00000008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.video-uploader-loading-overlay{z-index:50;background-color:#ffffffb3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.video-uploader-loading-spinner{border:4px solid #f3f3f3;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:1s linear infinite video-uploader-spin}@keyframes video-uploader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-uploader-back-button{color:#22c55e;cursor:pointer;z-index:999;background:0 0;border:none;outline:none;font-size:2rem;font-weight:700;transition:color .2s;position:fixed;top:20px;left:20px}.video-uploader-back-button:hover{color:#16a34a}.video-uploader-main-card{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.video-uploader-content-wrapper{background-color:#fff;border-radius:.5rem;flex-direction:column;gap:1rem;width:100%;max-width:1050px;max-height:90vh;margin:0 1rem;padding:1rem;display:flex;overflow:hidden auto;box-shadow:0 4px 6px -1px #0000001a}@media (width>=1024px){.video-uploader-content-wrapper{flex-direction:row;max-height:85vh;padding:1.5rem}}.video-uploader-video-section{flex-direction:column;align-items:center;width:100%;display:flex}@media (width>=1024px){.video-uploader-video-section{width:auto;min-width:400px}}.video-uploader-video-container{flex-direction:column;align-items:center;width:100%;display:flex}.video-uploader-thumbnail-wrapper{aspect-ratio:16/9;background-color:#1a1a1a;border:2px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;width:100%;max-width:400px;margin:0 auto 1rem;display:flex;position:relative;overflow:hidden}.video-uploader-thumbnail-image{object-fit:cover;width:100%;height:100%}.video-uploader-thumbnail-placeholder{color:#9ca3af;text-align:center;background-color:#f3f4f6;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;font-size:.875rem;display:flex}.video-uploader-delete-thumbnail-button{color:#fff;z-index:11;cursor:pointer;background-color:#ef4444cc;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;transition:all .3s;display:flex;position:absolute;top:.5rem;right:.5rem}.video-uploader-delete-thumbnail-button:hover{background-color:#dc2626;transform:scale(1.1)}.video-uploader-video-list{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;max-width:400px;margin:0 auto 1rem;padding:.5rem}.video-uploader-video-list h3{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.video-uploader-video-item{margin-bottom:.25rem}.video-uploader-video-checkbox{cursor:pointer;border-radius:.25rem;align-items:center;gap:.5rem;padding:.25rem;transition:background-color .2s;display:flex}.video-uploader-video-checkbox:hover{background-color:#f3f4f6}.video-uploader-video-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;width:1rem;height:1rem}.video-uploader-video-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.video-uploader-error-message{color:#ef4444;text-align:center;word-wrap:break-word;width:100%;margin-top:.375rem;margin-bottom:.5rem;font-size:.875rem}.video-uploader-upload-area{flex-direction:column;gap:.5rem;width:100%;max-width:400px;margin:0 auto;display:flex}.video-uploader-upload-label{text-align:center;color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border:none;border-radius:9999px;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.video-uploader-upload-label{padding:.75rem 1.5rem;font-size:1rem}}.video-uploader-upload-label:hover:not(.disabled){background-color:#16a34a}.video-uploader-upload-label.disabled{opacity:.5;cursor:not-allowed}.video-uploader-delete-videos-button{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#ef4444;border:none;border-radius:9999px;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.video-uploader-delete-videos-button{padding:.75rem 1.5rem;font-size:1rem}}.video-uploader-delete-videos-button:hover{background-color:#dc2626}.video-uploader-processing-progress{width:100%;max-width:400px;margin:.5rem auto}.image-uploader-progress-label{color:#333;text-align:center;font-size:1rem;font-weight:700}@media (width>=1024px){.image-uploader-progress-label{font-size:1.125rem}}.video-uploader-progress-bar{background-color:#e5e7eb;border-radius:9999px;width:100%;height:.5rem;overflow:hidden}.video-uploader-progress-fill{background:linear-gradient(45deg,#3b82f6,#22c55e);border-radius:9999px;height:100%;transition:width .1s}.video-uploader-form-section{flex:1;width:100%;min-width:0}.video-uploader-form-group{width:100%;margin-bottom:1rem}.video-uploader-form-group label{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.video-uploader-form-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}@media (width>=1024px){.video-uploader-form-input{padding:.75rem;font-size:1rem}}.video-uploader-form-input:focus{ring:2px solid #3b82f6;border-color:#3b82f6}.video-uploader-form-textarea{resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;min-height:80px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}@media (width>=1024px){.video-uploader-form-textarea{padding:.75rem;font-size:1rem}}.video-uploader-form-textarea:focus{border-color:#3b82f6}.video-uploader-form-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;padding:.5rem;font-size:.875rem;transition:border-color .2s}@media (width>=1024px){.video-uploader-form-select{max-width:300px;padding:.75rem;font-size:1rem}}.video-uploader-form-select:focus{border-color:#3b82f6}.video-uploader-checkbox-group{width:100%;margin:.75rem 0}.video-uploader-checkbox-label{cursor:pointer;color:#374151;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}@media (width>=1024px){.video-uploader-checkbox-label{font-size:1rem}}.video-uploader-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:1rem;height:1rem}.video-uploader-advertisement-note{color:#ef4444;word-wrap:break-word;margin:.25rem 0;font-size:.75rem}@media (width>=1024px){.video-uploader-advertisement-note{font-size:.875rem}}.video-uploader-collaboration-section{width:100%;margin:1rem 0}.video-uploader-collaboration-button{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border:none;border-radius:9999px;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.video-uploader-collaboration-button{width:auto;min-width:200px;margin:0 auto;padding:.75rem 1.5rem;font-size:1rem}}.video-uploader-collaboration-button:hover{background-color:#16a34a}.video-uploader-selected-accounts{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:.5rem;max-height:250px;margin-top:1rem;padding:.5rem;overflow:hidden auto}.video-uploader-selected-accounts p{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.video-uploader-account-card{box-sizing:border-box;background-color:#fff;border-radius:.5rem;align-items:center;width:100%;margin-bottom:.5rem;padding:.5rem;display:flex;box-shadow:0 1px 2px #0000000d}.video-uploader-account-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px;margin-right:.75rem}.video-uploader-account-info{flex:1;min-width:0}.video-uploader-account-name{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;overflow:hidden}.video-uploader-account-username{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.video-uploader-action-buttons{justify-content:center;width:100%;margin-top:1.5rem;display:flex}.video-uploader-post-button{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border:none;border-radius:9999px;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.video-uploader-post-button{width:auto;min-width:200px;margin:0;font-size:1.125rem}}.video-uploader-post-button:hover:not(:disabled){background-color:#16a34a}.video-uploader-post-button:disabled{opacity:.5;cursor:not-allowed}.video-uploader-popup-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.video-uploader-popup-content{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:80vh;padding:1.5rem;animation:.3s ease-out video-uploader-slideIn;display:flex;position:relative;overflow:hidden}@keyframes video-uploader-slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.video-uploader-search-container{align-items:center;width:100%;margin-bottom:1rem;display:flex;position:relative}.video-uploader-search-input{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:8px;outline:none;flex:1;width:100%;padding:.75rem 40px .75rem .75rem;font-size:.875rem;transition:border-color .3s}@media (width>=1024px){.video-uploader-search-input{font-size:1rem}}.video-uploader-search-input:focus{border-color:#3b82f6}.video-uploader-search-button{cursor:pointer;color:#3b82f6;background:0 0;border:none;padding:.5rem;font-size:1.25rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.video-uploader-search-results{background-color:#fff;border:1px solid #f0f0f0;border-radius:8px;flex:1;padding:.5rem;overflow:hidden auto}.video-uploader-text-center{text-align:center;color:#666;word-wrap:break-word;padding:2rem 1rem;font-size:1rem;font-weight:500}@media (width>=1024px){.video-uploader-text-center{font-size:1.25rem}}.video-uploader-account-search-item{box-sizing:border-box;background-color:#f3f4f6;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;margin-bottom:.5rem;padding:.75rem;display:flex}.video-uploader-account-search-item:hover{background-color:#eff6ff}.video-uploader-account-search-item .video-uploader-account-avatar{flex-shrink:0;width:40px;height:40px}.video-uploader-account-search-item .video-uploader-account-info{flex:1;min-width:0}.video-uploader-select-button{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:.375rem;flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:background-color .2s}@media (width>=1024px){.video-uploader-select-button{padding:.5rem 1rem;font-size:.875rem}}.video-uploader-select-button.video-uploader-selected{background-color:#ef4444}.video-uploader-select-button.video-uploader-selected:hover{background-color:#dc2626}.video-uploader-select-button:not(.video-uploader-selected){background-color:#22c55e}.video-uploader-select-button:not(.video-uploader-selected):hover{background-color:#16a34a}.video-uploader-close-popup-button{color:#16a34a;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.video-uploader-close-popup-button:hover{color:#166534;background-color:#f3f4f6}.video-uploader-upload-progress-overlay{z-index:2000;box-sizing:border-box;background-color:#ffffffe6;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.video-uploader-progress-content{background-color:#fff;border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:800px;padding:1.5rem;display:flex;box-shadow:0 10px 25px -5px #0000001a}@media (width>=1024px){.video-uploader-progress-content{padding:2rem}}.video-uploader-progress-note{color:#b91c1c;text-align:center;word-wrap:break-word;font-size:.875rem}@media (width>=1024px){.video-uploader-progress-note{font-size:1rem}}.product-uploader-container{background-color:#00000008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.product-uploader-loading-overlay{z-index:50;background-color:#ffffffb3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.product-uploader-loading-spinner{border:4px solid #f3f3f3;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:1s linear infinite product-uploader-spin}@keyframes product-uploader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-uploader-back-button{color:#22c55e;cursor:pointer;z-index:999;background:0 0;border:none;outline:none;font-size:2rem;font-weight:700;transition:color .2s;position:fixed;top:20px;left:20px}.product-uploader-back-button:hover{color:#16a34a}.product-uploader-main-card{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.product-uploader-content-wrapper{background-color:#fff;border-radius:.5rem;flex-direction:column;gap:1rem;width:100%;max-width:1200px;max-height:90vh;margin:0 1rem;padding:1rem;display:flex;overflow:hidden auto;box-shadow:0 4px 6px -1px #0000001a}@media (width>=1024px){.product-uploader-content-wrapper{flex-direction:row;max-height:85vh;padding:1.5rem}}.product-uploader-image-section{flex-direction:column;align-items:center;width:100%;display:flex}@media (width>=1024px){.product-uploader-image-section{width:auto;min-width:400px}}.product-uploader-image-container{flex-direction:column;align-items:center;width:100%;display:flex}.product-uploader-image-wrapper{aspect-ratio:1;background-color:#000;justify-content:center;align-items:center;width:100%;max-width:300px;height:auto;margin:0 auto;display:flex;position:relative}@media (width>=1024px){.product-uploader-image-wrapper{max-width:400px}}.product-uploader-product-image{object-fit:contain;background-color:#000;width:100%;height:100%}.product-uploader-nav-button{color:#fff;z-index:10;cursor:pointer;background-color:#f3f4f64d;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}@media (width>=1024px){.product-uploader-nav-button{width:3rem;height:3rem}}.product-uploader-nav-button:hover{background-color:#d1d5dbcc;transform:translateY(-50%)scale(1.1);box-shadow:0 4px 6px -1px #0000001a}.product-uploader-left-button{left:.25rem}.product-uploader-right-button{right:.25rem}.product-uploader-delete-button{color:#fff;z-index:11;cursor:pointer;background-color:#ef4444b3;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;transition:all .3s;display:flex;position:absolute;top:.25rem;right:.25rem}@media (width>=1024px){.product-uploader-delete-button{width:2.5rem;height:2.5rem;font-size:1.5rem}}.product-uploader-delete-button:hover{background-color:#dc2626;transform:scale(1.1)}.product-uploader-image-counter{color:#4b5563;text-align:center;margin:.5rem 0;font-size:.875rem}.product-uploader-error-message{color:#ef4444;text-align:center;word-wrap:break-word;margin-top:.375rem;font-size:.875rem}.product-uploader-upload-area{flex-direction:column;gap:.5rem;width:100%;max-width:300px;margin:0 auto;display:flex}@media (width>=1024px){.product-uploader-upload-area{max-width:400px}}.product-uploader-upload-label{text-align:center;color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.product-uploader-upload-label{padding:.75rem 1.5rem;font-size:1rem}}.product-uploader-upload-label:hover:not(.disabled){background-color:#16a34a}.product-uploader-upload-label.disabled{opacity:.5;cursor:not-allowed}.product-uploader-edit-button{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border:none;border-radius:9999px;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.product-uploader-edit-button{padding:.75rem 1.5rem;font-size:1rem}}.product-uploader-edit-button:hover:not(:disabled){background-color:#16a34a}.product-uploader-edit-button:disabled{opacity:.5;cursor:not-allowed}.product-uploader-loading-placeholder{color:#4b5563;background-color:#f3f4f6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.product-uploader-loading-spinner-small{border:3px solid #f3f3f3;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;margin-bottom:.5rem;animation:1s linear infinite product-uploader-spin}.product-uploader-form-section{flex:1;width:100%;min-width:0}.product-uploader-form-group{width:100%;margin-bottom:1rem}.product-uploader-form-group label{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.product-uploader-form-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}@media (width>=1024px){.product-uploader-form-input{padding:.75rem;font-size:1rem}}.product-uploader-form-input:focus{ring:2px solid #3b82f6;border-color:#3b82f6}.product-uploader-form-textarea{resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;min-height:100px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}@media (width>=1024px){.product-uploader-form-textarea{min-height:120px;padding:.75rem;font-size:1rem}}.product-uploader-form-textarea:focus{border-color:#3b82f6}.product-uploader-form-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;padding:.5rem;font-size:.875rem;transition:border-color .2s}@media (width>=1024px){.product-uploader-form-select{max-width:300px;padding:.75rem;font-size:1rem}}.product-uploader-form-select:focus{border-color:#3b82f6}.product-uploader-checkbox-group{width:100%;margin:.75rem 0}.product-uploader-checkbox-label{cursor:pointer;color:#374151;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}@media (width>=1024px){.product-uploader-checkbox-label{font-size:1rem}}.product-uploader-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:1rem;height:1rem}.product-uploader-note{color:#ef4444;word-wrap:break-word;margin:.25rem 0;font-size:.75rem}@media (width>=1024px){.product-uploader-note{font-size:.875rem}}.product-uploader-commission-note{color:#ef4444;margin-top:.125rem;font-size:.75rem}.product-uploader-file-upload-container{width:100%;margin:1rem 0}.product-uploader-uploaded-file{background-color:#f3f4f6;border-radius:.5rem;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.5rem 1rem;display:flex}.product-uploader-file-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.875rem;overflow:hidden}.product-uploader-file-delete{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:1.25rem;transition:all .2s}.product-uploader-file-delete:hover{background-color:#fee2e2}.product-uploader-collaboration-section{width:100%;margin:1rem 0}.product-uploader-collaboration-button{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border:none;border-radius:9999px;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.product-uploader-collaboration-button{width:auto;min-width:200px;margin:0 auto;padding:.75rem 1.5rem;font-size:1rem}}.product-uploader-collaboration-button:hover{background-color:#16a34a}.product-uploader-selected-shopings{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:.5rem;max-height:250px;margin-top:1rem;padding:.5rem;overflow:hidden auto}.product-uploader-selected-shopings p{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.product-uploader-shoping-card{box-sizing:border-box;background-color:#fff;border-radius:.5rem;align-items:center;width:100%;margin-bottom:.5rem;padding:.5rem;display:flex;box-shadow:0 1px 2px #0000000d}.product-uploader-shoping-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px;margin-right:.75rem}.product-uploader-shoping-info{flex:1;min-width:0}.product-uploader-shoping-display{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;overflow:hidden}.product-uploader-shoping-name{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.product-uploader-action-buttons{justify-content:center;width:100%;margin-top:1.5rem;display:flex}.product-uploader-submit-button{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border:none;border-radius:9999px;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.product-uploader-submit-button{width:auto;min-width:200px;margin:0;font-size:1.125rem}}.product-uploader-submit-button:hover:not(:disabled){background-color:#16a34a}.product-uploader-submit-button:disabled{opacity:.5;cursor:not-allowed}.product-uploader-popup-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.product-uploader-popup-content{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;padding:1.5rem;animation:.3s ease-out product-uploader-slideIn;display:flex;position:relative;overflow:hidden}@keyframes product-uploader-slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.product-uploader-search-container{align-items:center;width:100%;margin-bottom:1rem;display:flex;position:relative}.product-uploader-search-input{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:8px;outline:none;flex:1;width:100%;padding:.75rem 40px .75rem .75rem;font-size:.875rem;transition:border-color .3s}@media (width>=1024px){.product-uploader-search-input{font-size:1rem}}.product-uploader-search-input:focus{border-color:#3b82f6}.product-uploader-search-button{cursor:pointer;color:#3b82f6;background:0 0;border:none;padding:.5rem;font-size:1.25rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.product-uploader-search-results{background-color:#fff;border:1px solid #f0f0f0;border-radius:8px;flex:1;padding:.5rem;overflow:hidden auto}.product-uploader-text-center{text-align:center;color:#666;word-wrap:break-word;padding:2rem 1rem;font-size:1rem;font-weight:500}@media (width>=1024px){.product-uploader-text-center{font-size:1.25rem}}.product-uploader-shoping-search-item{box-sizing:border-box;background-color:#f3f4f6;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;margin-bottom:.5rem;padding:.75rem;display:flex}.product-uploader-shoping-search-item:hover{background-color:#eff6ff}.product-uploader-shoping-search-item .product-uploader-shoping-avatar{flex-shrink:0;width:40px;height:40px}.product-uploader-shoping-search-item .product-uploader-shoping-info{flex:1;min-width:0}.product-uploader-shoping-search-item .product-uploader-shoping-display{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.product-uploader-shoping-search-item .product-uploader-shoping-name{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.product-uploader-select-button{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:.375rem;flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:background-color .2s}@media (width>=1024px){.product-uploader-select-button{padding:.5rem 1rem;font-size:.875rem}}.product-uploader-select-button.product-uploader-selected{background-color:#ef4444}.product-uploader-select-button.product-uploader-selected:hover{background-color:#dc2626}.product-uploader-select-button:not(.product-uploader-selected){background-color:#22c55e}.product-uploader-select-button:not(.product-uploader-selected):hover{background-color:#16a34a}.product-uploader-close-popup-button{color:#16a34a;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.product-uploader-close-popup-button:hover{color:#166534;background-color:#f3f4f6}.product-uploader-upload-progress-overlay{z-index:2000;box-sizing:border-box;background-color:#ffffffe6;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.product-uploader-progress-content{background-color:#fff;border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:800px;padding:1.5rem;display:flex;box-shadow:0 10px 25px -5px #0000001a}@media (width>=1024px){.product-uploader-progress-content{padding:2rem}}.product-uploader-progress-label{color:#333;text-align:center;font-size:1rem;font-weight:700}@media (width>=1024px){.product-uploader-progress-label{font-size:1.125rem}}.product-uploader-progress-bar{background-color:#e5e7eb;border-radius:9999px;width:100%;height:.5rem;overflow:hidden}.product-uploader-progress-fill{background:linear-gradient(45deg,#3b82f6,#22c55e);border-radius:9999px;height:100%;transition:width 1ms}.product-uploader-account-verification-overlay{z-index:2000;background-color:#303030;width:100%;height:100%;padding:0;position:fixed;inset:0;overflow-y:auto}.product-uploader-account-verification-content{justify-content:center;align-items:center;min-height:100vh;display:flex}.product-uploader-account-card{text-align:center;background-color:#fff;border-radius:20px;width:320px;box-shadow:0 0 20px #0000001a}.product-uploader-account-card-inner{background-color:#fff;border-radius:20px;width:100%;height:100%;padding:10px;box-shadow:0 0 10px #0000001a}.product-uploader-account-title{margin-top:10px;margin-bottom:20px;font-size:1.25rem;font-weight:700}.product-uploader-account-email{word-wrap:break-word;color:#4b5563;max-width:280px;margin:0 auto .75rem;font-size:.875rem}.product-uploader-account-input{border:1px solid #d1d5db;border-radius:5px;width:100%;margin:10px 0;padding:10px}.product-uploader-account-verify-button{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:5px;width:100%;margin-top:10px;padding:10px 15px;font-weight:700;transition:background-color .2s}.product-uploader-account-verify-button:hover{background-color:#16a34a}.product-uploader-account-info-note{color:#6b7280;text-align:center;margin-top:1rem;font-size:.875rem}.product-uploader-edit-dialog-overlay{z-index:1500;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.product-uploader-edit-dialog{background-color:#fff;border-radius:1rem;width:100%;max-width:900px;max-height:90vh;margin:auto;padding:1.5rem;position:relative;overflow:hidden auto}@media (width>=1024px){.product-uploader-edit-dialog{padding:2rem}}.product-uploader-close-dialog-button{cursor:pointer;color:#16a34a;z-index:10;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.product-uploader-close-dialog-button:hover{color:#166534;background-color:#f3f4f6}.product-uploader-edit-image-container{background-color:#000;border-radius:.5rem;justify-content:center;align-items:center;width:100%;max-width:500px;margin:1rem auto;display:flex;overflow:hidden}.product-uploader-edit-image{object-fit:contain;width:100%;height:auto;max-height:400px}@media (width>=1024px){.product-uploader-edit-image{max-height:500px}}.product-uploader-edit-controls{margin-top:1.5rem}.product-uploader-edit-controls h3{color:#374151;margin:1rem 0 .5rem;font-size:.875rem;font-weight:600}@media (width>=1024px){.product-uploader-edit-controls h3{margin:1.5rem 0 .75rem;font-size:1rem}}.product-uploader-history-controls{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.product-uploader-history-controls button{cursor:pointer;white-space:nowrap;background-color:#f3f4f6;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s}@media (width>=1024px){.product-uploader-history-controls button{padding:.75rem 1.5rem;font-size:1rem}}.product-uploader-history-controls button:hover:not(:disabled){background-color:#e5e7eb}.product-uploader-history-controls button:disabled{opacity:.5;cursor:not-allowed}.product-uploader-filter-buttons,.product-uploader-adjust-buttons,.product-uploader-special-effects,.product-uploader-geometry-buttons,.product-uploader-extra-effects{background-color:#fff;border-radius:.5rem;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.75rem;padding:.75rem;display:flex;box-shadow:0 1px 3px #0000001a}@media (width>=1024px){.product-uploader-filter-buttons,.product-uploader-adjust-buttons,.product-uploader-special-effects,.product-uploader-geometry-buttons,.product-uploader-extra-effects{gap:.75rem;margin-bottom:1rem;padding:1rem}}.product-uploader-filter-buttons button,.product-uploader-adjust-buttons button,.product-uploader-special-effects button,.product-uploader-geometry-buttons button,.product-uploader-extra-effects button{cursor:pointer;white-space:nowrap;background-color:#f3f4f6;border:none;border-radius:.375rem;flex:0 auto;padding:.375rem .75rem;font-size:.75rem;transition:all .2s}@media (width>=1024px){.product-uploader-filter-buttons button,.product-uploader-adjust-buttons button,.product-uploader-special-effects button,.product-uploader-geometry-buttons button,.product-uploader-extra-effects button{padding:.5rem 1rem;font-size:.875rem}}.product-uploader-filter-buttons button:hover,.product-uploader-adjust-buttons button:hover,.product-uploader-special-effects button:hover,.product-uploader-geometry-buttons button:hover,.product-uploader-extra-effects button:hover{color:#fff;background-color:#22c55e}.product-uploader-save-edit-button{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#22c55e;border:none;border-radius:9999px;width:100%;max-width:300px;margin:1.5rem auto 0;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s;display:block;overflow:hidden}@media (width>=1024px){.product-uploader-save-edit-button{max-width:400px;padding:1rem 2rem;font-size:1.125rem}}.product-uploader-save-edit-button:hover{background-color:#16a34a}.shop-back-btn{color:#22c55e;cursor:pointer;z-index:999;background-color:#0000;font-size:2.25rem;font-weight:700;position:fixed;top:1.25rem;left:1.25rem}.shop-main-wrapper{background-color:#00000008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.shop-app-container{background-color:#f8f9fa;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.shop-scrollable-content{width:100%;max-height:100vh;padding:20px;overflow-y:auto}.shop-card{background-color:#fff;border-radius:.5rem;width:100%;margin:1rem auto;padding:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shop-card-layout{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex}@media (width>=750px){.shop-card{max-width:750px}.shop-card-layout{flex-direction:row}}.shop-image-section{flex-direction:column;align-items:center;width:100%;display:flex}@media (width>=750px){.shop-image-section{width:auto}}.shop-thumbnail-preview-container{background-color:#000;border-radius:.25rem;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}@media (width>=750px){.shop-thumbnail-preview-container{width:400px;height:400px}}.shop-thumbnail-image{object-fit:contain;aspect-ratio:1;width:100%;height:100%}.shop-delete-thumbnail-btn{color:#000;z-index:10;cursor:pointer;background-color:#ef444480;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:700;transition:all .3s;display:flex;position:absolute;top:.5rem;right:.5rem}.shop-delete-thumbnail-btn:hover{background-color:#d1d5db;transform:scale(1.1)}.shop-upload-placeholder{background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:.25rem;justify-content:center;align-items:center;width:300px;height:300px;display:flex}@media (width>=750px){.shop-upload-placeholder{width:400px;height:400px}}.shop-upload-label{cursor:pointer;color:#2563eb;background-color:#eff6ff;border-radius:.25rem;padding:.5rem 1rem;transition:background-color .2s;box-shadow:0 1px 3px #0000001a}.shop-upload-label:hover{background-color:#dbeafe}.shop-hidden-input{display:none}.shop-form-section{flex-direction:column;flex:1;gap:0;width:100%;display:flex}.shop-input-group{width:100%;padding-top:.75rem;padding-bottom:.75rem}.shop-form-input,.shop-form-textarea{border:1px solid #d1d5db;border-radius:.25rem;outline:none;width:100%;padding:.5rem;font-family:inherit;font-size:.875rem;transition:box-shadow .2s,border-color .2s}.shop-form-textarea{resize:none}.shop-form-input:focus,.shop-form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa80}.shop-error-text{color:#ef4444;text-align:left;margin-top:.375rem;font-size:.875rem}.shop-adv-section{align-items:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.shop-adv-checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.shop-adv-checkbox{cursor:pointer;accent-color:#2563eb;width:1rem;height:1rem}.shop-adv-inputs-container{flex-direction:column;margin-top:.5rem;display:flex}.shop-adv-note{color:#ef4444;margin-top:.25rem;margin-bottom:.5rem;font-size:.875rem}input[type=number].shop-adv-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].shop-adv-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].shop-adv-input{-moz-appearance:textfield}.shop-submit-section{justify-content:flex-end;width:100%;margin-top:1rem;display:flex}.shop-submit-btn{color:#fff;cursor:pointer;text-align:center;background-color:#22c55e;border:none;border-radius:9999px;margin:0 auto;padding:.5rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s;display:block}.shop-submit-btn:hover{background-color:#16a34a}.shop-overlay{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shop-upload-overlay{background-color:#fffc}.shop-download-overlay{z-index:50;background-color:#ffffffb3}.shop-upload-modal{background-color:#fff;border-radius:.5rem;flex-direction:column;align-items:center;gap:.75rem;width:91.6667%;max-width:800px;padding:1.5rem;display:flex;box-shadow:0 10px 15px -3px #0000001a}.shop-upload-warning{color:#b91c1c;text-align:center;max-width:800px}.shop-upload-progress-text{color:#333;font-size:18px;font-weight:700}.shop-progress-bar-container{background-color:#e5e7eb;border-radius:.25rem;width:100%;max-width:800px;height:.5rem;overflow:hidden}.shop-progress-bar-fill{background-color:#3b82f6;height:100%;transition:width .3s ease-out}.shop-spinner{border:4px solid #0000001a;border-left-color:#3b82f6;border-radius:50%;width:3rem;height:3rem;animation:1s linear infinite shop-spin}@keyframes shop-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shop-custom-scrollbar::-webkit-scrollbar{width:8px}.shop-custom-scrollbar::-webkit-scrollbar-track{background:0 0}.shop-custom-scrollbar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.shop-custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.shop-stripe-bg{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:1rem 1rem;animation:1s linear infinite shop-stripe-animation}@keyframes shop-stripe-animation{0%{background-position:1rem 0}to{background-position:0 0}}.shop-product-uploader-checkbox-group{margin-top:.5rem}.shop-product-uploader-checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.shop-product-uploader-note{color:#ef4444;margin-top:.25rem;margin-bottom:.5rem;font-size:.875rem}.shop-product-uploader-form-group{width:100%;margin-bottom:.5rem}.shop-product-uploader-form-input{border:1px solid #d1d5db;border-radius:.25rem;outline:none;width:100%;padding:.5rem;font-family:inherit;font-size:.875rem;transition:box-shadow .2s,border-color .2s}.shop-product-uploader-form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa80}.theory-uploader-container{z-index:20;background:linear-gradient(to bottom right,#f9fafb,#eff6ff);width:100%;height:100%;padding:0;position:fixed;inset:0;overflow-y:auto}.theory-uploader-close-button{color:#ef4444;cursor:pointer;z-index:30;background-color:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.theory-uploader-close-button:hover:not(:disabled){background-color:#fee2e2;transform:scale(1.1)}.theory-uploader-close-button:disabled{opacity:.5;cursor:not-allowed}.theory-uploader-close-button .material-icons{font-size:1.5rem}.theory-uploader-content{flex-direction:column;gap:2rem;width:100%;max-width:72rem;margin:0 auto;padding:2rem;display:flex}.theory-uploader-header{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.theory-uploader-header-icon{color:#2563eb;margin-bottom:1rem;font-size:3rem}.theory-uploader-title{color:#1f2937;margin:0;font-size:2.25rem;font-weight:700}.theory-uploader-subtitle{color:#6b7280;margin-top:.5rem;margin-bottom:0;font-size:1.125rem}.theory-uploader-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;width:100%;padding:2rem;transition:box-shadow .3s;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.theory-uploader-section:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.theory-uploader-section-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.theory-uploader-section-icon{color:#2563eb;font-size:1.5rem}.theory-uploader-section-title{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.theory-uploader-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.theory-uploader-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.theory-uploader-input:disabled{cursor:not-allowed;opacity:.7;background-color:#f3f4f6}.theory-uploader-textarea{resize:none;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;min-height:150px;max-height:150px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s;overflow:auto}.theory-uploader-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.theory-uploader-textarea:disabled{cursor:not-allowed;opacity:.7;background-color:#f3f4f6}.theory-uploader-inputs-container{flex-direction:column;gap:1.5rem;width:100%;margin-bottom:1.5rem;display:flex}.theory-uploader-input-card{background-color:#ffffff80;border:1px solid #f3f4f6;border-radius:.75rem;padding:1.5rem;transition:border-color .2s}.theory-uploader-input-card:hover{border-color:#d1d5db}.theory-uploader-input-card-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;display:flex}.theory-uploader-input-number{color:#2563eb;min-width:3rem;font-size:1.125rem;font-weight:700}.theory-uploader-remove-button{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .2s,transform .2s;display:flex}.theory-uploader-remove-button:hover:not(:disabled){background-color:#dc2626;transform:scale(1.1)}.theory-uploader-remove-button:disabled{opacity:.5;cursor:not-allowed}.theory-uploader-remove-button .material-icons{font-size:1rem}.theory-uploader-add-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1.5rem;font-size:.875rem;transition:background-color .2s,transform .2s;display:inline-flex}.theory-uploader-add-button:hover:not(:disabled){background-color:#2563eb;transform:scale(1.05)}.theory-uploader-add-button:disabled{cursor:not-allowed;opacity:.7;background-color:#9ca3af}.theory-uploader-add-button .material-icons{font-size:1rem}.theory-uploader-relationships-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.theory-uploader-relationship-group{flex-direction:column;gap:.75rem;width:100%;display:flex}.theory-uploader-relationship-header{align-items:center;gap:.75rem;display:flex}.theory-uploader-relationship-icon{font-size:1.25rem}.theory-uploader-relationship-icon.green{color:#10b981}.theory-uploader-relationship-icon.red{color:#ef4444}.theory-uploader-relationship-icon.orange{color:#f59e0b}.theory-uploader-relationship-title{color:#374151;margin:0;font-size:1.125rem;font-weight:600}.theory-uploader-advertisement-section{width:100%;margin-top:1rem}.theory-uploader-advertisement-checkbox{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.theory-uploader-advertisement-checkbox-input{accent-color:#3b82f6;cursor:pointer;width:1.25rem;height:1.25rem}.theory-uploader-advertisement-checkbox-input:disabled{cursor:not-allowed;opacity:.7}.theory-uploader-advertisement-checkbox-label{color:#2563eb;cursor:pointer;font-weight:500}.theory-uploader-advertisement-checkbox-label:disabled{cursor:not-allowed;opacity:.7}.theory-uploader-advertisement-warning{color:#ef4444;margin-top:.5rem;margin-bottom:.5rem;font-size:.875rem}.theory-uploader-advertisement-input{border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;height:2.5rem;padding:0 .5rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.theory-uploader-advertisement-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.theory-uploader-advertisement-input:disabled{cursor:not-allowed;opacity:.7;background-color:#f3f4f6}.theory-uploader-advertisement-error{color:#ef4444;margin-top:.5rem;font-size:.875rem}.theory-uploader-submit-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;margin-bottom:1rem;padding:1rem;font-size:1.125rem;font-weight:600;transition:background-color .2s,transform .2s;display:flex}.theory-uploader-submit-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-2px)}.theory-uploader-submit-button:disabled{cursor:not-allowed;opacity:.7;background-color:#9ca3af}.theory-uploader-submit-button .material-icons{font-size:1.25rem}.theory-uploader-progress-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.theory-uploader-progress-dialog{background-color:#fff;border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;width:24rem;max-width:90%;padding:2rem;display:flex;box-shadow:0 25px 50px -12px #00000040}.theory-uploader-progress-icon{animation:1.5s infinite pulse}.theory-uploader-progress-icon .material-icons{color:#3b82f6;font-size:3rem}.theory-uploader-progress-title{color:#1f2937;margin:0;font-size:1.25rem;font-weight:700}.theory-uploader-progress-bar-container{background-color:#e5e7eb;border-radius:9999px;width:100%;height:.5rem;overflow:hidden}.theory-uploader-progress-bar-fill{background-color:#3b82f6;border-radius:9999px;height:100%;transition:width .3s}.theory-uploader-progress-percentage{color:#1f2937;font-size:1.125rem;font-weight:600}.theory-uploader-progress-message{color:#6b7280;text-align:center;font-size:.875rem}@media (width<=768px){.theory-uploader-content{gap:1rem;padding:1rem}.theory-uploader-section{padding:1rem}.theory-uploader-title{font-size:1.875rem}.theory-uploader-subtitle{font-size:1rem}.theory-uploader-section-title{font-size:1.25rem}.theory-uploader-progress-dialog{width:90%;padding:1.5rem}}@media (width<=480px){.theory-uploader-close-button{width:2.5rem;height:2.5rem;top:.5rem;right:.5rem}.theory-uploader-header-icon{font-size:2.5rem}.theory-uploader-title{font-size:1.5rem}.theory-uploader-section-icon{font-size:1.25rem}}