code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.forgot-password-card h2{color:#333;font-weight:600;margin-bottom:10px;text-align:center}.forgot-password-card p{color:#666;line-height:1.5;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{margin-bottom:5px}.form-group input{border:2px solid #e1e5e9;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s ease}.form-group input:focus{border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:12px;transition:transform .2s ease;width:100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background-color:#fee;border:1px solid #fed7d7;border-radius:6px;color:#c53030;padding:12px}.success-message{background-color:#f0fff4;border:1px solid #c6f6d5;border-radius:6px;color:#38a169;font-size:14px;margin-bottom:20px;padding:12px}.back-to-login{text-align:center}.btn-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;text-decoration:none;transition:color .3s ease}.btn-link:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.forgot-password-card{padding:30px 20px}}.auth-container{align-items:center;background:linear-gradient(135deg,#f9fafb,#e5e7eb);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem 1rem}.auth-form{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:420px;padding:2.5rem;width:100%}.auth-form h2{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.form-group label{font-size:.95rem;margin-bottom:.75rem}.form-group input{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;letter-spacing:normal;min-height:48px;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus{background-color:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-group input::placeholder{color:#9ca3af;font-size:.95rem}.auth-button{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.5rem;min-height:52px;padding:1rem;transition:all .3s ease;width:100%}.auth-button:hover:not(:disabled){background-color:#3730a3;box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}.auth-button:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.auth-link{color:#6b7280;font-size:.95rem;margin-top:1.5rem;text-align:center}.auth-link a{color:#4f46e5;font-weight:600;text-decoration:none}.auth-link a:hover{color:#3730a3;text-decoration:underline}.error-message{margin-bottom:1.5rem}.forgot-password-link{margin:1.5rem 0;text-align:center}.link-button{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:.95rem;font-weight:500;min-height:44px;padding:.5rem;text-decoration:none;transition:all .3s ease}.link-button:hover{color:#3730a3;text-decoration:underline}@media (max-width:768px){.auth-container{min-height:calc(100vh - 70px);padding:1.5rem 1rem}.auth-form{margin:0 auto;max-width:100%;padding:2rem}.auth-form h2{font-size:1.6rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group input{font-size:1rem;min-height:50px;padding:1rem .75rem}.auth-button{font-size:1.1rem;min-height:54px;padding:1rem}}@media (max-width:480px){.auth-container{align-items:flex-start;min-height:calc(100vh - 60px);padding:2rem .75rem 1rem}.auth-form{border-radius:8px;box-shadow:0 4px 20px #00000026;padding:1.5rem}.auth-form h2{font-size:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input{border-radius:6px;font-size:1rem;min-height:52px;padding:1.25rem 1rem}.auth-button{border-radius:6px;font-size:1.1rem;font-weight:700;min-height:56px;padding:1.25rem}.auth-link{font-size:.9rem;margin-top:1.25rem}.forgot-password-link{margin:1.25rem 0}.link-button{font-size:.9rem;min-height:48px;padding:.75rem}.error-message{font-size:.9rem;margin-bottom:1.25rem;padding:.875rem}}.email-verification-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.email-verification-form{background:#fff;border-radius:15px;box-shadow:0 15px 35px #0000001a;max-width:450px;padding:40px;width:100%}.email-verification-form h2{color:#333;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.verification-info{border-left:4px solid #667eea;margin-bottom:30px}.verification-info p{font-size:16px;margin:0 0 10px}.verification-info strong{font-size:18px}.form-group{margin-bottom:25px}.email-verification-form .form-group input{border:2px solid #e1e5e9;border-radius:10px;font-size:18px;font-weight:600;letter-spacing:4px;padding:15px;text-align:center;transition:all .3s ease;width:100%}.email-verification-form .form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.verify-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.verify-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.verify-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.resend-section{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px;text-align:center}.resend-section p{color:#666;font-size:14px;margin:0 0 10px}.resend-button{background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.resend-button:hover:not(:disabled){background:#667eea;color:#fff}.resend-button:disabled{cursor:not-allowed;opacity:.5}.verification-note{color:#999;font-size:12px;margin-top:20px;text-align:center}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:15px}@media (max-width:768px){.email-verification-container{padding:10px}.email-verification-form{padding:30px 20px}.email-verification-form h2{font-size:24px}}.auth-gate{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-gate-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.auth-gate-header{margin-bottom:40px}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.app-tagline{color:#666;font-size:1.1rem;margin:0}.auth-gate-content{margin-bottom:30px}.auth-section{width:100%}.auth-switch{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.auth-switch p{color:#666;margin:0}.switch-auth-btn{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;text-decoration:none}.switch-auth-btn:hover{color:#764ba2;text-decoration:underline}.auth-gate-footer{border-top:1px solid #eee;color:#999;font-size:.9rem;padding-top:20px}.auth-gate-footer p{margin:0}.auth-gate .auth-form{background:none;border:none;box-shadow:none;margin:0;padding:0}.auth-gate .form-group{text-align:left}.auth-gate .auth-title{color:#333;font-size:1.5rem;margin-bottom:20px}.loading{color:#667eea;font-size:1.2rem;min-height:100vh}@media (max-width:480px){.auth-gate{padding:10px}.auth-gate-container{padding:30px 20px}.app-title{font-size:2rem}.app-tagline{font-size:1rem}}.notification-badge-container{display:inline-block;position:relative}.notification-badge{align-items:center;animation:pulse 2s infinite;background:#ff3040;background:linear-gradient(135deg,#ff3040,#e91e63);border:2px solid #fff;border-radius:9px;box-shadow:0 2px 4px #ff30404d;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-8px;top:-8px;transform:scale(1);transition:transform .2s ease;z-index:10}.notification-badge:hover{transform:scale(1.1)}@media (max-width:768px){.notification-badge{border-radius:8px;font-size:10px;height:16px;min-width:16px;right:-6px;top:-6px}}[data-theme=dark] .notification-badge{border-color:#1a1a1a;box-shadow:0 2px 4px #ff304066}[data-theme=dark] .notification-badge:hover{box-shadow:0 4px 8px #ff304080}.navbar{background-color:#1a1a1a;box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem;position:relative}.nav-logo{color:#4f46e5;font-size:1.5rem;font-weight:700;text-decoration:none;z-index:1001}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;z-index:1001}.nav-menu{align-items:center;display:flex;gap:1rem}.nav-button,.nav-link{align-items:center;border-radius:8px;color:#fff;display:flex;gap:.5rem;min-height:44px;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background-color:#ffffff1a;transform:translateY(-1px)}.nav-button{background-color:#4f46e5;border:none;cursor:pointer;font-weight:600}.nav-button:hover{background-color:#3730a3;box-shadow:0 4px 8px #4f46e54d;transform:translateY(-1px)}.nav-button.logout{background-color:#ef4444}.nav-button.logout:hover{background-color:#dc2626}.follow-requests-button{background:none;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:inherit;position:relative}.follow-requests-button .badge{align-items:center;background-color:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:-5px;top:-5px}.mobile-menu-overlay{display:none}@media (max-width:1024px){.nav-container{padding:0 1.5rem}.nav-menu{gap:.75rem}.nav-button,.nav-link{padding:.6rem .9rem}}@media (max-width:768px){.mobile-menu-toggle{display:block}.nav-menu{align-items:stretch;background-color:#1a1a1a;box-shadow:-4px 0 20px #0000004d;flex-direction:column;gap:0;height:100vh;justify-content:flex-start;overflow-y:auto;padding:5rem 0 2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px}.nav-menu-open{right:0}.nav-button,.nav-link{border-bottom:1px solid #ffffff1a;border-radius:0;font-size:1rem;justify-content:flex-start;min-height:60px;padding:1rem 2rem;width:100%}.nav-button i,.nav-link i{font-size:1.2rem;text-align:center;width:24px}.nav-button:hover,.nav-link:hover{background-color:#ffffff26;box-shadow:none;transform:none}.nav-button{border:2px solid #4f46e5;border-radius:8px;justify-content:center;margin:1rem 2rem;width:calc(100% - 4rem)}.nav-button:hover{background-color:#3730a3;box-shadow:0 4px 12px #4f46e566}.mobile-menu-overlay{background-color:#00000080;display:block;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:999}}@media (max-width:480px){.nav-container{padding:0 1rem}.nav-logo{font-size:1.3rem}.nav-menu{right:-100%;width:100%}.nav-button,.nav-link{font-size:1.1rem;min-height:64px;padding:1.2rem 1.5rem}.nav-button{font-size:1.1rem;font-weight:700;margin:1rem 1.5rem;padding:1rem;width:calc(100% - 3rem)}}.save-button{background:#0000;display:inline-flex;font-family:inherit;gap:6px;justify-content:center;overflow:hidden;position:relative}.save-button:disabled{opacity:.7}.save-button:focus{box-shadow:0 0 0 2px #4caf5033;outline:none}.save-button-small{font-size:12px;padding:6px 8px}.save-button-small .save-icon svg{height:14px;width:14px}.save-button-medium{font-size:14px;padding:8px 12px}.save-button-medium .save-icon svg{height:16px;width:16px}.save-button-large{font-size:16px;padding:12px 16px}.save-button-large .save-icon svg{height:20px;width:20px}.save-button.unsaved{background:#0000000a;color:#666}.save-button.unsaved:hover{transform:translateY(-1px)}.save-button.saved,.save-button.unsaved:hover{background:#4caf501a;color:#4caf50}.save-button.saved:hover{background:#e53e3e1a;color:#e53e3e}.save-button.saved .save-icon svg{fill:currentColor}.save-button.loading{pointer-events:none}.save-button-loading{align-items:center;background:#0000000a;border-radius:8px;display:inline-flex;justify-content:center}.save-button-loading.save-button-small{height:26px;width:30px}.save-button-loading.save-button-medium{height:32px;width:40px}.save-button-loading.save-button-large{height:44px;width:52px}.button-spinner,.loading-spinner{animation:spin 1s linear infinite;border-right:2px solid #0000;border-top:2px solid #0000;border-color:currentcolor currentcolor #0000 #0000;border-radius:50%;border-style:solid;border-width:2px;height:14px;width:14px}.button-spinner{height:12px;opacity:.7;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:12px}.save-icon{align-items:center;display:flex;justify-content:center;transition:transform .2s ease}.save-button:hover .save-icon{transform:scale(1.1)}.save-button.saved .save-icon{animation:saveSuccess .6s ease-out}.save-text{font-weight:500;letter-spacing:.01em;transition:opacity .2s ease}.save-button.loading .save-text{opacity:.7}@keyframes saveSuccess{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.save-button.compact{min-width:0;min-width:auto;padding:4px}.save-button.compact .save-text{display:none}.save-button:before{background:#000c;border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:12px;left:50%;margin-bottom:4px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1000}.save-button:hover:before{opacity:1}@media (prefers-color-scheme:dark){.save-button.unsaved{background:#ffffff1a;color:#b3b3b3}.save-button.saved,.save-button.unsaved:hover{background:#66bb6a26;color:#66bb6a}.save-button.saved:hover{background:#ef535026;color:#ef5350}.save-button-loading{background:#ffffff1a}}@media (max-width:768px){.save-button-large{font-size:15px;padding:10px 14px}.save-button-medium{font-size:13px;padding:7px 10px}.save-button-small{font-size:11px;padding:5px 7px}}@media (prefers-contrast:high){.save-button.unsaved{border:1px solid}.save-button.saved{border:1px solid #4caf50}.save-button:focus{box-shadow:0 0 0 3px #4caf5066}}@media (prefers-reduced-motion:reduce){.save-button,.save-icon,.save-text{transition:none}.save-button:hover .save-icon{transform:none}.save-button.saved .save-icon{animation:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}.share-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.share-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.share-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px 16px}.share-modal-header h3{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.close-button{padding:8px}.share-modal-content{flex:1 1;overflow-y:auto;padding:0 24px 24px}.content-info{background:#f8f9fa;border-left:4px solid #4caf50;border-radius:12px;margin-bottom:20px;padding:16px;text-align:center}.content-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.content-info p{color:#666;font-size:14px;margin:0}.share-tabs{background:#f8f9fa;border-radius:12px;display:flex;margin-bottom:20px;padding:4px}.tab-button{gap:6px;padding:12px 16px}.tab-button.active{box-shadow:0 2px 4px #0000001a}.external-share{min-height:200px}.create-link{padding:40px 20px;text-align:center}.create-link p{color:#666;font-size:14px;margin-bottom:20px}.create-link-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s ease}.create-link-button:hover:not(:disabled){background:#45a049}.create-link-button:disabled{cursor:not-allowed;opacity:.7}.share-link-created{display:flex;flex-direction:column;gap:16px}.share-url{align-items:center;display:flex;gap:8px}.share-url-input{background:#f9f9f9;color:#333;flex:1 1;font-size:14px;padding:12px 16px}.copy-button,.share-url-input{border:1px solid #ddd;border-radius:8px}.copy-button{background:#fff;color:#666;cursor:pointer;padding:12px;transition:all .2s ease}.copy-button:hover{background:#f5f5f5;color:#333}.share-actions{display:flex;flex-wrap:wrap;gap:12px}.preview-button,.whatsapp-share-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.whatsapp-share-button{background:#25d366;color:#fff;flex:1 1}.whatsapp-share-button:hover{background:#22c55e}.preview-button{background:#f8f9fa;border:1px solid #ddd;color:#333;flex:1 1}.preview-button:hover{background:#e9ecef}.share-stats{border-top:1px solid #f0f0f0;font-size:12px;padding-top:8px;text-align:center}.internal-share{min-height:200px}.search-users{margin-bottom:16px}.search-input{background:#f9f9f9;font-size:14px;padding:12px 16px}.search-input:focus{background:#fff;border-color:#4caf50}.users-list{background:#fff;border:1px solid #f0f0f0;border-radius:8px;max-height:300px;overflow-y:auto}.no-users{padding:40px 20px}.user-item{cursor:pointer;gap:12px;padding:12px 16px;transition:background .2s ease}.user-item:hover{background:#f8f9fa}.user-item.selected{background:#e8f5e8;color:#2e7d32}.user-item:not(:last-child){border-bottom:1px solid #f5f5f5}.user-avatar{overflow:hidden}.avatar-placeholder,.user-avatar img{height:100%;width:100%}.avatar-placeholder{align-items:center;background:#4caf50;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.username{flex:1 1;font-size:14px}.selected-indicator{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.share-selected{border-top:1px solid #f0f0f0;margin-top:16px;padding-top:16px}.share-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px;transition:background .2s ease;width:100%}.share-button:hover:not(:disabled){background:#45a049}.share-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.share-modal{margin:20px;max-height:calc(100vh - 40px)}.share-modal-header{padding:16px 20px 12px}.share-modal-content{padding:0 20px 20px}.share-actions{flex-direction:column}.preview-button,.whatsapp-share-button{flex:none}}@media (max-width:480px){.share-modal{margin:10px;max-height:calc(100vh - 20px)}.tab-button{font-size:13px}.tab-button,.user-item{padding:10px 12px}.user-avatar{height:36px;width:36px}}.action-buttons{align-items:center;display:flex;gap:8px}.action-buttons-horizontal{flex-direction:row}.action-buttons-vertical{align-items:stretch;flex-direction:column}.action-buttons-small{gap:6px}.action-buttons-medium{gap:8px}.action-buttons-large{gap:12px}.action-button{background:#0000;border-radius:8px;display:inline-flex;font-family:inherit;font-weight:500;gap:6px;position:relative}.action-button:focus{box-shadow:0 0 0 2px #4caf5033;outline:none}.action-button:disabled{cursor:not-allowed;opacity:.7}.share-action{background:#0000000a;color:#666}.share-action:hover{background:#2196f31a;color:#2196f3;transform:translateY(-1px)}.share-button-small{font-size:12px;padding:6px 8px}.share-button-small .share-icon svg{height:14px;width:14px}.share-button-medium{font-size:14px;padding:8px 12px}.share-button-medium .share-icon svg{height:16px;width:16px}.share-button-large{font-size:16px;padding:12px 16px}.share-button-large .share-icon svg{height:20px;width:20px}.share-icon{align-items:center;display:flex;justify-content:center;transition:transform .2s ease}.share-action:hover .share-icon{transform:scale(1.1)}.share-text{font-weight:500;letter-spacing:.01em}.action-buttons-vertical .action-button{justify-content:flex-start;padding-left:12px;width:100%}.action-buttons-vertical.action-buttons-small .action-button{padding-left:8px}.action-buttons-vertical.action-buttons-large .action-button{padding-left:16px}.action-buttons.compact .action-button{min-width:0;min-width:auto;padding:4px 6px}.action-buttons.compact .save-text,.action-buttons.compact .share-text{display:none}@media (prefers-color-scheme:dark){.share-action{background:#ffffff1a;color:#b3b3b3}.share-action:hover{background:#64b5f626;color:#64b5f6}}@media (prefers-contrast:high){.share-action{border:1px solid}.action-button:focus{box-shadow:0 0 0 3px #2196f366}}@media (max-width:768px){.action-buttons{gap:6px}.action-buttons-large{gap:8px}.share-button-large{font-size:15px;padding:10px 14px}.share-button-medium{font-size:13px;padding:7px 10px}.share-button-small{font-size:11px;padding:5px 7px}}@media (hover:none) and (pointer:coarse){.action-button{min-height:44px}.action-button:hover{transform:none}}@media (prefers-reduced-motion:reduce){.action-button,.share-icon{transition:none}.share-action:hover,.share-action:hover .share-icon{transform:none}}.art-card .action-buttons,.story-card .action-buttons{border-top:1px solid #0000000d;margin-top:auto;padding-top:12px}.art-card .action-buttons.action-buttons-horizontal,.story-card .action-buttons.action-buttons-horizontal{justify-content:flex-end}.art-detail .action-buttons,.story-detail .action-buttons{margin:16px 0}.art-detail .action-buttons.action-buttons-horizontal,.story-detail .action-buttons.action-buttons-horizontal{justify-content:center}.featured-content .action-buttons{border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:8px}.action-buttons.floating,.featured-content .action-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.action-buttons.floating{border-radius:20px;box-shadow:0 2px 8px #00000026;padding:4px;position:absolute;right:12px;top:12px}.action-buttons.floating .action-button{border-radius:50%;height:36px;padding:0;width:36px}.action-buttons.floating .save-text,.action-buttons.floating .share-text{display:none}.home{margin:0 auto;max-width:1200px;padding:2rem}.home-header{margin-bottom:3rem;text-align:center}.home-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.home-header p{color:#666;font-size:1.1rem;margin-bottom:2rem}.search-section{margin-top:2rem}.search-form{align-items:center;display:flex;gap:.5rem;margin:0 auto;max-width:600px}.search-input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s}.search-input:focus{border-color:#4f46e5}.clear-button,.search-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.search-button{background-color:#4f46e5;color:#fff}.search-button:hover:not(:disabled){background-color:#3730a3}.search-button:disabled{background-color:#9ca3af;cursor:not-allowed}.clear-button{background-color:#f3f4f6;color:#374151}.clear-button:hover{background-color:#e5e7eb}.content-tabs{justify-content:center;margin-bottom:2rem}.tab-button{font-size:1.1rem}.content-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.content-card{background:#fff;box-shadow:0 2px 4px #0000001a}.content-header{background-color:#fafafa;border-bottom:1px solid #e5e7eb;padding:1rem}.author-link{gap:.75rem}.author-avatar{height:40px;width:40px}.author-name{font-size:.95rem}.content-image{height:200px}.content-info h3{font-size:1.1rem}.content-author{color:#666;font-size:.9rem;margin:0 0 .5rem}.content-excerpt{margin:0 0 1rem}.no-content{font-size:1.1rem;padding:2rem}.user-card{border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s,box-shadow .3s}.user-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.user-info{gap:1rem}.user-avatar{border:2px solid #e5e7eb;height:60px;width:60px}.user-details h3{color:#333;font-size:1.1rem;margin:0 0 .5rem}.user-bio{font-size:.9rem}.clear-button,.search-button,.search-input,.tab-button{min-height:48px;touch-action:manipulation}.content-card{touch-action:manipulation}.author-avatar{min-height:44px;min-width:44px}@media (max-width:1024px){.home{padding:1.5rem}.content-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.clear-button,.search-button,.search-input{font-size:1.05rem;min-height:50px;padding:.875rem 1.25rem}}@media (max-width:768px){.home{padding:1rem .75rem}.home-header{margin-bottom:2rem}.home-header h1{font-size:1.875rem;margin-bottom:.75rem}.home-header p{font-size:1rem;margin-bottom:1.5rem;padding:0 1rem}.search-form{flex-direction:column;gap:1rem;padding:0 .5rem}.clear-button,.search-button,.search-input{border-radius:10px;font-size:1.05rem;min-height:52px;padding:1rem 1.25rem;width:100%}.clear-button:active,.search-button:active{transform:scale(.98)}.content-grid{gap:1.25rem;grid-template-columns:1fr;padding:0 .25rem}.tab-button{border-radius:8px 8px 0 0;flex:1 1;font-size:1rem;min-height:52px;min-width:-webkit-fit-content;min-width:fit-content;padding:1rem 1.25rem}.content-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;margin:0 -.75rem 2rem;overflow-x:auto;padding:0 .75rem;scrollbar-width:none}.content-tabs::-webkit-scrollbar{display:none}.content-card{border-radius:12px;margin-bottom:.5rem}.content-header{padding:1.25rem 1rem}.author-avatar{height:48px;min-height:48px;min-width:48px;width:48px}.author-name{font-size:1rem}.content-image{height:220px}.content-info{padding:1.25rem 1rem}.content-info h3{font-size:1.2rem;margin-bottom:.75rem}.content-excerpt{font-size:1rem;line-height:1.5;margin-bottom:1.25rem}.content-stats{font-size:1rem;gap:1.5rem}.user-info{flex-direction:column;gap:1rem;text-align:center}.user-avatar{height:70px;margin:0 auto;width:70px}.user-details h3{font-size:1.2rem}.user-bio{font-size:1rem;text-align:center}.no-content{font-size:1.1rem;line-height:1.5;padding:3rem 1rem}}@media (max-width:480px){.home{padding:.75rem .5rem}.home-header h1{font-size:1.6rem}.home-header p{font-size:.95rem;padding:0 .5rem}.search-form{padding:0}.clear-button,.search-button,.search-input{font-size:1.1rem;font-weight:500;min-height:56px;padding:1.25rem 1rem}.content-tabs{margin:0 -.5rem 1.5rem;padding:0 .5rem}.tab-button{font-size:.95rem;min-height:56px;padding:1.25rem 1rem}.content-card{border-radius:10px}.content-image{height:180px}.content-info{padding:1rem .875rem}.content-info h3{font-size:1.1rem}.content-excerpt,.content-stats{font-size:.95rem}.content-stats{gap:1.25rem}.author-avatar{height:44px;min-height:44px;min-width:44px;width:44px}.user-avatar{height:64px;width:64px}.no-content{font-size:1rem;padding:2.5rem .75rem}}.modal-backdrop{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.followers-modal{background:#fff;border-radius:12px;box-shadow:0 12px 28px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:100%}.modal-header{background:#fff;border-bottom:1px solid #dbdbdb;padding:1rem 1.5rem}.modal-header h2{color:#262626;font-size:16px}.close-button{color:#8e8e8e;transition:background-color .2s}.close-button:hover{background-color:#f5f5f5}.modal-search{background:#fff;border-bottom:1px solid #dbdbdb;padding:1rem 1.5rem}.modal-search .search-input{background-color:#fafafa;border:1px solid #dbdbdb;border-radius:8px;font-size:14px;outline:none;padding:8px 12px;transition:all .2s;width:100%}.modal-search .search-input:focus{background-color:#fff;border-color:#a8a8a8}.modal-content{flex:1 1;min-height:200px}.no-users{align-items:center;color:#8e8e8e;display:flex;font-size:14px;height:200px;justify-content:center}.users-list{padding:.5rem 0}.user-item{align-items:center;display:flex;justify-content:space-between;padding:.75rem 1.5rem;transition:background-color .2s}.user-item:hover{background-color:#fafafa}.user-item .user-info{align-items:center;color:inherit;display:flex;flex:1 1;gap:12px;text-decoration:none}.user-item .user-avatar{border:1px solid #dbdbdb;border-radius:50%;height:44px;object-fit:cover;width:44px}.user-item .user-details h4{color:#262626;font-size:14px;font-weight:600;margin:0 0 .25rem}.user-item .user-bio{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#8e8e8e;display:-webkit-box;font-size:12px;margin:0;overflow:hidden}.user-item .follow-section.compact{margin:0}.user-item .follow-section.compact .follow-button{font-size:12px;min-width:70px;padding:.375rem .75rem}.user-item .follow-info{display:none}@media (max-width:768px){.modal-backdrop{padding:0}.followers-modal{border-radius:0;height:100vh;max-height:100vh}.modal-header,.modal-search,.user-item{padding:1rem}}.follow-info,.follow-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.follow-count{color:#666;font-size:.9rem}.follow-count strong{color:#333;font-weight:600}.follow-count.clickable{cursor:pointer;transition:opacity .2s}.follow-count.clickable:hover{opacity:.7}.follow-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;min-height:44px;min-width:100px;padding:.75rem 1.25rem;touch-action:manipulation;transition:all .3s ease}.follow-button.not_following{background-color:#4f46e5;color:#fff}.follow-button.not_following:hover:not(:disabled){background-color:#3730a3;transform:translateY(-1px)}.follow-button.following{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.follow-button.following:hover:not(:disabled){background-color:#fee2e2;border-color:#fecaca;color:#dc2626}.follow-button.pending{background-color:#fbbf24;border:1px solid #f59e0b;color:#fff}.follow-button.pending:hover:not(:disabled){background-color:#f59e0b;border-color:#d97706}.follow-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.follow-section.compact{align-items:stretch;flex-direction:column;gap:.5rem}.follow-section.compact .follow-info{gap:.75rem;justify-content:center}.follow-section.compact .follow-button{font-size:.875rem;padding:.375rem .75rem;width:100%}@media (max-width:1024px){.follow-button{font-size:1rem;min-height:48px;min-width:110px;padding:.875rem 1.5rem}.follow-section.compact .follow-button{font-size:.95rem;min-height:46px;padding:.75rem 1.25rem}}@media (max-width:768px){.follow-section{align-items:stretch;flex-direction:column;gap:1rem}.follow-info{gap:1rem;justify-content:center}.follow-count{align-items:center;display:flex;font-size:1rem;justify-content:center;min-height:44px;padding:.5rem}.follow-button{border-radius:10px;font-size:1.1rem;font-weight:700;min-height:52px;padding:1rem 1.5rem;width:100%}.follow-button:active{transform:scale(.98)}.follow-section.compact .follow-button{font-size:1rem;min-height:48px;padding:.875rem 1rem}}@media (max-width:480px){.follow-section{gap:.875rem}.follow-info{flex-wrap:wrap;gap:.75rem}.follow-count{font-size:.95rem;min-height:48px;padding:.375rem}.follow-button{border-radius:8px;font-size:1.1rem;font-weight:700;min-height:56px;padding:1.25rem 1rem}.follow-section.compact .follow-button{font-size:1rem;min-height:52px;padding:1rem .875rem}}.confirmation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.confirmation-modal{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;max-width:400px;overflow:hidden;width:90%}.confirmation-modal-header{border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--border-color,#e1e5e9);padding:20px 20px 10px}.confirmation-modal-title{color:#333;color:var(--text-color,#333);font-size:18px;font-weight:600;margin:0}.confirmation-modal-body{padding:20px}.confirmation-modal-message{color:#666;color:var(--text-secondary,#666);font-size:14px;line-height:1.5;margin:0}.confirmation-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:15px 20px 20px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f8f9fa;background:var(--secondary-bg,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);color:#333;color:var(--text-color,#333)}.btn-secondary:hover:not(:disabled){background:#e9ecef;background:var(--secondary-hover,#e9ecef)}.btn-primary{background:#007bff;background:var(--primary-color,#007bff);color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3;background:var(--primary-hover,#0056b3)}.btn-danger{background:#dc3545;background:var(--danger-color,#dc3545);color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;background:var(--danger-hover,#c82333)}.dark-theme .confirmation-modal{background:#2a2a2a;background:var(--dark-card-bg,#2a2a2a)}.dark-theme .confirmation-modal-header{border-bottom-color:#404040;border-bottom-color:var(--dark-border,#404040)}.dark-theme .confirmation-modal-title{color:#e0e0e0;color:var(--dark-text,#e0e0e0)}.dark-theme .confirmation-modal-message{color:#bbb;color:var(--dark-text-secondary,#bbb)}.dark-theme .btn-secondary{background:#404040;background:var(--dark-secondary-bg,#404040);border-color:#555;border-color:var(--dark-border,#555);color:#e0e0e0;color:var(--dark-text,#e0e0e0)}.dark-theme .btn-secondary:hover:not(:disabled){background:#555;background:var(--dark-secondary-hover,#555)}.block-button{align-items:center;background:#0000;border:2px solid;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.block-button:disabled{cursor:not-allowed;opacity:.6}.block-button.not-blocked{border-color:#dc3545;color:#dc3545}.block-button.not-blocked:hover:not(:disabled){background-color:#dc3545;color:#fff;transform:translateY(-1px)}.block-button.blocked{border-color:#6c757d;color:#6c757d}.block-button.blocked:hover:not(:disabled){background-color:#6c757d;color:#fff;transform:translateY(-1px)}.block-button:active{transform:translateY(0)}.block-button.compact{font-size:12px;min-width:80px;padding:6px 12px}.block-button i{font-size:14px}.block-button.compact i{font-size:12px}.block-button .fa-spinner{margin:0}.search-page{margin:0 auto;max-width:935px;min-height:100vh;padding:1rem}.search-header{background:#fff;margin-bottom:1.5rem;padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.search-input-container{margin:0 auto;max-width:268px}.search-input-main{background-color:#fafafa;border:1px solid #dbdbdb;border-radius:8px;font-size:14px;outline:none;padding:8px 16px 8px 40px;transition:all .2s;width:100%}.search-input-main:focus{background-color:#fff;border-color:#a8a8a8}.search-icon{color:#8e8e8e;top:50%;transform:translateY(-50%)}.search-dropdown{background:#fff;border:1px solid #dbdbdb;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.loading-dropdown{padding:1rem;text-align:center}.dropdown-loading{color:#8e8e8e;font-size:14px}.search-dropdown-tabs{background:#fafafa;border-bottom:1px solid #efefef;border-radius:8px 8px 0 0;display:flex}.dropdown-tab{background:none;border:none;border-bottom:2px solid #0000;color:#8e8e8e;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:12px 8px;transition:all .2s}.dropdown-tab:hover{background:#f0f0f0;color:#262626}.dropdown-tab.active{background:#fff;border-bottom-color:#0095f6;color:#0095f6}.search-dropdown-content{max-height:300px;overflow-y:auto}.dropdown-section{padding:8px 0}.section-title{background:#fafafa;border-bottom:1px solid #efefef;color:#8e8e8e;font-size:12px;font-weight:600;padding:8px 16px;text-transform:uppercase}.dropdown-user-item{align-items:center;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s}.dropdown-user-item:hover{background-color:#f5f5f5}.dropdown-user-avatar{border-radius:50%;height:32px;margin-right:12px;object-fit:cover;width:32px}.dropdown-user-info{flex:1 1;min-width:0}.dropdown-username{color:#262626;font-size:14px;font-weight:600;margin-bottom:2px}.dropdown-user-bio{color:#8e8e8e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-post-item{align-items:center;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s}.dropdown-post-item:hover{background-color:#f5f5f5}.dropdown-post-image{border-radius:4px;height:32px;margin-right:12px;object-fit:cover;width:32px}.dropdown-post-info{flex:1 1;min-width:0}.dropdown-post-title{color:#262626;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-post-author{color:#8e8e8e;font-size:12px}.dropdown-no-results{color:#8e8e8e;font-size:14px;padding:20px 16px;text-align:center}.suggestions-section{padding:0 1rem}.recent-searches{margin-bottom:3rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h3{color:#262626;font-size:16px;font-weight:600;margin:0}.clear-button{background:none;border:none;color:#0095f6;cursor:pointer;font-size:14px;font-weight:600}.recent-list{display:flex;flex-direction:column;gap:.5rem}.recent-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:8px 0;transition:background-color .2s}.recent-item:hover{background-color:#fafafa;border-radius:4px;margin:0 -12px;padding:8px 12px}.recent-icon{color:#8e8e8e;font-size:16px}.recent-text{color:#262626;font-size:14px}.suggested-users h3{color:#262626;font-size:16px;font-weight:600;margin-bottom:1rem}.users-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.suggested-user-card{align-items:center;background:#fff;border:1px solid #dbdbdb;border-radius:8px;display:flex;flex-direction:column;padding:1.5rem;transition:transform .2s}.suggested-user-card:hover{transform:translateY(-2px)}.user-link{color:inherit;margin-bottom:1rem;text-align:center;text-decoration:none}.user-avatar-large{border:2px solid #dbdbdb;border-radius:50%;height:80px;margin-bottom:.75rem;object-fit:cover;width:80px}.suggested-user-card h4{color:#262626;font-size:14px;font-weight:600;margin:0 0 .25rem}.user-bio-short{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8e8e8e;display:-webkit-box;font-size:12px;margin:0;overflow:hidden;text-align:center}.user-actions{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.search-results{padding:0 1rem}.results-header{border-bottom:1px solid #dbdbdb;margin-bottom:1rem}.results-tabs{display:flex;gap:2rem}.tab-button{border-bottom:1px solid #0000;color:#8e8e8e;font-weight:600;padding:1rem 0;transition:all .2s}.tab-button.active{border-bottom-color:#262626;color:#262626}.tab-button:hover{color:#262626}.loading{color:#8e8e8e;font-size:14px}.results-section{margin-bottom:3rem}.results-section h3{color:#262626;font-size:16px;font-weight:600;margin-bottom:1rem}.users-results{display:flex;flex-direction:column;gap:1rem}.user-result-item{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s}.user-result-item:hover{background-color:#fafafa}.user-result-item .user-info{align-items:center;color:inherit;display:flex;flex:1 1;gap:12px;text-decoration:none}.user-result-item .user-avatar{border:1px solid #dbdbdb;border-radius:50%;height:44px;object-fit:cover;width:44px}.user-result-item .user-details h4{color:#262626;font-size:14px;font-weight:600;margin:0 0 .25rem}.user-result-item .user-bio{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#8e8e8e;display:-webkit-box;font-size:12px;margin:0;overflow:hidden}.posts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.post-item{aspect-ratio:1;border-radius:8px;color:#fff;overflow:hidden;position:relative;text-decoration:none;transition:transform .2s}.post-item:hover{transform:scale(1.02)}.post-image{height:100%;width:100%}.post-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;padding:1rem;position:absolute;right:0}.post-overlay h4{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-weight:600;margin:0 0 .25rem;overflow:hidden}.post-overlay p{font-size:12px;margin:0;opacity:.9}.no-results{padding:3rem 1rem;text-align:center}.no-results h3{color:#262626;font-size:22px;font-weight:600;margin-bottom:.5rem}.no-results p{color:#8e8e8e;font-size:14px;margin:0}@media (max-width:768px){.search-page{padding:1rem .5rem}.search-input-container{max-width:none}.users-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.suggested-user-card{padding:1rem}.user-avatar-large{height:60px;width:60px}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.results-tabs{gap:1rem;overflow-x:auto;padding-bottom:.5rem}.tab-button{white-space:nowrap}}.message-button{align-items:center;background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:4px;padding:8px 16px;transition:background-color .2s}.message-button:hover{background:#1976d2}.message-button:active{background:#0d47a1}.message-button.small{font-size:12px;padding:6px 12px}.blocked-users-container{margin:0 auto;max-width:600px;padding:20px}.blocked-users-header{margin-bottom:30px;text-align:center}.blocked-users-header h2{color:#333;color:var(--text-color,#333);font-size:24px;font-weight:600;margin-bottom:8px}.blocked-users-header p{font-size:14px;line-height:1.4;margin:0}.blocked-users-header p,.loading-state{color:#666;color:var(--text-secondary,#666)}.loading-state{font-size:16px;padding:60px 20px;text-align:center}.empty-state{color:var(--text-secondary,#666)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h3{color:var(--text-color,#333);font-size:18px;font-weight:600;margin-bottom:8px}.blocked-users-list{background:#fff;background:var(--card-bg,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:12px;overflow:hidden}.blocked-user-item{align-items:center;border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--border-color,#e1e5e9);display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.blocked-user-item:last-child{border-bottom:none}.blocked-user-item:hover{background-color:#f8f9fa;background-color:var(--hover-bg,#f8f9fa)}.user-info{gap:12px}.user-avatar{border:2px solid #e1e5e9;border:2px solid var(--border-color,#e1e5e9);height:44px;width:44px}.user-details{display:flex;flex-direction:column;gap:2px}.username{color:var(--text-color,#333);font-size:16px;font-weight:600}.bio{color:#666;color:var(--text-secondary,#666);font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unblock-button{background:#007bff;background:var(--primary-color,#007bff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.unblock-button:hover{background:#0056b3;background:var(--primary-hover,#0056b3)}.unblock-button:disabled{cursor:not-allowed;opacity:.6}.dark-theme .blocked-users-header h2,.dark-theme .empty-state h3{color:#e0e0e0;color:var(--dark-text,#e0e0e0)}.dark-theme .bio,.dark-theme .blocked-users-header p,.dark-theme .empty-state,.dark-theme .empty-state p,.dark-theme .loading-state{color:#bbb;color:var(--dark-text-secondary,#bbb)}.dark-theme .blocked-users-list{background:#2a2a2a;background:var(--dark-card-bg,#2a2a2a);border-color:#404040;border-color:var(--dark-border,#404040)}.dark-theme .blocked-user-item{border-bottom-color:#404040;border-bottom-color:var(--dark-border,#404040)}.dark-theme .blocked-user-item:hover{background-color:#404040;background-color:var(--dark-hover,#404040)}.dark-theme .username{color:#e0e0e0;color:var(--dark-text,#e0e0e0)}.dark-theme .user-avatar{border-color:#555;border-color:var(--dark-border,#555)}@media (max-width:768px){.blocked-users-container{padding:15px}.blocked-user-item{padding:12px 16px}.user-info{gap:10px}.user-avatar{height:40px;width:40px}.username{font-size:15px}.bio{font-size:13px;max-width:150px}.unblock-button{font-size:13px;padding:6px 12px}}.delete-verification-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.delete-verification-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.delete-verification-header{align-items:center;background:#fff5f5;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.delete-verification-header h2{color:#d32f2f;font-size:20px;font-weight:600;margin:0}.close-button{font-size:24px;height:30px;padding:0;width:30px}.delete-verification-content{padding:24px}.warning-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;margin-bottom:20px;padding:16px;text-align:center}.warning-message p{color:#d32f2f;font-size:16px;font-weight:600}.verification-info{background:#f8f9ff;border-left:4px solid #d32f2f;border-radius:10px;margin-bottom:24px;padding:20px;text-align:center}.verification-info p{color:#666;font-size:14px;margin:0 0 8px}.verification-info strong{color:#333;display:block;font-size:16px;margin:8px 0}.code-expire{color:#d32f2f;font-size:12px;font-weight:600}.form-group{margin-bottom:24px}.form-group label{margin-bottom:8px}.verification-input{border:2px solid #e1e5e9;border-radius:10px;font-family:monospace;font-size:20px;font-weight:600;letter-spacing:6px;padding:15px;text-align:center;transition:all .3s ease;width:100%}.verification-input:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a;outline:none}.delete-actions{display:flex;gap:12px;margin-bottom:24px}.cancel-button{background:#f5f5f5;border:2px solid #e0e0e0;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:#e0e0e0;color:#333}.delete-confirm-button{background:#d32f2f;border:2px solid #d32f2f;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease}.delete-confirm-button:hover:not(:disabled){background:#b71c1c;border-color:#b71c1c}.cancel-button:disabled,.delete-confirm-button:disabled{cursor:not-allowed;opacity:.6}.deletion-warning{border-top:1px solid #eee;padding-top:20px}.deletion-warning h4{color:#d32f2f;font-size:16px;font-weight:600;margin:0 0 12px}.deletion-warning ul{list-style:none;margin:0;padding:0}.deletion-warning li{color:#666;font-size:14px;padding:4px 0 4px 20px;position:relative}.deletion-warning li:before{color:#d32f2f;content:"•";font-weight:700;left:0;position:absolute}.error-message{background:#ffebee;border:1px solid #ffcdd2;color:#d32f2f;font-size:14px;margin-bottom:20px;padding:12px 16px}@media (max-width:768px){.delete-verification-modal{margin:10px;max-width:none}.delete-verification-header{padding:16px 20px}.delete-verification-content{padding:20px}.delete-actions{flex-direction:column}.verification-input{font-size:18px;letter-spacing:4px}}.edit-profile-container{padding:0}.edit-profile-header{border-bottom:1px solid #e5e5e5;padding:16px 24px}.edit-profile-header h3{color:#333;font-size:1.1rem;font-weight:600;margin:0}.edit-profile-content{padding:24px}.edit-profile-form{display:flex;flex-direction:column;gap:20px}.profile-preview{display:flex;justify-content:center;margin-bottom:16px}.profile-preview-avatar{border:3px solid #e5e5e5;border-radius:50%;height:80px;object-fit:cover;transition:border-color .2s ease;width:80px}.form-group{gap:8px}.file-input,.form-group label{font-size:14px}.file-input{border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;padding:8px 12px;transition:border-color .2s ease}.file-input:hover{border-color:#d1d5db}.file-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.bio-textarea{border:2px solid #e5e5e5;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s ease}.bio-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.char-count{color:#8e8e8e;font-size:12px;margin-top:-4px;text-align:right}.form-actions{border-top:1px solid #e5e5e5;gap:12px;margin-top:16px;padding-top:16px}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-button{background:#f8f9fa;border:1px solid #e5e5e5;color:#666}.cancel-button:hover{background:#e9ecef;color:#333}.save-button{min-width:120px}.save-button:disabled{box-shadow:none}.dark-theme .edit-profile-header{border-bottom-color:#404040}.dark-theme .edit-profile-header h3,.dark-theme .form-group label{color:#e0e0e0}.dark-theme .bio-textarea,.dark-theme .file-input{background:#2a2a2a;border-color:#404040;color:#e0e0e0}.dark-theme .bio-textarea:hover,.dark-theme .file-input:hover{border-color:#555}.dark-theme .bio-textarea:focus,.dark-theme .file-input:focus{border-color:#667eea}.dark-theme .profile-preview-avatar{border-color:#555}.dark-theme .form-actions{border-top-color:#404040}.dark-theme .cancel-button{background:#404040;border-color:#555;color:#bbb}.dark-theme .cancel-button:hover{background:#4a4a4a;color:#e0e0e0}@media (max-width:576px){.edit-profile-content{padding:16px}.profile-preview-avatar{height:60px;width:60px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}.user-notifications{margin:0 auto;max-width:800px;padding:20px;width:100%}.notifications-header{margin-bottom:24px}.tabs{border-bottom:2px solid #f0f0f0;gap:0}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;gap:8px;padding:12px 20px;position:relative;transition:all .2s ease}.tab:hover{background-color:#f8f9fa;color:#333}.tab.active{background-color:#f8f9ff;border-bottom-color:#007bff;color:#007bff}.unread-badge{background-color:#dc3545;border-radius:10px;color:#fff;font-size:12px;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.notifications-content{display:flex;flex-direction:column;gap:20px}.notifications-controls{background-color:#f8f9fa;border-radius:8px;gap:16px;justify-content:space-between;padding:16px}.filters,.notifications-controls{align-items:center;display:flex;flex-wrap:wrap}.filters{gap:12px}.filter-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.filter-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.reset-filters-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.reset-filters-btn:hover{background-color:#5a6268}.actions{display:flex;gap:12px}.mark-all-read-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:#218838}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:16px;padding:16px;position:relative;transition:all .2s ease}.notification-item.unread{background-color:#f8f9ff;border-left:4px solid #007bff}.notification-item:hover{box-shadow:0 2px 8px #0000001a}.notification-item.priority-high,.notification-item.priority-urgent{border-left:4px solid #dc3545}.notification-item.priority-normal{border-left:4px solid #007bff}.notification-item.priority-low{border-left:4px solid #6c757d}.notification-icon{align-items:flex-start;display:flex;font-size:24px;margin-top:4px}.notification-content{flex:1 1}.notification-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.notification-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.notification-date{color:#666;font-size:12px;white-space:nowrap}.notification-message{color:#555;line-height:1.4;margin:0 0 8px}.content-info,.flag-reason{background-color:#f8f9fa;border-radius:4px;color:#555;font-size:14px;margin-top:8px;padding:8px 12px}.content-info strong,.flag-reason strong{color:#333}.notification-actions{align-items:center;display:flex;flex-direction:column;gap:8px}.delete-btn,.mark-read-btn{align-items:center;background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:6px 8px;transition:all .2s ease;width:32px}.mark-read-btn:hover{background-color:#28a745;border-color:#28a745;color:#fff}.delete-btn:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.load-more-btn{align-self:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:12px 24px;transition:background-color .2s ease}.load-more-btn:hover{background-color:#0056b3}.load-more-btn:disabled{background-color:#6c757d;cursor:not-allowed}.no-notifications{color:#666;padding:40px 20px;text-align:center}.no-notifications-icon{font-size:48px;margin-bottom:16px}.no-notifications h3{color:#333;margin:0 0 8px}.no-notifications p{margin:0}.flagged-posts-content{display:flex;flex-direction:column;gap:20px}.flagged-posts-info{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;padding:16px}.flagged-posts-info p{font-size:14px;margin:0}.no-flagged-posts{color:#666;padding:40px 20px;text-align:center}.no-flagged-posts-icon{font-size:48px;margin-bottom:16px}.no-flagged-posts h3{color:#28a745;margin:0 0 8px}.no-flagged-posts p{color:#666;margin:0}.flagged-posts-list{display:flex;flex-direction:column;gap:16px}.flagged-post-item{background-color:#fff;border:1px solid #ffeaa7;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:16px}.post-thumbnail{flex-shrink:0;position:relative}.post-image{border-radius:6px;height:100px;object-fit:cover;width:100px}.content-type-badge{align-items:center;background-color:#fff;border:2px solid #ddd;display:flex;font-size:12px;height:24px;justify-content:center;right:-8px;top:-8px;width:24px}.post-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.post-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.post-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.flag-status{align-items:center;background-color:#f8d7da;border-radius:4px;color:#721c24;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.flag-icon,.post-excerpt{font-size:14px}.post-excerpt{color:#666;line-height:1.4;margin:0}.flag-info{display:flex;flex-wrap:wrap;font-size:14px;gap:16px}.flag-date,.flag-reason{color:#555}.flag-date strong,.flag-reason strong{color:#333}.post-actions{display:flex;gap:8px;margin-top:4px}.edit-post-btn,.view-post-btn{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.view-post-btn{background-color:#007bff;border-color:#007bff;color:#fff}.view-post-btn:hover{background-color:#0056b3;border-color:#0056b3;color:#fff;text-decoration:none}.edit-post-btn{background-color:#28a745;border-color:#28a745;color:#fff}.edit-post-btn:hover{background-color:#218838;border-color:#218838;color:#fff;text-decoration:none}.loading{padding:20px}@media (max-width:768px){.user-notifications{padding:16px}.notifications-controls{align-items:stretch;flex-direction:column}.actions,.filters{justify-content:center}.notification-item{gap:12px;padding:12px}.notification-header{align-items:flex-start;flex-direction:column;gap:4px}.notification-actions{flex-direction:row}.flagged-post-item{flex-direction:column;gap:12px}.post-thumbnail{align-self:center}.post-actions{justify-content:center}}.settings-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.settings-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.settings-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:20px 24px}.settings-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border-radius:50%;color:#666;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background:#f5f5f5;color:#333}.settings-content{padding:0}.user-info-section{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e5e5;color:#fff;padding:24px}.user-info{align-items:center;display:flex;gap:16px}.settings-avatar{border:3px solid #ffffff4d;border-radius:50%;height:60px;object-fit:cover;width:60px}.user-info h3{font-size:1.3rem;font-weight:600;margin:0 0 4px}.user-info p{font-size:.95rem;margin:0;opacity:.9}.settings-options{padding:0}.settings-section{border-bottom:1px solid #e5e5e5}.settings-section:last-child{border-bottom:none}.settings-section h4{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;padding:16px 24px 8px;text-transform:uppercase}.settings-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 24px;transition:background .2s ease}.settings-item:hover{background:#f8f9fa}.settings-item-content{align-items:center;display:flex;gap:8px;position:relative}.settings-item span:first-child{color:#333;font-weight:500}.coming-soon{background:#f0f0f0;border-radius:12px;color:#999;font-size:.8rem;padding:2px 8px}.logout-item{border-top:1px solid #e5e5e5;margin-top:8px;padding-top:16px!important}.logout-item span{color:#333!important;font-weight:600}.logout-item:hover{background:#f8f9fa!important}.privacy-toggle{align-items:flex-start!important;background:#0000!important;border:none!important;cursor:pointer!important;outline:none!important;padding:16px 24px!important;transition:background-color .2s ease!important}.privacy-toggle:focus{box-shadow:none!important;outline:none!important}.privacy-toggle:active{background:#f8f9fa!important}.privacy-setting{flex:1 1}.privacy-setting span{color:#333;font-weight:500}.privacy-description{color:#666;font-size:.85rem;line-height:1.4;margin:4px 0 0}.privacy-status{color:#007bff;font-size:.8rem;font-weight:500;margin:4px 0 0}.toggle-switch{height:26px;margin-left:16px;position:relative;width:50px}.toggle-switch input[type=checkbox]{border:none;height:0;opacity:0;outline:none;position:absolute;width:0}.toggle-switch input[type=checkbox]:focus{box-shadow:none!important;outline:none!important}.slider{background-color:#ccc;border:none;border-radius:26px;bottom:0;cursor:pointer;left:0;outline:none;position:absolute;right:0;top:0;transition:.3s ease}.slider:focus{box-shadow:none!important;outline:none!important}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;transition:.3s ease;width:20px}input:checked+.slider{background-color:#667eea}input:checked+.slider:before{transform:translateX(24px)}input:disabled+.slider{cursor:not-allowed;opacity:.6}.privacy-toggle:hover{background:#f8f9fa!important}.logout-confirmation-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.logout-confirmation{animation:confirmationSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:400px;padding:32px;text-align:center;width:100%}@keyframes confirmationSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.logout-confirmation h3{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 24px}.confirmation-buttons{display:flex;gap:12px;justify-content:center}.cancel-button,.confirm-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:80px;padding:12px 24px;transition:all .2s ease}.cancel-button{background:#e5e7eb;color:#374151}.cancel-button:hover{background:#d1d5db}.confirm-button{background:#ff4757;color:#fff}.confirm-button:hover{background:#ff3742;transform:translateY(-1px)}.confirm-button:active{transform:translateY(0)}@media (max-width:576px){.settings-modal-overlay{padding:10px}.settings-modal{max-height:90vh}.settings-header{padding:16px 20px}.user-info-section{padding:20px}.settings-avatar{height:50px;width:50px}.user-info h3{font-size:1.2rem}.settings-actions{padding:20px}}.settings-arrow{color:#666;color:var(--text-secondary,#666);font-size:18px;font-weight:700}.back-button{background:none;border:none;color:#333;color:var(--text-color,#333);cursor:pointer;font-size:24px;font-weight:700;margin-right:12px;padding:0;transition:color .2s ease}.back-button:hover{color:#007bff;color:var(--primary-color,#007bff)}.blocked-modal{max-width:700px}.blocked-modal .settings-content{padding:0}.edit-profile-modal{max-width:600px}.edit-profile-modal .settings-content{padding:0}.dark-theme .settings-arrow{color:#bbb;color:var(--dark-text-secondary,#bbb)}.dark-theme .back-button{color:#e0e0e0;color:var(--dark-text,#e0e0e0)}.dark-theme .back-button:hover{color:#007bff;color:var(--primary-color,#007bff)}.delete-account-item{border-bottom:1px solid #f0f0f0;margin-bottom:10px;padding-bottom:15px}.delete-account-item:hover{background-color:#ffebee!important}.delete-confirmation{max-width:450px}.delete-warning-text{color:#d32f2f;font-size:16px;font-weight:600;margin:0 0 12px}.delete-info-text{color:#666;font-size:14px;margin:0 0 24px}.delete-button{background:#d32f2f!important;color:#fff!important}.delete-button:hover{background:#b71c1c!important;color:#fff!important}.delete-button:disabled{background:#d32f2f!important;color:#fff!important;opacity:.7}.saved-content{margin:0 auto;max-width:1200px;padding:20px;width:100%}.saved-header{margin-bottom:32px}.saved-title{align-items:center;display:flex;gap:12px;margin-bottom:20px}.saved-title h2{color:#333;font-size:28px;font-weight:600;margin:0}.saved-tabs{background:#f8f9fa;border-radius:12px;display:flex;gap:4px;padding:4px}.tab-button{align-items:center;background:#0000;border-radius:8px;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.tab-button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#4caf50}.tab-button:hover:not(.active){background:#ffffff80;color:#333}.tab-button .count{background:#4caf501a;border-radius:12px;color:#4caf50;font-size:12px;font-weight:600;min-width:24px;padding:2px 8px;text-align:center}.tab-button.active .count{background:#4caf5033}.saved-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:32px}.saved-content-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.saved-content-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.card-header{align-items:center;display:flex;justify-content:space-between;padding:16px 16px 12px}.author-link{gap:8px}.author-avatar{height:32px;width:32px}.author-name{font-size:14px}.saved-date{color:#666;font-size:12px}.card-image{aspect-ratio:4/3;overflow:hidden;position:relative}.content-image{height:100%;transition:transform .3s ease}.saved-content-card:hover .content-image{transform:scale(1.05)}.content-type-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:50%;color:#fff;padding:6px;position:absolute;right:12px;top:12px}.card-content{padding:16px}.content-title{-webkit-line-clamp:2;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px}.content-excerpt,.content-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.content-excerpt{-webkit-line-clamp:3;color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.content-stats{font-size:13px;gap:12px}.content-stats span{align-items:center;display:flex;gap:4px}.card-actions{border-top:1px solid #0000000d;display:flex;justify-content:flex-end;margin-top:12px;padding:12px 16px 16px}.empty-state{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px}.empty-state svg{color:#ccc;margin-bottom:16px}.empty-state h3{color:#333;font-size:20px;margin:0 0 8px}.empty-state p{color:#666;font-size:14px;margin:0 0 20px}.explore-button{align-items:center;background:#4caf50;border-radius:8px;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:background .2s ease}.explore-button:hover{background:#45a049}.loading-grid{grid-gap:24px;display:grid;gap:24px;grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.content-card-skeleton{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden}.skeleton-image{animation:shimmer 2s infinite;aspect-ratio:4/3;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.skeleton-content{padding:16px}.skeleton-line{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:8px}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.load-more-container{display:flex;grid-column:1/-1;justify-content:center;margin-top:20px}.load-more-button{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:12px 32px;transition:all .2s ease}.load-more-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.load-more-button:disabled{cursor:not-allowed;opacity:.7}.saved-summary{align-items:center;border-top:1px solid #f0f0f0;color:#666;display:flex;font-size:14px;justify-content:space-between;padding:20px 0}.refresh-button{background:#0000;border:1px solid #4caf50;border-radius:6px;color:#4caf50;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.refresh-button:hover{background:#4caf50;color:#fff}@media (max-width:768px){.saved-content{padding:16px}.saved-content-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.saved-title h2{font-size:24px}.tab-button{font-size:13px;padding:10px 16px}.card-header{padding:12px 12px 8px}.card-content{padding:12px}.card-actions{padding:0 12px 12px}.saved-summary{align-items:stretch;flex-direction:column;gap:12px;text-align:center}}@media (max-width:480px){.saved-content-grid{grid-template-columns:1fr}.saved-tabs{flex-direction:column;gap:2px}.tab-button{padding:12px 16px}.empty-state{padding:40px 20px}.empty-state h3{font-size:18px}}@media (prefers-color-scheme:dark){.saved-content-card{background:#1a1a1a}.author-name,.content-title,.saved-title h2{color:#fff}.content-excerpt,.content-stats,.saved-date{color:#bbb}.saved-tabs{background:#2a2a2a}.tab-button{color:#bbb}.tab-button.active{background:#333;color:#66bb6a}.load-more-button{background:#2a2a2a;border-color:#444;color:#fff}.load-more-button:hover:not(:disabled){background:#333}.empty-state h3{color:#fff}}.profile-warnings{max-width:100%;padding:20px 0}.profile-warnings-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;margin-bottom:15px}.profile-warnings-empty{align-items:center;display:flex;justify-content:center;padding:60px 20px}.empty-state{max-width:400px}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#28a745;font-size:1.5rem;margin-bottom:15px}.empty-state p{line-height:1.6;margin:0}.warnings-summary{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:12px;margin-bottom:25px;padding:25px}.summary-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.summary-header h3{color:#333;font-size:1.4rem;margin:0}.mark-read-btn{background:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.mark-read-btn:hover{background:#0056b3;transform:translateY(-1px)}.warning-notice{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;overflow:hidden;padding:0}.notice-content{align-items:flex-start;display:flex;padding:15px}.notice-icon{flex-shrink:0;font-size:1.5rem;margin-right:12px}.notice-text p{color:#856404;font-weight:500;margin:0 0 10px}.high-risk-notice{background:#dc35451a;border:1px solid #dc35454d;border-radius:6px;color:#721c24;font-weight:700;margin:0;padding:10px}.warnings-list{gap:15px}.warning-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px;position:relative;transition:all .2s ease}.warning-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.warning-card.unread{background:#007bff05;border-left:4px solid #007bff}.warning-card.high{border-left:4px solid #dc3545}.warning-card.medium{border-left:4px solid #ffc107}.warning-card.low{border-left:4px solid #28a745}.warning-header{flex-wrap:wrap;gap:10px;margin-bottom:15px}.severity-info{align-items:center;display:flex;gap:10px}.severity-icon{font-size:1.2rem}.severity-badge{border-radius:20px;font-size:.75rem;letter-spacing:.5px;padding:4px 12px}.severity-badge,.unread-indicator{font-weight:700;text-transform:uppercase}.unread-indicator{background:#007bff;border-radius:12px;color:#fff;font-size:.7rem;padding:2px 8px}.warning-date{font-size:.9rem}.warning-body{display:flex;flex-direction:column;gap:12px}.warning-reason{font-size:.95rem}.warning-reason strong{color:#333}.warning-message strong{color:#333;display:block;margin-bottom:8px}.warning-message p{background:#00000005;border-left:3px solid #ddd;border-radius:6px;line-height:1.5;margin:0;padding:12px}.warnings-footer{background:#f8f9fa;border-left:4px solid #6c757d;border-radius:8px;margin-top:25px;padding:20px}.footer-text{color:#495057;font-size:.9rem;line-height:1.6;margin:0}.footer-text strong{color:#333}@media (max-width:768px){.profile-warnings{padding:15px 0}.warnings-summary{margin-bottom:20px;padding:20px}.summary-header{align-items:stretch;flex-direction:column;text-align:center}.summary-header h3{font-size:1.2rem;margin-bottom:10px}.mark-read-btn{align-self:center;width:-webkit-fit-content;width:fit-content}.warning-card{padding:15px}.warning-header{align-items:stretch;flex-direction:column;text-align:center}.severity-info{justify-content:center;margin-bottom:8px}.warning-date{font-size:.85rem;text-align:center}.notice-content{flex-direction:column;text-align:center}.notice-icon{align-self:center;margin-bottom:10px;margin-right:0}.warnings-footer{padding:15px}.footer-text{font-size:.85rem}}@media (max-width:480px){.warnings-summary{padding:15px}.warning-card{padding:12px}.summary-header h3{font-size:1.1rem}.mark-read-btn{font-size:.85rem;padding:6px 12px}.severity-badge{font-size:.7rem;padding:3px 8px}.unread-indicator{font-size:.65rem;padding:1px 6px}}.profile{margin:0 auto;max-width:1200px;padding:2rem}.profile-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.profile-info{align-items:center;display:flex;gap:2rem}.avatar-section{flex-shrink:0}.profile-avatar{border:4px solid #e5e7eb;border-radius:50%;height:120px;object-fit:cover;width:120px}.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.user-details h1{color:#333;margin:0}.settings-button{align-items:center;background:none;border:2px solid #e5e7eb;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.settings-button:hover{background:#f9fafb;border-color:#d1d5db;transform:rotate(45deg)}.user-email{margin:0 0 1rem}.user-bio{color:#555;line-height:1.5;margin:0}.profile-edit{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.profile-edit h3{color:#333;margin:0 0 1.5rem}.edit-form{gap:1rem}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.update-button{align-self:flex-start;background-color:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .3s}.update-button:hover:not(:disabled){background-color:#3730a3}.update-button:disabled{background-color:#9ca3af;cursor:not-allowed}.profile-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.content-tabs{border-bottom:1px solid #e5e7eb;display:flex}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;padding:1rem 2rem;transition:all .3s}.tab-button.active{border-bottom-color:#4f46e5;color:#4f46e5}.tab-button:hover{color:#4f46e5}.content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:2rem}.content-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.content-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.content-card.flagged{border-left:4px solid #dc3545;box-shadow:0 2px 4px #dc354533}.content-card.flagged:hover{box-shadow:0 4px 8px #dc35454d}.content-card a{color:inherit;text-decoration:none}.content-image{height:150px;object-fit:cover;width:100%}.content-info{padding:1rem}.content-info h3{color:#333;margin:0 0 .5rem}.content-excerpt{color:#555;font-size:.9rem;line-height:1.4;margin:0 0 .75rem}.content-stats{color:#666;font-size:.9rem;gap:1rem}.no-content{color:#666;grid-column:1/-1;padding:3rem;text-align:center}.create-link{background-color:#4f46e5;border-radius:4px;color:#fff;display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s}.create-link:hover{background-color:#3730a3}@media (max-width:1024px){.profile{max-width:100%}.profile,.profile-header{padding:1.5rem}.profile-info{gap:1.5rem}.profile-avatar{height:100px;width:100px}.content-tabs{flex-wrap:wrap;justify-content:center}.tab-button{font-size:.95rem;padding:.75rem 1.5rem}.content-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:1.5rem}}@media (max-width:768px){.profile{max-width:100%;padding:1rem .75rem}.profile-header{margin-bottom:1rem;padding:1.5rem 1rem}.profile-info{flex-direction:column;gap:1.5rem;text-align:center}.profile-avatar{height:90px;margin:0 auto;width:90px}.user-header{align-items:center;flex-direction:column;gap:.75rem}.user-details h1{font-size:1.5rem;margin-bottom:.5rem}.settings-button{font-size:1.4rem;height:48px;width:48px}.profile-actions{flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.content-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;overflow-x:auto;padding:0 1rem;scrollbar-width:none}.content-tabs::-webkit-scrollbar{display:none}.tab-button{border-radius:8px 8px 0 0;font-size:.9rem;min-height:48px;min-width:-webkit-fit-content;min-width:fit-content;padding:1rem 1.25rem;white-space:nowrap}.content-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem}.content-card{border-radius:12px}.content-image{height:160px}.content-info{padding:1.25rem}.content-info h3{font-size:1.1rem;margin-bottom:.75rem}.content-stats{font-size:1rem;gap:1.25rem}.no-content{font-size:1rem;padding:2.5rem 1rem}.create-link{align-items:center;border-radius:8px;display:inline-flex;font-size:1rem;justify-content:center;min-height:48px;padding:1rem 1.5rem}}@media (max-width:480px){.profile{padding:.75rem .5rem}.profile-header{border-radius:6px;margin-bottom:.75rem;padding:1.25rem .75rem}.profile-info{gap:1.25rem}.profile-avatar{border-width:3px;height:80px;width:80px}.user-details h1{font-size:1.4rem}.user-bio,.user-email{font-size:.9rem;line-height:1.4}.settings-button{font-size:1.2rem;height:44px;width:44px}.content-tabs{margin:0 -.5rem;padding:0 .5rem}.tab-button{font-size:.85rem;min-height:50px;padding:1rem}.content-grid{gap:1rem;grid-template-columns:1fr;padding:.75rem}.content-card{border-radius:8px}.content-image{height:140px}.content-info{padding:1rem}.content-info h3{font-size:1rem;line-height:1.3}.content-excerpt{font-size:.85rem;line-height:1.3}.content-stats{font-size:.9rem;gap:1rem}.no-content{font-size:.95rem;line-height:1.5;padding:2rem .75rem}.create-link{border-radius:6px;font-size:.95rem;min-height:50px;padding:1rem 1.25rem}.flag-overlay{border-radius:3px;font-size:11px;padding:3px 6px;right:6px;top:6px}.flag-reason{font-size:11px;margin:6px 0;padding:5px 6px}.profile-unavailable{min-height:50vh;padding:1.5rem 1rem}.unavailable-content{max-width:300px}.unavailable-icon{font-size:3rem;margin-bottom:.75rem}.unavailable-content h2{font-size:1.25rem;margin-bottom:.75rem}.unavailable-content p{font-size:.9rem;line-height:1.4}}.profile-actions{align-items:center;display:flex;gap:10px;margin-top:15px}.profile-unavailable{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.unavailable-content{max-width:400px;text-align:center}.unavailable-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.unavailable-content h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.unavailable-content p{color:#666;font-size:1rem;line-height:1.5;margin:0}.flag-overlay{align-items:center;background-color:#dc3545e6;border-radius:4px;color:#fff;display:flex;font-weight:500;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:2}.flag-icon,.flag-overlay{font-size:12px}.flag-text{font-size:10px;letter-spacing:.5px;text-transform:uppercase}.flag-reason{background-color:#f8d7da;border:1px solid #f1aeb5;border-radius:4px;color:#721c24;font-size:12px;margin:8px 0;padding:6px 8px}.flag-reason strong{font-weight:600}.ai-model-list{width:100%}.model-list-header{margin-bottom:1rem}.model-list-header h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.model-list-header p{color:#64748b;font-size:.75rem;margin:0}.loading-models{align-items:center;color:#64748b;display:flex;flex-direction:column;padding:2rem}.loading-spinner{border:2px solid #f1f5f9;border-top-color:#3b82f6;height:24px;margin-bottom:.5rem;width:24px}.model-list-container{background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;max-height:300px;overflow-y:auto}.model-item{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.model-item:last-child{border-bottom:none}.model-item:hover{background:#f8fafc}.model-item.selected{background:#eff6ff;border-left:4px solid #3b82f6}.model-item.locked{opacity:.7}.model-item.locked:hover{background:#fef3c7}.model-main-info{align-items:flex-start;display:flex;flex:1 1;gap:.75rem}.model-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.model-icon{display:block;font-size:1.5rem}.lock-overlay{background:#f59e0b;border-radius:50%;bottom:-2px;color:#fff;padding:2px;position:absolute;right:-2px}.model-details{flex:1 1;min-width:0}.model-name-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.model-name{color:#1e293b;font-size:.875rem;font-weight:600}.model-badges{align-items:center;display:flex;gap:.5rem}.default-star{color:#f59e0b}.custom-badge{background:#8b5cf6}.custom-badge,.locked-badge{border-radius:12px;color:#fff;font-size:.625rem;font-weight:500;padding:.125rem .375rem}.locked-badge{background:#f59e0b}.available-badge{background:#10b981;border-radius:12px;color:#fff;font-size:.625rem;font-weight:500;padding:.125rem .375rem}.model-provider{color:#3b82f6;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.model-description{color:#64748b;font-size:.75rem;line-height:1.3;margin:0}.model-actions{align-items:center;display:flex;gap:.5rem}.selected-check{color:#10b981}.custom-actions{display:flex;gap:.25rem}.action-button{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .2s ease}.edit-button{color:#6b7280}.edit-button:hover{background:#f3f4f6;color:#374151}.delete-button{color:#dc2626}.delete-button:hover{background:#fee2e2;color:#b91c1c}.default-button{color:#f59e0b}.default-button:hover{background:#fef3c7;color:#d97706}.add-custom-section{margin-top:1rem}.add-custom-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.add-custom-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.add-custom-button:active{transform:translateY(0)}.auth-prompt-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.auth-prompt-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:500px;overflow:hidden;width:90%}.auth-prompt-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.auth-model-info{align-items:center;display:flex;gap:1rem}.auth-model-icon{font-size:2rem}.auth-model-info h3{font-size:1.125rem;font-weight:600;margin:0}.auth-model-info p{font-size:.875rem;margin:0;opacity:.9}.close-auth{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:background .2s ease}.close-auth:hover{background:#ffffff4d}.auth-prompt-content{padding:2rem;text-align:center}.lock-icon-large{color:#f59e0b;margin-bottom:1rem}.auth-prompt-content h4{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.auth-prompt-content p{color:#64748b;line-height:1.5;margin:0 0 2rem}.auth-options{display:flex;flex-direction:column;gap:.75rem}.auth-setup-button,.auth-signup-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.auth-signup-button{background:#f59e0b;color:#fff}.auth-signup-button:hover{background:#d97706;transform:translateY(-1px)}.auth-setup-button{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.auth-setup-button:hover{background:#e2e8f0;color:#475569}.advanced-story-editor.dark .model-list-header h4{color:#f9fafb}.advanced-story-editor.dark .model-list-header p{color:#d1d5db}.advanced-story-editor.dark .model-list-container{background:#4b5563;border-color:#6b7280}.advanced-story-editor.dark .model-item{background:#374151;border-bottom-color:#4b5563;color:#f9fafb}.advanced-story-editor.dark .model-item:hover{background:#4b5563}.advanced-story-editor.dark .model-item.selected{background:#1e40af}.advanced-story-editor.dark .model-name{color:#f9fafb}.advanced-story-editor.dark .model-description{color:#d1d5db}.advanced-story-editor.dark .auth-prompt-modal{background:#374151;color:#f9fafb}.advanced-story-editor.dark .auth-prompt-content h4{color:#f9fafb}.model-list-container::-webkit-scrollbar{width:6px}.model-list-container::-webkit-scrollbar-track{background:#f1f5f9}.model-list-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.model-list-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:640px){.auth-prompt-modal{margin:1rem;width:95%}.auth-options{flex-direction:column}}.custom-ai-setup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.custom-ai-setup-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;color:#fff;padding:1.5rem 2rem}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.close-button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem;transition:background .2s ease}.close-button:hover{background:#ffffff4d}.modal-content{max-height:calc(90vh - 180px);padding:2rem}.preset-section{margin-bottom:2rem}.preset-section h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.preset-section p{color:#64748b;font-size:.875rem;margin:0 0 1rem}.preset-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.preset-button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.preset-button:hover{border-color:#cbd5e1;color:#475569}.preset-button.selected{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.form-section{border-top:1px solid #f1f5f9;padding-top:2rem}.form-section h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#374151;font-size:.875rem}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error{border-color:#ef4444}.form-group textarea{min-height:80px}.password-input{position:relative}.toggle-password{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.toggle-password:hover{color:#374151}.error-text{color:#ef4444;display:block;font-size:.75rem;margin-top:.25rem}.advanced-settings{border-top:1px solid #f1f5f9;margin-top:2rem;padding-top:1.5rem}.advanced-settings h4{color:#374151;font-size:.95rem;font-weight:600;margin:0 0 1rem}.test-result{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:1rem}.test-result.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.test-result.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.modal-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.test-button{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.test-button:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.test-button:disabled{cursor:not-allowed;opacity:.6}.footer-actions{display:flex;gap:.75rem}.cancel-button{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button:hover{background:#e2e8f0;color:#475569}.save-button{background:linear-gradient(135deg,#667eea,#764ba2)}.save-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.advanced-story-editor.dark .custom-ai-setup-modal{background:#374151;color:#f9fafb}.advanced-story-editor.dark .modal-header{border-bottom-color:#4b5563}.advanced-story-editor.dark .form-section{border-top-color:#4b5563}.advanced-story-editor.dark .form-section h3,.advanced-story-editor.dark .preset-section h3{color:#f9fafb}.advanced-story-editor.dark .form-group label{color:#d1d5db}.advanced-story-editor.dark .form-group input,.advanced-story-editor.dark .form-group textarea{background:#4b5563;border-color:#6b7280;color:#f9fafb}.advanced-story-editor.dark .preset-button{background:#4b5563;border-color:#6b7280;color:#d1d5db}.advanced-story-editor.dark .modal-footer{background:#4b5563;border-top-color:#6b7280}@media (max-width:640px){.custom-ai-setup-modal{margin:1rem;width:95%}.modal-content{padding:1.5rem}.form-row,.preset-buttons{grid-template-columns:1fr}}.advanced-story-editor{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001a;margin:0 auto;max-width:100%;overflow:hidden;transition:all .3s ease}.advanced-story-editor.dark{background:#1a1a1a;color:#fff}.editor-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.advanced-story-editor.dark .editor-header{background:#2d2d2d;border-bottom-color:#404040}.story-title-input{background:#0000;border:none;border-radius:8px;color:inherit;flex:1 1;font-size:1.5rem;font-weight:600;outline:none;padding:.5rem;transition:all .2s ease}.story-title-input:focus{background:#3b82f60d;box-shadow:0 0 0 2px #3b82f633}.header-actions{gap:.75rem}.mode-toggle{background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;padding:.5rem;transition:all .2s ease}.mode-toggle:hover{background:#0000000d}.advanced-story-editor.dark .mode-toggle:hover{background:#ffffff1a}.save-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.save-button:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.editor-toolbar{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem}.advanced-story-editor.dark .editor-toolbar{background:#2d2d2d;border-bottom-color:#404040}.toolbar-group{align-items:center;background:#ffffffb3;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.advanced-story-editor.dark .toolbar-group{background:#0000004d;border-color:#404040}.toolbar-group button{align-items:center;background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s ease;width:36px}.toolbar-group button:hover{background:#3b82f61a;transform:translateY(-1px)}.toolbar-group button.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.toolbar-group button:disabled{cursor:not-allowed;opacity:.5}.ai-button{background:linear-gradient(135deg,#8b5cf6,#3b82f6)!important;color:#fff!important;font-size:.75rem;font-weight:500;gap:.25rem;padding:0 .75rem!important;width:auto!important}.ai-button:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.export-button{background:#10b981!important;color:#fff!important;font-size:.75rem;font-weight:500;gap:.25rem;padding:0 .75rem!important;width:auto!important}.export-button:hover{background:#059669!important;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.color-picker-toolbar{align-items:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;display:flex;font-size:.875rem;gap:1rem;padding:.75rem 1.5rem}.advanced-story-editor.dark .color-picker-toolbar{background:#374151;border-bottom-color:#404040}.color-input{border:none;border-radius:6px;cursor:pointer;height:32px;width:40px}.font-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:inherit;padding:.5rem}.advanced-story-editor.dark .font-select{background:#374151;border-color:#4b5563;color:#fff}.editor-content-wrapper{max-height:70vh;min-height:500px;overflow-y:auto;position:relative}.editor-content{min-height:500px;outline:none;padding:2rem}.editor-content .ProseMirror{color:inherit;font-size:1rem;line-height:1.8;outline:none}.editor-content .ProseMirror h1{font-size:2.25rem;font-weight:700;line-height:1.2;margin:1.5rem 0 1rem}.editor-content .ProseMirror h2{font-size:1.875rem;font-weight:600;line-height:1.3;margin:1.25rem 0 .75rem}.editor-content .ProseMirror h3{font-size:1.5rem;font-weight:600;line-height:1.4;margin:1rem 0 .5rem}.editor-content .ProseMirror blockquote{background:#3b82f60d;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;font-style:italic;margin:1rem 0;padding-left:1rem}.editor-content .ProseMirror table{border:1px solid #d1d5db;border-collapse:collapse;border-radius:8px;margin:1rem 0;overflow:hidden;width:100%}.editor-content .ProseMirror table td,.editor-content .ProseMirror table th{border:1px solid #d1d5db;padding:.75rem;text-align:left}.editor-content .ProseMirror table th{background:#f3f4f6;font-weight:600}.editor-content .ProseMirror ol,.editor-content .ProseMirror ul{margin:1rem 0;padding-left:2rem}.editor-content .ProseMirror li{margin:.5rem 0}.editor-content .ProseMirror .speech-bubble{animation:fadeInScale .3s ease-out}.ai-assistant-panel{animation:slideInRight .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;max-height:80vh;overflow-y:auto;position:fixed;right:2rem;top:50%;transform:translateY(-50%);width:350px;z-index:1000}.advanced-story-editor.dark .ai-assistant-panel{background:#1f2937;border:1px solid #374151}.ai-panel-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;display:flex;justify-content:space-between;padding:1rem}.ai-panel-header h3{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.ai-panel-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;opacity:.8;transition:opacity .2s ease}.ai-panel-header button:hover{opacity:1}.selected-text-actions{border-bottom:1px solid #e5e7eb;padding:1rem}.advanced-story-editor.dark .selected-text-actions{border-bottom-color:#374151}.rewrite-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.rewrite-buttons button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.rewrite-buttons button:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.ai-suggestions{max-height:400px;overflow-y:auto;padding:1rem}.grammar-section,.suggestions-section{margin-bottom:1.5rem}.grammar-section h4,.suggestions-section h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.advanced-story-editor.dark .grammar-section h4,.advanced-story-editor.dark .suggestions-section h4{color:#d1d5db}.suggestions-section ul{margin:0;padding-left:1.25rem}.suggestions-section li{font-size:.875rem;line-height:1.5;margin:.5rem 0}.grammar-correction{align-items:center;background:#fef3c7;border-radius:8px;display:flex;font-size:.875rem;gap:.5rem;margin:.75rem 0;padding:.75rem}.advanced-story-editor.dark .grammar-correction{background:#374151}.grammar-correction .original{color:#dc2626;font-weight:500;text-decoration:line-through}.grammar-correction .corrected{color:#059669;font-weight:500}.grammar-correction .arrow{color:#6b7280}.grammar-correction .reason{color:#6b7280;font-size:.75rem;line-height:1.4;margin:.5rem 0 0;width:100%}.apply-corrections{margin:1rem 0;text-align:center}.apply-all-button{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.apply-all-button:hover{background:#047857;transform:translateY(-1px)}.apply-all-button:active{transform:translateY(0)}.ai-model-section{border-bottom:1px solid #f1f5f9;margin-bottom:1.5rem;padding-bottom:1rem}.advanced-story-editor.dark .ai-model-section{border-bottom-color:#4b5563}.editor-loading{align-items:center;color:#6b7280;display:flex;font-size:1.125rem;height:200px;justify-content:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%) translateX(20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@media (max-width:1024px){.ai-assistant-panel{bottom:1rem;left:1rem;max-height:50vh;position:fixed;right:auto;right:1rem;top:auto;transform:none;width:auto}}@media (max-width:768px){.editor-toolbar{gap:.25rem;padding:.75rem}.toolbar-group{gap:.125rem}.toolbar-group button{height:32px;width:32px}.story-title-input{font-size:1.25rem}.editor-content{padding:1rem}.color-picker-toolbar{flex-wrap:wrap;gap:.5rem}}.mode-toggle:focus,.save-button:focus,.toolbar-group button:focus{outline:2px solid #3b82f6;outline-offset:2px}.image-resize-controls{background:#10b9811a!important;border-color:#10b981!important}.toolbar-label{color:#374151;font-size:.75rem;font-weight:500;padding:0 .5rem;white-space:nowrap}.advanced-story-editor.dark .toolbar-label{color:#d1d5db}.size-btn{background:#10b9811a!important;border:1px solid #10b981!important;border-radius:6px!important;color:#059669!important;font-size:.75rem!important;font-weight:600!important;height:32px!important;transition:all .2s ease!important;width:32px!important}.size-btn:hover{background:#10b981!important;box-shadow:0 2px 8px #10b9814d!important;color:#fff!important;transform:translateY(-1px)!important}.custom-size-btn{background:#6366f11a!important;border-color:#6366f1!important;color:#6366f1!important;font-size:.875rem!important}.custom-size-btn:hover{background:#6366f1!important;box-shadow:0 2px 8px #6366f14d!important;color:#fff!important}.editor-content .ProseMirror img{border-radius:8px;box-shadow:0 4px 12px #0000001a;cursor:pointer;height:auto;margin:1rem 0;max-width:100%;transition:all .3s ease}.editor-content .ProseMirror img:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.editor-content .ProseMirror img.ProseMirror-selectednode{border:3px solid #3b82f6!important;border-radius:8px;box-shadow:0 0 0 2px #3b82f633!important}@media print{.ai-assistant-panel,.color-picker-toolbar,.editor-header,.editor-toolbar{display:none}.advanced-story-editor{border:none;box-shadow:none}}.create-content{margin:0 auto;max-width:800px;padding:2rem}.create-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.create-form h2{color:#333;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#555;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.image-preview{margin-top:1rem;text-align:center}.image-preview img{border-radius:4px;box-shadow:0 2px 4px #0000001a;max-height:200px;max-width:300px;object-fit:cover}.create-button{background-color:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem;transition:background-color .3s;width:100%}.create-button:hover:not(:disabled){background-color:#3730a3}.create-button:disabled{background-color:#9ca3af;cursor:not-allowed}.error-message{margin-bottom:1rem;padding:.75rem}.story-header{justify-content:space-between;margin-bottom:2rem}.advanced-editor-button,.editor-toggle,.story-header{align-items:center;display:flex}.advanced-editor-button{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:8px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.advanced-editor-button:hover{box-shadow:0 4px 16px #8b5cf666;transform:translateY(-2px)}.advanced-editor-button.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #6b72804d}.advanced-editor-button.secondary:hover{box-shadow:0 4px 16px #6b728066}.content-hint{color:#6b7280;font-size:.875rem;font-style:italic;font-weight:400;margin-left:.5rem}.form-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.form-actions .create-button{flex:0 0 auto;min-width:150px;width:auto}.form-group textarea{background:#fafafa;border:2px solid #e5e7eb;font-family:Georgia,serif;line-height:1.6}.form-group textarea:focus{background:#fff;border-color:#3b82f6}.form-group textarea[value*="<"]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e9;position:relative}.form-group textarea[value*="<"]:before{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:4px;color:#0ea5e9;content:"💎 Rich content detected - Switch to Advanced Editor for full editing experience";font-size:.75rem;left:0;padding:.25rem .5rem;position:absolute;top:-25px}.optional-section{border:2px solid #e5e7eb;border-radius:12px;margin:2rem 0;overflow:hidden;transition:all .3s ease}.optional-section:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.section-toggle{background:#f9fafb;padding:0}.toggle-section-btn{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.toggle-section-btn:hover{background:#f3f4f6;color:#1f2937}.toggle-icon{color:#6b7280;font-size:.875rem;transition:transform .3s ease}.toggle-icon.expanded{transform:rotate(90deg)}.expandable-section{animation:slideDown .3s ease;background:#fff;border-top:1px solid #e5e7eb;padding:2rem 1.5rem}.section-description{color:#6b7280;font-size:.875rem;font-style:italic;margin-bottom:1.5rem}.social-links-grid,.support-links-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.social-links-grid .form-group,.support-links-grid .form-group{margin-bottom:1rem}.social-links-grid .form-group label,.support-links-grid .form-group label{align-items:center;color:#374151;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.social-links-grid .form-group label i,.support-links-grid .form-group label i{color:#6366f1;font-size:1.1rem;width:20px}.social-links-grid .form-group input,.support-links-grid .form-group input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;transition:all .3s ease}.social-links-grid .form-group input:focus,.support-links-grid .form-group input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.fa-twitter{color:#1da1f2}.fa-instagram{color:#e4405f}.fa-youtube{color:red}.fa-tiktok{color:#000}.fa-linkedin{color:#0077b5}.fa-globe{color:#6366f1}.fa-coffee{color:#ff813f}.fa-patreon{color:#ff424d}.fa-heart{color:#13c3ff}.fa-paypal{color:#00457c}@keyframes slideDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:1000px;opacity:1;padding-bottom:2rem;padding-top:2rem}}@media (max-width:768px){.create-content,.create-form{padding:1rem}.story-header{flex-direction:column;gap:1rem;text-align:center}.form-actions{flex-direction:column;gap:.75rem}.form-actions .create-button{width:100%}.advanced-editor-button{justify-content:center;width:100%}.social-links-grid,.support-links-grid{grid-template-columns:1fr}.expandable-section{padding:1.5rem 1rem}.toggle-section-btn{font-size:.9rem;padding:.75rem 1rem}}.like-button{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.like-button:hover{background-color:#f9fafb;border-color:#d1d5db}.like-button.liked{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.like-button:disabled{cursor:not-allowed;opacity:.6}.like-icon{font-size:1.2rem}.like-count{font-weight:500}.comment-section{border-top:1px solid #e5e7eb;margin-top:3rem;padding-top:2rem}.comment-section h3{color:#333;margin-bottom:1.5rem}.comment-form{background:#f9fafb;border-radius:8px;margin-bottom:2rem;padding:1rem}.comment-input-group{display:flex;gap:1rem;margin-bottom:1rem}.comment-avatar,.user-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.comment-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-family:inherit;padding:.75rem;resize:vertical}.comment-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a;outline:none}.comment-submit{background-color:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s}.comment-submit:hover:not(:disabled){background-color:#3730a3}.comment-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.comments-list{space-y:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;max-height:25vh;overflow-y:auto}.comment,.comments-list{border-radius:8px;padding:1rem}.comment{background:#fff;border:1px solid #e5e7eb;margin-bottom:1rem}.comment-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.comment-meta{display:flex;flex-direction:column;gap:.25rem}.comment-author-link{color:inherit;text-decoration:none;transition:opacity .2s}.comment-author-link:hover{opacity:.7}.comment-author{color:#333;font-weight:500}.comment-date{color:#666;font-size:.8rem}.comment-content{color:#555;line-height:1.5}.no-comments{color:#666;font-style:italic;padding:2rem;text-align:center}.loading{padding:1rem;text-align:center}.comment-actions{border-top:1px solid #f0f0f0;display:flex;gap:1rem;margin-top:.75rem;padding-top:.5rem}.comment-like-btn,.comment-reply-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.25rem .5rem;transition:all .2s}.like-text{margin-left:.25rem}.comment-like-btn:hover,.comment-reply-btn:hover{background-color:#f3f4f6;color:#333}.comment-like-btn.liked{color:#ef4444}.heart-icon{font-size:1rem}.reply-form{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:1rem;padding:1rem}.reply-input-group{display:flex;gap:.75rem;margin-bottom:.75rem}.reply-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-family:inherit;font-size:.875rem;padding:.5rem;resize:vertical}.reply-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a;outline:none}.reply-actions{display:flex;gap:.5rem;justify-content:flex-end}.reply-cancel-btn,.reply-submit-btn{border-radius:4px;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:background-color .2s}.reply-cancel-btn{background:none;border:1px solid #d1d5db;color:#374151}.reply-cancel-btn:hover{background-color:#f9fafb}.reply-submit-btn{background-color:#4f46e5;border:none;color:#fff}.reply-submit-btn:hover:not(:disabled){background-color:#3730a3}.reply-submit-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.replies{border-left:2px solid #e5e7eb;margin-left:2rem;margin-top:1rem;padding-left:1rem}.reply{background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.reply:last-child{margin-bottom:0}@media (max-width:768px){.comment-section{margin-top:2rem;padding-top:1.5rem}.comment-form{margin-bottom:1.5rem;padding:.75rem}.comments-list{max-height:30vh;padding:.75rem}.comment-avatar,.user-avatar{height:35px;width:35px}.comment{padding:.75rem}.comment-actions{gap:.75rem;margin-top:.5rem;padding-top:.375rem}.comment-like-btn,.comment-reply-btn{font-size:.8rem;padding:.25rem .375rem}.replies{margin-left:1rem;padding-left:.75rem}.reply{padding:.5rem}.reply-form{padding:.75rem}.reply-input-group{gap:.5rem}}.content-detail{display:flex;flex-direction:column;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.image-art-article,.story-article{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;margin-bottom:2rem;overflow:hidden}.content-header{padding:2rem}.cover-image{height:300px;margin-bottom:1.5rem;object-fit:cover;width:100%}.content-meta h1{color:#333;font-size:2rem;line-height:1.3;margin:0 0 1rem}.author-info{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.author-link{gap:1rem;transition:opacity .2s}.author-link:hover{opacity:.7}.author-avatar{border:2px solid #e5e7eb}.author-name{font-weight:500;margin:0}.publish-date{font-size:.9rem;margin:0}.content-actions{gap:1rem;margin-bottom:1.5rem}.view-count{color:#666;font-size:.9rem;gap:.25rem}.edit-button,.view-count{align-items:center;display:flex}.edit-button{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;font-size:.875rem;font-weight:500;gap:.5rem;margin-left:auto;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.edit-button:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 4px 12px #3b82f64d;color:#fff;text-decoration:none;transform:translateY(-1px)}.edit-button i{font-size:.875rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#f3f4f6;border-radius:12px;color:#374151;font-size:.8rem;padding:.25rem .75rem}.story-content{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#333;line-height:1.7;margin:0 2rem 2rem;max-height:70vh;overflow-y:auto;padding:0 2rem 2rem}.story-content p{margin-bottom:1rem}.image-art-display{padding:0 2rem;text-align:center}.main-image{border-radius:8px;box-shadow:0 4px 6px #0000001a;height:auto;max-width:100%}.art-description{padding:2rem}.art-description h3{margin:0 0 1rem}.art-description p{color:#555}.loading{color:#666;font-size:1.1rem}.error-message{background-color:#fee2e2;border-radius:4px;margin:2rem}@media (max-width:768px){.content-detail,.content-header{padding:1rem}.content-meta h1{font-size:1.5rem}.story-content{margin:0 1rem 1rem;max-height:75vh;padding:1rem}.image-art-display{padding:0 1rem}}.story-social-links,.story-support-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;margin:1.5rem 0;padding:1rem}.story-social-links h4,.story-support-section h4{color:#475569;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-align:center;text-transform:uppercase}.social-links{flex-wrap:wrap;gap:.75rem}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 4px #0000000d;color:#64748b;height:40px;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{border-color:currentColor;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.social-link i{font-size:1.2rem}.social-link.twitter:hover{border-color:#1da1f2;color:#1da1f2}.social-link.instagram:hover{border-color:#e4405f;color:#e4405f}.social-link.youtube:hover{border-color:red;color:red}.social-link.tiktok:hover{border-color:#000;color:#000}.social-link.linkedin:hover{border-color:#0077b5;color:#0077b5}.social-link.website:hover{border-color:#6366f1;color:#6366f1}.support-links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.support-link{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:25px;box-shadow:0 2px 4px #0000000d;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;text-decoration:none;transition:all .3s ease}.support-link:hover{border-color:currentColor;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.support-link i{font-size:1rem}.support-link span{white-space:nowrap}.support-link.coffee:hover{border-color:#ff813f;color:#ff813f}.support-link.patreon:hover{border-color:#ff424d;color:#ff424d}.support-link.kofi:hover{border-color:#13c3ff;color:#13c3ff}.support-link.paypal:hover{border-color:#00457c;color:#00457c}@media (max-width:768px){.story-social-links,.story-support-section{margin:1rem 0;padding:.75rem}.social-links{gap:.5rem}.social-link{height:36px;width:36px}.social-link i{font-size:1.1rem}.support-links{align-items:center;flex-direction:column;gap:.5rem}.support-link{font-size:.8rem;justify-content:center;min-width:140px;padding:.5rem .875rem}.edit-button{font-size:.8rem;margin-left:0;margin-top:.5rem;padding:.375rem .75rem}.content-actions{align-items:flex-start;flex-direction:column}}.delete-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.delete-modal{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;max-height:90vh;max-width:400px;overflow:hidden;width:90%}.delete-modal-header{padding:20px 20px 0}.delete-modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0;text-align:center}.delete-modal-content{padding:20px;text-align:center}.delete-modal-icon{font-size:48px;margin-bottom:16px}.delete-modal-content p{color:#666;font-size:15px;line-height:1.5;margin:0 0 16px}.delete-modal-warning{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:16px;padding:12px}.delete-modal-warning span{font-size:16px}.delete-modal-actions{border-top:1px solid #eee;display:flex;gap:0}.delete-modal-cancel,.delete-modal-confirm{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;justify-content:center;min-height:56px;padding:16px 20px;transition:all .2s}.delete-modal-cancel{border-right:1px solid #eee;color:#666}.delete-modal-cancel:hover{background:#f8f9fa;color:#333}.delete-modal-confirm{color:#f44336;font-weight:600}.delete-modal-confirm:hover{background:#fff5f5;color:#d32f2f}.delete-modal-confirm.danger{color:#dc3545}.delete-modal-confirm.danger:hover{background:#fff5f5;color:#b02a37}.delete-modal-confirm.warning{color:#ff9800}.delete-modal-confirm.warning:hover{background:#fff8f0;color:#f57c00}.delete-modal-cancel:disabled,.delete-modal-confirm:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.delete-modal-loading{align-items:center;display:flex;gap:8px}.delete-modal-loading i{animation:spin 1s linear infinite}@media (max-width:480px){.delete-modal{margin:20px;max-width:90%}.delete-modal-content,.delete-modal-header{padding:16px}.delete-modal-actions button{font-size:15px;padding:14px 16px}}.context-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;padding:4px 0;position:fixed;z-index:1000}.context-menu-item{background:none;border:none;color:#333;color:var(--text-color,#333);cursor:pointer;display:block;font-size:14px;padding:8px 16px;text-align:left;transition:background-color .2s ease;width:100%}.context-menu-item:hover:not(:disabled){background-color:#f5f5f5;background-color:var(--hover-bg,#f5f5f5)}.context-menu-item:disabled{color:#999;color:var(--disabled-text,#999);cursor:not-allowed}.context-menu-item.delete-option{color:#dc3545;color:var(--danger-color,#dc3545)}.context-menu-item.delete-option:hover:not(:disabled){background-color:#ffeaa7;background-color:var(--danger-hover,#ffeaa7)}.context-menu-item.block-option{color:#f39c12;color:var(--warning-color,#f39c12)}.context-menu-item.block-option:hover:not(:disabled){background-color:#fef9e7;background-color:var(--warning-hover,#fef9e7)}.dark-theme .context-menu{background:#2a2a2a;background:var(--dark-card-bg,#2a2a2a);border-color:#404040;border-color:var(--dark-border,#404040)}.dark-theme .context-menu-item{color:#e0e0e0;color:var(--dark-text,#e0e0e0)}.dark-theme .context-menu-item:hover:not(:disabled){background-color:#404040;background-color:var(--dark-hover,#404040)}.dark-theme .context-menu-item:disabled{color:#666;color:var(--dark-disabled,#666)}.dark-theme .context-menu-item.delete-option:hover:not(:disabled){background-color:#4a2a2a;background-color:var(--dark-danger-hover,#4a2a2a)}.dark-theme .context-menu-item.block-option:hover:not(:disabled){background-color:#4a3a2a;background-color:var(--dark-warning-hover,#4a3a2a)}.conversation-list{flex:1 1;overflow-y:auto}.conversation-list.empty,.conversation-list.loading{align-items:center;display:flex;height:100%;justify-content:center}.loading-text{color:#666;font-size:16px}.empty-state{color:#666;padding:20px;text-align:center}.empty-state p{font-size:18px;font-weight:500;margin:0 0 5px}.empty-state span{font-size:14px}.conversation-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:15px 20px;transition:background-color .2s}.conversation-item:hover{background-color:#f0f0f0}.conversation-item.selected{background-color:#e3f2fd;border-left:4px solid #2196f3}.conversation-avatar{margin-right:12px}.conversation-avatar img{border-radius:50%;height:50px;object-fit:cover;width:50px}.conversation-avatar.self-conversation{position:relative}.conversation-avatar.self-conversation:after{align-items:center;background:#fff;border:2px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 1px 3px #0003;content:"👤";display:flex;font-size:16px;height:20px;justify-content:center;position:absolute;right:-2px;width:20px}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conversation-name{color:#333;font-size:16px;font-weight:600}.conversation-actions{align-items:center;display:flex;gap:8px}.conversation-mute-button{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;min-width:24px;padding:4px 6px;transition:all .2s}.conversation-mute-button:hover{background:#0000001a}.conversation-mute-button.muted{background:#f443361a;color:#f44336}.conversation-mute-button.muted:hover{background:#f4433633}.conversation-time{color:#666;font-size:12px}.conversation-preview{align-items:center;display:flex;gap:8px}.preview-text{color:#666;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-text.unread{color:#333;font-weight:600}.unread-dot{background-color:#2196f3;border-radius:50%;flex-shrink:0;height:8px;width:8px}.conversation-menu{position:relative}.conversation-menu-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:4px 6px;transition:all .2s}.conversation-menu-button:hover{background:#0000001a;color:#333}.conversation-menu-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.menu-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:#f8f9fa}.menu-item.delete-chat{color:#ff9800}.menu-item.delete-chat:hover{background-color:#fff8f0;color:#f57c00}.menu-item.delete-profile{color:#f44336}.menu-item.delete-profile:hover{background-color:#fff5f5;color:#d32f2f}.block-indicator,.blocked-by-indicator{font-size:12px;margin-left:8px;opacity:.8}.conversation-name{align-items:center;display:flex;gap:4px}.typing-indicator{margin-bottom:10px;padding:10px 20px}.typing-content{align-items:center;display:flex;gap:8px}.typing-dots{display:flex;gap:3px}.typing-dot{animation:typing 1.4s ease-in-out infinite;background-color:#999;border-radius:50%;height:6px;width:6px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}.typing-text{color:#666;font-size:14px;font-style:italic}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.emoji-picker-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.emoji-picker{background:#fff;border:1px solid #ddd;border-radius:12px;bottom:60px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;height:400px;left:10px;overflow:hidden;position:absolute;width:320px;z-index:1000}.emoji-picker-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.emoji-picker-header h3{color:#333;font-size:14px;font-weight:600;margin:0}.emoji-picker-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s}.emoji-picker-close:hover{background:#0000000d}.emoji-categories{background:#f8f9fa;border-bottom:1px solid #eee;display:flex;gap:4px;padding:8px 12px}.category-button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:20px;opacity:.6;padding:8px;transition:background-color .2s}.category-button:hover{background:#0000000d}.category-button.active{background:#2196f3;opacity:1}.category-button.active:hover{background:#1976d2}.emoji-grid{grid-gap:4px;align-content:start;display:grid;flex:1 1;gap:4px;grid-template-columns:repeat(8,1fr);overflow-y:auto;padding:12px}.emoji-button{aspect-ratio:1;background:none;border-radius:6px;padding:8px;transition:background-color .2s}.emoji-button:hover{background:#2196f31a;transform:scale(1.1)}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.emoji-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.emoji-grid::-webkit-scrollbar-thumb:hover{background:#bbb}@media (max-width:480px){.emoji-picker{left:5px;right:5px;width:auto}.emoji-grid{grid-template-columns:repeat(6,1fr)}}.theme-selector-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.theme-selector{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.theme-selector-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.theme-selector-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.theme-selector-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:18px;padding:6px;transition:background-color .2s}.theme-selector-close:hover{background:#0000000d}.theme-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));overflow-y:auto;padding:20px}.theme-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s ease}.theme-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.theme-card:hover .theme-name{color:#2196f3!important}.theme-card.selected{border-color:#2196f3;box-shadow:0 4px 16px #2196f34d}.theme-preview{border-radius:8px 8px 0 0;flex-shrink:0;height:100px;overflow:hidden;position:relative}.theme-messages-preview{display:flex;flex-direction:column;gap:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.theme-message{border-radius:12px;font-size:11px;max-width:-webkit-fit-content;max-width:fit-content;padding:8px 12px;position:relative}.theme-message.own{align-self:flex-end;border-bottom-right-radius:4px}.theme-message.other{align-self:flex-start;border:1px solid #0000001a;border-bottom-left-radius:4px}.theme-name{align-items:center!important;background:#fff!important;border-top:1px solid #ddd!important;box-sizing:border-box!important;color:#000!important;display:flex!important;flex:1 1!important;font-size:13px!important;font-weight:700!important;justify-content:center!important;line-height:1.2!important;max-height:44px!important;min-height:44px!important;overflow:visible!important;padding:12px 8px!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.theme-selected-indicator{align-items:center;background:#2196f3;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.theme-selector-footer{background:#f8f9fa;border-top:1px solid #eee;display:flex;justify-content:center;padding:16px 20px}.apply-theme-button{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:background-color .2s}.apply-theme-button:hover{background:#1976d2}.theme-grid::-webkit-scrollbar{width:8px}.theme-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.theme-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.theme-grid::-webkit-scrollbar-thumb:hover{background:#bbb}@media (max-width:480px){.theme-selector{max-height:85vh;width:95%}.theme-grid{gap:16px;grid-template-columns:repeat(2,1fr);padding:16px}.theme-preview{height:80px}.theme-name{font-size:12px;min-height:40px;padding:10px 6px}}@media (max-width:360px){.theme-grid{gap:12px;grid-template-columns:1fr 1fr}.theme-name{font-size:11px;min-height:36px;padding:8px 4px}}.reply-preview{background:#f8f9fa;border-left:4px solid #2196f3;border-top:1px solid #ddd;box-sizing:border-box;color:#333;margin:-20px -20px 15px;padding:12px 16px;position:relative}.reply-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.reply-preview-info{align-items:center;display:flex;gap:8px}.reply-preview-label{color:#333;font-size:12px;font-weight:500}.reply-preview-sender{color:#1565c0;font-size:13px;font-weight:600}.reply-preview-cancel{align-items:center;background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;padding:4px;transition:background-color .2s;width:28px}.reply-preview-cancel:hover{background:#0000000d}.reply-preview-body{max-height:80px;overflow:hidden}.reply-preview-content{align-items:center;display:flex;gap:12px}.reply-preview-image{border-radius:6px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.reply-preview-image img{height:100%;object-fit:cover;width:100%}.reply-preview-file-icon{align-items:center;background:#f0f0f0;border-radius:6px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.reply-preview-file-icon i{color:#666;font-size:20px}.reply-preview-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.reply-preview-type{color:#333;font-size:13px;font-weight:500}.reply-preview-caption,.reply-preview-message{color:#000;display:block;font-size:14px;font-weight:500;min-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-size{color:#888;font-size:12px}.chat-window[style*="--theme-chat-bg"] .reply-preview{background:#fffffff2;border-left-color:#2196f3;border-left-color:var(--theme-own-message-bg,#2196f3);color:#333}.chat-window[style*="--theme-chat-bg"] .reply-preview-cancel:hover{background:#0000001a}.chat-window[style*="--theme-chat-bg"] .reply-preview-caption,.chat-window[style*="--theme-chat-bg"] .reply-preview-message{color:#000!important}.chat-window[style*="--theme-chat-bg"] .reply-preview-label,.chat-window[style*="--theme-chat-bg"] .reply-preview-type{color:#333!important}.chat-window{display:flex;flex-direction:column;height:100%}.chat-header{background:#fff;background:var(--theme-header-bg,#fff);border-bottom:1px solid #ddd;justify-content:space-between;padding:20px}.chat-header,.chat-recipient{align-items:center;display:flex}.chat-recipient{flex:1 1}.recipient-avatar{border-radius:50%;height:40px;margin-right:12px;object-fit:cover;width:40px}.recipient-info h3{color:#333;font-size:18px;margin:0}.user-status{color:#666;font-size:12px}.user-status.online{color:#4caf50;font-weight:500}.user-status.offline{color:#999}.message.sending{opacity:.7;position:relative}.message.sending:after{animation:spin 1s linear infinite;border:2px solid #ddd;border-radius:50%;border-top-color:#4caf50;content:"";display:inline-block;height:12px;margin-left:8px;vertical-align:middle;width:12px}.message.sending .message-time{color:#999;font-style:italic}.message.sending .message-content{position:relative}.chat-messages{background:#f8f9fa;background:var(--theme-chat-bg,#f8f9fa);flex:1 1;overflow-y:auto;padding:20px}.loading,.no-messages{align-items:center;color:#666;display:flex;height:100%;justify-content:center}.date-separator{margin:20px 0;text-align:center}.date-separator span{background:#fff;border:1px solid #ddd;border-radius:20px;color:#666;font-size:12px;padding:5px 15px}.message{align-items:flex-end;display:flex;gap:8px;margin-bottom:15px}.message.own{flex-direction:row-reverse;justify-content:flex-end}.message.other{flex-direction:row;justify-content:flex-start}.message-content{border-radius:20px;max-width:70%;padding:12px 16px}.message.own .message-content{background:#2196f3;background:var(--theme-own-message-bg,#2196f3);border-bottom-right-radius:5px;color:#fff;color:var(--theme-own-message-color,#fff)}.message.other .message-content{background:#fff;background:var(--theme-other-message-bg,#fff);border:1px solid #ddd;border-bottom-left-radius:5px;color:#333;color:var(--theme-other-message-color,#333)}.message-content p{word-wrap:break-word;margin:0}.message-time{display:block;font-size:11px;margin-top:4px;opacity:.7}.seen-indicator{align-items:center;color:#fff;display:inline-flex;font-size:10px;gap:4px;margin-left:8px;margin-top:2px;opacity:.9}.seen-indicator i{font-size:12px}.seen-text{color:#fff;font-size:10px;font-weight:500}.message-avatar{flex-shrink:0}.sender-avatar{border-radius:50%;height:30px;object-fit:cover;width:30px}.chat-input-form{background:#fff;background:var(--theme-input-bg,#fff);border-top:1px solid #ddd;overflow:visible;padding:20px;position:relative}.chat-input-container{align-items:center;display:flex;gap:10px}.chat-input{border:1px solid #ddd;border-radius:25px;flex:1 1;font-size:16px;outline:none;padding:12px 16px}.chat-input:focus{border-color:#2196f3}.send-button{align-items:center;background:#2196f3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;transition:background-color .2s;width:45px}.send-button:hover:not(:disabled){background:#1976d2}.send-button:disabled{background:#ccc;cursor:not-allowed}.chat-actions{gap:10px}.chat-actions,.mute-button{align-items:center;display:flex}.mute-button{background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:16px;justify-content:center;min-width:44px;padding:8px 12px;transition:all .2s}.mute-button:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.mute-button:disabled{cursor:not-allowed;opacity:.6}.mute-button.muted{background:#fee;border-color:#fcc;color:#c33}.mute-button.muted:hover:not(:disabled){background:#fdd;border-color:#fbb}.attach-button{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:background-color .2s;width:40px}.attach-button:hover:not(:disabled){background:#e0e0e0}.attach-button:disabled{cursor:not-allowed;opacity:.5}.emoji-button{align-items:center;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:background-color .2s,transform .2s;-webkit-user-select:none;user-select:none;width:40px}.emoji-button:hover:not(:disabled){background:#e0e0e0;transform:scale(1.05)}.emoji-button:active{transform:scale(.95)}.emoji-button:disabled{cursor:not-allowed;opacity:.5}.theme-button{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:background-color .2s,transform .2s;width:40px}.theme-button:hover{background:#e0e0e0;transform:scale(1.05)}.theme-button:active{transform:scale(.95)}.replied-message{background:#0000001a;border-left:3px solid #2196f3;border-radius:6px;font-size:13px;margin-bottom:8px;padding:8px 12px}.message.other .replied-message{background:#0000000d}.replied-message-sender{color:#2196f3;font-size:12px;font-weight:600;margin-bottom:2px}.replied-message-content{color:#fffc;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message.other .replied-message-content{color:#0009}.reply-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#666;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;opacity:0;position:absolute;right:-40px;top:50%;transform:translateY(-50%);transition:all .2s;visibility:hidden;width:32px}.message.own .reply-button{left:auto;right:-40px}.message-content:hover .reply-button{opacity:1;visibility:visible}.reply-button:hover{background:#f0f0f0;color:#333;transform:translateY(-50%) scale(1.05)}.message-content{position:relative}.file-preview{background:#fff;border-top:1px solid #ddd;padding:15px 20px}.file-preview-content{display:inline-block;max-width:300px;position:relative}.file-preview-image{border-radius:8px;max-height:150px;max-width:200px;object-fit:cover}.file-preview-document{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;display:flex;gap:10px;padding:12px}.file-icon{font-size:24px}.file-name{color:#333;font-weight:500;margin:0}.file-size{color:#666;font-size:12px}.file-preview-remove{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.file-preview-remove:hover{background:#c00}.message-image{margin:0}.chat-image{border-radius:12px;cursor:pointer;max-height:200px;max-width:250px;object-fit:cover;transition:opacity .2s}.chat-image:hover{opacity:.9}.image-caption{font-size:14px;margin:8px 0 0;opacity:.9}.message-file{margin:0}.file-attachment{align-items:center;background:#ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:12px;min-width:200px;padding:12px;transition:background-color .2s}.message.own .file-attachment{background:#fff3}.message.other .file-attachment{background:#0000000d}.file-attachment:hover{background:#ffffff4d}.message.other .file-attachment:hover{background:#0000001a}.file-icon-container{flex-shrink:0}.file-attachment .file-icon{font-size:28px}.file-info{flex:1 1;min-width:0}.file-info .file-name{font-size:14px;font-weight:500;margin:0 0 4px;word-break:break-word}.file-info .file-size{font-size:12px;opacity:.8}.download-icon{font-size:16px;opacity:.7}.delete-action-bar{align-items:center;background:#f44336;color:#fff;display:flex;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.delete-action-bar .cancel-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;padding:5px;transition:background-color .2s}.delete-action-bar .cancel-button:hover{background:#fff3}.selected-count{font-size:16px;font-weight:500}.delete-action-bar .delete-button{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:5px;padding:8px 12px;transition:background-color .2s}.delete-action-bar .delete-button:hover{background:#ffffff4d}.message.selectable{cursor:pointer;transition:background-color .2s}.message.selectable:hover{background:#2196f30d;border-radius:8px}.message.other{opacity:1;transition:opacity .2s}.delete-action-bar~.chat-messages .message.other{opacity:.5;pointer-events:none}.message.selected{background:#2196f31a;border-radius:8px;margin:5px 0;padding:5px}.message-checkbox{align-items:center;display:flex;margin-right:10px}.message-select-checkbox{cursor:pointer;height:18px;width:18px}.delete-confirmation-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirmation-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;min-width:300px;padding:24px}.delete-confirmation-dialog h3{color:#333;font-size:18px;margin:0 0 12px}.delete-confirmation-dialog p{color:#666;line-height:1.4;margin:0 0 20px}.dialog-buttons{display:flex;gap:10px;justify-content:flex-end}.cancel-button-dialog{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s}.cancel-button-dialog:hover{background:#f5f5f5;border-color:#bbb}.delete-button-dialog{align-items:center;background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:background-color .2s}.delete-button-dialog:hover{background:#d32f2f}.user-search{position:relative;width:100%}.search-input-container{align-items:center;display:flex;position:relative}.search-input{background:#fff;border:1px solid #ddd;border-radius:25px;font-size:16px;padding:12px 40px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.search-input::placeholder{color:#888}.search-icon{color:#888;left:12px;pointer-events:none}.search-icon,.search-loading{font-size:14px;position:absolute}.search-loading{animation:spin 1s linear infinite;color:#2196f3;right:12px}.search-results{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 16px #00000026;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 2px);z-index:1001}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.search-result-item:hover{background:#f8f9fa}.search-result-item:not(:last-child){border-bottom:1px solid #eee}.user-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.user-info{flex:1 1;min-width:0}.username{color:#333;font-weight:500;margin-bottom:2px}.user-bio{color:#666;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.message-icon{color:#2196f3;flex-shrink:0;font-size:16px}.no-results{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center;padding:20px}.no-results i{font-size:16px}@media (max-width:768px){.search-input{font-size:16px}.search-results{max-height:250px}.search-result-item{padding:10px 12px}.user-avatar{height:35px;width:35px}.username{font-size:14px}.user-bio{font-size:11px}}.connection-status{position:fixed;right:10px;top:10px;transition:all .3s ease;z-index:1000}.connection-status.connected{opacity:0;pointer-events:none}.connection-status.disconnected{opacity:1}.connection-indicator{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border-radius:20px;box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-dot.online{animation:none;background-color:#10b981}.status-dot.offline{background-color:#ef4444}.status-text{-webkit-user-select:none;user-select:none}.connection-status.connected{animation:showBriefly 2s ease-in-out}@keyframes showBriefly{0%,80%{opacity:1}to{opacity:0}}.messages-container{height:calc(100vh - 120px);margin:0 auto;max-width:1200px;padding:20px}.messages-layout{background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;height:100%;overflow:hidden}.conversations-sidebar{background:#f8f9fa;border-right:1px solid #ddd;display:flex;flex-direction:column;width:350px}.conversations-header{background:#fff;border-bottom:1px solid #ddd;display:flex;flex-direction:column;gap:15px;padding:20px}.messages-header-top{align-items:center;display:flex;justify-content:space-between}.search-bar-container{width:100%}.conversations-header h2{color:#333;font-size:24px;margin:0}.chat-area{display:flex;flex:1 1;flex-direction:column}.no-conversation{align-items:center;background:#f8f9fa;display:flex;height:100%;justify-content:center}.no-conversation-content{color:#666;text-align:center}.no-conversation-content h3{font-size:20px;margin:0 0 10px}.no-conversation-content p{font-size:16px;margin:0}@media (max-width:768px){.messages-layout{flex-direction:column;height:auto}.conversations-sidebar{max-height:300px;overflow-y:auto;width:100%}.chat-area{height:500px}}.sound-toggle{align-items:center;background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-width:44px;padding:8px 12px;transition:all .2s}.sound-toggle:hover{background:#f5f5f5;border-color:#bbb}.sound-toggle.enabled{background:#e8f5e8;border-color:#4caf50;color:#2e7d32}.sound-toggle.disabled{background:#ffeaea;border-color:#f44336;color:#c62828}.sound-toggle.enabled:hover{background:#dcedc8;border-color:#388e3c}.sound-toggle.disabled:hover{background:#ffcdd2;border-color:#d32f2f}.manage-stories{display:flex;flex-direction:column;gap:24px}.stories-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;justify-content:space-between;padding:20px 24px}.stories-header h2{color:#333;font-size:1.4rem;font-weight:600;margin:0}.no-stories{background:#fff;border-radius:12px;color:#666;padding:60px 20px;text-align:center}.stories-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.story-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;transition:all .2s ease}.story-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.story-card.flagged{background:#fff8f8;border-left:4px solid #dc3545}.story-cover{height:200px;overflow:hidden;position:relative;width:100%}.story-cover img{height:100%;object-fit:cover;width:100%}.story-content{padding:20px}.story-title{-webkit-line-clamp:2;color:#333;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 8px}.story-description,.story-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story-description{-webkit-line-clamp:3;color:#666;font-size:.9rem;line-height:1.5;margin:0 0 16px}.story-meta{font-size:.85rem;gap:8px}.story-author,.story-meta{display:flex;flex-direction:column}.story-author{gap:2px}.story-author strong{color:#333}.story-stats{color:#666;display:flex;gap:16px}.story-date{color:#999}.story-actions{background:#fafafa;border-top:1px solid #f0f0f0;display:flex;gap:8px;padding:16px 20px}.view-modal{max-width:800px}.story-view-content{display:flex;flex-direction:column;gap:20px}.story-view-cover{border-radius:8px;max-height:300px;object-fit:cover;width:100%}.story-view-meta{grid-gap:8px;background:#f8f9fa;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.story-view-meta p{color:#666;font-size:.9rem;margin:0}.story-view-text{color:#333;line-height:1.6}.story-view-text img{border-radius:8px;height:auto;margin:16px 0;max-width:100%}@media (max-width:768px){.stories-grid{grid-template-columns:1fr}.story-actions{flex-direction:column}.action-btn{padding:12px}.modal{margin:10px;max-width:none}.modal-content{padding:20px}.story-view-meta{grid-template-columns:1fr}}@media (max-width:480px){.stories-header{align-items:stretch;flex-direction:column;gap:12px}.stories-header h2{text-align:center}.pagination{gap:12px}.modal-actions,.pagination{flex-direction:column}}.manage-art{display:flex;flex-direction:column;gap:24px}.art-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;justify-content:space-between;padding:20px 24px}.art-header h2{color:#333;font-size:1.4rem;font-weight:600;margin:0}.no-art{background:#fff;border-radius:12px;color:#666;padding:60px 20px;text-align:center}.art-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.art-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;transition:all .2s ease}.art-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.art-card.flagged{background:#fff8f8;border-left:4px solid #dc3545}.art-image{height:250px;position:relative;width:100%}.art-image img{height:100%;object-fit:cover;transition:transform .3s ease}.art-card:hover .art-image img{transform:scale(1.05)}.flagged-badge{background:#dc3545e6;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px}.art-content{padding:20px}.art-title{color:#333;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 8px}.art-description,.art-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.art-description{color:#666;font-size:.9rem;line-height:1.5;margin:0 0 16px}.art-meta{font-size:.85rem;gap:8px}.art-author,.art-meta{display:flex;flex-direction:column}.art-author{gap:2px}.art-author strong{color:#333}.author-email{color:#999;font-size:.8rem}.art-stats{color:#666;display:flex;gap:16px}.art-date{color:#999}.art-actions{background:#fafafa;border-top:1px solid #f0f0f0;display:flex;gap:8px;padding:16px 20px}.action-btn{flex:1 1;font-size:.85rem}.view-btn{background:#e3f2fd;color:#1976d2}.view-btn:hover{background:#bbdefb;transform:translateY(-1px)}.flag-btn{background:#fff3cd;color:#856404}.flag-btn:hover{background:#ffeaa7;transform:translateY(-1px)}.view-modal{max-height:85vh;max-width:700px}.flag-select{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;margin-top:8px;padding:12px;width:100%}.flag-select:focus{border-color:#667eea;outline:none}.art-view-content{display:flex;flex-direction:column;gap:20px}.art-view-image{max-height:400px;object-fit:contain;width:100%}.art-view-image,.art-view-meta{background:#f8f9fa;border-radius:8px}.art-view-meta{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.art-view-meta p{color:#666;font-size:.9rem;margin:0}.art-view-description{grid-column:1/-1;margin-top:12px}.art-view-description p{color:#333;font-size:1rem;line-height:1.6;margin-top:8px}@media (max-width:768px){.art-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.art-actions{flex-direction:column}.action-btn{padding:12px}.modal{margin:10px;max-width:none}.modal-content{padding:20px}.art-view-meta{grid-template-columns:1fr}}@media (max-width:480px){.art-header{align-items:stretch;flex-direction:column;gap:12px}.art-header h2{text-align:center}.art-grid{grid-template-columns:1fr}.pagination{gap:12px}.modal-actions,.pagination{flex-direction:column}}.manage-users{display:flex;flex-direction:column;gap:24px}.users-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;justify-content:space-between;padding:20px 24px}.users-header h2{color:#333;font-size:1.4rem;font-weight:600;margin:0}.refresh-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.refresh-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.no-users{background:#fff;border-radius:12px;color:#666;padding:60px 20px;text-align:center}.users-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.user-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;transition:all .2s ease}.user-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.user-card.blocked{background:#fff8f8;border-left:4px solid #dc3545}.user-card.high-risk{background:#fffbf0;border-left:4px solid #ff9800}.user-card.blocked.high-risk{background:linear-gradient(45deg,#fff8f8 50%,#fffbf0 0);border-left:4px solid #dc3545;border-right:4px solid #ff9800}.user-avatar{display:flex;justify-content:center;padding:24px 24px 12px;position:relative}.user-avatar img{border:3px solid #e9ecef;border-radius:50%;height:80px;object-fit:cover;width:80px}.blocked-badge,.high-risk-badge{border-radius:6px;color:#fff;font-size:.7rem;font-weight:600;padding:4px 8px;position:absolute;right:16px;top:16px}.high-risk-badge{background:#ff9800e6}.blocked-badge{background:#dc3545e6}.user-content{padding:0 24px 16px;text-align:center}.user-username{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 4px}.user-email{color:#666;font-size:.9rem;margin:0 0 12px}.user-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#777;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0 0 16px;overflow:hidden}.user-meta{display:flex;flex-direction:column;font-size:.85rem;gap:8px}.user-status{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.privacy-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 8px}.privacy-badge.private{background:#e3f2fd;color:#1976d2}.privacy-badge.public{background:#e8f5e8;color:#2e7d32}.warning-count{background:#fff3cd;border-radius:12px;color:#856404;font-size:.75rem;font-weight:600;padding:4px 8px}.user-date{color:#999;text-align:center}.block-reason{background:#ffebee;border-radius:6px;color:#d32f2f;font-size:.8rem;margin-top:8px;padding:8px;text-align:center}.user-actions{grid-gap:8px;background:#fafafa;border-top:1px solid #f0f0f0;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:16px 20px}.user-actions .view-warnings-btn{grid-column:1/-1}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;justify-content:center;padding:8px 12px;text-align:center;transition:all .2s ease}.view-warnings-btn{background:#e1f5fe;color:#0277bd}.view-warnings-btn:hover{background:#b3e5fc;transform:translateY(-1px)}.warn-btn{background:#fff3cd;color:#856404}.warn-btn:hover{background:#ffeaa7;transform:translateY(-1px)}.block-btn{background:#ffebee;color:#d32f2f}.block-btn:hover{background:#ffcdd2;transform:translateY(-1px)}.unblock-btn{background:#e8f5e8;color:#2e7d32}.unblock-btn:hover{background:#c8e6c9;transform:translateY(-1px)}.delete-btn{background:#ffebee;color:#d32f2f}.delete-btn:hover{background:#ffcdd2;transform:translateY(-1px)}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin:20px 0}.pagination-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.pagination-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.pagination-info{color:#666;font-weight:500}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.warnings-modal{max-width:700px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#e9ecef;color:#333}.modal-content{max-height:60vh;overflow-y:auto;padding:24px}.form-group{margin-bottom:16px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:6px}.form-select,.form-textarea{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .2s ease;width:100%}.form-select:focus,.form-textarea:focus{border-color:#667eea;outline:none}.form-textarea{line-height:1.5;min-height:100px;resize:vertical}.modal-actions{background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-btn{background:#e5e7eb;border:none;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:#d1d5db}.confirm-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.confirm-btn:hover{background:#c82333;transform:translateY(-1px)}.warning-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.warning-header-left{align-items:center;display:flex;gap:12px}.delete-warning-btn{align-items:center;background:#ffebee;border:none;border-radius:50%;color:#d32f2f;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;opacity:.7;transition:all .2s ease;width:32px}.delete-warning-btn:hover{background:#ffcdd2;opacity:1;transform:scale(1.1)}.severity-badge{padding:2px 8px}.severity-badge.low{background:#28a745}.severity-badge.medium{background:#ffc107;color:#333}.severity-badge.high{background:#dc3545}@media (max-width:768px){.user-actions,.users-grid{grid-template-columns:1fr}.modal{margin:10px;max-width:none}.modal-content{padding:20px}}@media (max-width:480px){.users-header{align-items:stretch;flex-direction:column;gap:12px}.users-header h2{text-align:center}.user-avatar img{height:60px;width:60px}.pagination{gap:12px}.modal-actions,.pagination,.warning-header{flex-direction:column}.warning-header{align-items:flex-start;gap:4px}}.header-actions{align-items:center;display:flex;gap:12px}.test-admin-btn{background:#e3f2fd;border:none;border-radius:6px;color:#1976d2;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.test-admin-btn:hover{background:#bbdefb;transform:translateY(-1px)}.modal-header-actions{align-items:center;display:flex;gap:8px}.debug-btn{background:#fff3cd;border:none;border-radius:6px;color:#856404;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.debug-btn:hover{background:#ffeaa7;transform:translateY(-1px)}.admin-stats{display:flex;flex-direction:column;gap:30px}.stats-loading{align-items:center;color:#666;display:flex;font-size:1.1rem;height:200px;justify-content:center}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;gap:16px;padding:24px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;background:#fffc;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-value{font-size:2rem;font-weight:700;line-height:1;margin:0 0 4px}.stat-title{color:#666;font-size:.95rem;font-weight:500;margin:0}.admin-welcome{margin-top:20px}.welcome-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.welcome-card h2{color:#333;font-size:1.6rem;font-weight:700;margin:0 0 12px}.welcome-card>p{color:#666;font-size:1rem;line-height:1.6;margin:0 0 24px}.welcome-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-item{align-items:flex-start;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:12px;padding:16px}.feature-icon{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.feature-item div{flex:1 1}.feature-item strong{color:#333;display:block;font-size:1rem;margin-bottom:4px}.feature-item p{color:#666;font-size:.9rem;line-height:1.4;margin:0}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:20px}.stat-icon{font-size:2rem;height:50px;width:50px}.stat-value{font-size:1.7rem}.welcome-card{padding:24px}.welcome-card h2{font-size:1.4rem}.welcome-features{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.stat-card{flex-direction:column;text-align:center}.stat-icon{margin:0 auto}.feature-item{flex-direction:column;gap:8px;text-align:center}.feature-icon{margin:0 auto}}.admin-dashboard{background:#f5f5f5;display:flex;min-height:100vh}.admin-sidebar{background:#fff;border-right:1px solid #e1e5e9;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;width:280px}.admin-sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e5e9;color:#fff;padding:24px 20px}.admin-sidebar-header h2{font-size:1.4rem;font-weight:700;margin:0 0 4px}.admin-sidebar-header p{font-size:.9rem;margin:0;opacity:.9}.admin-nav{flex:1 1;padding:20px 0}.admin-nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#555;cursor:pointer;display:flex;font-size:1rem;gap:12px;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.admin-nav-item:hover{background:#f8f9fa;color:#333}.admin-nav-item.active{background:#f0f4ff;border-left-color:#667eea;color:#667eea;font-weight:600}.nav-icon{font-size:1.2rem;text-align:center;width:24px}.admin-sidebar-footer{border-top:1px solid #e1e5e9;padding:20px}.admin-logout-btn{align-items:center;background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.admin-logout-btn:hover{background:#c82333;transform:translateY(-1px)}.admin-main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.admin-header{background:#fff;border-bottom:1px solid #e1e5e9;box-shadow:0 2px 4px #00000005;padding:20px 30px}.admin-header h1{color:#333;font-size:1.8rem;font-weight:600;margin:0}.admin-content{flex:1 1;overflow-y:auto;padding:30px}.admin-loading{align-items:center;color:#666;display:flex;font-size:1.1rem;height:200px;justify-content:center}@media (max-width:768px){.admin-dashboard{flex-direction:column}.admin-sidebar{height:auto;width:100%}.admin-nav{display:flex;overflow-x:auto;padding:10px 0}.admin-nav-item{border-bottom:3px solid #0000;border-left:none;flex-shrink:0;min-width:120px;text-align:center}.admin-nav-item.active{border-bottom-color:#667eea;border-left:none}.admin-sidebar-footer{padding:15px 20px}.admin-content{padding:20px}.admin-header{padding:15px 20px}.admin-header h1{font-size:1.5rem}}@media (max-width:480px){.nav-icon{font-size:1rem}.admin-nav-item{font-size:.9rem;padding:12px 16px}.admin-content{padding:15px}}.shared-content-page{background:#fafafa;min-height:100vh;padding:0}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:50vh}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#4caf50;height:40px;width:40px}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:40px 20px;text-align:center}.error-icon{font-size:64px;margin-bottom:20px;opacity:.5}.error-container h2{color:#333;font-size:24px;margin:0 0 10px}.error-container p{color:#666;margin:0 0 20px;max-width:400px}.home-link{align-items:center;background:#4caf50;border-radius:8px;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:background .2s ease}.home-link:hover{background:#45a049}.share-header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.share-header,.share-info{align-items:center;display:flex}.share-info{gap:20px}.share-badge{background:#e8f5e8;border-radius:16px;color:#2e7d32;font-weight:500;gap:6px;padding:6px 12px}.share-badge,.share-stats{align-items:center;display:flex;font-size:13px}.share-stats{color:#666;gap:16px}.share-stats span{align-items:center;display:flex;gap:4px}.visit-original-button{align-items:center;background:#4caf50;border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:background .2s ease}.visit-original-button:hover{background:#45a049}.shared-content-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 320px;margin:0 auto;max-width:1200px;padding:30px 20px}.shared-content-article{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.content-header{border-bottom:1px solid #f0f0f0;padding:30px 30px 20px}.content-meta{margin-bottom:20px}.content-title{color:#333;font-size:32px;font-weight:700;line-height:1.3;margin:0 0 20px}.author-info{margin-bottom:0}.author-link{align-items:center;color:inherit;display:flex;gap:12px;padding:8px 0;text-decoration:none}.author-avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.author-avatar-placeholder{align-items:center;background:#e0e0e0;border-radius:50%;color:#666;display:flex;height:50px;justify-content:center;width:50px}.author-details{display:flex;flex-direction:column}.author-name{color:#333;font-size:16px;font-weight:600}.publish-date{color:#666;font-size:13px}.content-actions{align-items:center;display:flex;justify-content:space-between}.content-stats{display:flex;gap:20px}.stat-item{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500;gap:6px}.story-content{padding:0 30px 30px}.cover-image{border-radius:8px;margin:20px 0 30px;overflow:hidden}.cover-image img{display:block;height:auto;width:100%}.story-text{color:#333;font-size:16px;line-height:1.8}.story-text p{margin:0 0 20px}.story-text p:last-child{margin-bottom:0}.art-content{padding:20px 30px 30px}.art-image{border-radius:8px;margin-bottom:30px;overflow:hidden;text-align:center}.art-image img{height:auto;max-height:600px;object-fit:contain;width:100%}.art-description h3{color:#333;font-size:18px;margin:0 0 10px}.art-description p{color:#666;line-height:1.6;margin:0}.content-tags{border-top:1px solid #f0f0f0;padding:20px 30px 30px}.content-tags h4{color:#333;font-size:16px;margin:0 0 12px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f8f9fa;border-radius:4px;color:#495057;font-size:13px;font-weight:500;padding:4px 8px}.login-prompt{margin:30px 30px 0}.login-card{background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:12px;color:#fff;padding:30px;text-align:center}.login-card h3{font-size:24px;margin:0 0 10px}.login-card p{margin:0 0 20px;opacity:.9}.auth-buttons{display:flex;gap:12px;justify-content:center}.login-button,.signup-button{border-radius:6px;font-weight:500;padding:12px 20px;text-decoration:none;transition:all .2s ease}.login-button{background:#fff3;border:1px solid #ffffff4d;color:#fff}.login-button:hover{background:#ffffff4d}.signup-button{background:#fff;color:#4caf50}.signup-button:hover{background:#f8f9fa}.shared-sidebar{display:flex;flex-direction:column;gap:20px}.more-from-author,.platform-info,.share-source{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.more-from-author h4,.platform-info h4,.share-source h4{color:#333;font-size:16px;margin:0 0 15px}.sharer-link{align-items:center;border-radius:6px;color:inherit;display:flex;gap:10px;padding:8px;text-decoration:none;transition:background .2s ease}.sharer-link:hover{background:#f8f9fa}.sharer-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.author-profile-button,.explore-button{background:#f8f9fa;border-radius:6px;color:#333;display:block;font-weight:500;padding:10px;text-align:center;text-decoration:none;transition:background .2s ease}.author-profile-button:hover,.explore-button:hover{background:#e9ecef}.platform-info{text-align:center}.platform-info .logo{font-size:24px;margin-bottom:10px}.platform-info p{color:#666;font-size:14px;line-height:1.4;margin:0 0 15px}.platform-info .explore-button{background:#4caf50;color:#fff}.platform-info .explore-button:hover{background:#45a049}@media (max-width:968px){.shared-content-container{gap:20px;grid-template-columns:1fr;padding:20px}.shared-sidebar{order:-1}.share-stats{display:none}}@media (max-width:768px){.share-header{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.share-info{justify-content:center}.content-title{font-size:24px}.art-content,.content-header,.content-tags,.story-content{padding-left:20px;padding-right:20px}.auth-buttons{flex-direction:column}.shared-sidebar{margin-top:20px}}@media (max-width:480px){.shared-content-container{padding:16px}.content-actions{align-items:stretch;flex-direction:column;gap:15px}.content-stats{justify-content:center}}@media print{.content-actions,.login-prompt,.share-header,.shared-sidebar{display:none}.shared-content-container{grid-template-columns:1fr}.shared-content-article{box-shadow:none}}.warning-indicator{align-items:center;animation:pulse 2s infinite;background:#ff9800;border-radius:50%;box-shadow:0 4px 12px #ff98004d;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;top:100px;transition:all .3s ease;width:50px;z-index:100}.warning-indicator:hover{box-shadow:0 6px 20px #ff980066;transform:scale(1.1)}@keyframes pulse{0%,to{box-shadow:0 4px 12px #ff98004d}50%{box-shadow:0 4px 20px #ff980099}}.warning-icon{color:#fff;font-size:1.5rem}.warning-badge{background:#dc3545;border:2px solid #fff;border-radius:50%;color:#fff;font-size:.7rem;font-weight:600;height:20px;position:absolute;right:-2px;top:-2px;width:20px}.warning-badge,.warning-modal-overlay{align-items:center;display:flex;justify-content:center}.warning-modal-overlay{background:#000000b3;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.warning-modal{animation:warningModalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:600px;overflow:hidden;width:100%}@keyframes warningModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.warning-modal-header{align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);border-bottom:1px solid #e1e5e9;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.warning-modal-header h3{font-size:1.3rem;font-weight:600;margin:0}.warning-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.warning-modal-close:hover{background:#fff3}.warning-modal-content{max-height:50vh;overflow-y:auto;padding:24px}.warning-loading{align-items:center;color:#666;display:flex;justify-content:center;padding:40px}.warnings-list{display:flex;flex-direction:column;gap:16px}.warning-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;margin-bottom:8px;padding:16px}.warning-notice p{color:#856404;font-weight:500;margin:0 0 8px}.warning-notice p:last-child{margin:0}.high-risk-notice{background:#ffebee!important;border-color:#ffcdd2!important;color:#d32f2f!important}.warning-item{background:#f8f9fa;border-left:4px solid #6c757d;border-radius:12px;padding:16px;transition:all .2s ease}.warning-item:hover{background:#f1f3f4}.warning-item.low{background:#f0fff4;border-left-color:#28a745}.warning-item.low:hover{background:#e6ffed}.warning-item.medium{background:#fffbf0;border-left-color:#ffc107}.warning-item.medium:hover{background:#fff8e1}.warning-item.high{background:#fff0f0;border-left-color:#dc3545}.warning-item.high:hover{background:#ffebee}.warning-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.severity-badge{border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:3px 8px;text-shadow:0 1px 2px #0003}.warning-date{color:#666;font-size:.8rem;font-weight:500}.warning-reason{color:#666;font-size:.9rem;font-weight:500;margin-bottom:8px;text-transform:capitalize}.warning-message{color:#333;font-size:.95rem;font-weight:400;line-height:1.5}.warning-modal-footer{background:#f8f9fa;border-top:1px solid #e1e5e9;padding:20px 24px}.warning-modal-footer p{color:#666;font-size:.9rem;line-height:1.5;margin:0;text-align:center}@media (max-width:768px){.warning-indicator{height:45px;right:15px;top:80px;width:45px}.warning-icon{font-size:1.3rem}.warning-modal{margin:10px;max-width:none}.warning-modal-content{max-height:60vh;padding:20px}.warning-item-header{align-items:flex-start;flex-direction:column;gap:4px}}@media (max-width:480px){.warning-indicator{height:40px;width:40px}.warning-icon{font-size:1.2rem}.warning-badge{font-size:.6rem;height:18px;width:18px}.warning-modal-header{padding:16px 20px}.warning-modal-content{padding:16px}.warning-modal-footer{padding:16px 20px}}@media print{.warning-indicator,.warning-modal-overlay{display:none}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#4f46e5;--primary-dark:#3730a3;--secondary-color:#6b7280;--success-color:#10b981;--error-color:#dc2626;--warning-color:#f59e0b;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#e5e7eb;--text-primary:#1a1a1a;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-radius:8px;--border-radius-lg:12px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #0000001a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--bg-secondary);color:#1a1a1a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0}.App{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{flex:1 1;max-width:100vw;overflow-x:hidden;padding-top:0;width:100%}.loading{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);gap:.5rem;gap:var(--spacing-sm);height:200px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top:3px solid #4f46e5;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:2rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--border-radius);color:#dc2626;color:var(--error-color)}.error-message,.success-message{font-weight:500;margin:1rem;margin:var(--spacing-md);padding:1rem;padding:var(--spacing-md);text-align:center}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;border-radius:var(--border-radius);color:#10b981;color:var(--success-color)}button{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#4f46e5;color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:#3730a3;color:var(--primary-dark)}:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--primary-color);outline-offset:2px}h1,h2,h3,h4,h5,h6{color:#1a1a1a;color:var(--text-primary);font-weight:600;line-height:1.2;margin:0}h1{font-size:1.875rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}h4{font-size:1.125rem;font-size:var(--font-size-lg)}h5{font-size:1rem;font-size:var(--font-size-base)}h6{font-size:.875rem;font-size:var(--font-size-sm)}p{line-height:1.6;margin:0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}@media (max-width:480px){:root{--font-size-xs:0.7rem;--font-size-sm:0.8rem;--font-size-base:0.9rem;--font-size-lg:1rem;--font-size-xl:1.1rem;--font-size-2xl:1.3rem;--font-size-3xl:1.6rem}.main-content{padding:.5rem;padding:var(--spacing-sm)}.loading{font-size:1rem;font-size:var(--font-size-base);height:150px}.error-message,.success-message{font-size:.875rem;font-size:var(--font-size-sm);margin:.5rem;margin:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}}@media (min-width:481px) and (max-width:768px){.main-content{padding:1rem;padding:var(--spacing-md)}}@media (min-width:769px) and (max-width:1024px){.main-content{padding:1.5rem;padding:var(--spacing-lg)}}@media (min-width:1025px){.main-content{padding:2rem;padding:var(--spacing-xl)}}
/*# sourceMappingURL=main.05ef9fce.css.map*/