.strata-comment.comment-panel{grid-column:auto;position:relative;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s-6)}.strata-comment.comment-panel:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 26%,transparent) 34%,transparent 70%)}.strata-comment .comment-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s-3);padding-bottom:var(--s-4);border-bottom:1px solid var(--line)}.strata-comment .comment-title{display:inline-flex;align-items:center;gap:8px;color:var(--text-hi);font-size:var(--t-lg);font-weight:600;letter-spacing:-.01em}.strata-comment .comment-title:before{content:"";width:6px;height:6px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.strata-comment .comment-subtitle{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}.strata-comment .comment-header-actions{display:flex;gap:6px;margin-left:auto}.strata-comment .comment-sort-btn,.strata-comment .comment-refresh-btn{height:26px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-mut);font-family:var(--font-mono);font-size:var(--t-micro);cursor:pointer}.strata-comment .comment-sort-btn:hover,.strata-comment .comment-refresh-btn:hover{color:var(--text-hi);border-color:var(--line-strong)}.strata-comment .auth-group{display:flex;align-items:stretch;margin-top:var(--s-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);overflow:hidden}.strata-comment .auth-group__prepend,.strata-comment .auth-group__append{display:inline-flex;align-items:center;gap:6px;padding:0 11px;background:var(--surface-3);font-family:var(--font-mono);font-size:var(--t-micro);color:var(--text-mut);white-space:nowrap}.strata-comment .auth-group__prepend{border-right:1px solid var(--line);color:var(--ok)}.strata-comment .auth-group__append{border-left:1px solid var(--line)}.strata-comment .auth-group__inner{display:flex;align-items:center;flex:1 1 auto;min-width:0;padding:0 11px;font-size:var(--t-sm);color:var(--text)}.strata-comment .auth-group__inner input{width:100%;height:34px;border:0;background:transparent;color:var(--text-hi);font-family:var(--font-mono);font-size:var(--t-xs)}.strata-comment .auth-group__inner input:focus{outline:none}.strata-comment .auth-group__inner input::placeholder{color:var(--text-faint)}.strata-comment .auth-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.strata-comment .auth-bar.auth-group .auth-group__inner{color:var(--ok)}.strata-comment .auth-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 11px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-hi);font-size:var(--t-xs);font-weight:500;white-space:nowrap;cursor:pointer;transition:transform var(--duration-fast) var(--ease)}.strata-comment .auth-btn:active{transform:translateY(1px)}.strata-comment .auth-btn-primary{background:var(--accent);color:var(--accent-ink)}.strata-comment .auth-btn-primary:hover{background:var(--accent-hi)}.strata-comment .auth-btn-primary:disabled{opacity:.4;cursor:not-allowed}.strata-comment .auth-btn-profile{background:var(--surface-3);border-color:var(--line);color:var(--text-hi)}.strata-comment .auth-btn-profile:hover{background:var(--surface-2);border-color:var(--line-strong)}.strata-comment .auth-btn-outline{border-color:var(--line-strong);color:var(--text-mut)}.strata-comment .auth-btn-outline:hover{color:var(--text-hi);background:var(--surface-2)}.strata-comment .auth-message{margin:var(--s-3) 0 0;font-size:var(--t-xs);min-height:1em}.strata-comment .auth-message-error{color:var(--err)}.strata-comment .auth-message-ok{color:var(--ok)}.strata-comment .comment-input,.strata-comment .comment-preview{width:100%;margin-top:var(--s-4);padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-hi);font-size:var(--t-base);line-height:1.7;resize:vertical}.strata-comment .comment-input::placeholder{color:var(--text-faint)}.strata-comment .comment-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.strata-comment .comment-preview{min-height:64px;color:var(--text)}.strata-comment .comment-preview h1,.strata-comment .comment-preview h2,.strata-comment .comment-preview h3,.strata-comment .comment-preview h4{margin:1em 0 .4em;color:var(--text-hi);font-size:var(--t-md)}.strata-comment .comment-input::-webkit-scrollbar,.strata-comment .comment-preview::-webkit-scrollbar,.strata-comment .inline-reply-input::-webkit-scrollbar{width:9px}.strata-comment .comment-input::-webkit-scrollbar-thumb,.strata-comment .comment-preview::-webkit-scrollbar-thumb,.strata-comment .inline-reply-input::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid transparent;border-radius:var(--radius-pill);background-clip:padding-box}.strata-comment .comment-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-top:var(--s-3)}.strata-comment .comment-actions-right{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}.strata-comment .comment-ua-checkbox-label{display:inline-flex;align-items:center;gap:7px;font-size:var(--t-xs);color:var(--text-mut);cursor:pointer}.strata-comment .comment-ua-checkbox-label input[type=checkbox]{appearance:none;width:15px;height:15px;margin:0;border:1px solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface-2);position:relative;cursor:pointer}.strata-comment .comment-ua-checkbox-label input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.strata-comment .comment-ua-checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:2px solid var(--accent-ink);border-top:0;border-left:0;transform:rotate(42deg)}.strata-comment .comment-meme-btn{height:28px;padding:0 11px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-mut);font-size:var(--t-xs);cursor:pointer}.strata-comment .comment-meme-btn:hover{color:var(--text-hi);border-color:var(--line-strong)}.strata-comment .comment-meme-btn.active{color:var(--accent-hi);border-color:var(--accent);background:var(--accent-soft)}.strata-comment .comment-meme-panel{display:none;margin-top:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--inset)}.strata-comment .comment-meme-panel.open{display:block}.strata-comment .meme-tabs{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:var(--s-3);margin-bottom:var(--s-3);border-bottom:1px solid var(--line)}.strata-comment .meme-tab{height:24px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-mut);font-family:var(--font-mono);font-size:10px;cursor:pointer}.strata-comment .meme-tab:hover{color:var(--text-hi)}.strata-comment .meme-tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.strata-comment .comment-meme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--s-2);max-height:260px;overflow-y:auto}.strata-comment .comment-meme-item{padding:4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-1);cursor:pointer}.strata-comment .comment-meme-item:hover{border-color:var(--accent)}.strata-comment .comment-meme-item img{width:100%;height:auto;border-radius:var(--radius-xs)}.strata-comment .meme-hover-preview{position:fixed;z-index:620;padding:6px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-pop);pointer-events:none}.strata-comment .meme-hover-preview img{max-width:160px;border-radius:var(--radius-xs)}.strata-comment .comment-list{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line)}.strata-comment .comment-item{padding:var(--s-4) 0;border-bottom:1px solid var(--line-faint)}.strata-comment .comment-item:last-child{border-bottom:0}.strata-comment .comment-item-header{display:flex;align-items:center;gap:var(--s-3)}.strata-comment .comment-avatar{width:30px;height:30px;flex:0 0 auto;border:1px solid var(--line);border-radius:var(--radius-pill);object-fit:cover}.strata-comment .comment-author{color:var(--text-hi);font-size:var(--t-sm);font-weight:600}.strata-comment .comment-time{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--text-faint)}.strata-comment .comment-body{margin-top:var(--s-3);font-size:var(--t-sm);line-height:1.75;color:var(--text);overflow-wrap:anywhere}.strata-comment .comment-body img{max-width:100%;border:1px solid var(--line);border-radius:var(--radius-md)}.strata-comment .comment-body a{color:var(--accent-hi);border-bottom:1px solid color-mix(in srgb,var(--accent) 42%,transparent)}.strata-comment .comment-body a:hover{border-bottom-color:var(--accent)}.strata-comment .comment-body code{padding:.1em .38em;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);font-family:var(--font-mono);font-size:.86em}.strata-comment .comment-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-top:var(--s-3)}.strata-comment .comment-reply-btn,.strata-comment .comment-collapse-btn,.strata-comment .comment-overflow{border:0;background:none;padding:0;font-family:var(--font-mono);font-size:var(--t-micro);color:var(--text-mut);cursor:pointer}.strata-comment .comment-reply-btn:hover,.strata-comment .comment-collapse-btn:hover,.strata-comment .comment-overflow:hover{color:var(--accent-hi)}.strata-comment .comment-reply-to{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--text-faint)}.strata-comment .comment-ua-badge{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-2);font-family:var(--font-mono);font-size:10px;color:var(--text-faint);cursor:help}.strata-comment .comment-ua-badge:hover{color:var(--text-mut);border-color:var(--line-strong)}.strata-comment .comment-empty{padding:var(--s-8) var(--s-5);text-align:center;font-size:var(--t-sm);color:var(--text-faint)}.strata-comment .comment-replies{margin-top:var(--s-3);margin-left:15px;padding-left:var(--s-4);border-left:1px solid var(--line)}.strata-comment .comment-reply-item{padding:var(--s-3) 0}.strata-comment .comment-reply-item+.comment-reply-item{border-top:1px solid var(--line-faint)}.strata-comment .inline-reply-form{margin-top:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2)}.strata-comment .inline-reply-input{width:100%;min-height:66px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-hi);font-size:var(--t-sm);line-height:1.7;resize:vertical}.strata-comment .inline-reply-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.strata-comment .inline-reply-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:var(--s-3)}.strata-comment .inline-reply-meme-panel{margin-top:var(--s-3)}.strata-comment .ua-svg-icon{width:12px;height:12px;color:var(--text-faint)}