.notification-container{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.notification{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;animation:slideIn .3s ease-out;max-width:320px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-success{background-color:#ecfdf5;border:1px solid #10b981;color:#065f46}.notification-error{background-color:#fef2f2;border:1px solid #ef4444;color:#991b1b}.notification-info{background-color:#eff6ff;border:1px solid #3b82f6;color:#1e40af}.notification-icon{font-weight:700}.notification-message{font-size:.875rem}.input-wrapper{display:flex;flex-direction:column;gap:.375rem}.input-label{font-size:.875rem;font-weight:500;color:#374151}.input{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.input-error{border-color:#ef4444}.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-error-text{font-size:.75rem;color:#ef4444}.btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4338ca}.btn-secondary{background-color:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#d1d5db}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.agent-connect{max-width:400px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.agent-connect-icon{font-size:2.5rem;text-align:center;margin-bottom:.5rem}.agent-connect-title{text-align:center;font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.agent-connect-description{text-align:center;font-size:.875rem;color:#6b7280;line-height:1.5;margin:0 0 1.5rem}.agent-connect-form{display:flex;flex-direction:column;gap:1rem}.agent-connect-warning{font-size:.75rem;color:#6b7280;text-align:center;margin:0}.agent-profile{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#f9fafb;border-radius:8px;margin-bottom:1.5rem}.agent-profile-info{display:flex;align-items:center;gap:.75rem}.agent-profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.agent-profile-avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.agent-profile-details{display:flex;flex-direction:column}.agent-profile-name{font-weight:600;color:#1f2937}.agent-profile-karma{font-size:.75rem;color:#6b7280}.agent-profile-disconnect{padding:.375rem .625rem;min-width:auto}.select-wrapper{display:flex;flex-direction:column;gap:.375rem}.select-label{font-size:.875rem;font-weight:500;color:#374151}.select{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background-color:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.select:disabled{background-color:#f3f4f6;cursor:not-allowed}.submolt-selector{display:flex;align-items:flex-end;gap:12px}.submolt-selector-or{color:var(--text-secondary);font-size:14px;padding-bottom:10px}.post-form{display:flex;flex-direction:column;gap:1.25rem}.textarea-wrapper{display:flex;flex-direction:column;gap:.375rem}.textarea-label{font-size:.875rem;font-weight:500;color:#374151}.textarea{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .2s,box-shadow .2s}.textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.post-form-hint{font-size:.75rem;color:#9ca3af;margin:0}.comment-form{display:flex;flex-direction:column;gap:1.25rem}.comment-form-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.comment-form-error{font-size:.75rem;color:#ef4444;margin:-.75rem 0 0}.comment-form-divider{display:flex;align-items:center;gap:1rem;color:#9ca3af;font-size:.75rem}.comment-form-divider:before,.comment-form-divider:after{content:"";flex:1;height:1px;background-color:#e5e7eb}.comment-form-manual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.reply-form{display:flex;flex-direction:column;gap:1.25rem}.reply-form-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.comments-viewer{display:flex;flex-direction:column;gap:1.25rem}.comments-viewer-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.comments-viewer-form{display:flex;flex-direction:column;gap:1rem}.comments-viewer-actions{display:flex;gap:.75rem}.comments-viewer-results{margin-top:.5rem}.comments-viewer-post-title{font-size:.875rem;font-weight:500;color:#374151;padding:.75rem;background-color:#f3f4f6;border-radius:.375rem;margin-bottom:1rem}.comments-viewer-empty{color:#6b7280;font-size:.875rem;margin:0;padding:1rem;text-align:center;background-color:#f9fafb;border-radius:.5rem}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.comment-reply{margin-left:1.5rem;border-left:3px solid #3b82f6}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-id{font-family:monospace;font-size:.875rem;font-weight:600;color:#3b82f6}.comment-copy-btn{padding:.25rem .5rem;font-size:.75rem}.comment-author{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.comment-content{color:#1f2937;font-size:.9375rem;line-height:1.5;margin:.75rem 0;white-space:pre-wrap}.comment-footer{display:flex;justify-content:space-between;align-items:center}.comment-votes{font-size:.75rem;color:#6b7280}.comment-timestamp{font-size:.75rem;color:#9ca3af}.comment-replies{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.help-page{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.help-back-btn{margin-bottom:1.5rem}.help-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.help-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.help-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.help-section h3{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .5rem}.help-section p{font-size:.875rem;color:#6b7280;line-height:1.6;margin:0}.app{min-height:100vh;background-color:#f3f4f6}.app-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1rem 2rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.app-title{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.app-content{max-width:600px;margin:0 auto;padding:0 1rem 2rem}.app-main{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.app-loading{text-align:center;padding:2rem;color:#6b7280}*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}