@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#222;font-family:Fira Sans,sans-serif;line-height:1.6;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:700;margin-bottom:.5rem;margin-top:0}p{margin:0 0 1.25rem}button{background-color:#333;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .2s ease-in-out}button:hover{background-color:#111}.container{background-color:#fafafa;border:1px solid #e5e5e5;border-radius:.75rem;margin:4rem auto;max-width:480px;padding:2rem;text-align:center}.title{color:#111;font-size:2rem;margin-bottom:1rem;margin-left:3%}.subtitle{color:#555;font-size:1rem;margin-bottom:2rem}.section-manager{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;overflow:hidden}.sections-header{align-items:center;background:#fafafa;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:.75rem 1rem}.sections-title{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0}.sections-actions{align-items:center;display:flex;gap:.5rem}.create-section-btn{align-items:center;background:#7fb368;border:none;border-radius:4px;color:#fff;display:flex;font-size:1rem;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:.25rem .5rem;transition:all .2s ease}.create-section-btn:hover{background:#6a9c5a;transform:translateY(-1px)}.edit-mode-btn{align-items:center;background:#6c757d;border:none;border-radius:4px;color:#fff;display:flex;font-size:.875rem;font-weight:500;height:32px;justify-content:center;padding:.25rem .75rem;transition:all .2s ease}.edit-mode-btn svg{color:#fff;height:14px;transition:color .2s ease;width:14px}.edit-mode-btn:hover{background:#5a6268}.edit-mode-btn.active{background:#28a745}.edit-mode-btn.active:hover{background:#218838}.sections-tabs{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;gap:.25rem;overflow-x:auto;padding:.5rem;scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.sections-tabs::-webkit-scrollbar{height:4px}.sections-tabs::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.sections-tabs::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.sections-tabs::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.section-tab-container{align-items:center;display:flex;flex-shrink:0;position:relative}.section-tab{background:#fff;border:1px solid #dee2e6;border-bottom:none;border-radius:6px 6px 0 0;color:#495057;cursor:pointer;font-size:.875rem;font-weight:500;min-width:80px;padding:.375rem .75rem;position:relative;text-align:center;transition:all .2s ease;white-space:nowrap}.section-tab:hover{background:#e9ecef;border-color:#adb5bd}.section-tab.active{background:#7fb368;border-color:#7fb368;color:#fff;z-index:1}.section-tab.active:after{background:#7fb368;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.section-tab-actions{display:flex;gap:.125rem;position:absolute;right:-8px;top:-8px;z-index:2}.section-action-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:50%;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;font-size:.75rem;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.section-action-btn svg{color:#6c757d;height:12px;transition:color .2s ease;width:12px}.section-action-btn:hover{box-shadow:0 2px 6px #00000026;transform:scale(1.1)}.section-action-btn.edit-btn:hover{background:#28a745;border-color:#28a745}.section-action-btn.edit-btn:hover svg{color:#fff}.section-action-btn.delete-btn:hover{background:#dc3545;border-color:#dc3545}.section-action-btn.delete-btn:hover svg{color:#fff}.sections-empty{color:#6c757d;padding:1.5rem;text-align:center}.sections-empty p{font-size:.875rem;margin-bottom:1rem}.sections-error,.sections-loading{padding:1.5rem;text-align:center}.sections-error p,.sections-loading p{color:#6c757d;font-size:.875rem;margin-top:1rem}.modal-overlay{animation:modalSlideIn .3s ease-out}.modal-content{box-shadow:0 20px 60px #0000004d;width:90%}.modal-header h3{font-weight:700}.modal-body{padding:1.5rem}.modal-body p{color:#495057;margin-bottom:1rem}.modal-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.875rem;margin:1rem 0;padding:.75rem}.write-article-container{align-items:flex-start;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem 6rem}.write-article-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:800px;padding:2rem;width:100%}.write-article-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.write-article-subtitle{color:#666;font-size:1.1rem;margin-bottom:2rem;text-align:center}.error-message{background:#fee;color:#c53030;font-weight:500;margin-bottom:1.5rem}.write-article-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.form-label{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid #ddd;border-radius:.375rem;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s ease-in-out;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-select{cursor:pointer}.form-select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.char-count{background:#fff;border-radius:4px;bottom:.5rem;color:#9ca3af;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:1rem}.form-actions{flex-wrap:wrap;gap:1rem;justify-content:flex-end}.btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.875rem 2rem;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#7fb368;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#7fb368;color:#374151}.btn-secondary:hover:not(:disabled){background:#000;border-color:#d1d5db}.app-layout{display:flex;flex-direction:column;min-height:100vh;position:relative}.top-bar{justify-content:space-between}.top-bar-text{display:inline-block;position:relative}.top-bar-text:after,.top-bar-text:before{animation:sparkle 3s infinite;border-radius:50%;content:"";height:2px;pointer-events:none;position:absolute;width:2px}.top-bar-text:before{animation-delay:0s;animation-duration:3.5s;background:#6a9c5a;left:25%;top:15px}.top-bar-text:after{animation-delay:1.5s;animation-duration:4.2s;background:#fff;right:15%;top:17px}.top-bar-text .spark-1,.top-bar-text .spark-2,.top-bar-text .spark-3,.top-bar-text .spark-4,.top-bar-text .spark-5,.top-bar-text .spark-6,.top-bar-text .spark-7,.top-bar-text .spark-8{animation:sparkle 4s infinite;border-radius:50%;height:1.5px;pointer-events:none;position:absolute;width:1.5px}.top-bar-text .spark-1{animation-delay:.5s;animation-duration:3.8s;background:#fdcb6e;left:15%;top:20px}.top-bar-text .spark-2{animation-delay:2s;animation-duration:4.5s;background:#fff;right:5%;top:16px}.top-bar-text .spark-3{animation-delay:1s;animation-duration:3.2s;background:#ff6b6b;left:35%;top:22px}.top-bar-text .spark-4{animation-delay:2.5s;animation-duration:4.8s;background:#6a9c5a;right:8%;top:19px}.top-bar-text .spark-5{animation-delay:.8s;animation-duration:3.6s;background:#ff6b6b;left:50%;top:18px}.top-bar-text .spark-6{animation-delay:1.8s;animation-duration:4.1s;background:#fdcb6e;right:20%;top:24px}.top-bar-text .spark-7{animation-delay:3.2s;animation-duration:3.9s;background:#6a9c5a;left:65%;top:14px}.top-bar-text .spark-8{animation-delay:.3s;animation-duration:4.3s;background:#fff;right:30%;top:26px}.language-toggle-btn{background:none;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:.75rem;font-weight:600;min-width:32px;padding:.3rem .6rem;text-align:center;transition:all .2s ease}.language-toggle-btn:hover{background:#f0f0f0;border-color:#ccc;color:#333}.main-content{flex:1 1;padding-bottom:4rem;padding-top:4rem}.bottom-bar{background:#fff;border-top:1px solid #ddd;bottom:0;display:flex;justify-content:space-around;left:0;padding:.8rem 0;position:fixed;width:100%;z-index:1000}.bottom-bar a{align-items:center;color:#555;display:flex;font-weight:500;justify-content:center;text-decoration:none}.bottom-bar a svg{stroke:currentColor;fill:none;stroke-width:2;height:24px;width:24px}.bottom-bar a.active{color:#7fb368;font-weight:700}.user-menu-container{position:relative}.user-menu-btn{align-items:center;background:none;border:1px solid #fff6;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;min-width:32px;padding:.5rem;text-align:center;transition:all .2s ease}.user-menu-btn:hover{background:#ffffff1a;border-color:#fff9}.user-menu-btn svg{height:20px;width:20px}.user-menu-dropdown{animation:fadeInDown .2s ease-out;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.user-menu-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem 1rem}.user-menu-title{color:#333;font-size:.875rem;font-weight:600}.user-menu-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.user-menu-close-btn:hover{background:#f0f0f0;color:#333}.user-menu-close-btn svg{height:16px;width:16px}.user-menu-options{padding:.5rem 0}.user-menu-option{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.user-menu-option:hover{background:#f8f9fa}.user-menu-option svg{flex-shrink:0;height:18px;width:18px}.logout-option{color:#dc3545}.logout-option:hover{background:#fff5f5;color:#c82333}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body:not(.dark-mode) .user-menu-btn{border:1px solid #ddd;color:#666}body:not(.dark-mode) .user-menu-btn:hover{background:#f0f0f0;border-color:#ccc;color:#333}body.dark-mode .user-menu-dropdown{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 4px 12px #0000004d}body.dark-mode .user-menu-header{border-bottom-color:#2a2a2a}body.dark-mode .user-menu-title{color:#e5e5e5}body.dark-mode .user-menu-close-btn{color:#a0a0a0}body.dark-mode .user-menu-close-btn:hover{background:#2a2a2a;color:#e5e5e5}body.dark-mode .user-menu-option{color:#e5e5e5}body.dark-mode .user-menu-option:hover{background:#2a2a2a}body.dark-mode .logout-option:hover{background:#2a1a1a}.config-menu-container{position:relative}.config-menu-btn{align-items:center;background:none;border:1px solid #fff6;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;min-width:32px;padding:.5rem;text-align:center;transition:all .2s ease}.config-menu-btn:hover{background:#ffffff1a;border-color:#fff9}.config-menu-btn svg{height:20px;width:20px}.config-menu-dropdown{animation:fadeInDown .2s ease-out;background:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;min-width:200px;position:absolute;right:0;top:100%;z-index:2000}.config-menu-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin:5px;padding:.75rem 1rem}.config-menu-title{color:#333;font-size:.875rem;font-weight:600}.config-menu-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.config-menu-close-btn:hover{background:#f0f0f0;color:#333}.config-menu-close-btn svg{height:16px;width:16px}.config-menu-options{padding:.5rem 0}.config-menu-option{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.config-menu-option:hover{background:#f8f9fa}.config-menu-option svg{flex-shrink:0;height:18px;width:18px}body:not(.dark-mode) .config-menu-btn{border:1px solid #ddd;color:#666}body:not(.dark-mode) .config-menu-btn:hover{background:#f0f0f0;border-color:#ccc;color:#333}body.dark-mode .config-menu-dropdown{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 4px 12px #0000004d}body.dark-mode .config-menu-header{background:#1a1a1a;border-bottom-color:#2a2a2a}body.dark-mode .config-menu-title{color:#e5e5e5}body.dark-mode .config-menu-close-btn{color:#a0a0a0}body.dark-mode .config-menu-close-btn:hover{background:#2a2a2a;color:#e5e5e5}body.dark-mode .config-menu-option{color:#e5e5e5}body.dark-mode .config-menu-option:hover{background:#2a2a2a}.bottom-bar a.active svg{stroke:#7fb368}.login-container{align-items:center;background:linear-gradient(135deg,#fdfbfb,#ebedee);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#fff;border-radius:1rem;box-shadow:0 6px 20px #0000001a;max-width:360px;padding:3rem 2rem;text-align:center;width:100%}.login-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.login-subtitle{color:#555;font-size:1rem;margin-bottom:2rem}.articles-container{margin:2rem auto;max-width:1100px;padding:1rem}.articles-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.articles-title-section{flex:1 1}.write-article-btn{align-items:center;background:#7fb368;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;min-width:100px;padding:.75rem 1.25rem;transition:all .2s ease}.write-article-btn:hover{transform:translateY(-2px)}.write-icon{flex-shrink:0;height:18px;width:18px}.articles-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.articles-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:1400px;padding:0 1rem}.article-card-modern{background:#fff;border:none;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease}.article-card-modern:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.article-card-link{color:inherit;display:block;height:100%;text-decoration:none}.article-card-image-container{height:300px}.article-card-image{height:100%;object-fit:cover;opacity:0;transition:transform .3s ease;width:100%}.article-card-image.loaded{opacity:1}.article-card-image-container{background:#f8f9fa;height:280px;overflow:hidden;position:relative}.article-card-image-container.has-image:before{background:#6a9c5a;height:8px;margin:-4px 0 0 -4px;width:8px}.article-card-image-container.has-image:after,.article-card-image-container.has-image:before{animation:sparkle 2s ease-in-out infinite;border-radius:50%;content:"";left:50%;position:absolute;top:50%;z-index:1}.article-card-image-container.has-image:after{animation-delay:.5s;background:gold;height:6px;margin:-3px 0 0 -3px;width:6px}.article-card-image-container.has-image.loaded:after,.article-card-image-container.has-image.loaded:before{display:none}.article-card-modern:hover .article-card-image{transform:scale(1.05)}.article-card-placeholder{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#6c757d;display:flex;height:100%;justify-content:center;width:100%}.article-card-placeholder svg{height:48px;opacity:.6;width:48px}.article-card-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:6px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px;position:absolute;right:12px;top:12px}.article-card-badge svg{height:14px;width:14px}.article-card-delete-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#dc3545e6;border:none;border-radius:6px;color:#fff;cursor:pointer;left:12px;padding:6px;position:absolute;top:12px;transition:all .2s ease}.article-card-delete-btn:hover{background:#dc3545;transform:scale(1.05)}.article-card-delete-btn svg{height:16px;width:16px}.article-card-content{padding:1.25rem}.article-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 .75rem;overflow:hidden}.article-card-excerpt{color:#666;font-size:.9rem;line-height:1.4;margin:0 0 1rem;overflow:hidden}.article-card-excerpt p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.article-card-excerpt h1,.article-card-excerpt h2,.article-card-excerpt h3,.article-card-excerpt h4,.article-card-excerpt h5,.article-card-excerpt h6{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;font-weight:600;margin:0;overflow:hidden}.article-card-excerpt b,.article-card-excerpt strong{font-weight:600}.article-card-excerpt em,.article-card-excerpt i{font-style:italic}.article-card-excerpt code{background:#f1f3f4;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;padding:.125rem .25rem}.article-card-excerpt pre{display:none}.article-card-excerpt ol,.article-card-excerpt ul{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;padding-left:1rem}.article-card-excerpt li{margin:0}.article-card-excerpt blockquote{-webkit-line-clamp:2;-webkit-box-orient:vertical;border-left:2px solid #e0e0e0;display:-webkit-box;font-style:italic;margin:0;overflow:hidden;padding-left:.5rem}.article-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:space-between}.article-card-author{color:#666;font-size:.85rem}.article-card-stats{align-items:center;display:flex;gap:.75rem}.article-card-section{margin-top:.5rem}.article-section-badge{background:#f0f9ff;border-radius:10px;color:#0369a1;display:inline-block;padding:.25rem .75rem}@media (max-width:1024px){.articles-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.articles-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.article-card-content{padding:1rem}.article-card-title{font-size:1.1rem}}@media (max-width:480px){.articles-grid{gap:1rem;grid-template-columns:1fr}.article-card-image-container{height:180px}}body.dark-mode .article-card-modern{background:#1a1a1a}body.dark-mode .article-card-image-container{background:#2a2a2a}body.dark-mode .article-card-placeholder{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#a0a0a0}body.dark-mode .article-card-title{color:#e5e5e5}body.dark-mode .article-card-excerpt{color:#e0e0e0}body.dark-mode .article-card-author{color:#a0a0a0}body.dark-mode .article-section-badge{background:#1e3a8a;color:#e0e0e0}body.dark-mode .article-card-excerpt code{background:#2a2a2a;color:#e5e5e5}body.dark-mode .article-card-excerpt blockquote{border-left-color:#404040}body.dark-mode .article-card-image-container.has-image:before{background:#6a9c5a}body.dark-mode .article-card-image-container.has-image:after{background:gold}.article-card{background-color:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 1px 4px #0000000d;padding:1.5rem;transition:all .2s ease}.article-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.article-image{border-radius:8px;margin:15px 0;overflow:hidden;position:relative}.article-image.has-image:before{background:#6a9c5a;height:6px;margin:-3px 0 0 -3px;width:6px}.article-image.has-image:after,.article-image.has-image:before{animation:sparkle 2s ease-in-out infinite;border-radius:50%;content:"";left:50%;position:absolute;top:50%;z-index:1}.article-image.has-image:after{animation-delay:.5s;background:gold;height:4px;margin:-2px 0 0 -2px;width:4px}.article-image.has-image.loaded:after,.article-image.has-image.loaded:before{display:none}.article-image-preview{border-radius:8px;max-height:300px;object-fit:cover;opacity:0;transition:transform .3s ease;width:100%}.article-image-preview.loaded{opacity:1}.article-image-preview:hover{transform:scale(1.02)}.article-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.article-title{color:#222;flex:1 1;font-size:1.2rem;font-weight:600;margin:0}.delete-article-btn{align-items:center;background:none;border:none;border-radius:6px;color:#dc3545;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:.5rem;transition:all .2s ease}.delete-article-btn:hover{background:#dc35451a;color:#c82333}.delete-article-btn:disabled{cursor:not-allowed;opacity:.6}.delete-article-btn svg,.delete-spinner{height:16px;width:16px}.delete-spinner{animation:spin 1s linear infinite;border:2px solid #dc3545;border-radius:50%;border-top-color:#0000}.article-actions{align-items:center;display:flex;gap:.5rem}.edit-article-btn{align-items:center;background:none;border:none;border-radius:6px;color:#007bff;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:.5rem;transition:all .2s ease}.edit-article-btn:hover{background:#007bff1a;color:#0056b3}.edit-article-btn:disabled{cursor:not-allowed;opacity:.6}.edit-article-btn svg{height:16px;width:16px}.share-article-btn{align-items:center;background:none;border:none;border-radius:6px;color:#7fb368;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:.5rem;transition:all .2s ease}.share-article-btn:hover{background:#7fb3681a;color:#6a9c5a;transform:translateY(-1px)}.share-article-btn:disabled{cursor:not-allowed;opacity:.6}.share-article-btn svg{height:16px;width:16px}.ai-chat-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ff9800;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:.5rem;transition:all .2s ease}.ai-chat-btn:hover{background:#ff98001a;color:#f57c00;transform:translateY(-1px)}.ai-chat-btn:disabled{cursor:not-allowed;opacity:.6}.ai-chat-btn svg{height:16px;width:16px}.share-link-container{margin:1rem 0}.share-link-input{background-color:#f8f9fa;border:1px solid #ddd;border-radius:.375rem;color:#333;cursor:text;font-family:Courier New,monospace;font-size:.875rem;padding:.75rem;-webkit-user-select:all;user-select:all;width:100%}.share-link-input:focus{border-color:#7fb368;box-shadow:0 0 0 3px #7fb3681a;outline:none}.article-page-container{margin:2rem auto;max-width:1100px;padding:1rem 1rem 6rem}.article-page-header{gap:1rem;justify-content:space-between;margin-bottom:2rem}.article-page-header,.back-btn{align-items:center;display:flex}.back-btn{color:#666;font-weight:500;gap:.5rem;text-decoration:none;transition:color .2s ease}.back-btn:hover{color:#333}.back-btn svg{height:20px;width:20px}.article-page-content{word-wrap:break-word;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000d;max-width:100%;overflow-wrap:break-word;overflow-x:hidden;padding:2rem}.article-page-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.article-page-meta{border-bottom:1px solid #eee;color:#666;display:flex;font-size:1rem;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem}.article-page-body{color:#ccc!important}.article-paragraph:last-child{margin-bottom:0}.article-page-image{border-radius:12px;margin:2rem 0;overflow:hidden}.article-page-image-full{border-radius:12px;max-height:500px;object-fit:cover;width:100%}.article-title-link{transition:color .2s ease}.article-title-link:hover{color:#007bff}.user-page-container{margin:2rem auto;max-width:1100px;padding:1rem 1rem 6rem}.user-page-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2rem}.user-profile-section{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem}.user-profile-avatar{flex-shrink:0}.user-profile-image{border:3px solid #f0f0f0;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:80px;object-fit:cover;width:80px}.user-profile-image.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.user-profile-image.clickable:hover{box-shadow:0 6px 20px #0003;transform:scale(1.05)}.user-profile-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.user-profile-info{flex:1 1}.user-profile-name{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 .5rem}.user-profile-email{color:#666;font-size:1rem;margin:0 0 .5rem}.user-profile-date{color:#888;font-size:.9rem;margin:0 0 .5rem}.user-profile-badge{background:#4a5568;border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.user-articles-section{margin-top:2rem}.user-articles-title{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.user-articles-count{color:#666;font-size:1rem;margin:0 0 1.5rem}.user-articles-list{display:flex;flex-direction:column;gap:1rem}.user-article-card{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s ease}.user-article-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-article-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.user-article-content{word-wrap:break-word;color:#555;font-size:.95rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;margin:0 0 1rem;max-width:100%;overflow-wrap:break-word;overflow-x:hidden}.user-article-meta{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:.75rem;margin-top:.5rem}.article-section-badge{background:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;color:#1976d2;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.user-empty-state{color:#6c757d;padding:3rem 1rem;text-align:center}.user-empty-icon{color:#ccc;height:64px;margin:0 auto 1.5rem;width:64px}.user-empty-text{color:#333;font-size:1.1rem;margin-bottom:1.5rem}.user-card-link{color:inherit;display:block;text-decoration:none}.user-card-link:hover .user-card{border-color:#7fb368;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.modal-overlay{background:#00000080;padding:1rem;z-index:2000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px}.modal-header{padding:1.5rem 1.5rem 0}.modal-header h3{color:#1a1a1a;font-size:1.25rem}.modal-body{padding:1rem 1.5rem}.modal-body p{color:#555;line-height:1.5;margin:0 0 .5rem}.modal-warning{color:#dc3545!important;font-size:.9rem;font-weight:500}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:0 1.5rem 1.5rem}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.article-content{word-wrap:break-word;color:#555;font-size:.95rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;margin:0 0 1rem;max-width:100%;overflow-wrap:break-word;overflow-x:hidden}.article-meta{align-items:center;border-top:1px solid #eee;color:#888;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;justify-content:space-between;padding-top:.5rem}.article-meta>span{white-space:nowrap}.article-author-link{color:#3b82f6;text-decoration:none;transition:color .2s ease}.article-author-link:hover{color:#2563eb;text-decoration:underline}.article-stats{gap:1rem}.article-stats,.views-count{align-items:center;display:flex}.views-count{color:#6c757d;font-size:.875rem;gap:.25rem}.views-icon{color:#6c757d;height:16px;width:16px}.replies-count{align-items:center;color:#6c757d;display:flex;font-size:.875rem;gap:.25rem}.replies-icon{color:#6c757d;height:16px;width:16px}.article-page-stats{margin-bottom:1rem}.article-page-stats,.user-article-stats{align-items:center;display:flex;gap:1rem}.user-article-stats{flex-wrap:wrap}.empty-state{color:#666;padding:3rem 1rem;text-align:center}.empty-icon{color:#ccc;height:64px;margin:0 auto 1.5rem;width:64px}.empty-text{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-subtext{color:#666;font-size:1rem;margin-bottom:2rem}.error-text{color:red}.home-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:1rem 1rem 6rem}.home-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;margin:0 auto;max-width:1100px;padding:2.5rem;width:100%}.welcome-section{margin-bottom:2.5rem;text-align:center}.user-avatar{margin-bottom:1.5rem}.avatar-image{border-radius:50%;box-shadow:0 4px 12px #0000001a;height:80px;object-fit:cover;width:80px}.avatar-image.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.avatar-image.clickable:hover{box-shadow:0 6px 20px #0003;transform:scale(1.05)}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto;width:80px}.welcome-title{color:#1a1a1a;font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.welcome-subtitle{color:#666;font-size:1.1rem;margin-bottom:0}.quick-actions{margin-top:2rem}.actions-title{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.action-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.action-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;color:inherit;padding:1.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.action-card:hover{border-color:#7fb368;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.action-icon{color:#667eea;height:48px;margin:0 auto 1rem;width:48px}.action-card h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.action-card p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.loading-section{padding:3rem 1rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 1rem;width:40px}.loading-text{color:#666;font-size:1rem}.users-container{margin:2rem auto;max-width:1100px;padding:1rem 1rem 6rem}.users-header{margin-bottom:2rem}.users-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.users-subtitle{color:#666;font-size:1.1rem;margin-bottom:0}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;max-height:230px;min-height:230px;padding:1.5rem;transition:all .2s ease}.user-card:hover{border-color:#7fb368;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.user-avatar{flex-shrink:0}.user-avatar-image{border:2px solid #f0f0f0;border-radius:50%;height:60px;object-fit:cover;width:60px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.user-info{flex:1 1;min-width:0}.user-name{color:#1a1a1a;font-size:1.1rem}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#666;font-size:.9rem;margin:0}.error-section{padding:3rem 1rem;text-align:center}.error-icon{color:#ef4444;height:64px;margin:0 auto 1.5rem;width:64px}.error-title{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.error-message{color:#ef4444;font-size:1rem}@media (max-width:768px){.write-article-container{padding:1rem .5rem .5rem}.write-article-card{border-radius:12px;padding:1.5rem}.write-article-title{font-size:2rem}.write-article-subtitle{font-size:1rem}.form-input,.form-textarea{font-size:16px;padding:.875rem}.form-actions{flex-direction:column;gap:.75rem}.btn{padding:1rem 2rem;width:100%}.char-count{font-size:.7rem;padding:.2rem .4rem}.articles-actions,.articles-header{align-items:stretch;flex-direction:column;gap:1rem}.articles-filters{gap:.75rem;justify-content:center}.filter-label{font-size:.85rem;padding:.4rem .6rem}.sort-button-group{flex-direction:column;min-width:auto}.sort-button{justify-content:center;min-height:44px;min-width:44px;padding:.6rem .8rem;width:100%}.sort-button:not(:last-child){border-bottom:1px solid #e9ecef;border-right:none}.sort-button:not(:last-child):after{display:none}.filter-icon{height:18px;width:18px}.toggle-button-group{flex-direction:column;min-width:auto}.toggle-button{font-size:.85rem;justify-content:center;min-height:44px;padding:.6rem .8rem;width:100%}.toggle-button:not(:last-child){border-bottom:1px solid #e9ecef;border-right:none}.write-article-btn{align-self:center;font-size:1rem;padding:.875rem 1.5rem;width:auto}.write-icon{height:20px;width:20px}.empty-state{padding:2rem 1rem}.empty-icon{height:48px;width:48px}}@media (max-width:480px){.write-article-card{padding:1rem}.write-article-title{font-size:1.75rem}.form-textarea{min-height:150px}.articles-container{padding:.5rem}.articles-filters{align-items:stretch;flex-direction:column;gap:.5rem}.filter-label{justify-content:center;padding:.5rem}.sort-button-group{width:100%}.sort-button{min-height:48px;min-width:48px;padding:.6rem .8rem}.sort-button,.write-article-btn{justify-content:center;width:100%}.article-card{padding:1rem}.article-header{gap:.5rem}.delete-article-btn{height:28px;min-width:28px;padding:.4rem}.delete-article-btn svg,.delete-spinner{height:14px;width:14px}.article-actions{gap:.25rem}.edit-article-btn{height:28px;min-width:28px;padding:.4rem}.edit-article-btn svg{height:14px;width:14px}.ai-chat-btn{height:28px;min-width:28px;padding:.4rem}.ai-chat-btn svg{height:14px;width:14px}.modal-content{margin:0 1rem;max-width:90vw}.modal-header{padding:1.25rem 1.25rem 0}.modal-body{padding:.75rem 1.25rem}.modal-actions{flex-direction:column;gap:.5rem;padding:0 1.25rem 1.25rem}.modal-actions .btn{width:100%}.article-page-container{padding:.5rem}.article-page-content{padding:1.5rem}.article-page-title{font-size:2rem}.article-page-header{align-items:stretch;flex-direction:column;gap:1rem}.back-btn{align-self:flex-start}.delete-article-btn{align-self:flex-end}.article-paragraph{word-wrap:break-word;color:#2c3e50;font-size:1.1rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.7;text-align:justify}.user-page-container{padding:.5rem}.user-page-content{padding:1.5rem}.user-profile-section{flex-direction:column;gap:1rem;text-align:center}.user-profile-name{font-size:1.75rem}.user-profile-image,.user-profile-placeholder{height:60px;width:60px}.user-profile-placeholder{font-size:1.5rem}.user-articles-title{font-size:1.25rem}.user-article-card{padding:1.25rem}.user-article-title{font-size:1rem}.user-article-content{font-size:.9rem}}@media (max-width:768px){.home-container{padding:1rem .5rem .5rem}.home-card{border-radius:16px;padding:2rem}.welcome-title{font-size:2rem}.action-cards{gap:1rem;grid-template-columns:1fr}.action-card{padding:1.25rem}.action-icon{height:40px;width:40px}.users-container{padding:.5rem}.users-title{font-size:2rem;margin-left:3%}.users-grid{gap:1rem;grid-template-columns:1fr}.user-card{padding:1.25rem}.user-avatar-image,.user-avatar-placeholder{height:50px;width:50px}.user-name{font-size:1rem}.user-email{font-size:.85rem}.top-bar{padding:.6rem 1rem}.top-bar-text{font-size:.8rem}.language-toggle-btn{font-size:.7rem;min-width:28px;padding:.25rem .5rem}}@media (max-width:480px){.home-card{padding:1.5rem}.welcome-title{font-size:1.75rem}.actions-title{font-size:1.25rem}.action-card h3{font-size:1.1rem}.action-card p{font-size:.85rem}.users-title{font-size:1.75rem}.user-card{padding:1rem}.user-avatar-image,.user-avatar-placeholder{height:45px;width:45px}.user-name{font-size:.95rem}.user-email{font-size:.8rem}.floating-badge{border-radius:20px;left:.5rem;padding:.4rem .8rem;top:.5rem}.badge-text{font-size:.4rem;letter-spacing:.6px}.top-bar{padding:.5rem .8rem}.top-bar-text{font-size:.75rem}}.top-bar{align-items:center;background:#fff;border-bottom:1px solid #ddd;color:#555;display:flex;font-size:.9rem;font-weight:500;left:0;letter-spacing:.5px;padding:.8rem 1.5rem;position:fixed;right:0;text-transform:lowercase;top:0;transition:background .2s ease;z-index:1001}.top-bar:hover{background:#f8f9fa;color:#333}.top-bar-logo{height:24px;margin-right:8px;width:24px}.top-bar-text{font-family:Fira Sans,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:lowercase}@media (max-width:768px){.sections-header{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem}.sections-title{font-size:.9rem;text-align:center}.sections-actions{gap:.75rem;justify-content:center}.create-section-btn{font-size:1.1rem;height:36px;min-width:36px}.edit-mode-btn{font-size:.9rem;height:36px;padding:.25rem 1rem}.sections-tabs{gap:.125rem;padding:.375rem}.section-tab{font-size:.8rem;min-width:70px;padding:.25rem .5rem}.section-tab-actions{right:-6px;top:-6px}.section-action-btn{font-size:.7rem;height:18px;width:18px}.section-action-btn svg{height:10px;width:10px}.modal-content{margin:1rem;width:calc(100% - 2rem)}}@media (max-width:480px){.sections-header{padding:.5rem}.sections-title{font-size:.85rem}.sections-actions{gap:.5rem}.create-section-btn{font-size:1rem;height:32px;min-width:32px}.edit-mode-btn{font-size:.8rem;height:32px;padding:.25rem .75rem}.sections-tabs{gap:.125rem;padding:.25rem}.section-tab{font-size:.75rem;min-width:60px;padding:.25rem .375rem}.section-tab-actions{right:-4px;top:-4px}.section-action-btn{font-size:.65rem;height:16px;width:16px}.section-action-btn svg{height:9px;width:9px}.modal-content{margin:.5rem;width:calc(100% - 1rem)}.modal-header{padding:1rem 1rem 0}.modal-body{padding:1rem}.modal-actions{padding:0 1rem 1rem}}.form-help-text{color:#6c757d;font-size:.875rem;margin-top:.25rem}.image-preview{margin:1rem 0;text-align:center}.preview-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:300px;max-width:100%;object-fit:contain}.image-article-card{background-color:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 1px 4px #0000000d;padding:1.5rem;transition:all .2s ease}.image-article-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.image-article-image{border-radius:8px;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.image-article-title{color:#222;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.image-article-description{color:#555;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.image-article-meta{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:.75rem;margin-top:.5rem}.image-article-page-container{margin:2rem auto;max-width:1100px;padding:1rem 1rem 6rem}.image-article-page-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2rem}.image-article-page-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;max-height:500px;object-fit:contain;width:100%}.image-article-page-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.image-article-page-description{color:#333;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.articles-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.articles-actions .write-article-btn{margin-right:0}.articles-filters{flex-wrap:wrap;gap:1rem}.articles-filters,.filter-group{align-items:center;display:flex}.toggle-button-group{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;overflow:hidden}.toggle-button{align-items:center;background:#0000;border:none;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;justify-content:center;min-height:48px;min-width:120px;padding:.75rem 1rem;transition:all .2s ease}.toggle-button:hover{background:#e9ecef}.toggle-button.active{background:#7fb368;color:#fff}.toggle-button.active .filter-icon{color:#fff}.toggle-button:not(:last-child){border-right:1px solid #e9ecef}.filter-text{align-items:center;display:flex;font-weight:500;gap:.5rem}.filter-icon{color:#7fb368;flex-shrink:0;height:20px;width:20px}.sort-button-group{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;overflow:hidden}.sort-button{align-items:center;background:#0000;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;justify-content:center;min-height:48px;min-width:80px;padding:.75rem 1rem;position:relative;transition:all .2s ease}.sort-button:not(:last-child){border-right:1px solid #e9ecef}.sort-button:hover{background:#e9ecef;color:#495057}.sort-button.active{background:#7fb368;color:#fff}.sort-button.active .sort-icon{color:#fff}.sort-icon{color:#7fb368;flex-shrink:0;height:20px;width:20px}body.dark-mode .filter-label{background:#1a1a1a;border-color:#2a2a2a;color:#e5e5e5}body.dark-mode .filter-label:hover{background:#2a2a2a;border-color:#3a3a3a}body.dark-mode .filter-checkbox{accent-color:#7fb368}body.dark-mode .filter-icon{color:#7fb368}body.dark-mode .toggle-button-group{background:#1a1a1a;border-color:#2a2a2a}body.dark-mode .toggle-button{color:#e5e5e5}body.dark-mode .toggle-button:hover{background:#2a2a2a}body.dark-mode .toggle-button.active{background:#7fb368;color:#fff}body.dark-mode .toggle-button:not(:last-child){border-right-color:#2a2a2a}@media (max-width:480px){body.dark-mode .toggle-button:not(:last-child){border-bottom-color:#2a2a2a;border-right-color:#0000}}body.dark-mode .sort-button-group{background:#1a1a1a;border-color:#2a2a2a}body.dark-mode .sort-button{color:#e5e5e5}body.dark-mode .sort-button:hover{background:#2a2a2a;color:#f5f5f5}body.dark-mode .sort-button.active{background:#7fb368;color:#fff}body.dark-mode .sort-button:not(:last-child):after{background:#2a2a2a}body.dark-mode .sort-icon{color:#7fb368}body.dark-mode .sort-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23e5e5e5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.mode-toggle{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem}.mode-btn{background:#0000;border:none;border-radius:6px;color:#6c757d;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.mode-btn:hover{background:#e9ecef;color:#495057}.mode-btn.active{background:#7fb368;box-shadow:0 2px 4px #7fb3684d;color:#fff}.mode-btn.active:hover{background:#6a9c5a}.markdown-help{background:#e8f4fd;border:1px solid #b3d9ff;border-radius:6px;color:#2c5aa0;font-size:.875rem;line-height:1.4;margin-bottom:.5rem;padding:.75rem}.markdown-textarea{background:#f8f9fa;border-color:#dee2e6;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.markdown-textarea:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}@media (max-width:768px){.mode-toggle{flex-direction:column;gap:.25rem}.mode-btn{font-size:.8rem;padding:.4rem .8rem}.markdown-help{font-size:.8rem;padding:.5rem}}@media (max-width:480px){.mode-toggle{margin-bottom:.75rem}.mode-btn{font-size:.75rem;padding:.3rem .6rem}.markdown-textarea{font-size:.85rem}}.preview-toggle{margin-bottom:1rem;text-align:center}.preview-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.preview-btn:hover{background:#e9ecef;color:#495057}.preview-btn.active{background:#28a745;border-color:#28a745;color:#fff}.preview-btn.active:hover{background:#218838}.preview-switch{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#28a745}input:focus+.slider{box-shadow:0 0 1px #28a745}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.switch-label{color:#6c757d;font-size:.875rem;font-weight:500}.markdown-preview{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#333;line-height:1.6;margin-bottom:1rem;max-height:500px;min-height:300px;overflow-y:auto;padding:1.5rem}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:#2c3e50;font-weight:600;line-height:1.3;margin-bottom:1rem;margin-top:1.5rem}.markdown-preview h1{border-bottom:3px solid #3498db;font-size:2rem;padding-bottom:.5rem}.markdown-preview h2{border-bottom:2px solid #3498db;font-size:1.75rem;padding-bottom:.4rem}.markdown-preview h3{border-bottom:1px solid #3498db;font-size:1.5rem;padding-bottom:.3rem}.markdown-preview h4{font-size:1.25rem}.markdown-preview h5{font-size:1.1rem}.markdown-preview h6{font-size:1rem}.markdown-preview p{color:#333;margin-bottom:1rem}.markdown-preview strong{color:#2c3e50;font-weight:600}.markdown-preview em{color:#555;font-style:italic}.markdown-preview ol,.markdown-preview ul{margin-bottom:1rem;padding-left:2rem}.markdown-preview li{color:#333;margin-bottom:.5rem}.markdown-preview blockquote{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:0 4px 4px 0;color:#555;margin:1rem 0;padding:1rem}.markdown-preview code{background-color:#f1f3f4;border-radius:3px;color:#d73a49;font-family:Courier New,monospace;font-size:.9em;padding:.2em .4em}.markdown-preview pre{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;margin:1rem 0;overflow-x:auto;padding:1rem}.markdown-preview pre code{background:none;color:#333;padding:0}.markdown-preview a{color:#3498db;text-decoration:none}.markdown-preview a:hover{text-decoration:underline}.markdown-preview hr{background-color:#3498db;border:none;height:2px;margin:2rem 0}.markdown-preview table{border-collapse:collapse;margin:1rem 0;width:100%}.markdown-preview td,.markdown-preview th{border:1px solid #dee2e6;padding:.5rem;text-align:left}.markdown-preview th{background-color:#f8f9fa;color:#2c3e50;font-weight:600}.markdown-preview .markdown-content{margin-top:1rem}.markdown-badge{align-items:center;background:#e8f4fd;border:1px solid #b3d9ff;border-radius:4px;color:#2c5aa0;display:inline-flex;font-size:.75rem;margin-left:.5rem;padding:.2rem .4rem;vertical-align:middle}.markdown-badge svg{height:12px;margin-right:.2rem;width:12px}.book-review-badge{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;color:#92400e;display:inline-flex;font-size:.75rem;margin-left:.5rem;padding:.2rem .4rem;vertical-align:middle}.book-review-badge svg{height:12px;margin-right:.2rem;width:12px}.article-title-link{align-items:center;color:inherit;display:inline-flex;text-decoration:none}.article-title-link:hover{color:#3498db}@media (max-width:768px){.markdown-badge{font-size:.7rem;padding:.15rem .3rem}.markdown-badge svg{height:10px;width:10px}.book-review-badge{font-size:.7rem;padding:.15rem .3rem}.book-review-badge svg{height:10px;width:10px}.preview-btn{font-size:.8rem;padding:.4rem .8rem}.markdown-preview{min-height:250px;padding:1rem}.switch{height:22px;width:45px}.slider:before{height:16px;width:16px}input:checked+.slider:before{transform:translateX(23px)}}@media (max-width:480px){.markdown-badge{font-size:.65rem;padding:.1rem .25rem}.markdown-badge svg{height:8px;width:8px}.book-review-badge{font-size:.65rem;padding:.1rem .25rem}.book-review-badge svg{height:8px;width:8px}.preview-btn{font-size:.75rem;padding:.3rem .6rem}.markdown-preview{min-height:200px;padding:.75rem}.switch{height:20px;width:40px}.slider:before{height:14px;width:14px}input:checked+.slider:before{transform:translateX(20px)}}.edit-profile-btn{align-items:center;background:#7fb368;border:2px solid #7fb368;border-radius:8px;box-sizing:border-box;color:#fff;display:inline-flex;flex:1 1;font-family:inherit;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;margin-top:1rem;max-height:42px;max-width:130px;min-height:42px;min-width:130px;overflow:hidden;padding:.75rem 1rem;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:130px}.edit-profile-btn:hover{background:#6ca055;border-color:#6ca055}.edit-profile-btn svg{flex-shrink:0;height:16px;width:16px}.edit-profile-btn-small{align-items:center;background:#7fb368;border-radius:8px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.edit-profile-btn-small:hover{background:#6a9c5a;transform:translateY(-1px)}.edit-profile-btn-small svg{height:14px;width:14px}.edit-profile-container{margin:2rem auto;max-width:600px;padding:1rem 1rem 6rem}.edit-profile-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.edit-profile-header h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0}.edit-profile-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2rem}.edit-profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-picture-section{align-items:center;display:flex;gap:1rem}.profile-picture-preview{flex-shrink:0}.profile-picture-img{border:3px solid #f0f0f0;border-radius:50%;height:80px;object-fit:cover;width:80px}.profile-picture-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.file-input{display:none}.file-input-label{background:#7fb368;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.file-input-label:hover{background:#6a9c5a}.personal-link-row{align-items:flex-start;display:flex;gap:.5rem}.personal-link-row .form-input{flex:1 1}.personal-link-row .form-input:first-child{max-width:150px}.remove-link-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.remove-link-btn:hover{background:#c82333}.add-link-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.add-link-btn:hover{background:#218838}.username-check{font-size:.875rem;font-weight:500;margin-top:.25rem}.username-check.checking{color:#6c757d}.username-check.available{color:#28a745}.username-check.unavailable{color:#dc3545}.cancel-btn{background:#6c757d;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;min-width:120px;padding:.875rem 2rem;text-align:center;text-decoration:none;transition:all .2s ease}.cancel-btn:hover{background:#5a6268}.save-btn{background:#7fb368;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.875rem 2rem;transition:all .2s ease}.save-btn:hover:not(:disabled){background:#6a9c5a;box-shadow:0 4px 12px #7fb3684d;transform:translateY(-1px)}.save-btn:disabled{background:#adb5bd;box-shadow:none;cursor:not-allowed;transform:none}.user-profile-bio{color:#555;font-size:1rem;font-style:italic;line-height:1.5;margin:.75rem 0}.user-profile-links{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.user-profile-link{align-items:center;background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;color:#1976d2;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;text-decoration:none;transition:all .2s ease}.user-profile-link:hover{background:#1976d2;color:#fff;transform:translateY(-1px)}.link-icon{flex-shrink:0;height:14px;width:14px}.user-profile-actions{align-items:center;display:flex;gap:1rem;margin-top:1rem}@media (max-width:768px){.edit-profile-container{padding:.5rem}.edit-profile-content{padding:1.5rem}.profile-picture-section{align-items:center;flex-direction:column;text-align:center}.personal-link-row{flex-direction:column}.personal-link-row .form-input:first-child{max-width:none}.form-actions{flex-direction:column}.form-actions .cancel-btn,.form-actions .save-btn{width:100%}.user-profile-actions{align-items:stretch;flex-direction:column;gap:.75rem}.edit-profile-btn-small{justify-content:center}}.top-bar-actions{gap:.5rem;margin-left:auto}.auth-btn,.top-bar-actions{align-items:center;display:flex}.auth-btn{background:none;border:1px solid #fff6;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;justify-content:center;min-width:32px;padding:.3rem .6rem;text-align:center;transition:all .2s ease}.auth-btn:hover{background:#ffffff1a;border-color:#fff9}.auth-btn svg{height:14px;width:14px}.auth-btn.login-btn{background:#7fb368!important;border-color:#7fb368!important;border-radius:8px!important;font-size:.7rem!important;font-weight:500!important;min-width:28px!important;padding:.3rem .4rem!important}.auth-btn.login-btn:hover{background:#6a9c5a!important;border-color:#6a9c5a!important}.auth-btn.login-btn svg{height:16px!important;width:16px!important}.logout-btn{border-color:#dc354599;color:#dc3545}.logout-btn:hover{background:#dc354533;border-color:#dc3545;color:#dc3545}body:not(.dark-mode) .auth-btn{background:none;border:1px solid #ddd;color:#666}body:not(.dark-mode) .auth-btn:hover{background:#f8f9fa;border-color:#7fb368;color:#7fb368}.login-options{flex-direction:column;gap:1.5rem}.login-divider,.login-options{align-items:center;display:flex;width:100%}.login-divider{margin:.5rem 0;position:relative}.login-divider:after,.login-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.login-divider span{color:#6b7280;font-size:.875rem;padding:0 1rem}.continue-without-login-btn{background:#6b7280;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:300px;padding:.75rem 2rem;transition:all .2s ease;width:100%}.continue-without-login-btn:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}@media (max-width:768px){.top-bar-actions{gap:.5rem}.auth-btn{font-size:.7rem;min-width:28px;padding:.25rem .5rem}.auth-btn svg{height:12px;width:12px}.dark-mode-toggle-btn{height:auto!important;min-width:28px!important;padding:.25rem .5rem!important;width:auto!important}.dark-mode-toggle-btn svg{height:12px!important;width:12px!important}.notification-bell-btn{font-size:.7rem;min-width:28px;padding:.25rem .5rem}.notification-bell-btn svg{height:12px;width:12px}}@media (max-width:480px){.auth-btn{min-width:28px;padding:.25rem .5rem}.auth-btn svg{height:12px;width:12px}.dark-mode-toggle-btn{height:auto!important;min-width:28px!important;padding:.25rem .5rem!important;width:auto!important}.dark-mode-toggle-btn svg{height:12px!important;width:12px!important}.notification-bell-btn{min-width:28px;padding:.25rem .5rem}.notification-bell-btn svg{height:12px;width:12px}.chat-sidebar-btn{min-width:28px;padding:.25rem .5rem}.chat-sidebar-btn svg{height:12px;width:12px}.config-menu-btn{min-width:28px;padding:.25rem .5rem}.config-menu-btn svg{height:12px;width:12px}.user-menu-btn{min-width:28px;padding:.25rem .5rem}.user-menu-btn svg{height:12px;width:12px}}.user-profile-stats{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;margin:1rem 0}.user-profile-stats .stat{gap:.25rem;white-space:nowrap}.user-profile-stats .stat strong{color:var(--text-color);font-weight:600}.stat-icon{color:#ff6b6b}.user-profile-stats .stat-link:hover .stat-icon{color:#e55656}.follow-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.follow-btn.not-following{background:#7fb368;color:#fff}.follow-btn.not-following:hover:not(:disabled){background:#6a9c5a;box-shadow:0 4px 12px #7fb36866;transform:translateY(-1px)}.follow-btn.following{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.follow-btn.following:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;color:#dc2626}.follow-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.follow-btn svg{height:18px;width:18px}.message-btn{align-items:center;background:#7fb368;border:1px solid #7fb368;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-left:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.message-btn:hover{background:#6a9c5a;border-color:#6a9c5a;transform:translateY(-1px)}.message-btn:active{transform:translateY(0)}.message-btn svg{height:18px;width:18px}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:14px;width:14px}@media (max-width:768px){.user-profile-stats{gap:1.5rem}.user-profile-stats .stat{font-size:.8rem}.user-profile-stats .stat strong{font-size:1.1rem}.follow-btn{font-size:.8rem;padding:.6rem 1.2rem}.follow-btn svg{height:16px;width:16px}.message-btn{font-size:.8rem;padding:.6rem 1.2rem}.message-btn svg{height:16px;width:16px}}@media (max-width:480px){.user-profile-stats{gap:1rem}.user-profile-stats .stat{font-size:.75rem}.user-profile-stats .stat strong{font-size:1rem}.follow-btn{font-size:.75rem;padding:.5rem 1rem}.follow-btn svg{height:14px;width:14px}.message-btn{font-size:.75rem;padding:.5rem 1rem}.message-btn svg{height:14px;width:14px}}.user-info{padding:1rem;text-align:center}.user-name{color:#1f2937;font-size:1.125rem;font-weight:600;line-height:1.2;margin:0 0 .25rem}.user-email{color:#6b7280;font-size:.875rem;margin:0 0 .5rem}.user-stats{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.user-stats .stat-item{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:.75rem}.user-stats .stat-item strong{color:#1f2937;font-size:.875rem;font-weight:600}.user-stats-home{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:1rem 0}.user-stats-home .stat{color:#6b7280;font-size:.875rem;min-height:4rem;position:relative}.user-stats-home .stat strong{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.user-stats-home .stat-icon{flex-shrink:0;margin-bottom:.5rem}.user-stats-home .stat>:last-child{bottom:0;left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:100%}.stat-link{color:inherit;text-decoration:none;transition:all .2s ease}.stat-link:hover .stat{color:#7fb368;transform:translateY(-1px)}.stat-link .stat{cursor:pointer;transition:all .2s ease}.followers-page-container,.following-page-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.followers-header,.following-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.page-title{color:#1f2937;font-size:1.75rem;margin:0 0 .25rem}.page-subtitle{color:#6b7280;font-size:.875rem}.followers-list,.following-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.follower-card-link,.following-card-link{color:inherit;text-decoration:none}.follower-card,.following-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .2s ease}.follower-card:hover,.following-card:hover{border-color:#7fb368;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.follower-avatar,.following-avatar{display:flex;justify-content:center;margin-bottom:1rem}.follower-avatar-image,.following-avatar-image{border:3px solid #f3f4f6;border-radius:50%;height:80px;object-fit:cover;width:80px}.follower-avatar-placeholder,.following-avatar-placeholder{align-items:center;background:#f3f4f6;border:3px solid #e5e7eb;border-radius:50%;color:#9ca3af;display:flex;height:80px;justify-content:center;width:80px}.follower-avatar-placeholder svg,.following-avatar-placeholder svg{height:40px;width:40px}.follower-info,.following-info{text-align:center}.follower-name,.following-name{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.follower-username,.following-username{color:#6b7280;font-size:.875rem;margin:0 0 .75rem}.follower-stats,.following-stats{display:flex;gap:1rem;justify-content:center}.follower-stats .stat-item,.following-stats .stat-item{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:.75rem}.follower-stats .stat-item strong,.following-stats .stat-item strong{color:#1f2937;font-size:.875rem;font-weight:600}@media (max-width:768px){.followers-page-container,.following-page-container{padding:1rem}.followers-header,.following-header{align-items:flex-start;flex-direction:column;gap:.5rem}.page-title{font-size:1.5rem}.followers-list,.following-list{gap:1rem;grid-template-columns:1fr}.follower-card,.following-card{padding:1rem}.follower-avatar-image,.follower-avatar-placeholder,.following-avatar-image,.following-avatar-placeholder{height:60px;width:60px}.follower-avatar-placeholder svg,.following-avatar-placeholder svg{height:30px;width:30px}}.like-btn{align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.4rem .8rem;transition:all .3s ease;white-space:nowrap}.like-btn:hover{background:#ffebeb;border-color:#ff6b6b;color:#d63031;transform:translateY(-1px)}.like-btn:active{transform:translateY(0)}.like-btn.liked{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.like-btn.liked:hover{background:#e55656;border-color:#e55656}.like-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.like-btn svg{flex-shrink:0;height:16px;width:16px}.like-count{font-size:.85rem;font-weight:600}.like-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.article-like-btn{font-size:.8rem;padding:.3rem .6rem}.article-like-btn svg{height:14px;width:14px}.article-page-like-btn,.image-article-page-like-btn{font-size:1rem;padding:.6rem 1rem}.article-page-like-btn svg,.image-article-page-like-btn svg{height:18px;width:18px}.article-actions-inline{align-items:center;display:flex;flex-shrink:0;gap:1rem;margin-left:auto}.article-page-actions,.image-article-page-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:1rem;margin:1.5rem 0;padding-top:1rem}.liked-page-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.liked-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:2rem;margin-bottom:3rem;padding-bottom:1.5rem}.page-title-section{flex:1 1}.page-title{color:var(--text-color);font-size:2rem;margin:0 0 .5rem}.page-subtitle{color:var(--text-muted);font-size:1.1rem}.liked-content{display:flex;flex-direction:column;gap:3rem}.liked-section{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.section-title{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.liked-date{color:#ff6b6b;font-weight:500}.liked-items-list{display:flex;flex-direction:column;gap:1.5rem}.liked-item-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s ease}.liked-item-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.liked-item-card.image_article-card .image-article-image{border-radius:6px;height:auto;margin:1rem 0;max-width:100%}.stat-icon{flex-shrink:0;height:16px;margin-right:.5rem;vertical-align:middle;width:16px}.user-profile-stats .stat{align-items:center;display:flex;text-align:center}.user-profile-stats .stat-link{color:inherit;text-decoration:none;transition:all .3s ease}.user-profile-stats .stat-link:hover{color:var(--primary-color)}.user-profile-stats .stat-link:hover .stat-icon{color:#ff6b6b}@media (max-width:768px){.article-actions-inline{justify-content:flex-start;margin-left:0;margin-top:.5rem}.article-page-actions,.image-article-page-actions{justify-content:center}.liked-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:2rem}.page-title{font-size:1.5rem}.liked-page-container{padding:1rem}.liked-section{margin-bottom:1.5rem;padding:1.5rem}.liked-item-card{margin-bottom:1rem;padding:1rem}.liked-items-list{gap:1rem}.stat-icon{height:14px;width:14px}}@media (max-width:480px){.liked-page-container{padding:.75rem}.liked-header{margin-bottom:1.5rem;padding-bottom:1rem}.page-title{font-size:1.25rem}.page-subtitle{font-size:1rem}.liked-section{border-radius:8px;padding:1rem}.section-title{font-size:1.25rem;margin-bottom:1rem}.liked-item-card{border-radius:6px;padding:.75rem}.liked-items-list{gap:.75rem}.stat-icon{height:12px;width:12px}}.user-profile-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.user-info-section{flex:1 1}.member-since{color:#666;font-size:.875rem;margin:.5rem 0 0}.user-bio-section,.user-links-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .2s ease}.user-bio-section:hover,.user-links-section:hover{box-shadow:0 4px 8px #00000026}.bio-title,.links-title{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.bio-text{color:#555;line-height:1.5;margin:0}.user-links-list{display:flex;flex-direction:column;gap:.5rem}.user-link-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;color:#7fb368;display:flex;font-weight:500;gap:.5rem;padding:.5rem;text-decoration:none;transition:all .2s ease}.user-link-item:hover{background:#7fb368;color:#fff;transform:translateX(4px)}.user-link-item .link-icon{flex-shrink:0;height:16px;width:16px}.user-stats-home{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-around;margin:1.5rem 0;padding:1rem}.user-stats-home .stat-link{color:inherit;text-decoration:none;transition:color .2s ease}.user-stats-home .stat-link:hover{color:#7fb368}.user-stats-home .stat{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center}.user-stats-home .stat strong{color:#333;font-size:1.25rem}.user-stats-home .stat-icon{color:#ff6b6b;height:16px;margin-bottom:.25rem;width:16px}.user-action-buttons{display:flex;gap:1rem;margin-top:1.5rem}.view-profile-btn{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#333;display:inline-flex;flex:1 1;font-family:inherit;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;margin-top:1rem;max-height:42px;max-width:130px;min-height:42px;min-width:130px;overflow:hidden;padding:.75rem 1rem;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:130px}.view-profile-btn:hover{background:#e9ecef;border-color:#7fb368;color:#7fb368}.view-profile-btn svg{flex-shrink:0;height:16px;width:16px}.dark-mode-toggle-btn{align-items:center;background:none;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;justify-content:center;min-width:32px;padding:.3rem .6rem;text-align:center;transition:all .2s ease}.dark-mode-toggle-btn:hover{background:#f0f0f0;border-color:#ccc;color:#333}.dark-mode-toggle-btn svg{height:14px;width:14px}body.dark-mode{background-color:#000;color:#fff}body.dark-mode .container{background-color:#0a0a0a;border-color:#1a1a1a}body.dark-mode .title{color:#fff}body.dark-mode .subtitle{color:#ccc}body.dark-mode .section-manager{background:#000;box-shadow:0 1px 3px #00000080}body.dark-mode .sections-header{background:#0a0a0a;border-bottom-color:#1a1a1a}body.dark-mode .sections-actions,body.dark-mode .sections-title{color:#fff}body.dark-mode .create-section-btn{background:#7fb368;border-color:#7fb368;color:#fff}body.dark-mode .create-section-btn:hover{background:#6a9d5a;border-color:#6a9d5a}body.dark-mode .edit-mode-btn{background:#0a0a0a;border-color:#1a1a1a;color:#fff}body.dark-mode .edit-mode-btn:hover{background:#1a1a1a;border-color:#7fb368;color:#7fb368}body.dark-mode .edit-mode-btn.active{background:#7fb368;border-color:#7fb368;color:#fff}body.dark-mode .edit-mode-btn.active:hover{background:#6a9d5a;border-color:#6a9d5a}body.dark-mode .sections-tabs{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .section-tab{background:#1a1a1a;border-color:#2a2a2a;color:#ccc}body.dark-mode .section-tab:hover{background:#2a2a2a;color:#fff}body.dark-mode .section-tab.active{background:#7fb368;color:#fff}body.dark-mode .section-action-btn{background:#2a2a2a;border-color:#3a3a3a;color:#fff}body.dark-mode .section-action-btn:hover{background:#3a3a3a;border-color:#7fb368;color:#7fb368}body.dark-mode .section-action-btn.edit-btn:hover{background:#7fb368;border-color:#7fb368;color:#fff}body.dark-mode .section-action-btn.delete-btn:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff}body.dark-mode .sections-empty{color:#ccc}body.dark-mode .sections-empty p{color:#999}body.dark-mode .sections-loading{color:#ccc}body.dark-mode .sections-loading p{color:#999}body.dark-mode .modal-content{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .modal-header h3{color:#fff}body.dark-mode .modal-body p{color:#ccc}body.dark-mode .write-article-card{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .write-article-title{color:#fff}body.dark-mode .write-article-subtitle{color:#ccc}body.dark-mode .form-input,body.dark-mode .form-select,body.dark-mode .form-textarea{background:#000;border-color:#333;color:#fff}body.dark-mode .form-input:focus,body.dark-mode .form-select:focus,body.dark-mode .form-textarea:focus{background:#000;border-color:#7fb368}body.dark-mode .form-label{color:#fff}body.dark-mode .char-count{color:#999}body.dark-mode .top-bar{background:#0a0a0a;border-bottom-color:#1a1a1a}body.dark-mode .top-bar-text{color:#fff}body.dark-mode .top-bar-text .spark-2{background:#fff;box-shadow:0 0 4px #fffc}body.dark-mode .top-bar-text .spark-1,body.dark-mode .top-bar-text .spark-3,body.dark-mode .top-bar-text .spark-4,body.dark-mode .top-bar-text:after,body.dark-mode .top-bar-text:before{box-shadow:0 0 3px currentColor}body.dark-mode .language-toggle-btn{background:#1a1a1a;border-color:#2a2a2a;color:#fff}body.dark-mode .language-toggle-btn:hover{background:#2a2a2a;border-color:#7fb368;color:#7fb368}body.dark-mode .dark-mode-toggle-btn{background:#1a1a1a;border-color:#2a2a2a;color:#fff}body.dark-mode .dark-mode-toggle-btn:hover{background:#2a2a2a;border-color:#7fb368;color:#7fb368}body.dark-mode .auth-btn{background:#1a1a1a;border-color:#2a2a2a;color:#fff}body.dark-mode .auth-btn:hover{background:#2a2a2a;border-color:#7fb368;color:#7fb368}body.dark-mode .bottom-bar{background:#0a0a0a;border-top-color:#1a1a1a}body.dark-mode .bottom-bar a{color:#fff}body.dark-mode .bottom-bar a svg{stroke:#fff}body.dark-mode .bottom-bar a.active{color:#7fb368}body.dark-mode .bottom-bar a.active svg{stroke:#7fb368}body.dark-mode .login-card{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .login-title{color:#fff}body.dark-mode .login-subtitle{color:#ccc}body.dark-mode .articles-container{background:#000}body.dark-mode .articles-header{background:#000;border-bottom-color:#1a1a1a}body.dark-mode .articles-title-section{color:#fff}body.dark-mode .article-card{background:#0a0a0a!important;border-color:#1a1a1a!important;color:#fff}body.dark-mode .article-card:hover{background:#1a1a1a!important;box-shadow:0 4px 12px #00000080}body.dark-mode .article-header{color:#fff}body.dark-mode .article-title{color:#fff!important}body.dark-mode .article-content{color:#ccc!important}body.dark-mode .article-image{border-radius:8px;overflow:hidden}body.dark-mode .article-image-preview{border-radius:8px}body.dark-mode .article-image.has-image:before{background:#6a9c5a}body.dark-mode .article-image.has-image:after{background:gold}body.dark-mode .article-meta{border-top-color:#1a1a1a;color:#999!important}body.dark-mode .article-author-link{color:#60a5fa}body.dark-mode .article-author-link:hover{color:#93c5fd}body.dark-mode .article-actions{color:#ccc}body.dark-mode .delete-article-btn{color:#ff6b6b!important}body.dark-mode .delete-article-btn:hover{background:#ff6b6b1a!important}body.dark-mode .edit-article-btn{color:#7fb368!important}body.dark-mode .edit-article-btn:hover{background:#7fb3681a!important}body.dark-mode .share-article-btn{color:#7fb368!important}body.dark-mode .share-article-btn:hover{background:#7fb3681a!important}body.dark-mode .ai-chat-btn{color:#ffb74d!important}body.dark-mode .ai-chat-btn:hover{background:#ffb74d1a!important}body.dark-mode .article-page-container{background:#000}body.dark-mode .article-page-content{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .article-page-title{color:#fff}body.dark-mode .article-page-meta{border-bottom-color:#1a1a1a;color:#999}body.dark-mode .article-page-image{border-radius:12px;overflow:hidden}body.dark-mode .article-page-image-full{border-radius:12px}body.dark-mode .article-page-body{color:#ccc!important}body.dark-mode .replies-count,body.dark-mode .replies-icon,body.dark-mode .views-count,body.dark-mode .views-icon{color:#aaa}body.dark-mode .article-paragraph{color:#ccc!important}body.dark-mode .back-btn{color:#ccc}body.dark-mode .article-title-link,body.dark-mode .back-btn:hover{color:#fff}body.dark-mode .article-title-link:hover{color:#7fb368}body.dark-mode .image-article-card{background:#0a0a0a!important;border-color:#1a1a1a!important}body.dark-mode .image-article-card:hover{background:#1a1a1a!important}body.dark-mode .image-article-title{color:#fff!important}body.dark-mode .image-article-description{color:#ccc!important}body.dark-mode .image-article-meta{color:#999!important}body.dark-mode .image-article-page-container{background:#000}body.dark-mode .image-article-page-content{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .image-article-page-title{color:#fff}body.dark-mode .image-article-page-description{color:#ccc}body.dark-mode .user-page-container{background:#000}body.dark-mode .user-page-content{background:#000;border-color:#1a1a1a}body.dark-mode .user-profile-section{border-color:#1a1a1a}body.dark-mode .user-profile-name{color:#fff}body.dark-mode .user-profile-email{color:#ccc}body.dark-mode .user-profile-date{color:#999}body.dark-mode .user-profile-badge{background:#4a5568;color:#fff}body.dark-mode .user-articles-title{color:#fff}body.dark-mode .user-articles-count{color:#ccc}body.dark-mode .user-article-card{background:#0a0a0a!important;border-color:#1a1a1a!important}body.dark-mode .user-article-card:hover{background:#1a1a1a!important}body.dark-mode .user-article-title{color:#fff!important}body.dark-mode .user-article-content{color:#ccc!important}body.dark-mode .user-article-meta{color:#999!important}body.dark-mode .article-section-badge{background:#7fb368!important;border-color:#7fb368!important;color:#f0f0f0!important}body.dark-mode .user-empty-state{color:#ccc}body.dark-mode .user-empty-text{color:#fff}body.dark-mode .home-container{background:#000}body.dark-mode .home-card{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .welcome-title{color:#fff}body.dark-mode .welcome-subtitle{color:#ccc}body.dark-mode .actions-title{color:#fff}body.dark-mode .action-card{background:#1a1a1a;border-color:#2a2a2a}body.dark-mode .action-card:hover{background:#2a2a2a}body.dark-mode .action-card h3{color:#fff}body.dark-mode .action-card p{color:#ccc}body.dark-mode .users-container{background:#000}body.dark-mode .users-header{background:#000;border-bottom-color:#1a1a1a}body.dark-mode .users-title{color:#fff}body.dark-mode .users-subtitle{color:#ccc}body.dark-mode .user-card{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .user-card:hover{background:#1a1a1a;border-color:#7fb368}body.dark-mode .user-name{color:#fff}body.dark-mode .user-email{color:#ccc}body.dark-mode .user-stats .stat-item strong{color:#fff}body.dark-mode .user-stats-home{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .user-stats-home .stat strong{color:#fff}body.dark-mode .view-profile-btn{background:#0a0a0a;border-color:#1a1a1a;color:#fff}body.dark-mode .view-profile-btn:hover{background:#1a1a1a;border-color:#7fb368;color:#7fb368}body.dark-mode .follow-btn.not-following{background:#0a0a0a;border-color:#1a1a1a;color:#fff}body.dark-mode .follow-btn.not-following:hover:not(:disabled){background:#1a1a1a;border-color:#7fb368;color:#7fb368}body.dark-mode .follow-btn.following{background:#7fb368;border-color:#7fb368;color:#fff}body.dark-mode .follow-btn.following:hover:not(:disabled){background:#6a9d5a;border-color:#6a9d5a}body.dark-mode .message-btn{background:#7fb368;border-color:#7fb368;color:#fff}body.dark-mode .message-btn:hover{background:#6a9c5a;border-color:#6a9c5a}body.dark-mode .like-btn{background:#333;border-color:#404040;color:#fff}body.dark-mode .like-btn:hover{background:#404040;border-color:#7fb368;color:#7fb368}body.dark-mode .like-btn.liked{background:#7fb368;border-color:#7fb368;color:#fff}body.dark-mode .like-btn.liked:hover{background:#6a9d5a;border-color:#6a9d5a}body.dark-mode .liked-page-container{background:#000}body.dark-mode .liked-header{border-bottom-color:#1a1a1a}body.dark-mode .liked-section{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .section-title{color:#fff}body.dark-mode .liked-date{color:#ccc}body.dark-mode .liked-item-card{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .liked-item-card:hover{background:#1a1a1a;border-color:#7fb368}body.dark-mode .edit-profile-container{background:#000}body.dark-mode .edit-profile-content{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .edit-profile-header h1{color:#fff}body.dark-mode .profile-picture-section{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .file-input-label{background:#1a1a1a;border-color:#2a2a2a;color:#fff}body.dark-mode .file-input-label:hover{background:#2a2a2a;border-color:#7fb368;color:#7fb368}body.dark-mode .remove-link-btn{background:#1a1a1a;border-color:#2a2a2a;color:#fff}body.dark-mode .remove-link-btn:hover{background:#2a2a2a;border-color:#ff6b6b;color:#ff6b6b}body.dark-mode .add-link-btn{background:#1a1a1a;border-color:#2a2a2a;color:#fff}body.dark-mode .add-link-btn:hover{background:#2a2a2a;border-color:#7fb368;color:#7fb368}body.dark-mode .cancel-btn{background:#1a1a1a;border-color:#2a2a2a;color:#fff}body.dark-mode .cancel-btn:hover{background:#2a2a2a;border-color:#ff6b6b;color:#ff6b6b}body.dark-mode .save-btn{background:#7fb368;border-color:#7fb368;color:#fff}body.dark-mode .save-btn:hover:not(:disabled){background:#6a9d5a;border-color:#6a9d5a}body.dark-mode .save-btn:disabled{background:#1a1a1a;border-color:#2a2a2a;color:#666}body.dark-mode .user-profile-bio{color:#ccc}body.dark-mode .user-profile-link{background:#1a1a1a;border-color:#2a2a2a;color:#fff}body.dark-mode .user-profile-link:hover{background:#2a2a2a;border-color:#7fb368;color:#7fb368}body.dark-mode .user-profile-actions{border-color:#1a1a1a}body.dark-mode .edit-profile-btn{background:#1a1a1a;border-color:#2a2a2a;color:#fff}body.dark-mode .edit-profile-btn:hover{background:#2a2a2a;border-color:#7fb368;color:#7fb368}body.dark-mode .edit-profile-btn-small{background:#1a1a1a;border-color:#2a2a2a;color:#fff}body.dark-mode .edit-profile-btn-small:hover{background:#2a2a2a;border-color:#7fb368;color:#7fb368}body.dark-mode .user-bio-section,body.dark-mode .user-links-section{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .user-bio-section:hover,body.dark-mode .user-links-section:hover{background:#1a1a1a}body.dark-mode .bio-title,body.dark-mode .links-title{color:#fff}body.dark-mode .bio-text{color:#ccc}body.dark-mode .user-link-item{background:#0a0a0a;border-color:#1a1a1a;color:#fff}body.dark-mode .user-link-item:hover{background:#7fb368;color:#fff}body.dark-mode .member-since{color:#999}body.dark-mode .empty-state{color:#ccc}body.dark-mode .empty-text{color:#fff}body.dark-mode .empty-subtext{color:#ccc}body.dark-mode .error-text{color:#ff6b6b}.admin-panel-btn{align-items:center;background:#dc2626;border:2px solid #dc2626;border-radius:8px;color:#fff;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.5rem;height:42px;justify-content:center;line-height:1;margin-top:1rem;max-width:42px;min-width:42px;overflow:hidden;padding:.75rem;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:42px}.admin-panel-btn:hover{background:#b91c1c;border-color:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.admin-panel-btn svg{flex-shrink:0;height:18px;width:18px}.admin-container{align-items:flex-start;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:1rem 1rem 6rem}.admin-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:1200px;padding:1.5rem;width:100%}.admin-header{border-bottom:1px solid #e5e5e5;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.admin-title{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.admin-subtitle{color:#666;font-size:.875rem;margin:0}.admin-stats{display:flex;justify-content:center;margin-bottom:1.5rem}.admin-stat{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;min-width:120px;padding:.75rem 1rem;text-align:center}.admin-stat strong{color:#7fb368;font-size:1.25rem;font-weight:700}.admin-stat span{color:#666;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.admin-actions{display:flex;justify-content:center;margin-bottom:1.5rem}.admin-btn{align-items:center;border:2px solid;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-height:38px;padding:.625rem 1rem;text-decoration:none;transition:all .2s ease}.admin-btn.primary{background:#7fb368;border-color:#7fb368;color:#fff}.admin-btn.primary:hover{background:#6a9c5a;border-color:#6a9c5a;box-shadow:0 2px 8px #7fb3684d;transform:translateY(-1px)}.admin-btn.secondary{background:#0000;border-color:#6c757d;color:#6c757d}.admin-btn.secondary:hover{background:#6c757d;color:#fff;transform:translateY(-1px)}.admin-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.admin-btn svg{flex-shrink:0;height:16px;width:16px}.create-user-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.create-user-form h3{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.create-user-form .form-group{margin-bottom:.75rem}.create-user-form label{color:#495057;display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.create-user-form input,.create-user-form textarea{border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.875rem;padding:.625rem;transition:border-color .2s ease;width:100%}.create-user-form input:focus,.create-user-form textarea:focus{border-color:#7fb368;box-shadow:0 0 0 3px #7fb3681a;outline:none}.create-user-form .form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.users-table{overflow-x:auto}.users-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 4px #0000001a;font-size:.875rem;overflow:hidden;width:100%}.users-table th{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#495057;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.75rem;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #f1f3f4;color:#495057;padding:.75rem;vertical-align:middle}.users-table tr:hover{background:#f8f9fa}.users-table tr:last-child td{border-bottom:none}.admin-badge{background:#dc2626;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.user-actions{display:flex;gap:.375rem;justify-content:flex-start}.action-btn{border:none;border-radius:6px;display:inline-flex;height:32px;overflow:hidden;position:relative;transition:all .2s ease;width:32px}.action-btn.login-btn{background:#7fb368;border:1px solid #7fb368;color:#fff}.action-btn.login-btn:hover{background:#6a9c5a;border-color:#6a9c5a;box-shadow:0 2px 6px #7fb3684d;transform:translateY(-1px)}.action-btn.delete-btn{background:#dc3545;border:1px solid #dc3545;color:#fff}.action-btn.delete-btn:hover{background:#c82333;border-color:#c82333;box-shadow:0 2px 6px #dc35454d;transform:translateY(-1px)}.action-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.action-btn svg{stroke-width:2;stroke:currentColor;fill:none;flex-shrink:0;height:16px;width:16px}.mobile-cards{display:none}.user-card-mobile{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:.75rem;padding:1rem}.user-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.user-info-mobile h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0 0 .25rem}.user-email-mobile,.user-username-mobile{color:#666;font-size:.875rem;margin:0 0 .125rem}.admin-badge-mobile{background:#dc2626;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.user-stats-mobile{grid-gap:.5rem;background:#f8f9fa;border-radius:6px;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:.75rem;padding:.5rem}.stat-item-mobile{text-align:center}.stat-label{color:#666;display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.stat-value{color:#1a1a1a;display:block;font-size:.875rem;font-weight:600}.action-btn-mobile,.user-actions-mobile{display:flex;gap:.5rem}.action-btn-mobile{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;justify-content:center;min-height:36px;padding:.5rem;transition:all .2s ease}.login-btn-mobile{background:#7fb368;border-color:#7fb368;color:#fff}.login-btn-mobile:hover{background:#6a9c5a;border-color:#6a9c5a}.delete-btn-mobile{background:#dc3545;border-color:#dc3545;color:#fff}.delete-btn-mobile:hover{background:#c82333;border-color:#c82333}.action-btn-mobile svg{flex-shrink:0;height:16px;width:16px}.action-btn-mobile span{font-size:.75rem}body.dark-mode .admin-container{background:#000}body.dark-mode .admin-card{background:#0a0a0a;border-color:#1a1a1a;box-shadow:0 2px 8px #00000080}body.dark-mode .admin-header{border-bottom-color:#1a1a1a}body.dark-mode .admin-title{color:#fff}body.dark-mode .admin-subtitle{color:#ccc}body.dark-mode .admin-stat{background:#1a1a1a;border-color:#2a2a2a}body.dark-mode .admin-stat strong{color:#7fb368}body.dark-mode .admin-stat span{color:#ccc}body.dark-mode .create-user-form{background:#1a1a1a;border-color:#2a2a2a}body.dark-mode .create-user-form h3,body.dark-mode .create-user-form label{color:#fff}body.dark-mode .create-user-form input,body.dark-mode .create-user-form textarea{background:#2a2a2a;border-color:#3a3a3a;color:#fff}body.dark-mode .create-user-form input:focus,body.dark-mode .create-user-form textarea:focus{border-color:#7fb368;box-shadow:0 0 0 3px #7fb36833}body.dark-mode .users-table table{background:#0a0a0a;box-shadow:0 1px 4px #00000080}body.dark-mode .users-table th{background:#1a1a1a}body.dark-mode .users-table td,body.dark-mode .users-table th{border-bottom-color:#2a2a2a;color:#fff}body.dark-mode .users-table tr:hover{background:#1a1a1a}body.dark-mode .admin-badge{background:#dc2626;color:#fff}body.dark-mode .admin-panel-btn{background:#dc2626;border-color:#dc2626;color:#fff}body.dark-mode .admin-panel-btn:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}body.dark-mode .user-card-mobile{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .user-info-mobile h4{color:#fff}body.dark-mode .user-email-mobile,body.dark-mode .user-username-mobile{color:#ccc}body.dark-mode .user-stats-mobile{background:#1a1a1a}body.dark-mode .stat-value{color:#fff}@media (max-width:768px){.admin-container{padding:.5rem}.admin-card{padding:1rem}.admin-title{font-size:1.5rem}.admin-subtitle{font-size:.875rem}.admin-stats{margin-bottom:1rem}.admin-stat{min-width:100px;padding:.5rem .75rem}.admin-actions{margin-bottom:1rem}.admin-btn{font-size:.875rem;padding:.5rem .75rem}.create-user-form{margin-bottom:1rem;padding:1rem}.create-user-form h3{font-size:1rem}.create-user-form .form-actions{flex-direction:column;gap:.5rem}.admin-btn{width:100%}.desktop-table{display:none}.mobile-cards{display:block}.user-card-mobile{padding:.75rem}.user-stats-mobile{gap:.375rem;grid-template-columns:repeat(3,1fr);padding:.375rem}.action-btn-mobile{font-size:.75rem;min-height:32px;padding:.375rem}.action-btn-mobile svg{height:14px;width:14px}.action-btn-mobile span{font-size:.7rem}.admin-panel-btn{max-width:none;min-width:auto;width:100%}}@media (max-width:480px){.admin-container{padding:.25rem}.admin-card{padding:.75rem}.admin-title{font-size:1.25rem}.admin-subtitle{font-size:.75rem}.admin-stats{flex-direction:column;gap:.5rem}.admin-stat{min-width:auto}.create-user-form{padding:.75rem}.create-user-form h3{font-size:.875rem}.create-user-form label{font-size:.75rem}.create-user-form input,.create-user-form textarea{font-size:.875rem;padding:.5rem}.user-card-mobile{padding:.5rem}.user-info-mobile h4{font-size:.875rem}.user-email-mobile,.user-username-mobile{font-size:.75rem}.user-stats-mobile{gap:.25rem;grid-template-columns:repeat(3,1fr);padding:.25rem}.stat-label{font-size:.7rem}.stat-value{font-size:.75rem}.action-btn-mobile{font-size:.7rem;min-height:28px;padding:.25rem}.action-btn-mobile svg{height:12px;width:12px}.action-btn-mobile span{font-size:.65rem}.admin-panel-btn{max-width:none;min-width:auto;width:100%}}body.dark-mode .loading-text{color:#ccc}.login-action-btn{align-items:center;background:#7fb368;border:2px solid #7fb368;border-radius:8px;color:#fff;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;max-width:200px;min-width:120px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:auto}.login-action-btn:hover{background:#6a9c5a;border-color:#6a9c5a;box-shadow:0 4px 12px #7fb3684d;transform:translateY(-1px)}.login-action-btn svg{flex-shrink:0;height:16px;width:16px}body.dark-mode .login-container{background:#000}body.dark-mode .login-action-btn{background:#7fb368;border-color:#7fb368;color:#fff}body.dark-mode .login-action-btn:hover{background:#6a9c5a;border-color:#6a9c5a;box-shadow:0 4px 12px #7fb36866;color:#fff}@media (max-width:480px){.login-action-btn{max-width:200px;width:100%}}body.dark-mode .followers-page-container,body.dark-mode .following-page-container{background:#000}body.dark-mode .followers-header,body.dark-mode .following-header{border-bottom-color:#1a1a1a}body.dark-mode .follower-card,body.dark-mode .following-card{background:#0a0a0a;border-color:#1a1a1a}body.dark-mode .follower-card:hover,body.dark-mode .following-card:hover{background:#1a1a1a}body.dark-mode .follower-name,body.dark-mode .following-name{color:#fff}body.dark-mode .follower-username,body.dark-mode .following-username{color:#ccc}body.dark-mode .follower-stats .stat-item strong,body.dark-mode .following-stats .stat-item strong{color:#fff}body.dark-mode .write-article-container{background:#000}body.dark-mode .write-article-card{background:#000;border-color:#333}body.dark-mode .markdown-badge{background:#7fb368;border-color:#7fb368;color:#f0f0f0}body.dark-mode .markdown-badge svg{color:#f0f0f0}body.dark-mode .markdown-code-block{background-color:#1a1a1a;border:1px solid #2a2a2a;color:#fff}body.dark-mode .markdown-code-block code{background:none;color:#fff}body.dark-mode .markdown-inline-code{background-color:#2a2a2a;border:1px solid #3a3a3a;color:#fff}body.dark-mode .article-content hr,body.dark-mode .article-page-body hr,body.dark-mode .markdown-preview hr,body.dark-mode hr{background-color:#7fb368!important;border-color:#7fb368!important;color:#7fb368!important}body.dark-mode .article-content h1,body.dark-mode .article-content h2,body.dark-mode .article-content h3,body.dark-mode .article-content h4,body.dark-mode .article-content h5,body.dark-mode .article-content h6,body.dark-mode .article-page-body h1,body.dark-mode .article-page-body h2,body.dark-mode .article-page-body h3,body.dark-mode .article-page-body h4,body.dark-mode .article-page-body h5,body.dark-mode .article-page-body h6,body.dark-mode .markdown-preview h1,body.dark-mode .markdown-preview h2,body.dark-mode .markdown-preview h3,body.dark-mode .markdown-preview h4,body.dark-mode .markdown-preview h5,body.dark-mode .markdown-preview h6{border-bottom-color:#7fb368!important;color:#fff!important}body.dark-mode .markdown-preview{background:#1a1a1a;border-color:#333;color:#ccc}body.dark-mode .markdown-preview h1,body.dark-mode .markdown-preview h2,body.dark-mode .markdown-preview h3,body.dark-mode .markdown-preview h4,body.dark-mode .markdown-preview h5,body.dark-mode .markdown-preview h6{border-bottom-color:#7fb368!important;color:#fff!important}body.dark-mode .markdown-preview p{color:#ccc!important}body.dark-mode .markdown-preview strong{color:#fff!important}body.dark-mode .markdown-preview em{color:#aaa!important}body.dark-mode .markdown-preview ol,body.dark-mode .markdown-preview ul{color:#ccc}body.dark-mode .markdown-preview li{color:#ccc!important}body.dark-mode .markdown-preview blockquote{background-color:#2a2a2a;border-left-color:#7fb368;color:#aaa}body.dark-mode .markdown-preview code{background-color:#2a2a2a;color:#7fb368}body.dark-mode .markdown-preview pre{background-color:#2a2a2a;border-color:#333}body.dark-mode .markdown-preview pre code{color:#ccc}body.dark-mode .markdown-preview a{color:#7fb368}body.dark-mode .markdown-preview a:hover{color:#6ca055}body.dark-mode .markdown-preview hr{background-color:#7fb368!important}body.dark-mode .markdown-preview table,body.dark-mode .markdown-preview td,body.dark-mode .markdown-preview th{border-color:#333}body.dark-mode .markdown-preview th{background-color:#2a2a2a;color:#fff}body.dark-mode .article-content p,body.dark-mode .article-content strong,body.dark-mode .article-page-body p,body.dark-mode .article-page-body strong,body.dark-mode .markdown-preview p,body.dark-mode .markdown-preview strong{color:#ccc!important}body.dark-mode .article-content .katex,body.dark-mode .article-content .katex-display,body.dark-mode .article-page-body .katex,body.dark-mode .article-page-body .katex-display,body.dark-mode .katex,body.dark-mode .katex-display,body.dark-mode .liked-item-card .katex,body.dark-mode .liked-item-card .katex-display,body.dark-mode .markdown-preview .katex,body.dark-mode .markdown-preview .katex-display,body.dark-mode .user-article-content .katex,body.dark-mode .user-article-content .katex-display{color:#fff!important}body.dark-mode .user-article-content h1,body.dark-mode .user-article-content h2,body.dark-mode .user-article-content h3,body.dark-mode .user-article-content h4,body.dark-mode .user-article-content h5,body.dark-mode .user-article-content h6,body.dark-mode .user-article-content hr{border-bottom-color:#7fb368;color:#fff}body.dark-mode .user-article-content hr{background-color:#7fb368!important;border-color:#7fb368!important}body.dark-mode .user-article-content em,body.dark-mode .user-article-content p,body.dark-mode .user-article-content strong{color:#ccc!important}body.dark-mode .user-article-content .markdown-code-block{background-color:#1a1a1a;border:1px solid #2a2a2a;color:#fff}body.dark-mode .user-article-content .markdown-code-block code{background:none;color:#fff}body.dark-mode .user-article-content .markdown-inline-code{background-color:#2a2a2a;border:1px solid #3a3a3a;color:#fff}@media (max-width:768px){.top-bar-actions{gap:.5rem}.auth-btn{font-size:.7rem;min-width:28px;padding:.25rem .5rem}.auth-btn svg{height:12px;width:12px}.dark-mode-toggle-btn{height:auto!important;min-width:28px!important;padding:.25rem .5rem!important;width:auto!important}.dark-mode-toggle-btn svg{height:12px!important;width:12px!important}}@media (max-width:480px){.auth-btn{min-width:28px;padding:.25rem .5rem}.auth-btn svg{height:12px;width:12px}.dark-mode-toggle-btn{height:auto!important;min-width:28px!important;padding:.25rem .5rem!important;width:auto!important}.dark-mode-toggle-btn svg{height:12px!important;width:12px!important}}.load-more-container{display:flex;justify-content:center;margin-top:2rem;padding:1rem 0}.load-more-btn{align-items:center;background:#7fb368;border:none;border-radius:12px;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1.5rem}.load-more-btn:hover:not(:disabled){background:#6a9f5a;box-shadow:0 4px 12px #7fb3684d;transform:translateY(-2px)}.load-more-btn:disabled{box-shadow:none;opacity:.7;transform:none}.load-more-icon,.load-more-spinner{flex-shrink:0;height:18px;width:18px}.load-more-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.dark-mode .load-more-btn{background:#7fb368;color:#fff}body.dark-mode .load-more-btn:hover:not(:disabled){background:#6a9f5a}@media (max-width:768px){.load-more-btn{font-size:.9rem;min-width:120px;padding:.6rem 1.2rem}.load-more-icon,.load-more-spinner{height:16px;width:16px}}@media (max-width:480px){.load-more-btn{font-size:.85rem;min-width:100px;padding:.5rem 1rem}.load-more-icon,.load-more-spinner{height:14px;width:14px}}.article-content *,.article-page-body *,.user-article-content *{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word}.article-content a,.article-page-body a,.user-article-content a{overflow-wrap:break-word;word-break:break-word}.article-content code,.article-content pre,.article-page-body code,.article-page-body pre,.user-article-content code,.user-article-content pre{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;overflow-x:auto;white-space:pre-wrap}.article-content p,.article-page-body,.article-page-body p,.article-paragraph,.user-article-content p{color:#555!important}body.dark-mode .article-content p,body.dark-mode .article-page-body,body.dark-mode .article-page-body p,body.dark-mode .article-paragraph,body.dark-mode .user-article-content p{color:#ccc!important}.article-page-body{margin-bottom:2rem}.article-page-body,.article-paragraph{word-wrap:break-word;color:#555!important;font-size:1.1rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.8;max-width:100%;overflow-wrap:break-word}.article-paragraph{margin:0 0 1.8rem;text-align:left}.replies-section{border-top:1px solid #e5e5e5;margin-top:2rem;padding-top:2rem}.replies-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.replies-header h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.replies-count{color:#666;font-size:.9rem;font-weight:500}.loading-replies{align-items:center;color:#666;display:flex;flex-direction:column;padding:2rem}.loading-replies .loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e5e5;border-radius:50%;border-top-color:#333;height:24px;margin-bottom:.5rem;width:24px}.error-message{align-items:center;background-color:#fef2f2;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.error-message p{font-size:.9rem;margin:0}.reply-form{background-color:#fafafa;border:1px solid #e5e5e5;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.reply-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#1a1a1a;font-family:inherit;font-size:.95rem;line-height:1.5;min-height:80px;padding:.75rem;resize:vertical;width:100%}.reply-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.reply-form-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.75rem}.character-count{color:#666;font-size:.85rem}.post-reply-btn{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.post-reply-btn:hover:not(:disabled){background-color:#2563eb}.post-reply-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.replies-list{display:flex;flex-direction:column;gap:1rem}.reply-item{background-color:#fff;border:1px solid #e5e5e5;border-radius:.5rem;padding:1rem}.reply-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.reply-author{align-items:center;display:flex;gap:.75rem}.reply-author-avatar{flex-shrink:0}.reply-avatar-image{border:1px solid #e5e5e5;border-radius:50%;height:32px;object-fit:cover;width:32px}.reply-author-info{display:flex;flex-direction:column;gap:.25rem}.author-name{color:#1a1a1a;font-size:.95rem;font-weight:600}.reply-author-link{color:#3b82f6;font-size:.85rem;text-decoration:none;transition:color .2s ease}.reply-author-link:hover{color:#2563eb;text-decoration:underline}.reply-meta{align-items:center;display:flex;gap:.5rem}.reply-date{color:#666;font-size:.8rem}.delete-reply-btn{background:none;border:none;border-radius:.25rem;color:#dc2626;cursor:pointer;padding:.25rem;transition:background-color .2s ease}.delete-reply-btn:hover{background-color:#fef2f2}.delete-reply-btn svg{height:16px;width:16px}.reply-content{color:#1a1a1a;line-height:1.6;margin-left:40px}.reply-content p{font-size:.95rem;margin:0}.no-replies{color:#666;padding:2rem;text-align:center}.no-replies p{font-size:1rem;margin:0 0 .5rem}.be-first{color:#888;font-size:.9rem;font-style:italic}.load-more-replies{display:flex;justify-content:center;margin-top:1rem}.load-more-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.load-more-btn:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.reply-to-indicator{align-items:center;background-color:#f0f8ff;border:1px solid #e0e8f0;border-radius:.375rem;color:#4a5568;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.75rem;padding:.5rem .75rem}.cancel-reply-btn{background:none;border:none;border-radius:.25rem;color:#666;cursor:pointer;padding:.25rem;transition:background-color .2s ease}.cancel-reply-btn:hover{background-color:#e2e8f0}.cancel-reply-btn svg{height:16px;width:16px}.reply-actions{align-items:center;border-top:1px solid #e5e5e5;display:flex;gap:1rem;margin-top:.75rem;padding-top:.75rem}.reply-like-btn,.reply-to-btn{font-size:.85rem}.reply-to-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:#666;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s ease}.reply-to-btn:hover{background-color:#f3f4f6;color:#374151}.reply-to-btn svg{height:16px;width:16px}body.dark-mode .replies-section{border-top-color:#404040}body.dark-mode .replies-header h3{color:#e5e5e5}body.dark-mode .loading-replies,body.dark-mode .replies-count{color:#a0a0a0}body.dark-mode .loading-replies .loading-spinner{border-color:#e5e5e5 #404040 #404040}body.dark-mode .error-message{background-color:#2d1b1b;border-color:#7f1d1d}body.dark-mode .error-close{color:#fca5a5}body.dark-mode .error-close:hover{color:#f87171}body.dark-mode .reply-form{background-color:#1a1a1a;border-color:#404040}body.dark-mode .reply-textarea{background-color:#2a2a2a;border-color:#404040;color:#e5e5e5}body.dark-mode .reply-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}body.dark-mode .character-count{color:#a0a0a0}body.dark-mode .post-reply-btn{background-color:#3b82f6}body.dark-mode .post-reply-btn:hover:not(:disabled){background-color:#2563eb}body.dark-mode .post-reply-btn:disabled{background-color:#4b5563}body.dark-mode .reply-item{background-color:#1a1a1a;border-color:#404040}body.dark-mode .reply-avatar-image{border-color:#404040}body.dark-mode .author-name{color:#e5e5e5}body.dark-mode .reply-author-link{color:#60a5fa}body.dark-mode .reply-author-link:hover{color:#93c5fd}body.dark-mode .reply-to-indicator{background-color:#1e3a8a;border-color:#3b82f6;color:#e5e7eb}body.dark-mode .cancel-reply-btn{color:#9ca3af}body.dark-mode .cancel-reply-btn:hover{background-color:#374151}body.dark-mode .reply-actions{border-top-color:#404040}body.dark-mode .reply-to-btn{color:#9ca3af}body.dark-mode .reply-to-btn:hover{background-color:#374151;color:#e5e7eb}body.dark-mode .reply-date{color:#a0a0a0}body.dark-mode .delete-reply-btn{color:#f87171}body.dark-mode .delete-reply-btn:hover{background-color:#2d1b1b}body.dark-mode .reply-content{color:#e5e5e5}body.dark-mode .no-replies{color:#a0a0a0}body.dark-mode .be-first{color:#888}body.dark-mode .load-more-btn{background-color:#2a2a2a;border-color:#404040;color:#e5e5e5}body.dark-mode .load-more-btn:hover:not(:disabled){background-color:#404040;border-color:#666}@media (max-width:768px){.replies-header,.reply-header{align-items:flex-start;flex-direction:column;gap:.5rem}.reply-meta{align-self:flex-end}.reply-form-footer{align-items:flex-start;flex-direction:column;gap:.5rem}.post-reply-btn{align-self:flex-end}}@media (max-width:480px){.replies-section{margin-top:1.5rem;padding-top:1.5rem}.reply-form,.reply-item{padding:.75rem}.reply-textarea{font-size:.9rem;min-height:60px}.post-reply-btn{font-size:.85rem;padding:.4rem .8rem}}.notification-bell-container{display:inline-block;position:relative}.notification-bell-btn{align-items:center;background:none;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;justify-content:center;min-width:32px;padding:.3rem .6rem;position:relative;text-align:center;transition:all .2s ease}.notification-bell-btn:hover{background:#f0f0f0;border-color:#ccc;color:#333}.notification-bell-icon{height:14px;width:14px}.notification-badge{align-items:center;background-color:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:18px;justify-content:center;line-height:1;position:absolute;right:.25rem;top:.25rem;width:18px}.notification-sidebar{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;width:320px;z-index:1000}.notification-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem 1rem}.notification-header h3{color:#333;font-size:.875rem;font-weight:600;margin:0}.notification-header-actions{align-items:center;display:flex;gap:.5rem}.mark-all-read-btn{background:none;border:none;border-radius:.25rem;color:#3b82f6;cursor:pointer;font-size:.85rem;padding:.25rem .5rem;transition:background-color .2s ease}.mark-all-read-btn:hover:not(:disabled){background-color:#eff6ff}.mark-all-read-btn:disabled{cursor:not-allowed;opacity:.6}.notification-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.notification-close-btn:hover{background:#f0f0f0;color:#333}.notification-close-btn svg{height:18px;width:18px}.notification-list{max-height:300px;overflow-y:auto}.loading-notifications{align-items:center;color:#666;display:flex;flex-direction:column;padding:2rem}.loading-notifications .loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e5e5;border-radius:50%;border-top-color:#333;height:24px;margin-bottom:.5rem;width:24px}.notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:.75rem 1rem;position:relative;transition:background-color .2s ease}.notification-item:hover{background-color:#f9f9f9}.notification-item.unread{background-color:#f0f9ff}.notification-item.unread:hover{background-color:#e0f2fe}.notification-content{display:flex;flex-direction:column;gap:.25rem}.notification-text{color:#1a1a1a;font-size:.9rem;line-height:1.4}.notification-username{color:#3b82f6;cursor:pointer;transition:color .2s ease}.notification-username:hover{color:#2563eb;text-decoration:underline}.notification-content-title{color:#666;font-style:italic}.notification-time{color:#666;font-size:.8rem}.unread-indicator{background-color:#3b82f6;border-radius:50%;height:8px;position:absolute;right:1rem;top:.75rem;width:8px}.no-notifications{color:#666;padding:2rem;text-align:center}.no-notifications p{font-size:.9rem;margin:0}.load-more-notifications{border-top:1px solid #f0f0f0;display:flex;justify-content:center;padding:1rem}body.dark-mode .notification-bell-btn{background:#1a1a1a;border-color:#2a2a2a;color:#fff}body.dark-mode .notification-bell-btn:hover{background:#2a2a2a;border-color:#7fb368;color:#7fb368}body.dark-mode .notification-sidebar{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 4px 12px #0000004d}body.dark-mode .notification-header{background:#1a1a1a;border-bottom-color:#2a2a2a}body.dark-mode .notification-header h3{color:#e5e5e5}body.dark-mode .mark-all-read-btn{color:#60a5fa}body.dark-mode .mark-all-read-btn:hover:not(:disabled){background-color:#1e3a8a}body.dark-mode .notification-close-btn{color:#a0a0a0}body.dark-mode .notification-close-btn:hover{background:#2a2a2a;color:#e5e5e5}body.dark-mode .notification-item{border-bottom-color:#1a1a1a}body.dark-mode .notification-item:hover{background-color:#0a0a0a}body.dark-mode .notification-item.unread{background-color:#1e3a8a}body.dark-mode .notification-item.unread:hover{background-color:#1e40af}body.dark-mode .notification-text{color:#e5e5e5}body.dark-mode .notification-username{color:#60a5fa}body.dark-mode .notification-username:hover{color:#93c5fd}body.dark-mode .notification-content-title,body.dark-mode .notification-time{color:#a0a0a0}body.dark-mode .unread-indicator{background-color:#60a5fa}body.dark-mode .no-notifications{color:#a0a0a0}body.dark-mode .load-more-notifications{border-top-color:#1a1a1a}.profile-image-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.profile-image-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.profile-image-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.profile-image-modal-user-info h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.profile-image-modal-user-info p{color:#666;font-size:.9rem;margin:.25rem 0 0}.profile-image-modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s ease}.profile-image-modal-close-btn:hover{background-color:#e5e7eb}.profile-image-modal-close-btn svg{height:20px;width:20px}.profile-image-modal-content{align-items:center;background:#fff;display:flex;justify-content:center;padding:1.5rem}.profile-image-modal-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:60vh;max-width:100%}body.dark-mode .profile-image-modal{background:#000;border-color:#1a1a1a}body.dark-mode .profile-image-modal-header{background:#0a0a0a;border-bottom-color:#1a1a1a}body.dark-mode .profile-image-modal-user-info h3{color:#e5e5e5}body.dark-mode .profile-image-modal-close-btn,body.dark-mode .profile-image-modal-user-info p{color:#a0a0a0}body.dark-mode .profile-image-modal-close-btn:hover{background-color:#1a1a1a}body.dark-mode .profile-image-modal-content{background:#000}@media (max-width:768px){.profile-image-modal{max-height:95vh;max-width:95vw}.profile-image-modal-header{padding:.75rem 1rem}.profile-image-modal-user-info h3{font-size:1.1rem}.profile-image-modal-content{padding:1rem}.profile-image-modal-image{max-height:50vh}.notification-sidebar{border-left:1px solid #e5e5e5;border-radius:0;height:100vh;max-height:none;max-width:320px;position:fixed;right:0;top:0;width:100%}body.dark-mode .notification-sidebar{border-left-color:#404040}}@media (max-width:480px){.notification-sidebar{max-width:none;width:100%}.notification-header{padding:.75rem}.notification-item{padding:.5rem .75rem}.notification-text{font-size:.85rem}}.wad-page-container{margin:0 auto;max-width:1100px;padding:2rem 1rem}.wad-header{margin-bottom:3rem}.wad-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 .5rem;text-align:left}.wad-content{margin:0 auto;max-width:800px}.widgets-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);justify-items:center;margin-top:2rem}.widget-item{align-items:center;display:flex;flex-direction:column;gap:1rem}.widget-title{color:#1a1a1a;font-family:Fira Sans,sans-serif;font-size:1.3rem;font-weight:600;margin:0;text-align:center}.widget-badge{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px #00000014;color:inherit;cursor:pointer;display:flex;flex-direction:column;height:240px;margin:.5em auto;overflow:hidden;text-decoration:none;transition:all .2s ease;width:280px}.widget-badge:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.widget-badge.coming-soon{cursor:not-allowed;opacity:.6}.widget-badge.coming-soon:hover{box-shadow:0 1px 4px #00000014;transform:none}.widget-badge-image{align-items:center;background:#f8f9fa;display:flex;flex-shrink:0;height:160px;justify-content:center;overflow:hidden;position:relative;width:100%}.widget-badge-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.widget-badge:hover .widget-badge-image img{transform:scale(1.05)}.widget-badge-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem}.widget-badge-title{color:#1a1a1a;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.widget-badge-subtitle,.widget-badge-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-badge-subtitle{color:#6c757d;font-size:.85rem;font-weight:500;margin:0}.widget-badge-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;padding:3px 6px;position:absolute;right:8px;top:8px}.part{background:#f8f9fa;height:8px;position:relative;width:250px}.part_1{border-radius:8px 8px 0 0;width:240px}.part_2{height:40px}.stripe{background:#e9ecef;height:3px;margin-bottom:3px;top:8px}.logo{background:#fff;border:1px solid #dee2e6;border-radius:8px;height:40px;margin:0 auto -40px;top:-35px;width:230px}.cartridge-text{color:#6c757d;display:block;font-family:Fira Sans,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.3px;margin:0;padding:8px 0;position:relative;text-align:center;text-transform:lowercase;width:100%}.cartridge-text:after,.cartridge-text:before{animation:sparkle 3s infinite;border-radius:50%;content:"";height:2px;pointer-events:none;position:absolute;width:2px}.cartridge-text:before{animation-delay:0s;animation-duration:3.5s;background:#6a9c5a;left:25%;top:15px}.cartridge-text:after{animation-delay:1.5s;animation-duration:4.2s;background:#fff;right:15%;top:17px}.cartridge-text .spark-1,.cartridge-text .spark-2,.cartridge-text .spark-3,.cartridge-text .spark-4,.cartridge-text .spark-5,.cartridge-text .spark-6,.cartridge-text .spark-7,.cartridge-text .spark-8{animation:sparkle 4s infinite;border-radius:50%;height:1.5px;pointer-events:none;position:absolute;width:1.5px}.cartridge-text .spark-1{animation-delay:.5s;animation-duration:3.8s;background:#fdcb6e;left:15%;top:20px}.cartridge-text .spark-2{animation-delay:2s;animation-duration:4.5s;background:#fff;right:5%;top:16px}.cartridge-text .spark-3{animation-delay:1s;animation-duration:3.2s;background:#ff6b6b;left:35%;top:22px}.cartridge-text .spark-4{animation-delay:2.5s;animation-duration:4.8s;background:#6a9c5a;right:8%;top:19px}.cartridge-text .spark-5{animation-delay:.8s;animation-duration:3.6s;background:#ff6b6b;left:50%;top:18px}.cartridge-text .spark-6{animation-delay:1.8s;animation-duration:4.1s;background:#fdcb6e;right:20%;top:24px}.cartridge-text .spark-7{animation-delay:3.2s;animation-duration:3.9s;background:#6a9c5a;left:65%;top:14px}.cartridge-text .spark-8{animation-delay:.3s;animation-duration:4.3s;background:#fff;right:30%;top:26px}.large{height:30px}.dark{background:#fff;border-radius:0 0 8px 8px;height:160px}.dark .part{height:182px;margin:0 auto;width:235px}.image_bg{border-radius:5px;margin:0 auto -180px;top:-205px;width:210px}.image{align-items:center;background:#f8f9fa;border:none;border-radius:6px;display:flex;height:150px!important;justify-content:center;overflow:hidden;top:5px;width:200px!important}.image p{color:#ccc;font-size:1.5em;left:13px;margin:0;opacity:.7;position:absolute;top:35px;transform:rotate(-5deg)}.triangle{background:none;border-left:12px solid #0000;border-right:12px solid #0000;border-top:15px solid #fff;height:0;margin:0 auto;top:-16px;width:0}.widget-icon{display:block;font-size:3rem;margin-bottom:1rem}.widget-gif{border-radius:5px;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.cartridge:hover .widget-gif{transform:scale(1.05)}body.dark-mode .wad-title{color:#fff}body.dark-mode .part{background:#2a2a2a}body.dark-mode .stripe{background:#404040}body.dark-mode .logo{background:#1a1a1a;border-color:#404040}body.dark-mode .cartridge-text{color:#e9ecef}body.dark-mode .dark{background:#1a1a1a}body.dark-mode .triangle{border-top-color:#1a1a1a}body.dark-mode .image{background:#2a2a2a;border-color:#0000}body.dark-mode .widget-badge{background:#1a1a1a;border-color:#404040;box-shadow:0 2px 8px #0003}body.dark-mode .widget-badge:hover{box-shadow:0 4px 16px #0000004d}body.dark-mode .widget-badge-image{background:#2a2a2a}body.dark-mode .widget-badge-title{color:#fff}body.dark-mode .widget-badge-subtitle{color:#e9ecef}body.dark-mode .widget-title{color:#fff}body.dark-mode .cartridge-text .spark-2{background:#fff;box-shadow:0 0 4px #fffc}body.dark-mode .cartridge-text .spark-1,body.dark-mode .cartridge-text .spark-3,body.dark-mode .cartridge-text .spark-4,body.dark-mode .cartridge-text .spark-5,body.dark-mode .cartridge-text .spark-6,body.dark-mode .cartridge-text .spark-7,body.dark-mode .cartridge-text .spark-8,body.dark-mode .cartridge-text:after,body.dark-mode .cartridge-text:before{box-shadow:0 0 3px currentColor}@media (max-width:1024px){.widgets-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.wad-title{font-size:2rem;margin-left:3%}.widgets-grid{gap:1.5rem;grid-template-columns:1fr}.cartridge,.part{width:220px}.part_1{width:205px}.logo{width:190px}.dark .part{width:205px}.image_bg{width:180px}.image{height:150px!important;width:170px!important}.triangle{border-left-width:12px;border-right-width:12px;border-top-width:16px}.cartridge-text .spark-1{left:12%;top:16px}.cartridge-text .spark-2{right:4%;top:13px}.cartridge-text .spark-3{left:30%;top:18px}.cartridge-text .spark-4{right:6%;top:15px}.cartridge-text .spark-5{left:45%;top:14px}.cartridge-text .spark-6{right:18%;top:20px}.cartridge-text .spark-7{left:60%;top:11px}.cartridge-text .spark-8{right:28%;top:21px}.cartridge-text:before{left:20%;top:12px}.cartridge-text:after{right:12%;top:14px}}.widget-container{margin:0 auto;max-width:1000px}.back-to-widgets-btn{align-items:center;background:none;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .2s ease}.back-to-widgets-btn:hover{background:#f8f9fa;border-color:#7fb368;color:#7fb368}body.dark-mode .back-to-widgets-btn{border-color:#404040;color:#ccc}body.dark-mode .back-to-widgets-btn:hover{background:#2a2a2a;border-color:#7fb368;color:#7fb368}.book-reviewer-page{margin:0 auto;max-width:1000px;padding:2rem}.page-header{margin-bottom:1rem;text-align:center}.page-title{align-items:center;color:#1a1a1a;display:flex;font-weight:700;gap:1rem;justify-content:center;margin:0 0 1rem}.page-icon,.page-title{font-size:2.5rem}.page-subtitle{color:#666;font-size:1.2rem;margin:0}body.dark-mode .page-title{color:#fff}body.dark-mode .page-subtitle{color:#ccc}@media (max-width:768px){.book-reviewer-page{padding:1.5rem}.page-title{flex-direction:column;gap:.5rem}.page-icon,.page-title{font-size:2rem}.page-subtitle{font-size:1.1rem}}.bottom-bar .MuiSvgIcon-root{stroke:currentColor;stroke-width:2;fill:none;height:20px;width:20px}.bottom-bar svg{height:20px;width:20px}body.dark-mode .book-review-badge{background:#7fb368;border-color:#7fb368;color:#fff}body.dark-mode .book-review-badge svg{color:#fff}.book-review-info{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.book-review-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.book-details{flex:1 1}.book-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.book-author{color:#666;font-size:1.1rem;font-style:italic;margin:0}.book-rating{align-items:center;display:flex;flex-direction:column;gap:.5rem}.rating-stars{gap:.25rem}.rating-stars .star{color:#d1d5db;font-size:1.5rem;transition:color .2s ease}.rating-stars .star.filled{color:#7fb368}.rating-text{font-size:.9rem}body.dark-mode .book-review-info{background:#2a1a1a;border-color:#7fb368}body.dark-mode .book-title{color:#fff}body.dark-mode .book-author{color:#ccc}@media (max-width:768px){.book-review-header{align-items:flex-start;flex-direction:column}.book-rating{align-items:center;flex-direction:row;gap:1rem}.book-title{font-size:1.25rem}.book-author{font-size:1rem}.rating-stars .star{font-size:1.25rem}}.admin-tabs{border-bottom:1px solid #e5e5e5;display:flex;gap:.5rem;margin-bottom:1.5rem}.admin-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.admin-tab:hover{background:#f5f5f5;color:#333}.admin-tab.active{background:#f0f8f0;border-bottom-color:#7fb368;color:#7fb368}.conversations-section{margin-top:1rem}.conversation-detail{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.conversation-detail-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:1rem}.conversation-detail .back-btn{align-items:center;background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s ease}.conversation-detail .back-btn:hover{background:#5a6268}.conversation-info h3{color:#333;margin:0 0 .5rem}.conversation-info p{color:#666;font-size:.9rem;margin:.25rem 0}.messages-container{max-height:500px}.message{border-radius:8px;margin-bottom:1rem;padding:1rem}.message.user{background:#e3f2fd;border-left-color:#2196f3}.message.assistant{background:#f3e5f5;border-left-color:#9c27b0}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.message-role{color:#333;font-size:.9rem;font-weight:600}.message-time{color:#666;font-size:.8rem}.message-content{color:#333;line-height:1.5;white-space:pre-wrap}.conversations-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.conversation-actions{display:flex;gap:.5rem}.view-btn{background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem;transition:background-color .2s ease}.view-btn:hover{background:#138496}.conversation-card-mobile{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:1rem;padding:1rem}.conversation-card-header{margin-bottom:1rem}.conversation-user-mobile{color:#333;font-size:1.1rem;margin:0 0 .5rem}.conversation-message-mobile{color:#666;font-size:.9rem;line-height:1.4;margin:0}.conversation-stats-mobile{display:flex;gap:1rem;margin-bottom:1rem}.conversation-actions-mobile,.view-btn-mobile{display:flex;gap:.5rem}.view-btn-mobile{align-items:center;background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s ease}.view-btn-mobile:hover{background:#138496}.pagination{align-items:center;background:#f8f9fa;border-top:1px solid #e5e5e5;display:flex;gap:1rem;justify-content:center;padding:1rem}.pagination-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s ease}.pagination-btn:hover:not(:disabled){background:#5a6268}.pagination-btn:disabled{background:#dee2e6;cursor:not-allowed}.pagination-info{color:#666;font-size:.9rem}body.dark-mode .admin-tab{color:#ccc}body.dark-mode .admin-tab:hover{background:#333;color:#fff}body.dark-mode .admin-tab.active{background:#2a2a2a;color:#7fb368}body.dark-mode .conversation-detail{background:#2d2d2d;border-color:#404040}body.dark-mode .conversation-detail-header{background:#1a1a1a;border-color:#404040}body.dark-mode .conversation-info h3{color:#fff}body.dark-mode .conversation-info p{color:#ccc}body.dark-mode .message.user{background:#1a1a2a;border-color:#2196f3}body.dark-mode .message.assistant{background:#2a1a2a;border-color:#9c27b0}body.dark-mode .message-content,body.dark-mode .message-role{color:#fff}body.dark-mode .conversation-card-mobile,body.dark-mode .conversations-table{background:#2d2d2d;border-color:#404040}body.dark-mode .conversation-user-mobile{color:#fff}body.dark-mode .conversation-message-mobile{color:#ccc}body.dark-mode .pagination{background:#1a1a1a;border-color:#404040}body.dark-mode .pagination-info{color:#ccc}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.markdown-content{color:#333;line-height:1.6}.markdown-h1{border-bottom:2px solid #3498db;color:#2c3e50;font-size:2em;padding-bottom:.3em}.markdown-h1,.markdown-h2{font-weight:700;margin:1em 0 .5em}.markdown-h2{border-bottom:1px solid #bdc3c7;color:#34495e;font-size:1.5em;padding-bottom:.2em}.markdown-h3{color:#2c3e50;font-size:1.3em}.markdown-h3,.markdown-h4{font-weight:700;margin:1em 0 .5em}.markdown-h4{color:#34495e;font-size:1.2em}.markdown-h5{color:#2c3e50;font-size:1.1em}.markdown-h5,.markdown-h6{font-weight:700;margin:1em 0 .5em}.markdown-h6{color:#34495e;font-size:1em}.markdown-p{color:#e0e0e0;margin:.8em 0;text-align:justify}.markdown-ol,.markdown-ul{margin:.8em 0;padding-left:2em}.markdown-li{margin:.3em 0}.markdown-blockquote{background-color:#f8f9fa;border-left:4px solid #3498db;color:#555;font-style:italic;margin:1em 0;padding:.5em 1em}.markdown-inline-code{background-color:#f1f3f4;border-radius:3px;color:#d73a49;padding:.2em .4em}.markdown-code-block,.markdown-inline-code{font-family:Courier New,monospace;font-size:.9em}.markdown-code-block{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;color:#333;margin:1em 0;overflow-x:auto;padding:1em}.markdown-code-block code{background:none;color:inherit;padding:0}.markdown-link{border-bottom:1px solid #0000;color:#3498db;text-decoration:none;transition:border-bottom-color .3s ease}.markdown-link:hover{border-bottom-color:#3498db}.markdown-strong{color:#2c3e50;font-weight:700}.markdown-em{color:#34495e;font-style:italic}.markdown-hr{border:none;border-top:2px solid #bdc3c7;margin:2em 0}.markdown-table{background-color:#fff;border-collapse:collapse;box-shadow:0 2px 4px #0000001a;margin:1em 0;width:100%}.markdown-thead{background-color:#3498db;color:#fff}.markdown-th{border-bottom:2px solid #2980b9;font-weight:700;padding:.8em;text-align:left}.markdown-td{border-bottom:1px solid #ecf0f1;padding:.8em}.markdown-tr:nth-child(2n){background-color:#f8f9fa}.markdown-tr:hover{background-color:#e8f4fd}.katex{font-size:1.1em}.katex-display{margin:1em 0;text-align:center}@media (max-width:768px){.markdown-h1{font-size:1.8em}.markdown-h2{font-size:1.4em}.markdown-h3{font-size:1.2em}.markdown-table{font-size:.9em}.markdown-td,.markdown-th{padding:.5em}}.light,.light-theme,:root{--blue-1:#fbfdff;--blue-2:#f4faff;--blue-3:#e6f4fe;--blue-4:#d5efff;--blue-5:#c2e5ff;--blue-6:#acd8fc;--blue-7:#8ec8f6;--blue-8:#5eb1ef;--blue-9:#0090ff;--blue-10:#0588f0;--blue-11:#0d74ce;--blue-12:#113264}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.light,.light-theme,:root{--blue-1:color(display-p3 0.986 0.992 0.999);--blue-2:color(display-p3 0.96 0.979 0.998);--blue-3:color(display-p3 0.912 0.956 0.991);--blue-4:color(display-p3 0.853 0.932 1);--blue-5:color(display-p3 0.788 0.894 0.998);--blue-6:color(display-p3 0.709 0.843 0.976);--blue-7:color(display-p3 0.606 0.777 0.947);--blue-8:color(display-p3 0.451 0.688 0.917);--blue-9:color(display-p3 0.247 0.556 0.969);--blue-10:color(display-p3 0.234 0.523 0.912);--blue-11:color(display-p3 0.15 0.44 0.84);--blue-12:color(display-p3 0.102 0.193 0.379)}}}.dark,.dark-theme{--blue-1:#0d1520;--blue-2:#111927;--blue-3:#0d2847;--blue-4:#003362;--blue-5:#004074;--blue-6:#104d87;--blue-7:#205d9e;--blue-8:#2870bd;--blue-9:#0090ff;--blue-10:#3b9eff;--blue-11:#70b8ff;--blue-12:#c2e6ff}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.dark,.dark-theme{--blue-1:color(display-p3 0.057 0.081 0.122);--blue-2:color(display-p3 0.072 0.098 0.147);--blue-3:color(display-p3 0.078 0.154 0.27);--blue-4:color(display-p3 0.033 0.197 0.37);--blue-5:color(display-p3 0.08 0.245 0.441);--blue-6:color(display-p3 0.14 0.298 0.511);--blue-7:color(display-p3 0.195 0.361 0.6);--blue-8:color(display-p3 0.239 0.434 0.72);--blue-9:color(display-p3 0.247 0.556 0.969);--blue-10:color(display-p3 0.344 0.612 0.973);--blue-11:color(display-p3 0.49 0.72 1);--blue-12:color(display-p3 0.788 0.898 0.99)}}}.light,.light-theme,:root{--slate-1:#fcfcfd;--slate-2:#f9f9fb;--slate-3:#f0f0f3;--slate-4:#e8e8ec;--slate-5:#e0e1e6;--slate-6:#d9d9e0;--slate-7:#cdced6;--slate-8:#b9bbc6;--slate-9:#8b8d98;--slate-10:#80838d;--slate-11:#60646c;--slate-12:#1c2024}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.light,.light-theme,:root{--slate-1:color(display-p3 0.988 0.988 0.992);--slate-2:color(display-p3 0.976 0.976 0.984);--slate-3:color(display-p3 0.94 0.941 0.953);--slate-4:color(display-p3 0.908 0.909 0.925);--slate-5:color(display-p3 0.88 0.881 0.901);--slate-6:color(display-p3 0.85 0.852 0.876);--slate-7:color(display-p3 0.805 0.808 0.838);--slate-8:color(display-p3 0.727 0.733 0.773);--slate-9:color(display-p3 0.547 0.553 0.592);--slate-10:color(display-p3 0.503 0.512 0.549);--slate-11:color(display-p3 0.379 0.392 0.421);--slate-12:color(display-p3 0.113 0.125 0.14)}}}.dark,.dark-theme{--slate-1:#111113;--slate-2:#18191b;--slate-3:#212225;--slate-4:#272a2d;--slate-5:#2e3135;--slate-6:#363a3f;--slate-7:#43484e;--slate-8:#5a6169;--slate-9:#696e77;--slate-10:#777b84;--slate-11:#b0b4ba;--slate-12:#edeef0}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.dark,.dark-theme{--slate-1:color(display-p3 0.067 0.067 0.074);--slate-2:color(display-p3 0.095 0.098 0.105);--slate-3:color(display-p3 0.13 0.135 0.145);--slate-4:color(display-p3 0.156 0.163 0.176);--slate-5:color(display-p3 0.183 0.191 0.206);--slate-6:color(display-p3 0.215 0.226 0.244);--slate-7:color(display-p3 0.265 0.28 0.302);--slate-8:color(display-p3 0.357 0.381 0.409);--slate-9:color(display-p3 0.415 0.431 0.463);--slate-10:color(display-p3 0.469 0.483 0.514);--slate-11:color(display-p3 0.692 0.704 0.728);--slate-12:color(display-p3 0.93 0.933 0.94)}}}.light,.light-theme,:root{--grass-1:#fbfefb;--grass-2:#f5fbf5;--grass-3:#e9f6e9;--grass-4:#daf1db;--grass-5:#c9e8ca;--grass-6:#b2ddb5;--grass-7:#94ce9a;--grass-8:#65ba74;--grass-9:#46a758;--grass-10:#3e9b4f;--grass-11:#2a7e3b;--grass-12:#203c25}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.light,.light-theme,:root{--grass-1:color(display-p3 0.986 0.996 0.985);--grass-2:color(display-p3 0.966 0.983 0.964);--grass-3:color(display-p3 0.923 0.965 0.917);--grass-4:color(display-p3 0.872 0.94 0.865);--grass-5:color(display-p3 0.811 0.908 0.802);--grass-6:color(display-p3 0.733 0.864 0.724);--grass-7:color(display-p3 0.628 0.803 0.622);--grass-8:color(display-p3 0.477 0.72 0.482);--grass-9:color(display-p3 0.38 0.647 0.378);--grass-10:color(display-p3 0.344 0.598 0.342);--grass-11:color(display-p3 0.263 0.488 0.261);--grass-12:color(display-p3 0.151 0.233 0.153)}}}.light,.light-theme,:root{--cyan-1:#fafdfe;--cyan-2:#f2fafb;--cyan-3:#def7f9;--cyan-4:#caf1f6;--cyan-5:#b5e9f0;--cyan-6:#9ddde7;--cyan-7:#7dcedc;--cyan-8:#3db9cf;--cyan-9:#00a2c7;--cyan-10:#0797b9;--cyan-11:#107d98;--cyan-12:#0d3c48}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.light,.light-theme,:root{--cyan-1:color(display-p3 0.982 0.992 0.996);--cyan-2:color(display-p3 0.955 0.981 0.984);--cyan-3:color(display-p3 0.888 0.965 0.975);--cyan-4:color(display-p3 0.821 0.941 0.959);--cyan-5:color(display-p3 0.751 0.907 0.935);--cyan-6:color(display-p3 0.671 0.862 0.9);--cyan-7:color(display-p3 0.564 0.8 0.854);--cyan-8:color(display-p3 0.388 0.715 0.798);--cyan-9:color(display-p3 0.282 0.627 0.765);--cyan-10:color(display-p3 0.264 0.583 0.71);--cyan-11:color(display-p3 0.08 0.48 0.63);--cyan-12:color(display-p3 0.108 0.232 0.277)}}}.light,.light-theme,:root{--amber-1:#fefdfb;--amber-2:#fefbe9;--amber-3:#fff7c2;--amber-4:#ffee9c;--amber-5:#fbe577;--amber-6:#f3d673;--amber-7:#e9c162;--amber-8:#e2a336;--amber-9:#ffc53d;--amber-10:#ffba18;--amber-11:#ab6400;--amber-12:#4f3422}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.light,.light-theme,:root{--amber-1:color(display-p3 0.995 0.992 0.985);--amber-2:color(display-p3 0.994 0.986 0.921);--amber-3:color(display-p3 0.994 0.969 0.782);--amber-4:color(display-p3 0.989 0.937 0.65);--amber-5:color(display-p3 0.97 0.902 0.527);--amber-6:color(display-p3 0.936 0.844 0.506);--amber-7:color(display-p3 0.89 0.762 0.443);--amber-8:color(display-p3 0.85 0.65 0.3);--amber-9:color(display-p3 1 0.77 0.26);--amber-10:color(display-p3 0.959 0.741 0.274);--amber-11:color(display-p3 0.64 0.4 0);--amber-12:color(display-p3 0.294 0.208 0.145)}}}.light,.light-theme,:root{--red-1:#fffcfc;--red-2:#fff7f7;--red-3:#feebec;--red-4:#ffdbdc;--red-5:#ffcdce;--red-6:#fdbdbe;--red-7:#f4a9aa;--red-8:#eb8e90;--red-9:#e5484d;--red-10:#dc3e42;--red-11:#ce2c31;--red-12:#641723}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.light,.light-theme,:root{--red-1:color(display-p3 0.998 0.989 0.988);--red-2:color(display-p3 0.995 0.971 0.971);--red-3:color(display-p3 0.985 0.925 0.925);--red-4:color(display-p3 0.999 0.866 0.866);--red-5:color(display-p3 0.984 0.812 0.811);--red-6:color(display-p3 0.955 0.751 0.749);--red-7:color(display-p3 0.915 0.675 0.672);--red-8:color(display-p3 0.872 0.575 0.572);--red-9:color(display-p3 0.83 0.329 0.324);--red-10:color(display-p3 0.798 0.294 0.285);--red-11:color(display-p3 0.744 0.234 0.222);--red-12:color(display-p3 0.36 0.115 0.143)}}}.mdxeditor .cm-editor{--sp-font-mono:var(--font-mono);--sp-font-body:var(--font-body);padding:var(--sp-space-4) 0}.mdxeditor .sp-editor .cm-editor{padding-bottom:0}.mdxeditor .cm-scroller{padding:0!important}.mdxeditor .cm-focused{outline:none}.mdxeditor .sp-wrapper{overflow:hidden}.mdxeditor .sp-layout{border:none}.mdxeditor .sp-cm pre{flex-shrink:1;overflow-wrap:anywhere;white-space:break-spaces;word-break:break-word}.mdxeditor .cm-mergeView .cm-scroller,.mdxeditor .cm-sourceView .cm-scroller{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.3rem}.mdxeditor .cm-gutters{background:#0000;font-size:var(--text-xxs)}.mdxeditor .cm-activeLine{background:#0000}.mdxeditor .cm-tooltip-autocomplete{background:var(--baseBgSubtle)}.mdxeditor hr.selected[data-lexical-decorator=true]{outline:2px solid highlight}._editorRoot_1e2ox_53{--accentBase:var(--blue-1);--accentBgSubtle:var(--blue-2);--accentBg:var(--blue-3);--accentBgHover:var(--blue-4);--accentBgActive:var(--blue-5);--accentLine:var(--blue-6);--accentBorder:var(--blue-7);--accentBorderHover:var(--blue-8);--accentSolid:var(--blue-9);--accentSolidHover:var(--blue-10);--accentText:var(--blue-11);--accentTextContrast:var(--blue-12);--basePageBg:#fff;--baseBase:var(--slate-1);--baseBgSubtle:var(--slate-2);--baseBg:var(--slate-3);--baseBgHover:var(--slate-4);--baseBgActive:var(--slate-5);--baseLine:var(--slate-6);--baseBorder:var(--slate-7);--baseBorderHover:var(--slate-8);--baseSolid:var(--slate-9);--baseSolidHover:var(--slate-10);--baseText:var(--slate-11);--baseTextContrast:var(--slate-12);--admonitionTipBg:var(--cyan-4);--admonitionTipBorder:var(--cyan-8);--admonitionInfoBg:var(--grass-4);--admonitionInfoBorder:var(--grass-8);--admonitionCautionBg:var(--amber-4);--admonitionCautionBorder:var(--amber-8);--admonitionDangerBg:var(--red-4);--admonitionDangerBorder:var(--red-8);--admonitionNoteBg:var(--slate-4);--admonitionNoteBorder:var(--slate-8);--error-color:var(--red-10);--spacing-0:0px;--spacing-px:1px;--spacing-0_5:0.125rem;--spacing-1:0.25rem;--spacing-1_5:0.375rem;--spacing-2:0.5rem;--spacing-2_5:0.625rem;--spacing-3:0.75rem;--spacing-3_5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-44:11rem;--spacing-48:12rem;--spacing-52:13rem;--spacing-56:14rem;--spacing-60:15rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-96:24rem;--radius-none:0px;--radius-small:var(--spacing-0_5);--radius-base:var(--spacing-1);--radius-medium:var(--spacing-1_5);--radius-large:var(--spacing-2);--radius-extra-large:var(--spacing-3);--radius-full:9999px;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--text-base:1rem;--text-sm:0.875rem;--text-xs:0.75rem;--text-xxs:0.6rem;color:var(--baseText);font-family:var(--font-body)}._nestedListItem_1e2ox_158{list-style:none}._toolbarRoot_1e2ox_162{align-items:center;background-color:var(--baseBg);border-radius:var(--radius-medium);display:flex;flex-direction:row;gap:var(--spacing-1);overflow-x:auto;padding:var(--spacing-1_5);position:sticky;top:0;width:inherit;z-index:2}._toolbarRoot_1e2ox_162 div[role=separator]{border-left:1px solid var(--baseBorder);border-right:1px solid var(--baseBase);height:var(--spacing-4);margin:var(--spacing-2) var(--spacing-1)}._toolbarRoot_1e2ox_162 svg{color:var(--baseTextContrast);display:block}._readOnlyToolbarRoot_1e2ox_189{background:var(--baseBase);pointer-events:none}._readOnlyToolbarRoot_1e2ox_189>div{opacity:.5}._toolbarModeSwitch_1e2ox_198{align-items:stretch;align-self:stretch;border:1px solid var(--baseBg);border-radius:var(--radius-medium);display:flex;font-size:var(--text-xs);margin-left:auto;opacity:1!important}._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208{padding-inline-end:var(--spacing-4);padding-inline-start:var(--spacing-4)}._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:active,._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208[data-state=on]{background-color:var(--baseBorder)}._toolbarGroupOfGroups_1e2ox_219{display:flex;margin:0 var(--spacing-1)}._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:first-child,._toolbarToggleSingleGroup_1e2ox_224:first-of-type ._toolbarToggleItem_1e2ox_208:only-child,._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:first-child{border-bottom-left-radius:var(--radius-base);border-top-left-radius:var(--radius-base)}._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:last-child,._toolbarToggleSingleGroup_1e2ox_224:last-of-type ._toolbarToggleItem_1e2ox_208:only-child,._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:last-child{border-bottom-right-radius:var(--radius-base);border-top-right-radius:var(--radius-base)}._toolbarButton_1e2ox_239,._toolbarToggleItem_1e2ox_208{all:unset;appearance:none;background-color:initial;border:0;box-sizing:border-box;cursor:default;font-size:inherit;padding:var(--spacing-0_5)}@media (hover:hover){._toolbarButton_1e2ox_239:hover,._toolbarToggleItem_1e2ox_208:hover{background-color:var(--baseBgActive)}}._toolbarButton_1e2ox_239:active svg,._toolbarToggleItem_1e2ox_208:active svg{transform:translate(1px,1px)}._toolbarButton_1e2ox_239:active,._toolbarButton_1e2ox_239[data-state=on],._toolbarToggleItem_1e2ox_208:active,._toolbarToggleItem_1e2ox_208[data-state=on]{background-color:var(--baseBgActive);color:var(--baseTextContrast)}._toolbarButton_1e2ox_239[data-disabled],._toolbarToggleItem_1e2ox_208[data-disabled]{pointer-events:none}._toolbarButton_1e2ox_239[data-disabled] svg,._toolbarToggleItem_1e2ox_208[data-disabled] svg{color:var(--baseBorderHover)}._toolbarButton_1e2ox_239{border-radius:var(--radius-base)}._toolbarButton_1e2ox_239+._toolbarButton_1e2ox_239{margin-left:var(--spacing-1)}._activeToolbarButton_1e2ox_275{color:var(--accentText)}._toolbarToggleSingleGroup_1e2ox_224{align-items:center;display:flex;white-space:nowrap}._selectContainer_1e2ox_288,._toolbarButtonDropdownContainer_1e2ox_286,._toolbarCodeBlockLanguageSelectContent_1e2ox_287,._toolbarNodeKindSelectContainer_1e2ox_285{background-color:var(--basePageBg);border-bottom-left-radius:var(--radius-base);border-bottom-right-radius:var(--radius-base);filter:drop-shadow(0 2px 2px rgb(0 0 0/.2));font-size:var(--text-sm);width:var(--spacing-36);z-index:3}._toolbarButtonDropdownContainer_1e2ox_286,._toolbarButtonDropdownContainer_1e2ox_286 ._selectItem_1e2ox_301:first-child{border-top-right-radius:var(--radius-base)}._selectTrigger_1e2ox_308,._toolbarButtonSelectTrigger_1e2ox_307,._toolbarNodeKindSelectTrigger_1e2ox_306{align-items:center;background-color:initial;background-color:var(--basePageBg);border:0;border-radius:var(--radius-medium);color:inherit;display:flex;flex-wrap:nowrap;font-size:var(--text-sm);margin:0 var(--spacing-1);padding:var(--spacing-0_5) var(--spacing-1);padding-inline-start:var(--spacing-2);white-space:nowrap;width:var(--spacing-36)}._selectTrigger_1e2ox_308[data-state=open],._toolbarButtonSelectTrigger_1e2ox_307[data-state=open],._toolbarNodeKindSelectTrigger_1e2ox_306[data-state=open]{border-bottom-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none);filter:drop-shadow(0 2px 2px rgb(0 0 0/.2))}._selectTrigger_1e2ox_308[data-placeholder]>span:first-child{color:var(--baseBorderHover)}._toolbarButtonSelectTrigger_1e2ox_307{padding-block:var(--spacing-0_5);padding-inline-end:var(--spacing-1);padding-inline-start:var(--spacing-2);width:auto}._toolbarCodeBlockLanguageSelectContent_1e2ox_287,._toolbarCodeBlockLanguageSelectTrigger_1e2ox_343{width:var(--spacing-48)}._selectItem_1e2ox_301,._toolbarNodeKindSelectItem_1e2ox_348{cursor:default;display:flex;padding:var(--spacing-2)}._selectItem_1e2ox_301[data-highlighted],._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted]{background-color:var(--baseBg)}._selectItem_1e2ox_301[data-state=checked],._toolbarNodeKindSelectItem_1e2ox_348[data-state=checked]{background-color:var(--baseBg);color:var(--baseTextContrast)}._selectItem_1e2ox_301[data-highlighted],._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted]{outline:none}._selectItem_1e2ox_301:last-child,._toolbarNodeKindSelectItem_1e2ox_348:last-child{border-bottom-left-radius:var(--radius-base);border-bottom-right-radius:var(--radius-base)}._selectDropdownArrow_1e2ox_374,._toolbarNodeKindSelectDropdownArrow_1e2ox_373{align-items:center;display:flex;margin-left:auto}._contentEditable_1e2ox_380{box-sizing:border-box;color:var(--baseTextContrast);padding:var(--spacing-3);width:100%}._contentEditable_1e2ox_380:focus{outline:none}._codeMirrorWrapper_1e2ox_392{padding:.8rem}._codeMirrorWrapper_1e2ox_392,._sandPackWrapper_1e2ox_401{border:1px solid var(--baseLine);border-radius:var(--radius-medium);margin-bottom:var(--spacing-5);overflow:hidden;position:relative}._codeMirrorToolbar_1e2ox_409{background-color:var(--baseBase);border-bottom-left-radius:var(--radius-base);display:flex;gap:var(--spacing-1);padding:var(--spacing-1);position:absolute;right:0;top:0;z-index:1}._frontmatterWrapper_1e2ox_413{background-color:var(--baseBgSubtle);border-radius:var(--radius-medium);padding:var(--spacing-3)}._frontmatterWrapper_1e2ox_413[data-expanded=true]{margin-bottom:var(--spacing-10)}._frontmatterToggleButton_1e2ox_423{all:unset;align-items:center;appearance:none;background-color:initial;border:0;box-sizing:border-box;cursor:default;display:flex;font-size:inherit;font-size:var(--text-sm);gap:var(--spacing-1)}._propertyPanelTitle_1e2ox_431{font-size:var(--text-xs);font-weight:400;margin:0;padding-left:var(--spacing-2);padding-top:var(--spacing-2)}._propertyEditorTable_1e2ox_439{border-spacing:var(--spacing-2);table-layout:fixed}._propertyEditorTable_1e2ox_439 th{font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-3);text-align:left}._propertyEditorTable_1e2ox_439 col:first-child{width:30%}._propertyEditorTable_1e2ox_439 col:nth-child(2){width:70%}._propertyEditorTable_1e2ox_439 td:last-child ._iconButton_1e2ox_457{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}._propertyEditorTable_1e2ox_439 ._readOnlyColumnCell_1e2ox_462{padding-left:0}._propertyEditorLabelCell_1e2ox_467{font-weight:400}._readOnlyColumnCell_1e2ox_462{padding-left:0}._buttonsFooter_1e2ox_475{display:flex;gap:var(--spacing-2);justify-content:flex-end}._propertyEditorInput_1e2ox_481{all:unset;appearance:none;background-color:initial;background-color:var(--baseBase);border:0;border:1px solid var(--baseBorder);border-radius:var(--radius-base);box-sizing:border-box;cursor:default;font-size:inherit;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-3);width:100%}._iconButton_1e2ox_457{all:unset;appearance:none;background-color:initial;border:0;box-sizing:border-box;color:var(--baseText);cursor:default;font-size:inherit}@media (hover:hover){._iconButton_1e2ox_457:hover{color:var(--baseTextContrast)}}._iconButton_1e2ox_457:disabled,._iconButton_1e2ox_457:disabled:hover{color:var(--baseLine)}._primaryButton_1e2ox_507,._secondaryButton_1e2ox_508{all:unset;appearance:none;background-color:initial;background-color:var(--accentSolidHover);border:0;border:1px solid var(--accentBorder);border-radius:var(--radius-medium);box-sizing:border-box;color:var(--baseBase);cursor:default;font-size:inherit;font-size:var(--text-xs);padding:var(--spacing-2) var(--spacing-3)}._primaryButton_1e2ox_507:disabled,._secondaryButton_1e2ox_508:disabled{background:var(--accentLine);border-color:var(--accentBg)}._smallButton_1e2ox_523{border-radius:var(--radius-base);font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2)}._secondaryButton_1e2ox_508{background-color:var(--baseSolidHover);border:1px solid var(--baseBorder);color:var(--baseBase)}._dialogForm_1e2ox_535{display:flex;flex-direction:row;gap:var(--spacing-2)}._linkDialogEditForm_1e2ox_541{gap:var(--spacing-2);padding:0}._linkDialogEditForm_1e2ox_541,._linkDialogInputContainer_1e2ox_549{align-items:stretch;display:flex;flex-direction:column}._linkDialogInputWrapper_1e2ox_555{align-items:center;background-color:var(--baseBase);border:1px solid var(--baseBorder);border-radius:var(--radius-base);display:flex}._linkDialogInputWrapper_1e2ox_555[data-visible-dropdown=true]{border-bottom-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none);border-bottom-width:0}._linkDialogInputWrapper_1e2ox_555>button{all:unset;appearance:none;background-color:initial;border:0;box-sizing:border-box;cursor:default;font-size:inherit;padding-right:var(--spacing-2)}._dialogInput_1e2ox_576,._linkDialogInput_1e2ox_549{all:unset;appearance:none;background-color:initial;border:0;box-sizing:border-box;cursor:default;font-size:inherit;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-3);width:20rem}._dialogInput_1e2ox_576::placeholder,._linkDialogInput_1e2ox_549::placeholder{color:var(--baseBorder)}._linkDialogAnchor_1e2ox_587{background-color:highlight;position:fixed;z-index:-1}._linkDialogAnchor_1e2ox_587[data-visible=true]{visibility:visible}._linkDialogAnchor_1e2ox_587[data-visible=false]{visibility:hidden}._dialogContent_1e2ox_603,._linkDialogPopoverContent_1e2ox_601,._tableColumnEditorPopoverContent_1e2ox_602{align-items:center;background-color:var(--basePageBg);border:1px solid var(--baseBg);border-radius:var(--radius-medium);display:flex;filter:drop-shadow(0 2px 2px rgb(0 0 0/.2));font-size:var(--text-sm);gap:var(--spacing-0_5);padding:var(--spacing-1) var(--spacing-1)}._largeDialogContent_1e2ox_615{background-color:var(--baseBgSubtle);border:1px solid var(--baseBorder);border-radius:var(--radius-medium);filter:drop-shadow(0 2px 2px rgb(0 0 0/.2));font-size:var(--text-sm);gap:var(--spacing-0_5);padding:var(--spacing-4)}._dialogTitle_1e2ox_625{font-size:var(--text-base);font-weight:600;padding-left:var(--spacing-2)}._dialogCloseButton_1e2ox_631{all:unset;appearance:none;background-color:initial;border:0;box-sizing:border-box;cursor:default;font-size:inherit;position:absolute;right:10px;top:10px}._popoverContent_1e2ox_638{align-items:center;background-color:var(--baseBgSubtle);border-radius:var(--radius-medium);display:flex;filter:drop-shadow(0 2px 2px rgb(0 0 0/.2));font-size:var(--text-sm);gap:var(--spacing-0_5);padding:var(--spacing-2) var(--spacing-2);z-index:1}._popoverArrow_1e2ox_650{fill:var(--basePageBg)}._linkDialogPreviewAnchor_1e2ox_654{align-items:center;border:1px solid #0000;color:var(--accentText);display:flex;margin-right:var(--spacing-1);text-decoration:none}@media (hover:hover){._linkDialogPreviewAnchor_1e2ox_654:hover{color:var(--accentSolidHover)}}._linkDialogPreviewAnchor_1e2ox_654 span{max-width:14rem;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}._tooltipTrigger_1e2ox_677{align-self:center}._tooltipContent_1e2ox_681{background-color:var(--baseText);border-radius:var(--radius-medium);color:var(--baseBase);font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2);position:relative;z-index:2}._tooltipContent_1e2ox_681 svg{fill:var(--baseText)}._actionButton_1e2ox_695{all:unset;appearance:none;background-color:initial;border:0;border-radius:var(--radius-medium);box-sizing:border-box;color:var(--baseTextContrast);cursor:default;font-size:inherit;padding:var(--spacing-1) var(--spacing-1)}._actionButton_1e2ox_695 svg{display:block}@media (hover:hover){._actionButton_1e2ox_695:hover{background-color:var(--baseBg)}}._actionButton_1e2ox_695:active svg{transform:translate(1px,1px)}._actionButton_1e2ox_695:active,._actionButton_1e2ox_695[data-state=on]{background-color:var(--baseBg);color:var(--baseTextContrast)}._primaryActionButton_1e2ox_702{background-color:var(--accentSolid);color:var(--baseBase)}@media (hover:hover){._primaryActionButton_1e2ox_702:hover{background-color:var(--accentSolidHover);color:var(--baseBase)}}._tableEditor_1e2ox_714{border-collapse:collapse;border-spacing:0;height:100%;table-layout:fixed;width:100%}._tableEditor_1e2ox_714 thead>tr>th{text-align:right}._tableEditor_1e2ox_714>tbody>tr>td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714>tbody>tr>th:not(._toolCell_1e2ox_725):not([data-tool-cell=true]){border:1px solid var(--baseBgActive);padding:var(--spacing-1) var(--spacing-2);white-space:normal}:is(._tableEditor_1e2ox_714>tbody>tr>td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714>tbody>tr>th:not(._toolCell_1e2ox_725):not([data-tool-cell=true]))>div{outline:none}:is(._tableEditor_1e2ox_714>tbody>tr>td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714>tbody>tr>th:not(._toolCell_1e2ox_725):not([data-tool-cell=true]))>div>p{margin:0}[data-active=true]:is(._tableEditor_1e2ox_714>tbody>tr>td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714>tbody>tr>th:not(._toolCell_1e2ox_725):not([data-tool-cell=true])){outline:solid 1px var(--baseSolid)}._tableEditor_1e2ox_714 ._addColumnButton_1e2ox_747,._tableEditor_1e2ox_714 ._addRowButton_1e2ox_746,._tableEditor_1e2ox_714 ._iconButton_1e2ox_457,._tableEditor_1e2ox_714 ._tableColumnEditorTrigger_1e2ox_744,._tableEditor_1e2ox_714 ._tableRowEditorTrigger_1e2ox_745{opacity:.15}@media (hover:hover){._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747,._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746,._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457,._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744,._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745{opacity:.3}._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747:hover,._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746:hover,._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457:hover,._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744:hover,._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745:hover{opacity:1}}._toolCell_1e2ox_725{text-align:right}._toolCell_1e2ox_725 button{display:block;margin:auto}._tableColumnEditorTrigger_1e2ox_744{all:unset;appearance:none;background-color:initial;border:0;border-radius:var(--radius-full);box-sizing:border-box;color:var(--baseTextContrast);cursor:default;font-size:inherit;opacity:.2;padding:var(--spacing-1)}._tableColumnEditorTrigger_1e2ox_744 svg{display:block}@media (hover:hover){._tableColumnEditorTrigger_1e2ox_744:hover{background-color:var(--baseBg)}}._tableColumnEditorTrigger_1e2ox_744:active svg{transform:translate(1px,1px)}._tableColumnEditorTrigger_1e2ox_744:active,._tableColumnEditorTrigger_1e2ox_744[data-state=on]{background-color:var(--baseBg);color:var(--baseTextContrast)}._tableColumnEditorTrigger_1e2ox_744[data-active=true]{opacity:1!important}._tableColumnEditorToolbar_1e2ox_789{display:flex}._tableColumnEditorToolbar_1e2ox_789>button{all:unset;appearance:none;background-color:initial;border:0;box-sizing:border-box;color:var(--baseTextContrast);cursor:default;font-size:inherit;padding:var(--spacing-1)}._tableColumnEditorToolbar_1e2ox_789>button svg{display:block}@media (hover:hover){._tableColumnEditorToolbar_1e2ox_789>button:hover{background-color:var(--baseBg)}}._tableColumnEditorToolbar_1e2ox_789>button:active svg{transform:translate(1px,1px)}._tableColumnEditorToolbar_1e2ox_789>button:active,._tableColumnEditorToolbar_1e2ox_789>button[data-state=on]{background-color:var(--baseBg);color:var(--baseTextContrast)}._tableColumnEditorToolbar_1e2ox_789 [role=separator]{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}._toggleGroupRoot_1e2ox_802{display:inline-flex}._toggleGroupRoot_1e2ox_802 button{all:unset;appearance:none;background-color:initial;border:0;box-sizing:border-box;color:var(--baseTextContrast);cursor:default;font-size:inherit;padding:var(--spacing-1)}._toggleGroupRoot_1e2ox_802 button svg{display:block}@media (hover:hover){._toggleGroupRoot_1e2ox_802 button:hover{background-color:var(--baseBg)}}._toggleGroupRoot_1e2ox_802 button:active svg{transform:translate(1px,1px)}._toggleGroupRoot_1e2ox_802 button:active,._toggleGroupRoot_1e2ox_802 button[data-state=on]{background-color:var(--baseBg);color:var(--baseTextContrast)}._toggleGroupRoot_1e2ox_802 button:first-child{border-bottom-left-radius:var(--radius-base);border-top-left-radius:var(--radius-base)}._toggleGroupRoot_1e2ox_802 button:last-child{border-bottom-right-radius:var(--radius-base);border-top-right-radius:var(--radius-base)}._tableToolsColumn_1e2ox_820{width:2rem}._tableToolsColumn_1e2ox_820 button{display:block;margin:auto}._leftAlignedCell_1e2ox_829{text-align:left}._rightAlignedCell_1e2ox_833{text-align:right}._centeredCell_1e2ox_837{text-align:center}._addColumnButton_1e2ox_747,._addRowButton_1e2ox_746{all:unset;align-items:center;appearance:none;background-color:initial;background-color:var(--baseBase);border:0;box-sizing:border-box;color:var(--baseTextContrast);cursor:default;display:flex;font-size:inherit;padding:var(--spacing-1)}._addColumnButton_1e2ox_747 svg,._addRowButton_1e2ox_746 svg{display:block}@media (hover:hover){._addColumnButton_1e2ox_747:hover,._addRowButton_1e2ox_746:hover{background-color:var(--baseBg)}}._addColumnButton_1e2ox_747:active svg,._addRowButton_1e2ox_746:active svg{transform:translate(1px,1px)}._addColumnButton_1e2ox_747:active,._addColumnButton_1e2ox_747[data-state=on],._addRowButton_1e2ox_746:active,._addRowButton_1e2ox_746[data-state=on]{background-color:var(--baseBg);color:var(--baseTextContrast)}._addColumnButton_1e2ox_747 svg,._addRowButton_1e2ox_746 svg{margin:auto}._addRowButton_1e2ox_746{border-bottom-left-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium);box-sizing:border-box;margin-top:var(--spacing-px);width:100%}._addColumnButton_1e2ox_747{border-bottom-right-radius:var(--radius-medium);border-top-right-radius:var(--radius-medium);height:100%;margin-left:var(--spacing-px)}._dialogOverlay_1e2ox_870{animation:_overlayShow_1e2ox_1 .15s cubic-bezier(.16,1,.3,1);background-color:var(--baseBase);inset:0;opacity:.5;position:fixed;z-index:51}._dialogContent_1e2ox_603,._largeDialogContent_1e2ox_615{animation:_contentShow_1e2ox_1 .15s cubic-bezier(.16,1,.3,1);left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:52}._dialogContent_1e2ox_603:focus,._largeDialogContent_1e2ox_615:focus{outline:none}@keyframes _overlayShow_1e2ox_1{0%{opacity:0}to{opacity:.5}}@keyframes _contentShow_1e2ox_1{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}._focusedImage_1e2ox_916{outline:2px solid highlight}._imageWrapper_1e2ox_920{display:inline-block;position:relative}._imageWrapper_1e2ox_920[draggable=true]{cursor:move;cursor:grab;cursor:-webkit-grab}._editImageToolbar_1e2ox_933{background-color:var(--baseBase);border-bottom-left-radius:var(--radius-base);display:flex;gap:var(--spacing-1);padding:var(--spacing-1);position:absolute;right:0;top:0;z-index:1}._editImageButton_1e2ox_937 svg{display:block}._inlineEditor_1e2ox_943{display:inline-flex;padding:var(--spacing-1)}._blockEditor_1e2ox_952,._inlineEditor_1e2ox_943{align-items:center;background:var(--baseBg);border-radius:var(--radius-medium);gap:var(--spacing-2)}._blockEditor_1e2ox_952{display:flex;justify-content:stretch;padding:var(--spacing-2)}._blockEditor_1e2ox_952 ._nestedEditor_1e2ox_961{flex-grow:1}._nestedEditor_1e2ox_961{background:var(--basePageBg);border-radius:var(--radius-medium);padding:var(--spacing-1) var(--spacing-2)}._nestedEditor_1e2ox_961>p{margin:0}._nestedEditor_1e2ox_961:focus{outline:none}._genericComponentName_1e2ox_980{color:var(--baseText);font-size:var(--text-sm);padding-right:var(--spacing-2)}._diffSourceToggleWrapper_1e2ox_986{margin-left:auto;opacity:1;pointer-events:auto;position:sticky;right:0}._diffSourceToggle_1e2ox_986{background-color:var(--baseBase);border-radius:var(--radius-medium);display:flex}._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208{padding:0}._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208>span{display:block;padding:var(--spacing-1) var(--spacing-1)}._selectWithLabel_1e2ox_1012{align-items:center;display:flex;gap:var(--spacing-2);margin-left:var(--spacing-2)}._selectWithLabel_1e2ox_1012>label{font-size:var(--text-sm)}._selectWithLabel_1e2ox_1012 ._selectTrigger_1e2ox_308{border:1px solid var(--baseBorder)}._toolbarTitleMode_1e2ox_1027{font-size:var(--text-sm);margin-left:var(--spacing-2)}._imageControlWrapperResizing_1e2ox_1032{touch-action:none}._imageResizer_1e2ox_1036{background-color:var(--accentText);border:1px solid var(--baseBg);display:block;height:7px;position:absolute;width:7px}._imageResizer_1e2ox_1036._imageResizerN_1e2ox_1045{cursor:n-resize;left:48%;top:-6px}._imageResizer_1e2ox_1036._imageResizerNe_1e2ox_1051{cursor:ne-resize;right:-6px;top:-6px}._imageResizer_1e2ox_1036._imageResizerE_1e2ox_1057{bottom:48%;cursor:e-resize;right:-6px}._imageResizer_1e2ox_1036._imageResizerSe_1e2ox_1063{bottom:-2px;cursor:nwse-resize;right:-6px}._imageResizer_1e2ox_1036._imageResizerS_1e2ox_1063{bottom:-2px;cursor:s-resize;left:48%}._imageResizer_1e2ox_1036._imageResizerSw_1e2ox_1075{bottom:-2px;cursor:sw-resize;left:-6px}._imageResizer_1e2ox_1036._imageResizerW_1e2ox_1081{bottom:48%;cursor:w-resize;left:-6px}._imageResizer_1e2ox_1036._imageResizerNw_1e2ox_1087{cursor:nw-resize;left:-6px;top:-6px}._imagePlaceholder_1e2ox_1093{border:2px dashed;height:fit-content;margin:12px;padding:48px;width:fit-content}._imageDimensionsContainer_1e2ox_1101{display:flex;gap:var(--spacing-4)}._placeholder_1e2ox_1106{color:var(--baseSolid);display:inline-block;overflow:hidden;padding:var(--spacing-3);pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}._rootContentEditableWrapper_1e2ox_1119{position:relative}._downshiftContainer_1e2ox_1123{align-items:stretch;display:flex;flex-direction:column}._downshiftInputWrapper_1e2ox_1129{align-items:center;background-color:var(--baseBase);border:1px solid var(--baseBorder);border-radius:var(--radius-base);display:flex}._downshiftInputWrapper_1e2ox_1129[data-visible-dropdown=true]{border-bottom-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none);border-bottom-width:0}._downshiftInputWrapper_1e2ox_1129>button{all:unset;appearance:none;background-color:initial;border:0;box-sizing:border-box;cursor:default;font-size:inherit;padding-right:var(--spacing-2)}._downshiftInput_1e2ox_1129{all:unset;appearance:none;background-color:initial;border:0;box-sizing:border-box;cursor:default;font-size:inherit;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-3);width:20rem}._downshiftInput_1e2ox_1129::placeholder{color:var(--baseBorder)}._downshiftAutocompleteContainer_1e2ox_1160{position:relative}._downshiftAutocompleteContainer_1e2ox_1160 ul{all:unset;background-color:var(--baseBase);border-bottom-left-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium);border-top-width:1px;border:1px solid var(--baseBorder);border-top:0 solid var(--baseBorder);box-sizing:border-box;display:none;font-size:var(--text-sm);max-height:var(--spacing-48);overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}._downshiftAutocompleteContainer_1e2ox_1160 ul[data-visible=true]{display:block}._downshiftAutocompleteContainer_1e2ox_1160 ul li{margin-bottom:var(--spacing-1);overflow-x:hidden;padding:var(--spacing-2) var(--spacing-3);text-overflow:ellipsis;white-space:nowrap}._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-selected=true]{background-color:var(--baseBgSubtle)}._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-highlighted=true]{background-color:var(--baseBgHover)}._downshiftAutocompleteContainer_1e2ox_1160 ul li:last-of-type{border-bottom-left-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium)}._textInput_1e2ox_1206{all:unset;background-color:var(--baseBase);border:1px solid var(--baseBorder);border-radius:var(--radius-base);padding:var(--spacing-2) var(--spacing-3)}form._multiFieldForm_1e2ox_1214{padding:var(--spacing-2)}form._multiFieldForm_1e2ox_1214,form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220{display:flex;flex-direction:column;gap:var(--spacing-2)}form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 label{font-size:var(--text-xs)}._markdownParseError_1e2ox_1231{border:1px solid var(--error-color);border-radius:var(--radius-base);color:var(--error-color);font-size:var(--text-xs);margin-block:var(--spacing-2);padding:var(--spacing-2)}._popupContainer_1e2ox_1240{position:relative;z-index:2}._inputSizer_1e2ox_1245{align-items:center;display:inline-grid;position:relative;vertical-align:initial}._inputSizer_1e2ox_1245 input,._inputSizer_1e2ox_1245:after{appearance:none;background:none;border:none;color:inherit;font:inherit;grid-area:1/2;margin:0;min-width:1rem;padding:0 2px;resize:none;width:auto}._inputSizer_1e2ox_1245 span{padding:.25em}._inputSizer_1e2ox_1245:after{content:attr(data-value);white-space:pre-wrap}._light-theme_1tncs_1,._light_1tncs_1,:root{--blue-1:#fbfdff;--blue-2:#f4faff;--blue-3:#e6f4fe;--blue-4:#d5efff;--blue-5:#c2e5ff;--blue-6:#acd8fc;--blue-7:#8ec8f6;--blue-8:#5eb1ef;--blue-9:#0090ff;--blue-10:#0588f0;--blue-11:#0d74ce;--blue-12:#113264}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){._light-theme_1tncs_1,._light_1tncs_1,:root{--blue-1:color(display-p3 0.986 0.992 0.999);--blue-2:color(display-p3 0.96 0.979 0.998);--blue-3:color(display-p3 0.912 0.956 0.991);--blue-4:color(display-p3 0.853 0.932 1);--blue-5:color(display-p3 0.788 0.894 0.998);--blue-6:color(display-p3 0.709 0.843 0.976);--blue-7:color(display-p3 0.606 0.777 0.947);--blue-8:color(display-p3 0.451 0.688 0.917);--blue-9:color(display-p3 0.247 0.556 0.969);--blue-10:color(display-p3 0.234 0.523 0.912);--blue-11:color(display-p3 0.15 0.44 0.84);--blue-12:color(display-p3 0.102 0.193 0.379)}}}._dark-theme_1tncs_1,._dark_1tncs_1{--blue-1:#0d1520;--blue-2:#111927;--blue-3:#0d2847;--blue-4:#003362;--blue-5:#004074;--blue-6:#104d87;--blue-7:#205d9e;--blue-8:#2870bd;--blue-9:#0090ff;--blue-10:#3b9eff;--blue-11:#70b8ff;--blue-12:#c2e6ff}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){._dark-theme_1tncs_1,._dark_1tncs_1{--blue-1:color(display-p3 0.057 0.081 0.122);--blue-2:color(display-p3 0.072 0.098 0.147);--blue-3:color(display-p3 0.078 0.154 0.27);--blue-4:color(display-p3 0.033 0.197 0.37);--blue-5:color(display-p3 0.08 0.245 0.441);--blue-6:color(display-p3 0.14 0.298 0.511);--blue-7:color(display-p3 0.195 0.361 0.6);--blue-8:color(display-p3 0.239 0.434 0.72);--blue-9:color(display-p3 0.247 0.556 0.969);--blue-10:color(display-p3 0.344 0.612 0.973);--blue-11:color(display-p3 0.49 0.72 1);--blue-12:color(display-p3 0.788 0.898 0.99)}}}._light-theme_1tncs_1,._light_1tncs_1,:root{--slate-1:#fcfcfd;--slate-2:#f9f9fb;--slate-3:#f0f0f3;--slate-4:#e8e8ec;--slate-5:#e0e1e6;--slate-6:#d9d9e0;--slate-7:#cdced6;--slate-8:#b9bbc6;--slate-9:#8b8d98;--slate-10:#80838d;--slate-11:#60646c;--slate-12:#1c2024}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){._light-theme_1tncs_1,._light_1tncs_1,:root{--slate-1:color(display-p3 0.988 0.988 0.992);--slate-2:color(display-p3 0.976 0.976 0.984);--slate-3:color(display-p3 0.94 0.941 0.953);--slate-4:color(display-p3 0.908 0.909 0.925);--slate-5:color(display-p3 0.88 0.881 0.901);--slate-6:color(display-p3 0.85 0.852 0.876);--slate-7:color(display-p3 0.805 0.808 0.838);--slate-8:color(display-p3 0.727 0.733 0.773);--slate-9:color(display-p3 0.547 0.553 0.592);--slate-10:color(display-p3 0.503 0.512 0.549);--slate-11:color(display-p3 0.379 0.392 0.421);--slate-12:color(display-p3 0.113 0.125 0.14)}}}._dark-theme_1tncs_1,._dark_1tncs_1{--slate-1:#111113;--slate-2:#18191b;--slate-3:#212225;--slate-4:#272a2d;--slate-5:#2e3135;--slate-6:#363a3f;--slate-7:#43484e;--slate-8:#5a6169;--slate-9:#696e77;--slate-10:#777b84;--slate-11:#b0b4ba;--slate-12:#edeef0}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){._dark-theme_1tncs_1,._dark_1tncs_1{--slate-1:color(display-p3 0.067 0.067 0.074);--slate-2:color(display-p3 0.095 0.098 0.105);--slate-3:color(display-p3 0.13 0.135 0.145);--slate-4:color(display-p3 0.156 0.163 0.176);--slate-5:color(display-p3 0.183 0.191 0.206);--slate-6:color(display-p3 0.215 0.226 0.244);--slate-7:color(display-p3 0.265 0.28 0.302);--slate-8:color(display-p3 0.357 0.381 0.409);--slate-9:color(display-p3 0.415 0.431 0.463);--slate-10:color(display-p3 0.469 0.483 0.514);--slate-11:color(display-p3 0.692 0.704 0.728);--slate-12:color(display-p3 0.93 0.933 0.94)}}}._light-theme_1tncs_1,._light_1tncs_1,:root{--grass-1:#fbfefb;--grass-2:#f5fbf5;--grass-3:#e9f6e9;--grass-4:#daf1db;--grass-5:#c9e8ca;--grass-6:#b2ddb5;--grass-7:#94ce9a;--grass-8:#65ba74;--grass-9:#46a758;--grass-10:#3e9b4f;--grass-11:#2a7e3b;--grass-12:#203c25}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){._light-theme_1tncs_1,._light_1tncs_1,:root{--grass-1:color(display-p3 0.986 0.996 0.985);--grass-2:color(display-p3 0.966 0.983 0.964);--grass-3:color(display-p3 0.923 0.965 0.917);--grass-4:color(display-p3 0.872 0.94 0.865);--grass-5:color(display-p3 0.811 0.908 0.802);--grass-6:color(display-p3 0.733 0.864 0.724);--grass-7:color(display-p3 0.628 0.803 0.622);--grass-8:color(display-p3 0.477 0.72 0.482);--grass-9:color(display-p3 0.38 0.647 0.378);--grass-10:color(display-p3 0.344 0.598 0.342);--grass-11:color(display-p3 0.263 0.488 0.261);--grass-12:color(display-p3 0.151 0.233 0.153)}}}._light-theme_1tncs_1,._light_1tncs_1,:root{--cyan-1:#fafdfe;--cyan-2:#f2fafb;--cyan-3:#def7f9;--cyan-4:#caf1f6;--cyan-5:#b5e9f0;--cyan-6:#9ddde7;--cyan-7:#7dcedc;--cyan-8:#3db9cf;--cyan-9:#00a2c7;--cyan-10:#0797b9;--cyan-11:#107d98;--cyan-12:#0d3c48}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){._light-theme_1tncs_1,._light_1tncs_1,:root{--cyan-1:color(display-p3 0.982 0.992 0.996);--cyan-2:color(display-p3 0.955 0.981 0.984);--cyan-3:color(display-p3 0.888 0.965 0.975);--cyan-4:color(display-p3 0.821 0.941 0.959);--cyan-5:color(display-p3 0.751 0.907 0.935);--cyan-6:color(display-p3 0.671 0.862 0.9);--cyan-7:color(display-p3 0.564 0.8 0.854);--cyan-8:color(display-p3 0.388 0.715 0.798);--cyan-9:color(display-p3 0.282 0.627 0.765);--cyan-10:color(display-p3 0.264 0.583 0.71);--cyan-11:color(display-p3 0.08 0.48 0.63);--cyan-12:color(display-p3 0.108 0.232 0.277)}}}._light-theme_1tncs_1,._light_1tncs_1,:root{--amber-1:#fefdfb;--amber-2:#fefbe9;--amber-3:#fff7c2;--amber-4:#ffee9c;--amber-5:#fbe577;--amber-6:#f3d673;--amber-7:#e9c162;--amber-8:#e2a336;--amber-9:#ffc53d;--amber-10:#ffba18;--amber-11:#ab6400;--amber-12:#4f3422}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){._light-theme_1tncs_1,._light_1tncs_1,:root{--amber-1:color(display-p3 0.995 0.992 0.985);--amber-2:color(display-p3 0.994 0.986 0.921);--amber-3:color(display-p3 0.994 0.969 0.782);--amber-4:color(display-p3 0.989 0.937 0.65);--amber-5:color(display-p3 0.97 0.902 0.527);--amber-6:color(display-p3 0.936 0.844 0.506);--amber-7:color(display-p3 0.89 0.762 0.443);--amber-8:color(display-p3 0.85 0.65 0.3);--amber-9:color(display-p3 1 0.77 0.26);--amber-10:color(display-p3 0.959 0.741 0.274);--amber-11:color(display-p3 0.64 0.4 0);--amber-12:color(display-p3 0.294 0.208 0.145)}}}._light-theme_1tncs_1,._light_1tncs_1,:root{--red-1:#fffcfc;--red-2:#fff7f7;--red-3:#feebec;--red-4:#ffdbdc;--red-5:#ffcdce;--red-6:#fdbdbe;--red-7:#f4a9aa;--red-8:#eb8e90;--red-9:#e5484d;--red-10:#dc3e42;--red-11:#ce2c31;--red-12:#641723}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){._light-theme_1tncs_1,._light_1tncs_1,:root{--red-1:color(display-p3 0.998 0.989 0.988);--red-2:color(display-p3 0.995 0.971 0.971);--red-3:color(display-p3 0.985 0.925 0.925);--red-4:color(display-p3 0.999 0.866 0.866);--red-5:color(display-p3 0.984 0.812 0.811);--red-6:color(display-p3 0.955 0.751 0.749);--red-7:color(display-p3 0.915 0.675 0.672);--red-8:color(display-p3 0.872 0.575 0.572);--red-9:color(display-p3 0.83 0.329 0.324);--red-10:color(display-p3 0.798 0.294 0.285);--red-11:color(display-p3 0.744 0.234 0.222);--red-12:color(display-p3 0.36 0.115 0.143)}}}._bold_1tncs_10{font-weight:700}._italic_1tncs_14{font-style:italic}._underline_1tncs_18{text-decoration:underline}._strikethrough_1tncs_34{text-decoration:line-through}._underlineStrikethrough_1tncs_38{text-decoration:underline line-through}._subscript_1tncs_42{font-size:.8em;vertical-align:sub!important}._superscript_1tncs_47{font-size:.8em;vertical-align:super}._code_1tncs_52{background-color:var(--baseBg);font-family:var(--font-mono);font-size:94%;padding:1px .25rem}._nestedListItem_1tncs_59{list-style:none}._listitem_1tncs_69{margin:var(--spacing-2) 0}._listItemChecked_1tncs_73,._listItemUnchecked_1tncs_74{list-style-type:none;margin-left:0;margin-right:0;margin-inline-start:-1rem;outline:none;padding-left:var(--spacing-6);padding-right:var(--spacing-6);position:relative}._listItemChecked_1tncs_73{text-decoration:line-through}._listItemChecked_1tncs_73:before,._listItemUnchecked_1tncs_74:before{background-size:cover;content:"";cursor:pointer;display:block;height:var(--spacing-4);left:0;position:absolute;top:0;width:var(--spacing-4)}._listItemChecked_1tncs_73[dir=rtl]:before,._listItemUnchecked_1tncs_74[dir=rtl]:before{left:auto;right:0}._listItemChecked_1tncs_73:focus:before,._listItemUnchecked_1tncs_74:focus:before{border-radius:var(--radius-small);box-shadow:0 0 0 2px var(--accentBgActive)}._listItemUnchecked_1tncs_74:before{border:1px solid var(--baseBorder);border-radius:var(--radius-small)}._listItemChecked_1tncs_73:before{background-color:var(--accentSolid);background-repeat:no-repeat;border:1px solid var(--accentBorder);border-radius:var(--radius-small)}._listItemChecked_1tncs_73:after{border-color:var(--baseBase);border-style:solid;border-width:0 var(--spacing-0_5) var(--spacing-0_5) 0;content:"";cursor:pointer;display:block;height:var(--spacing-2);left:var(--spacing-1_5);position:absolute;right:var(--spacing-1_5);top:var(--spacing-0_5);transform:rotate(45deg);width:var(--spacing-1)}._nestedListItem_1tncs_59{list-style-type:none}._nestedListItem_1tncs_59:after,._nestedListItem_1tncs_59:before{display:none}._admonitionCaution_1tncs_155,._admonitionDanger_1tncs_151,._admonitionInfo_1tncs_152,._admonitionNote_1tncs_153,._admonitionTip_1tncs_154{background-color:var(--admonitionBg);border-left:3px solid var(--admonitionBorder);margin-bottom:var(--spacing-2);margin-top:var(--spacing-2);padding:var(--spacing-2)}._admonitionInfo_1tncs_152{--admonitionBorder:var(--admonitionInfoBorder);--admonitionBg:var(--admonitionInfoBg)}._admonitionTip_1tncs_154{--admonitionBorder:var(--admonitionTipBorder);--admonitionBg:var(--admonitionTipBg)}._admonitionCaution_1tncs_155{--admonitionBorder:var(--admonitionCautionBorder);--admonitionBg:var(--admonitionCautionBg)}._admonitionDanger_1tncs_151{--admonitionBorder:var(--admonitionDangerBorder);--admonitionBg:var(--admonitionDangerBg)}._admonitionNote_1tncs_153{--admonitionBorder:var(--admonitionNoteBorder);--admonitionBg:var(--admonitionNoteBg)}._mdxExpression_1tncs_188{color:var(--accentText);font-family:var(--font-mono);font-size:84%}._mdxExpression_1tncs_188 input:focus-visible{outline:none}.chat-sidebar-container{position:relative}.chat-sidebar-btn{min-width:32px;padding:.3rem .6rem}.chat-sidebar-btn svg{height:14px;width:14px}.chat-sidebar{background:#fff;border-left:1px solid #e5e5e5;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1000}.chat-sidebar-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:1rem}.chat-sidebar-header h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0}.chat-sidebar-close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:.25rem;transition:background-color .2s ease}.chat-sidebar-close-btn:hover{background:#e9ecef}.chat-sidebar-close-btn svg{height:20px;width:20px}.chat-error-message{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;display:flex;justify-content:space-between;margin:1rem;padding:.75rem 1rem}.chat-error-message p{font-size:.9rem;margin:0}.error-close{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.2rem;margin-left:.5rem;padding:0}.error-close:hover{color:#b91c1c}.conversations-list{flex:1 1;overflow-y:auto;padding:.5rem}.loading-conversations{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:2rem}.loading-conversations .loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e5e5;border-radius:50%;border-top-color:#333;height:24px;margin-bottom:.5rem;width:24px}.conversation-item{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;margin-bottom:.5rem;padding:.75rem;transition:background-color .2s ease}.conversation-item:hover{background:#f8f9fa}.conversation-avatar{margin-right:.75rem;position:relative}.conversation-avatar-image{border:1px solid #e5e5e5;border-radius:50%;height:48px;object-fit:cover;width:48px}.conversation-unread-badge{align-items:center;background:#dc2626;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.conversation-name{color:#1a1a1a;font-size:.95rem;font-weight:600}.conversation-time{color:#666;font-size:.8rem}.conversation-last-message{color:#666;font-size:.85rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-conversations{color:#666;padding:2rem;text-align:center}.chat-messages{height:100%}.chat-messages-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e5e5;display:flex;padding:1rem}.back-to-conversations-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;margin-right:.75rem;padding:.5rem;transition:background-color .2s ease}.back-to-conversations-btn:hover{background:#e9ecef}.back-to-conversations-btn svg{height:20px;width:20px}.chat-user-info{align-items:center;display:flex}.chat-user-avatar{border:1px solid #e5e5e5;border-radius:50%;height:40px;margin-right:.75rem;object-fit:cover;width:40px}.chat-user-info h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0 0 .25rem}.chat-user-info p,.chat-username-link{color:#666;font-size:.85rem;margin:0}.chat-username-link{text-decoration:none;transition:color .2s ease}.chat-username-link:hover{color:#7fb368}.messages-container{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:1rem}.loading-messages{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:2rem}.loading-messages .loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e5e5;border-radius:50%;border-top-color:#333;height:24px;margin-bottom:.5rem;width:24px}.messages-list{display:flex;flex-direction:column;gap:.75rem}.message-item{display:flex;margin-bottom:.75rem}.message-item.sent{justify-content:flex-end}.message-item.received{justify-content:flex-start}.message-content{border-radius:1rem;max-width:100%;padding:.75rem 1rem;position:relative}.message-item.sent .message-content{background:#7fb368;border-bottom-right-radius:.25rem;color:#fff}.message-item.received .message-content{background:#fff;border:1px solid #e5e5e5;border-bottom-left-radius:.25rem;color:#1a1a1a}.message-item.received .message-content .markdown-content{color:#1a1a1a}.message-item.received .message-content .markdown-p{color:#1a1a1a;margin:.5em 0}.message-item.received .message-content .markdown-h1,.message-item.received .message-content .markdown-h2,.message-item.received .message-content .markdown-h3,.message-item.received .message-content .markdown-h4,.message-item.received .message-content .markdown-h5,.message-item.received .message-content .markdown-h6{color:#1a1a1a;margin:.5em 0 .3em}.message-item.received .message-content .markdown-em,.message-item.received .message-content .markdown-strong{color:#1a1a1a}.message-item.received .message-content .markdown-link{color:#7fb368}.message-item.received .message-content .markdown-code-block{background-color:#0000000d;border:1px solid #e5e5e5}.message-item.received .message-content .markdown-inline-code{background-color:#0000001a;color:#1a1a1a}.message-item.received .message-content .markdown-blockquote{background-color:#00000008;border-left-color:#7fb368;color:#1a1a1a}.message-content p{font-size:.9rem;line-height:1.4;margin:0 0 .25rem}.message-time{font-size:.75rem;opacity:.7}.no-messages{color:#666;padding:2rem;text-align:center}.message-input-container{align-items:flex-end;background:#fff;border-top:1px solid #e5e5e5;display:flex;gap:.5rem;padding:1rem}.message-input{border:1px solid #d1d5db;border-radius:1rem;flex:1 1;font-family:inherit;font-size:.9rem;line-height:1.4;max-height:120px;min-height:40px;outline:none;padding:.75rem;resize:none;transition:border-color .2s ease}.message-input:focus{border-color:#7fb368}.message-input:disabled{background:#f3f4f6;cursor:not-allowed}.send-message-btn{align-items:center;background:#7fb368;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;min-width:40px;padding:.75rem;transition:background-color .2s ease}.send-message-btn:hover:not(:disabled){background:#6a9c5a}.send-message-btn:disabled{background:#9ca3af;cursor:not-allowed}.send-message-btn svg,.send-spinner{height:18px;width:18px}.send-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff}body.dark-mode .chat-sidebar{background:#1a1a1a;border-left-color:#404040}body.dark-mode .chat-sidebar-header{background:#2a2a2a;border-bottom-color:#404040}body.dark-mode .chat-sidebar-header h3{color:#e5e5e5}body.dark-mode .chat-sidebar-close-btn{color:#a0a0a0}body.dark-mode .chat-sidebar-close-btn:hover{background:#374151}body.dark-mode .conversation-item:hover{background:#2a2a2a}body.dark-mode .conversation-name{color:#e5e5e5}body.dark-mode .conversation-last-message,body.dark-mode .conversation-time{color:#a0a0a0}body.dark-mode .conversation-avatar-image{border-color:#404040}body.dark-mode .chat-messages-header{background:#2a2a2a;border-bottom-color:#404040}body.dark-mode .back-to-conversations-btn{color:#a0a0a0}body.dark-mode .back-to-conversations-btn:hover{background:#374151}body.dark-mode .chat-user-avatar{border-color:#404040}body.dark-mode .chat-user-info h4{color:#e5e5e5}body.dark-mode .chat-user-info p,body.dark-mode .chat-username-link{color:#a0a0a0}body.dark-mode .chat-username-link:hover{color:#7fb368}body.dark-mode .messages-container{background:#1a1a1a}body.dark-mode .message-input,body.dark-mode .message-item.received .message-content{background:#2a2a2a;border-color:#404040;color:#e5e5e5}body.dark-mode .message-input:focus{border-color:#7fb368}body.dark-mode .message-input:disabled{background:#374151}body.dark-mode .message-input-container{background:#1a1a1a;border-top-color:#404040}body.dark-mode .message-item.received .message-content .markdown-content,body.dark-mode .message-item.received .message-content .markdown-em,body.dark-mode .message-item.received .message-content .markdown-h1,body.dark-mode .message-item.received .message-content .markdown-h2,body.dark-mode .message-item.received .message-content .markdown-h3,body.dark-mode .message-item.received .message-content .markdown-h4,body.dark-mode .message-item.received .message-content .markdown-h5,body.dark-mode .message-item.received .message-content .markdown-h6,body.dark-mode .message-item.received .message-content .markdown-p,body.dark-mode .message-item.received .message-content .markdown-strong{color:#e5e5e5}body.dark-mode .message-item.received .message-content .markdown-link{color:#7fb368}body.dark-mode .message-item.received .message-content .markdown-code-block{background-color:#ffffff1a;border:1px solid #404040}body.dark-mode .message-item.received .message-content .markdown-inline-code{background-color:#ffffff26;color:#e5e5e5}body.dark-mode .message-item.received .message-content .markdown-blockquote{background-color:#ffffff0d;border-left-color:#7fb368;color:#e5e5e5}@media (max-width:768px){.chat-sidebar{height:100vh;width:100vw}.message-content{max-width:85%}}.floating-chat-container{--chat-primary-color:#7fb368;--chat-primary-hover:#6a9c5a;--chat-bg:#fff;--chat-border:#e5e7eb;--chat-messages-bg:#f8fafc;--assistant-message-bg:#fff;--assistant-message-text:#1f2937;--assistant-message-border:#e5e7eb;--message-time-color:#6b7280;--chat-input-border-color:#e5e7eb;--chat-input-field-bg:#fff;--chat-input-text:#1f2937;--chat-input-placeholder:#9ca3af;--chat-input-disabled-bg:#f1f5f9;--chat-input-disabled-text:#94a3b8;--chat-input-bg:#fff;--chat-input-border:#e5e7eb;--send-button-disabled:#d1d5db;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--typing-dot-color:#7fb368}body.dark-mode .floating-chat-container{--chat-bg:#2d2d2d;--chat-border:#404040;--chat-messages-bg:#1a1a1a;--assistant-message-bg:#404040;--assistant-message-text:#fff;--assistant-message-border:#505050;--message-time-color:#ccc;--chat-input-border-color:#505050;--chat-input-field-bg:#404040;--chat-input-text:#fff;--chat-input-placeholder:#999;--chat-input-disabled-bg:#333;--chat-input-disabled-text:#666;--chat-input-bg:#2d2d2d;--chat-input-border:#404040;--send-button-disabled:#505050;--scrollbar-thumb:#505050;--scrollbar-thumb-hover:#606060;--typing-dot-color:#7fb368}body:not(.dark-mode) .floating-chat-container{--chat-bg:#fff;--chat-border:#e5e7eb;--chat-messages-bg:#f8fafc;--assistant-message-bg:#fff;--assistant-message-text:#1f2937;--assistant-message-border:#e5e7eb;--message-time-color:#6b7280;--chat-input-border-color:#e5e7eb;--chat-input-field-bg:#fff;--chat-input-text:#1f2937;--chat-input-placeholder:#9ca3af;--chat-input-disabled-bg:#f1f5f9;--chat-input-disabled-text:#94a3b8;--chat-input-bg:#fff;--chat-input-border:#e5e7eb;--send-button-disabled:#d1d5db;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--typing-dot-color:#7fb368}.floating-chat-container{bottom:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;right:20px;z-index:9999}.floating-chat-button,.floating-chat-container{text-orientation:mixed;writing-mode:horizontal-tb}.floating-chat-button{align-items:center;background:#0000;border:none;border-radius:50%;box-shadow:none;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.floating-chat-button:hover{box-shadow:0 6px 25px #0003;transform:translateY(-2px)}.floating-chat-button.active{background:#0000}.floating-chat-button svg{height:24px;transition:all .3s ease;width:24px}.floating-chat-button .floating-chat-icon{border-radius:50%;height:40px;transition:all .3s ease;width:40px}.floating-chat-button .close-icon{font-size:20px;font-weight:700;opacity:0;position:absolute;transform:scale(0);transition:all .3s ease}.floating-chat-button.active .close-icon{opacity:1;transform:scale(1)}.floating-chat-button.active .floating-chat-icon{opacity:0;transform:scale(0)}.chat-popup{animation:slideIn .3s ease;background:#fff;background:var(--chat-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--chat-border,#e5e7eb);border-radius:20px;bottom:80px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;height:520px;max-height:calc(100vh - 120px);overflow:hidden;position:absolute;right:0;text-orientation:mixed;width:360px;writing-mode:horizontal-tb}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{background:linear-gradient(135deg,#7fb368,#6a9c5a);border-radius:20px 20px 0 0;box-shadow:0 2px 10px #7fb36833;color:#fff;flex-shrink:0;justify-content:space-between;padding:18px}.chat-header,.chat-title{align-items:center;display:flex;text-orientation:mixed;writing-mode:horizontal-tb}.chat-title{font-size:16px;font-weight:600;gap:10px}.chat-avatar{border:2px solid #ffffff4d;border-radius:50%;height:26px;width:26px}.chat-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;text-orientation:mixed;transition:background-color .2s ease;writing-mode:horizontal-tb}.chat-close-btn:hover{background-color:#ffffff26}.chat-close-btn svg{height:18px;width:18px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:16px;scroll-behavior:smooth;text-orientation:mixed;writing-mode:horizontal-tb}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--scrollbar-thumb,#cbd5e1);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--scrollbar-thumb-hover,#94a3b8)}.message{animation:messageSlideIn .3s ease;display:flex;flex-direction:column;max-width:85%;text-orientation:mixed;writing-mode:horizontal-tb}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end}.assistant-message{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:18px;box-shadow:0 2px 8px #00000014;direction:ltr;font-size:14px;line-height:1.4;padding:12px 16px;unicode-bidi:normal;white-space:normal;word-break:normal}.message-content,.user-message .message-content{text-align:left;text-orientation:mixed;writing-mode:horizontal-tb}.user-message .message-content{background:linear-gradient(135deg,#7fb368,#6a9c5a);border-bottom-right-radius:6px;box-shadow:0 2px 8px #7fb36833;color:#fff}.assistant-message .message-content{background:#fff;background:var(--assistant-message-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--assistant-message-border,#e5e7eb);border-bottom-left-radius:6px;box-shadow:0 2px 8px #0000000f;text-align:left;text-orientation:mixed;writing-mode:horizontal-tb}.assistant-message .message-content,.assistant-message .message-content .markdown-content,.assistant-message .message-content .markdown-p{color:#1f2937;color:var(--assistant-message-text,#1f2937)}.assistant-message .message-content .markdown-p{margin:.5em 0}.assistant-message .message-content .markdown-h1,.assistant-message .message-content .markdown-h2,.assistant-message .message-content .markdown-h3,.assistant-message .message-content .markdown-h4,.assistant-message .message-content .markdown-h5,.assistant-message .message-content .markdown-h6{color:#1f2937;color:var(--assistant-message-text,#1f2937);margin:.5em 0 .3em}.assistant-message .message-content .markdown-em,.assistant-message .message-content .markdown-strong{color:#1f2937;color:var(--assistant-message-text,#1f2937)}.assistant-message .message-content .markdown-link{color:#7fb368;color:var(--chat-primary-color,#7fb368)}.assistant-message .message-content .markdown-code-block{background-color:#0000000d;border:1px solid #e5e7eb;border:1px solid var(--assistant-message-border,#e5e7eb)}.assistant-message .message-content .markdown-inline-code{background-color:#0000001a;color:#1f2937;color:var(--assistant-message-text,#1f2937)}.assistant-message .message-content .markdown-blockquote{background-color:#00000008;border-left-color:#7fb368;border-left-color:var(--chat-primary-color,#7fb368);color:#1f2937;color:var(--assistant-message-text,#1f2937)}.message-time{align-self:flex-end;color:#6b7280;color:var(--message-time-color,#6b7280);font-size:11px;margin-top:4px;opacity:.8;text-orientation:mixed;writing-mode:horizontal-tb}.user-message .message-time{color:#fffc}.typing-indicator{align-items:center;display:flex;gap:5px;padding:10px 0;text-orientation:mixed;writing-mode:horizontal-tb}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#7fb368;background:var(--typing-dot-color,#7fb368);border-radius:50%;height:8px;opacity:.7;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-loading{display:inline-block;min-height:20px;min-width:60px;padding:12px 20px;position:relative;text-orientation:mixed;writing-mode:horizontal-tb}.chat-loading-text{color:#1f2937;color:var(--assistant-message-text,#1f2937);font-weight:600;position:relative;z-index:2}.chat-loading:after,.chat-loading:before{animation:sparkle 3s infinite;border-radius:50%;content:"";height:2px;pointer-events:none;position:absolute;width:2px;z-index:1}.chat-loading:before{animation-delay:0s;animation-duration:3.5s;background:#6a9c5a;left:25%;top:15px}.chat-loading:after{animation-delay:1.5s;animation-duration:4.2s;background:#fff;right:15%;top:17px}.chat-loading .spark-1,.chat-loading .spark-2,.chat-loading .spark-3,.chat-loading .spark-4,.chat-loading .spark-5,.chat-loading .spark-6,.chat-loading .spark-7,.chat-loading .spark-8{animation:sparkle 4s infinite;border-radius:50%;height:1.5px;pointer-events:none;position:absolute;width:1.5px;z-index:1}.chat-loading .spark-1{animation-delay:.5s;animation-duration:3.8s;background:#fdcb6e;left:15%;top:20px}.chat-loading .spark-2{animation-delay:2s;animation-duration:4.5s;background:#fff;right:5%;top:16px}.chat-loading .spark-3{animation-delay:1s;animation-duration:3.2s;background:#ff6b6b;left:35%;top:22px}.chat-loading .spark-4{animation-delay:2.5s;animation-duration:4.8s;background:#6a9c5a;right:8%;top:19px}.chat-loading .spark-5{animation-delay:.8s;animation-duration:3.6s;background:#ff6b6b;left:50%;top:18px}.chat-loading .spark-6{animation-delay:1.8s;animation-duration:4.1s;background:#fdcb6e;right:20%;top:24px}.chat-loading .spark-7{animation-delay:3.2s;animation-duration:3.9s;background:#6a9c5a;left:65%;top:14px}.chat-loading .spark-8{animation-delay:.3s;animation-duration:4.3s;background:#fff;right:30%;top:26px}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(0deg) translateX(0) translateY(0)}15%{opacity:1;transform:scale(1) rotate(45deg) translateX(6px) translateY(-8px)}30%{opacity:.9;transform:scale(1.1) rotate(90deg) translateX(12px) translateY(-16px)}45%{opacity:.8;transform:scale(1) rotate(135deg) translateX(18px) translateY(-24px)}60%{opacity:.6;transform:scale(.9) rotate(180deg) translateX(24px) translateY(-32px)}75%{opacity:.4;transform:scale(.8) rotate(225deg) translateX(30px) translateY(-40px)}90%{opacity:.2;transform:scale(.6) rotate(270deg) translateX(36px) translateY(-48px)}to{opacity:0;transform:scale(0) rotate(315deg) translateX(42px) translateY(-56px)}}body.dark-mode .chat-loading .spark-2{background:#fff;box-shadow:0 0 4px #fff}body.dark-mode .chat-loading .spark-1,body.dark-mode .chat-loading .spark-3,body.dark-mode .chat-loading .spark-4,body.dark-mode .chat-loading .spark-5,body.dark-mode .chat-loading .spark-6,body.dark-mode .chat-loading .spark-7,body.dark-mode .chat-loading .spark-8,body.dark-mode .chat-loading:after,body.dark-mode .chat-loading:before{box-shadow:0 0 3px currentColor}body.dark-mode .assistant-message .message-content .markdown-content,body.dark-mode .assistant-message .message-content .markdown-em,body.dark-mode .assistant-message .message-content .markdown-h1,body.dark-mode .assistant-message .message-content .markdown-h2,body.dark-mode .assistant-message .message-content .markdown-h3,body.dark-mode .assistant-message .message-content .markdown-h4,body.dark-mode .assistant-message .message-content .markdown-h5,body.dark-mode .assistant-message .message-content .markdown-h6,body.dark-mode .assistant-message .message-content .markdown-p,body.dark-mode .assistant-message .message-content .markdown-strong{color:#fff;color:var(--assistant-message-text,#fff)}body.dark-mode .assistant-message .message-content .markdown-link{color:#7fb368;color:var(--chat-primary-color,#7fb368)}body.dark-mode .assistant-message .message-content .markdown-code-block{background-color:#ffffff1a;border:1px solid #505050;border:1px solid var(--assistant-message-border,#505050)}body.dark-mode .assistant-message .message-content .markdown-inline-code{background-color:#ffffff26;color:#fff;color:var(--assistant-message-text,#fff)}body.dark-mode .assistant-message .message-content .markdown-blockquote{background-color:#ffffff0d;border-left-color:#7fb368;border-left-color:var(--chat-primary-color,#7fb368);color:#fff;color:var(--assistant-message-text,#fff)}.chat-input-container{align-items:center;background:#fff;background:var(--chat-input-bg,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--chat-input-border,#e5e7eb);display:flex;flex-shrink:0;gap:10px;padding:16px}.chat-input,.chat-input-container{text-orientation:mixed;writing-mode:horizontal-tb}.chat-input{word-wrap:normal;background:#fff;background:var(--chat-input-field-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--chat-input-border-color,#e5e7eb);border-radius:22px;color:#1f2937;color:var(--chat-input-text,#1f2937);direction:ltr;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;text-align:left;transition:all .2s ease;unicode-bidi:normal;white-space:normal;word-break:normal}.chat-input:focus{border-color:#7fb368;box-shadow:0 0 0 3px #7fb3681a}.chat-input:disabled{background:#f1f5f9;background:var(--chat-input-disabled-bg,#f1f5f9);color:#94a3b8;color:var(--chat-input-disabled-text,#94a3b8);cursor:not-allowed}.chat-input::placeholder{color:#9ca3af;color:var(--chat-input-placeholder,#9ca3af)}.chat-input::placeholder,.send-button{text-orientation:mixed;writing-mode:horizontal-tb}.send-button{align-items:center;background:linear-gradient(135deg,#7fb368,#6a9c5a);border:none;border-radius:50%;box-shadow:0 2px 8px #7fb36833;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#6a9c5a,#5a8a4a);box-shadow:0 4px 12px #7fb3684d;transform:scale(1.05)}.send-button:disabled{background:#d1d5db;background:var(--send-button-disabled,#d1d5db);box-shadow:none;cursor:not-allowed}.send-button svg{height:40px;width:40px}@media (min-width:768px){.floating-chat-container{bottom:60px;right:30px}.chat-popup{bottom:40px;height:560px;max-height:calc(100vh - 140px);width:380px}.chat-header{padding:20px}.chat-title{font-size:18px;gap:12px}.chat-avatar{height:28px;width:28px}.chat-messages{gap:16px;padding:20px}.message-content{font-size:15px;padding:14px 18px}.chat-input-container{gap:12px;padding:20px}.chat-input{font-size:15px;padding:14px 18px}.send-button{height:44px;width:44px}.send-button svg{height:22px;width:22px}}@media (max-width:768px){.floating-chat-container{bottom:140px;right:15px}.chat-popup{bottom:1px;height:65vh;max-height:calc(100vh - 120px);max-width:350px;width:calc(100vw - 30px)}.floating-chat-button{height:50px;width:50px}.floating-chat-button svg{height:20px;width:20px}.chat-header{padding:14px}.chat-title{font-size:15px;gap:8px}.chat-avatar{height:22px;width:22px}.chat-messages{gap:10px;padding:14px}.message-content{font-size:13px;padding:10px 14px}.chat-input-container{gap:8px;padding:14px}.chat-input{font-size:13px;padding:10px 14px}.send-button{height:36px;width:36px}.send-button svg{height:16px;width:16px}}.book-review-widget{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.widget-login-prompt{padding:3rem 2rem}.widget-login-prompt h3{color:#1a1a1a;font-size:1.5rem;margin:0 0 1rem}.widget-login-prompt p{color:#666;margin:0 0 2rem}.login-btn{font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.book-review-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:.9rem;padding:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#1a1a1a;font-size:.95rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7fb368;box-shadow:0 0 0 3px #7fb3681a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.char-count{color:#666;font-size:.85rem;margin-top:.25rem;text-align:right}.rating-stars{align-items:center;display:flex;gap:.5rem}.star-btn{background:none;border:none;color:#d1d5db;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.star-btn.filled,.star-btn:hover{color:#7fb368}.rating-text{color:#1a1a1a;font-weight:600;margin-left:.5rem}.file-input{height:0;opacity:0;position:absolute;width:0}.file-upload-container{position:relative}.file-upload-label{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#666;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease}.file-upload-label:hover{background:#f0f9ff;border-color:#7fb368;color:#7fb368}.file-upload-label svg{height:20px;width:20px}.image-preview{display:inline-block;margin-top:1rem}.image-preview img{border:1px solid #e5e5e5}.remove-image-btn{align-items:center;background:#dc2626;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:background-color .2s ease;width:24px}.remove-image-btn:hover{background:#b91c1c}.form-actions{display:flex;justify-content:center;margin-top:1rem}.submit-btn{background:#7fb368;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:1rem 2rem;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#6a9c5a;transform:translateY(-1px)}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}body.dark-mode .book-review-widget{background:#1a1a1a;box-shadow:0 2px 8px #0000004d}body.dark-mode .widget-header h2{color:#fff}body.dark-mode .widget-header p{color:#ccc}body.dark-mode .widget-login-prompt h3{color:#fff}body.dark-mode .widget-login-prompt p{color:#ccc}body.dark-mode .form-group label{color:#fff}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background:#2a2a2a;border-color:#404040;color:#fff}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{border-color:#7fb368;box-shadow:0 0 0 3px #7fb36833}body.dark-mode .char-count{color:#a0a0a0}body.dark-mode .rating-text{color:#fff}body.dark-mode .file-upload-label{background:#2a2a2a;border-color:#404040;color:#ccc}body.dark-mode .file-upload-label:hover{background:#1a1a1a;border-color:#7fb368;color:#7fb368}body.dark-mode .image-preview img{border-color:#404040}body.dark-mode .error-message{background:#2a1a1a;border-color:#4a1a1a;color:#fca5a5}@media (max-width:768px){.book-review-widget{padding:1.5rem}.widget-header h2{font-size:1.75rem}.rating-stars{justify-content:center}.star-btn{font-size:1.25rem}.form-actions{flex-direction:column}.submit-btn{width:100%}}.ascii-art-widget{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:100vw;padding:20px;width:100%}.widget-header{margin-bottom:30px;text-align:center}.widget-header h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:8px}.widget-header p{color:var(--text-secondary);font-size:1rem}.widget-login-prompt{background:var(--card-bg);border:2px dashed var(--border-color);border-radius:12px;padding:40px 20px;text-align:center}.widget-login-prompt h3{color:var(--text-primary);margin-bottom:12px}.widget-login-prompt p{color:var(--text-secondary);margin-bottom:20px}.login-btn{background:#7fb368;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s}.login-btn:hover{background:#6a9c5a;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.desktop-layout{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;min-height:600px}.preview-column,.settings-column{display:flex;flex-direction:column}.preview-column,.settings-column{min-width:0}.preview-section{margin-left:0}.preview-column .upload-section{margin-bottom:0}.upload-preview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:1024px){.upload-preview-grid{gap:15px;grid-template-columns:1fr}}.upload-section{margin-bottom:5px;margin-top:-20px}.file-upload-area{background:var(--input-bg);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .2s}.file-upload-area:hover{background:var(--input-hover);border-color:var(--primary-color)}.upload-placeholder{color:var(--text-secondary)}.upload-icon{color:#7fb368;font-size:3rem;margin-bottom:12px}.upload-placeholder p{color:var(--text-primary);font-size:1.1rem;margin-bottom:8px}.upload-placeholder small{color:var(--text-secondary)}.image-preview{position:relative}.image-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:200px}.image-preview p{color:var(--text-secondary);font-size:.9rem;margin-top:12px}.options-section{margin-bottom:30px}.options-section h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:20px}.options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.option-group{display:flex;flex-direction:column;gap:8px}.option-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.option-group input[type=range]{appearance:none;background:#e9ecef;border-radius:3px;height:6px;margin:8px 0;outline:none;width:100%}.option-group input[type=range]::-webkit-slider-thumb{appearance:none;background:#7fb368;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.option-group input[type=range]::-moz-range-thumb{background:#7fb368;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}body.dark-mode .option-group input[type=range]{background:#404040}body.dark-mode .option-group input[type=range]::-webkit-slider-thumb{background:#7fb368;border:2px solid #1a1a1a}body.dark-mode .option-group input[type=range]::-moz-range-thumb{background:#7fb368;border:2px solid #1a1a1a}.option-group input[type=color]{background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;height:40px;width:60px}.option-group select{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:border-color .2s}.option-group select:hover{border-color:#7fb368}.option-group select:focus{border-color:#7fb368;box-shadow:0 0 0 2px #7fb36833;outline:none}.option-group select option{background:#fff;color:#333;padding:8px}body.dark-mode .option-group input[type=color],body.dark-mode .option-group select{background:#1a1a1a;border:1px solid #404040}body.dark-mode .option-group select{color:#e5e5e5}body.dark-mode .option-group select:hover{border-color:#7fb368}body.dark-mode .option-group select:focus{border-color:#7fb368;box-shadow:0 0 0 2px #7fb36833}body.dark-mode .option-group select option{background:#1a1a1a;color:#e5e5e5}body.dark-mode .char-preview-text{color:#e5e5e5}body.dark-mode .char-preview small{color:#a0a0a0}body.dark-mode .toggle-label{color:#e5e5e5}body.dark-mode .toggle-slider{background-color:#404040}body.dark-mode .material-toggle input:checked+.toggle-slider{background-color:#7fb368}body.dark-mode .settings-group h4{border-bottom-color:#7fb368;color:#e5e5e5}body.dark-mode .output-format-section{border-bottom-color:#404040}body.dark-mode .action-btn{border-color:#404040;color:#a0a0a0}body.dark-mode .action-btn:hover{background:#7fb3681a;border-color:#7fb368;color:#7fb368}.option-group input[type=checkbox]{accent-color:#7fb368;cursor:pointer;margin-right:8px;transform:scale(1.2)}.toggle-label{align-items:center;cursor:pointer;display:flex;font-weight:500;justify-content:space-between}.material-toggle{display:inline-block;height:24px;position:relative;width:50px}.material-toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.material-toggle input:checked+.toggle-slider{background-color:#7fb368}.material-toggle input:focus+.toggle-slider{box-shadow:0 0 0 2px #7fb3684d}.material-toggle input:checked+.toggle-slider:before{transform:translateX(26px)}.option-group span{color:var(--text-secondary);font-size:.8rem;text-align:center}.char-preview{margin-top:8px}.char-preview-text{color:#333;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;letter-spacing:2px;line-height:1.4;margin-bottom:6px;text-align:center;word-break:break-all}.char-preview small{color:#6c757d;display:block;font-size:.75rem;font-style:italic;text-align:center}.settings-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1.2fr .8fr;margin-top:20px}.settings-group{display:flex;flex-direction:column}.settings-group h4{border-bottom:2px solid #7fb368;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:15px;padding-bottom:8px}.color-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.image-options{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.image-options h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:15px}.output-format-section{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:20px}.generate-section{margin-bottom:30px;text-align:center}.generate-btn{background:#7fb368;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;min-width:200px;padding:14px 32px;transition:all .2s}.generate-btn:hover:not(:disabled){background:#6a9c5a;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.generate-btn:disabled{background:var(--text-disabled);box-shadow:none;cursor:not-allowed;transform:none}.error-message{background:var(--error-bg);border-left:4px solid var(--error-border);border-radius:8px;color:var(--error-text);margin-bottom:20px;padding:12px 16px}.results-section{margin-top:30px}.results-section h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:20px}.action-buttons{gap:12px;margin-top:15px}.action-btn,.action-buttons{display:flex;justify-content:center}.action-btn{align-items:center;background:#0000;border:2px solid #e9ecef;border-radius:8px;color:#7fb368;cursor:pointer;min-height:48px;min-width:48px;padding:12px;transition:all .2s}.action-btn:hover{background:#7fb3681a;border-color:#7fb368;color:#7fb368;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.copy-btn:hover,.download-btn:hover{border-color:#7fb368;color:#7fb368}.text-result{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;max-width:100%;overflow:hidden;padding:20px;transition:all .2s ease}.text-result:hover{border-color:#7fb368;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.ascii-output{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.3rem;letter-spacing:-.5px;line-height:.8;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:15px;white-space:pre;word-break:break-all}.image-result{border-radius:8px;cursor:pointer;padding:10px;text-align:center;transition:all .2s ease}.image-result:hover{background:#7fb3681a;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.ascii-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%}@media (max-width:768px){.ascii-art-widget{margin:0 auto;max-width:95vw;overflow-x:hidden;padding:15px;width:95%}.options-grid{gap:15px;grid-template-columns:1fr}.widget-header h2{font-size:1.5rem}.ascii-output{font-size:.4rem;line-height:1}}@media (max-width:480px){.file-upload-area{padding:30px 15px}.upload-icon{font-size:2.5rem}.generate-btn{font-size:1rem;min-width:150px;padding:12px 24px}.options-grid,.settings-grid{gap:12px;max-width:100%}.color-row{gap:10px;grid-template-columns:1fr}.option-group select{width:100%}.mobile-panel{padding:12px}}.mobile-only{display:none}@media (max-width:768px){.desktop-layout{display:none}.mobile-only{display:block}}.mobile-toggle-bar{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.mobile-toggle-btn{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:8px;padding:10px 12px;transition:all .2s ease}.mobile-toggle-btn svg{stroke:#7fb368}.mobile-toggle-btn.active{background:#7fb3681a;border-color:#7fb368}.mobile-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow-x:hidden;padding:16px}body.dark-mode .mobile-toggle-btn{background:#1a1a1a;border-color:#404040;color:#e5e5e5}body.dark-mode .mobile-toggle-btn.active{background:#7fb3681a;border-color:#7fb368}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:40px 20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px #0006;max-height:90vh;max-width:450px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding:32px 32px 0}.modal-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.modal-close:hover{background:var(--input-hover);color:var(--text-primary);transform:scale(1.1)}.modal-body{padding:0 32px 24px;text-align:center}.success-icon{align-items:center;animation:successPulse .6s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;box-shadow:0 8px 20px #4caf504d;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}@keyframes successPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.modal-body p{color:var(--text-primary);font-size:1.1rem;font-weight:500;line-height:1.6;margin:0}.modal-footer{padding:0 32px 32px;text-align:center}.modal-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:120px;padding:16px 40px;transition:all .2s}.modal-btn:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}@media (max-width:480px){.modal-overlay{padding:20px 15px}.modal-content{border-radius:16px;margin:0;max-width:none}.modal-header{margin-bottom:20px;padding:24px 24px 0}.modal-header h3{font-size:1.3rem}.modal-body{padding:0 24px 20px}.success-icon{font-size:2.2rem;height:70px;margin-bottom:20px;width:70px}.modal-body p{font-size:1rem}.modal-footer{padding:0 24px 24px}.modal-btn{font-size:1rem;padding:14px 32px}.char-preview{margin-top:6px}.char-preview-text{font-size:1rem;letter-spacing:1px}}@media (max-width:1200px){.ascii-art-widget{max-width:100vw;width:100%}}@media (max-width:1024px){.ascii-art-widget{max-width:98vw;padding:15px;width:98%}.desktop-layout,.settings-grid{gap:20px;grid-template-columns:1fr}.color-row{gap:10px;grid-template-columns:1fr}.photo-column,.preview-column,.settings-column{order:0}.photo-column{order:1}.settings-column{order:2}.preview-column{order:3}}.preview-modal-content{animation:modalSlideIn .3s ease-out;background:var(--card-bg);border-radius:12px;box-shadow:0 20px 40px #0000004d;height:auto;max-height:90vh;max-width:90vw;position:relative;width:auto}.preview-modal-header{position:absolute;right:10px;top:10px;z-index:10}.preview-modal-close{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.preview-modal-close:hover{background:#000000e6;transform:scale(1.1)}.preview-modal-body{max-height:90vh;overflow:auto;padding:0}.preview-modal-text{background:var(--input-bg);border-radius:12px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.8rem;letter-spacing:0;line-height:1;margin:0;max-width:100%;overflow:auto;padding:20px;white-space:pre;word-break:break-all}.preview-modal-image{border-radius:12px;display:block;height:auto;max-height:80vh;max-width:100%}
/*# sourceMappingURL=main.df88850f.css.map*/