:root{--komently-primary:#1b57fc;--komently-primary-foreground:#fff;--komently-background:#fafafa;--komently-foreground:#0a0a0a;--komently-card:#fff;--komently-card-foreground:#0a0a0a;--komently-muted:#f5f5f5;--komently-muted-foreground:#737373;--komently-border:#e5e5e5;--komently-destructive:#df2225;--komently-ring:#1b57fc;--komently-radius:.625rem;--komently-radius-xl:calc(var(--komently-radius) + 4px);--komently-radius-2xl:calc(var(--komently-radius) + 8px);--komently-font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--komently-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}@supports (color:lab(0% 0 0)){:root{--komently-primary:lab(42.7228% 32.902 -88.3761);--komently-primary-foreground:lab(100% 0 0);--komently-background:lab(98.26% 0 0);--komently-foreground:lab(2.75381% 0 0);--komently-card:lab(100% 0 0);--komently-card-foreground:lab(2.75381% 0 0);--komently-muted:lab(96.52% -.0000298023 .0000119209);--komently-muted-foreground:lab(48.496% 0 0);--komently-border:lab(90.952% 0 -.0000119209);--komently-destructive:lab(49.0747% 69.3434 49.6251);--komently-ring:lab(42.7228% 32.902 -88.3761)}}[data-theme=dark],.dark{--komently-background:#161616;--komently-foreground:#eee;--komently-card:#1f1f1f;--komently-card-foreground:#eee;--komently-primary:#268eff;--komently-muted:#1f1f1f;--komently-muted-foreground:gray;--komently-border:#ffffff14;--komently-destructive:#ff6568;--komently-ring:#268eff;--komently-radius:1rem}@supports (color:lab(0% 0 0)){[data-theme=dark],.dark{--komently-background:lab(7.22637% -.0000149012 0);--komently-foreground:lab(94.2% 0 0);--komently-card:lab(11.84% 0 0);--komently-card-foreground:lab(94.2% 0 0);--komently-primary:lab(57.8879% 4.26894 -68.6572);--komently-muted:lab(11.84% 0 0);--komently-muted-foreground:lab(53.6% 0 0);--komently-border:lab(100% 0 0/.08);--komently-destructive:lab(63.7053% 60.745 31.3109);--komently-ring:lab(57.8879% 4.26894 -68.6572)}}.komently-sdk-root{font-family:var(--komently-font-sans);color:var(--komently-foreground);box-sizing:border-box;line-height:1.5}.komently-sdk-root *{box-sizing:border-box;border-color:var(--komently-border)}.komently-container{border-radius:var(--komently-radius);border:1px solid var(--komently-border);background-color:var(--komently-card);box-shadow:none;flex-direction:column;display:flex;overflow:hidden}.komently-toolbar{border-bottom:1px solid var(--komently-border);background-color:color-mix(in srgb,var(--komently-muted)30%,transparent);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.komently-toolbar-title{align-items:center;gap:.75rem;display:flex}.komently-title{letter-spacing:-.02em;color:var(--komently-foreground);margin:0;font-size:1rem;font-weight:700}.komently-count{background-color:color-mix(in srgb,var(--komently-primary)10%,transparent);color:var(--komently-primary);border:1px solid color-mix(in srgb,var(--komently-primary)20%,transparent);border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.komently-sorting-tabs{background-color:var(--komently-muted);border-radius:.5rem;align-items:center;gap:0;padding:2px;display:flex}.komently-sort-tab{cursor:pointer;color:var(--komently-muted-foreground);background:0 0;border:none;border-radius:.5rem;padding:.375rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s}.komently-sort-tab:hover{color:var(--komently-foreground)}.komently-sort-tab-active{background-color:var(--komently-card);color:var(--komently-foreground);box-shadow:none}.komently-list{flex:1;min-height:300px;padding:1.5rem}.komently-comments-wrapper{flex-direction:column;gap:1.5rem;display:flex}.komently-comment-node-wrapper{padding-bottom:1.5rem}.komently-border-bottom{border-bottom:1px solid color-mix(in srgb,var(--komently-border)40%,transparent)}.komently-comment-item{gap:.625rem;display:flex}.komently-avatar-container{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;align-items:center;display:flex}.komently-avatar{color:#fff;border-radius:9999px;justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:opacity .2s,filter .2s;display:flex}.komently-avatar.size-lg{width:1.75rem;height:1.75rem}.komently-avatar.size-md{width:1.25rem;height:1.25rem}.komently-avatar-collapsed{opacity:.3;filter:grayscale()}.komently-thread-line{background-color:color-mix(in srgb,var(--komently-border)40%,transparent);flex-grow:1;width:2px;margin-top:.5rem;transition:background-color .2s}.komently-avatar-container:hover .komently-thread-line{background-color:color-mix(in srgb,var(--komently-primary)50%,transparent)}.komently-comment-content{flex:1;min-width:0}.komently-comment-header{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.125rem 0;display:flex}.komently-username{color:var(--komently-foreground);font-size:.75rem;font-weight:700;line-height:1.25;transition:color .2s}.komently-comment-header:hover .komently-username{color:var(--komently-primary)}.komently-username-collapsed{color:color-mix(in srgb,var(--komently-muted-foreground)60%,transparent)}.komently-timestamp{color:var(--komently-muted-foreground);opacity:.6;font-size:.75rem}.komently-collapsed-badge{background-color:var(--komently-muted);color:var(--komently-muted-foreground);border-radius:.25rem;padding:.125rem .375rem;font-size:9px;font-weight:500;animation:.2s komently-fade-in,.2s komently-zoom-in}.komently-comment-body{color:var(--komently-foreground);word-break:break-all;margin:0 0 .75rem;font-size:.875rem;line-height:1.5}.komently-comment-actions{align-items:center;gap:.375rem;margin-bottom:.5rem;display:flex}.komently-vote-btn{cursor:pointer;color:var(--komently-muted-foreground);background:0 0;border:1px solid #0000;border-radius:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.komently-vote-btn:hover{background-color:var(--komently-muted);color:var(--komently-foreground)}.komently-vote-btn-active{background-color:color-mix(in srgb,var(--komently-primary)10%,transparent);border-color:color-mix(in srgb,var(--komently-primary)30%,transparent);color:var(--komently-primary)}.komently-vote-btn:disabled{cursor:not-allowed;opacity:.5}.komently-divider{background-color:var(--komently-border);width:1px;height:.75rem;margin:0 .25rem}.komently-reply-trigger{cursor:pointer;color:var(--komently-muted-foreground);background:0 0;border:none;border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.komently-reply-trigger:hover{color:var(--komently-foreground);background-color:var(--komently-muted)}.komently-reply-trigger-active{color:var(--komently-primary);background-color:color-mix(in srgb,var(--komently-primary)10%,transparent)}.komently-reply-box-container,.komently-new-comment-container{flex-direction:column;gap:.375rem;margin-top:.5rem;margin-bottom:1rem;animation:.2s komently-fade-in,.2s komently-slide-down;display:flex}.komently-textarea{resize:none;border-radius:var(--komently-radius-2xl);border:1px solid var(--komently-border);background-color:color-mix(in srgb,var(--komently-muted)30%,transparent);width:100%;color:var(--komently-foreground);outline:none;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.komently-textarea:focus{border-color:color-mix(in srgb,var(--komently-primary)40%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--komently-primary)40%,transparent)}.komently-textarea::placeholder{color:color-mix(in srgb,var(--komently-muted-foreground)70%,transparent)}.komently-error-text{color:var(--komently-destructive);margin:0;font-size:11px}.komently-reply-actions{gap:.5rem;display:flex}.komently-button-primary{border-radius:var(--komently-radius-2xl);background-color:var(--komently-primary);color:var(--komently-primary-foreground);cursor:pointer;border:none;padding:.5rem 2rem;font-weight:700;transition:all .2s;box-shadow:0 1px 2px #0000000d}.komently-button-primary:hover{background-color:color-mix(in srgb,var(--komently-primary)90%,black)}.komently-button-primary:disabled{opacity:.4;cursor:not-allowed}.komently-button-primary-sm{border-radius:var(--komently-radius-2xl);background-color:var(--komently-primary);color:var(--komently-primary-foreground);cursor:pointer;box-shadow:0 1px 2px 0 color-mix(in srgb,var(--komently-primary)10%,transparent);border:none;padding:.375rem 1rem;font-size:11px;font-weight:700;transition:all .2s}.komently-button-primary-sm:active{transform:scale(.95)}.komently-button-primary-heavy{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--komently-radius-2xl);background-color:var(--komently-primary);color:var(--komently-primary-foreground);cursor:pointer;box-shadow:0 4px 6px -1px color-mix(in srgb,var(--komently-primary)10%,transparent);border:none;padding:.5rem 1.5rem;font-size:11px;font-weight:900;transition:all .2s}.komently-button-primary-heavy:active{transform:scale(.95)}.komently-button-ghost-sm{border-radius:var(--komently-radius-2xl);color:var(--komently-muted-foreground);cursor:pointer;background:0 0;border:none;padding:.375rem 1rem;font-size:11px;font-weight:500;transition:all .2s}.komently-button-ghost-sm:hover{color:var(--komently-foreground);background-color:var(--komently-muted)}.komently-auth-prompt{color:var(--komently-muted-foreground);flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.5rem;margin-bottom:1rem;font-size:11px;font-style:italic;display:flex}.komently-login-prompt{border-top:1px solid var(--komently-border);background-color:color-mix(in srgb,var(--komently-muted)10%,transparent);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.komently-login-text{color:var(--komently-muted-foreground);font-size:.875rem;font-style:italic}.komently-new-comment-container{border-top:1px solid var(--komently-border);background-color:color-mix(in srgb,var(--komently-muted)10%,transparent);gap:.5rem;padding:1rem 1.5rem}.komently-pagination{border-top:1px solid var(--komently-border);background-color:color-mix(in srgb,var(--komently-muted)20%,transparent);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.komently-pagination-btn{color:var(--komently-muted-foreground);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:700;transition:color .2s}.komently-pagination-btn:hover:not(:disabled){color:var(--komently-foreground)}.komently-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.komently-pagination-info{color:var(--komently-muted-foreground);font-size:.75rem;font-weight:600}.komently-profile-bar{border-top:1px solid var(--komently-border);background-color:color-mix(in srgb,var(--komently-muted)10%,transparent);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.komently-profile-info{align-items:center;gap:.5rem;display:flex}.komently-profile-avatar{color:#fff;text-transform:uppercase;border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:9px;font-weight:700;display:flex}.komently-profile-text{color:color-mix(in srgb,var(--komently-foreground)80%,transparent);font-size:.75rem}.komently-edit-profile-btn{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;color:color-mix(in srgb,var(--komently-foreground)80%,transparent);background:0 0;border:none;font-size:10px;font-weight:700;transition:color .2s}.komently-edit-profile-btn:hover{color:var(--komently-foreground)}.komently-profile-editor{border-top:1px solid var(--komently-border);background-color:color-mix(in srgb,var(--komently-muted)10%,transparent);padding:1rem 1.5rem}.komently-profile-editor-content{flex-direction:column;gap:1rem;max-width:24rem;display:flex}.komently-profile-editor-title{font-family:var(--komently-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--komently-muted-foreground);margin:0;font-size:11px;font-weight:500}.komently-input-group{flex-direction:column;gap:.25rem;display:flex}.komently-label{color:var(--komently-muted-foreground);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.komently-input{border:1px solid var(--komently-border);background-color:color-mix(in srgb,var(--komently-muted)30%,transparent);width:100%;color:var(--komently-foreground);border-radius:.75rem;outline:none;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.komently-input:focus{border-color:color-mix(in srgb,var(--komently-primary)20%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--komently-primary)20%,transparent)}.komently-profile-editor-actions{gap:.5rem;margin-top:.5rem;display:flex}.komently-spinner{border:2px solid var(--komently-border);border-top-color:var(--komently-primary);border-radius:9999px;width:1.25rem;height:1.25rem;animation:.8s linear infinite komently-spin}@keyframes komently-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.komently-loading-state{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:4rem 0;display:flex}.komently-loading-text{color:var(--komently-muted-foreground);opacity:.7;font-size:.75rem;font-weight:500}.komently-empty-state{text-align:center;color:var(--komently-muted-foreground);opacity:.5;padding:6rem 0;font-size:.875rem;font-weight:500}
