.earz-comment-drawer{background:linear-gradient(#101424f7 0%,#080b14fc 100%);border-top:1px solid #8b5cf647;box-shadow:0 -28px 80px #0000008c,inset 0 1px #34d3991f}.earz-comment-drawer-header{background:linear-gradient(90deg,#8b5cf61a 0%,#0000 45%,#34d39914 100%);border-bottom:1px solid #ffffff0f}.earz-comment-drawer-title{letter-spacing:.16em;text-transform:uppercase;color:#a78bfa;font-size:11px;font-weight:600}.earz-comment-drawer-count{color:#f8fafc;font-size:.875rem;font-weight:600}.earz-comment-drawer-grip{opacity:.85;background:linear-gradient(90deg,#8b5cf6,#34d399);border-radius:9999px;width:2.75rem;height:4px}.earz-comment-list{scrollbar-width:thin;scrollbar-color:#8b5cf659 transparent}.earz-comment-list::-webkit-scrollbar{width:6px}.earz-comment-list::-webkit-scrollbar-thumb{background:#8b5cf659;border-radius:9999px}.earz-comment-empty{text-align:center;color:#94a3b8;padding:2.5rem 1rem;font-size:.875rem;line-height:1.5}.earz-comment-bubble{background:linear-gradient(145deg,#ffffff0f 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:1rem;gap:.75rem;padding:.75rem .875rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 8px 28px #00000038}.earz-comment-bubble:hover{border-color:#8b5cf638;box-shadow:0 10px 32px #00000047,0 0 0 1px #34d3990f}.earz-comment-bubble--nested{border-left:2px solid #34d39966;border-top-left-radius:.35rem;border-bottom-left-radius:.35rem;margin-top:.625rem;margin-left:1.25rem}.earz-comment-bubble--inline{background:#ffffff08;border-radius:.875rem;padding:.625rem .75rem}.earz-comment-avatar{object-fit:cover;border-radius:9999px;flex-shrink:0;width:2.25rem;height:2.25rem;box-shadow:0 0 0 1px #ffffff1f,0 0 12px #8b5cf633}.earz-comment-meta{color:#94a3b8;font-size:12px}.earz-comment-username{color:#f8fafc;font-weight:600;transition:color .15s}.earz-comment-username:hover{color:#a7f3d0}.earz-comment-reply-to{color:#6ee7b7d9;margin-top:.125rem;font-size:10px;font-weight:500}.earz-comment-body{white-space:pre-wrap;word-break:break-word;color:#f1f5f9;margin-top:.25rem;font-size:.875rem;line-height:1.55}.earz-comment-thread-panel{background:linear-gradient(165deg,#ffffff0a 0%,#070a12a6 100%);border:1px solid #8b5cf62e;border-radius:1rem;margin-top:.75rem;padding:.875rem;box-shadow:inset 0 1px #ffffff0a}.earz-comment-composer{background:linear-gradient(#0a0e18e0 0%,#060910fa 100%);border-top:1px solid #8b5cf633;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.75rem 1rem 1rem;display:flex}.earz-comment-composer-row{align-items:center;gap:.625rem;display:flex}.earz-comment-input{color:#f8fafc;background:#ffffff0a;border:1px solid #8b5cf647;border-radius:1rem;outline:none;flex:1;min-width:0;padding:.625rem 1rem;font-size:.875rem;line-height:1.4;transition:border-color .15s,background-color .15s,box-shadow .15s}.earz-comment-input::placeholder{color:#64748b}.earz-comment-input:focus{background:#ffffff0f;border-color:#34d39973;box-shadow:0 0 0 3px #34d3991f,0 0 20px #8b5cf61f}.earz-comment-input:disabled{opacity:.55;cursor:not-allowed}.earz-comment-send{color:#0f172a;background:linear-gradient(135deg,#34d399 0%,#22d3ee 100%);border:1px solid #34d39959;border-radius:9999px;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;transition:transform .15s,box-shadow .15s,opacity .15s;display:grid;box-shadow:0 6px 20px #34d39959}.earz-comment-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #34d39973}.earz-comment-send:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.earz-comment-send--sm{width:2rem;height:2rem}.earz-comment-reply-banner{color:#d1fae5;background:linear-gradient(90deg,#34d3991f 0%,#8b5cf61a 100%);border:1px solid #34d39947;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:11px;display:flex}.earz-comment-reply-btn{color:#94a3b8;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:10px;font-weight:600;transition:color .15s,background-color .15s;display:inline-flex}.earz-comment-reply-btn:hover:not(:disabled){color:#a7f3d0;background:#34d3991a}.earz-comment-reply-btn:disabled{opacity:.5}.earz-comment-like-btn{color:#94a3b8;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:10px;font-weight:600;transition:color .15s;display:inline-flex}.earz-comment-like-btn:hover:not(:disabled),.earz-comment-like-btn[aria-pressed=true]{color:#fca5a5}.earz-comment-signin-link{text-align:center;color:#6ee7b7;text-underline-offset:4px;margin:0 auto;font-size:.875rem;font-weight:500}.earz-comment-signin-link:hover{color:#a7f3d0;text-decoration:underline}.earz-comment-error{color:#fecdd3;background:#7f1d1d59;border:1px solid #f43f5e59;border-radius:.75rem;margin:0 1.25rem .5rem;padding:.5rem .75rem;font-size:12px}.earz-comment-post-btn{color:#0f172a;background:linear-gradient(135deg,#8b5cf6 0%,#34d399 100%);border:1px solid #ffffff1f;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 8px 24px #8b5cf64d}.earz-comment-post-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #8b5cf666}.earz-comment-post-btn:disabled{opacity:.45;cursor:not-allowed}.earz-comment-textarea{resize:vertical;color:#f8fafc;background:#ffffff0a;border:1px solid #8b5cf647;border-radius:1rem;outline:none;width:100%;min-width:0;min-height:4.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;transition:border-color .15s,background-color .15s,box-shadow .15s}.earz-comment-textarea::placeholder{color:#64748b}.earz-comment-textarea:focus{background:#ffffff0f;border-color:#34d39973;box-shadow:0 0 0 3px #34d3991f,0 0 20px #8b5cf61f}.earz-comment-composer--compact{background:0 0;border-top:none;flex-direction:row;align-items:center;gap:.5rem;padding:0}.earz-comment-composer--compact .earz-comment-input{border-radius:.875rem;padding:.5rem .875rem;font-size:.75rem}.earz-comment-thread-link{color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf647;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:11px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.earz-comment-thread-link:hover{color:#a7f3d0;background:#34d3991f;border-color:#34d39959}
