.cmts-gifpop{background:var(--color-bg2);border:1px solid var(--color-border);box-shadow:0 12px 32px #00000059,0 2px 8px #0003}.cmts-gifpop-tabs{border-bottom:1px solid var(--color-border)}.cmts-gifpop-tab{color:var(--color-text3);background:0 0;border:none}.cmts-gifpop-tab:hover{color:var(--color-text1);background:var(--color-surface2)}.cmts-gifpop-tab.active{color:#fff;background:var(--color-accent2)}.cmts-gifpop-close{color:var(--color-text3);background:0 0;border:none}.cmts-gifpop-close:hover{color:var(--color-text1);background:var(--color-surface2)}.cmts-gifpop-search-icon{color:var(--color-text3)}.cmts-gifpop-search-input{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text1)}.cmts-gifpop-search-input:focus{border-color:var(--color-accent2)}.cmts-gifpop-footer,.cmts-gifpop-placeholder{color:var(--color-text3)}.cmts-gifpop-placeholder-title{color:var(--color-text2)}.cmts-gifpop-results{align-items:flex-start;gap:.55rem;display:flex}.cmts-gifpop-col{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.cmts-gifpop-item{background:var(--color-surface2);border:1.5px solid #0000}.cmts-gifpop-item:before{content:"";padding-top:var(--gif-ratio,75%);display:block}.cmts-gifpop-item:hover{border-color:var(--color-accent2)}@media (width<=480px){#cmtsGifModal{width:calc(100vw - 1.5rem)}}.cmts{background:var(--color-bg2);border:1px solid var(--color-border);border-radius:1rem;margin-top:2rem;overflow:hidden}.cmts-header{padding:1.3rem 1.75rem 0}.cmts-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cmts-header-row>*{min-width:0}.cmts-sort-tabs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;flex-wrap:nowrap;gap:.25rem;padding:.2rem;display:flex}.cmts-sort-btn{color:var(--color-text3);cursor:pointer;background:0 0;border:none;border-radius:.35rem;padding:.28rem .65rem;font-size:.72rem;font-weight:600;transition:background .15s,color .15s}.cmts-sort-btn:hover{color:var(--color-text1)}.cmts-sort-btn.active{background:var(--color-accent2);color:#fff}.cmts-vote--active-like{color:#22c55e!important}.cmts-vote--active-dislike{color:#ef4444!important}.cmts-title{color:var(--color-text1);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.92rem;font-weight:800;display:flex}.cmts-title svg{color:var(--color-accent2);flex-shrink:0}.cmts-count{background:var(--color-accent2);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.62rem;font-weight:700;display:inline-flex}.cmts-count:empty{display:none}.cmts-login-prompt{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text3);border-radius:.65rem;align-items:center;gap:.6rem;margin:1rem 1.75rem 1.1rem;padding:.8rem 1rem;font-size:.81rem;display:flex}.cmts-login-prompt a{color:var(--color-accent2);font-weight:600}.cmts-login-prompt a:hover{text-decoration:underline}.cmts-typing-indicator{color:var(--color-text3);align-items:center;gap:.35rem;margin:0 0 .1rem;font-size:.72rem;font-style:italic;display:none}.cmts-compose{align-items:flex-start;gap:.8rem;padding:.2rem 1.75rem 1.1rem;display:flex}.cmts-compose-avatar{flex-shrink:0;align-items:flex-start;padding-top:.15rem;display:flex}.cmts-compose-body{flex-direction:column;flex:1;gap:.45rem;min-width:0;display:flex}.cmts-reply-to{color:var(--color-text3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:.4rem;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.71rem;display:flex}.cmts-reply-to strong{color:var(--color-accent2)}.cmts-cancel-reply{color:var(--color-text3);cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.25rem;margin-left:auto;padding:.1rem .3rem;font-size:.7rem;line-height:1;transition:color .15s,background .15s;display:inline-flex}.cmts-cancel-reply:hover{color:#ef4444;background:#ef444414}.cmts-format-bar{background:var(--color-bg2);border:1.5px solid var(--color-border);border-bottom:none;border-radius:.65rem .65rem 0 0;align-items:center;gap:.15rem;padding:.3rem .5rem;display:flex}.cmts-fmt-btn{width:24px;height:24px;color:var(--color-text3);cursor:pointer;background:0 0;border:none;border-radius:.35rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.cmts-fmt-btn:hover{color:var(--color-text1);background:var(--color-surface2)}.cmts-fmt-sep{background:var(--color-border);flex-shrink:0;width:1px;height:14px;margin:0 .2rem}.cmts-textarea{background:var(--color-surface);border:1.5px solid var(--color-border);width:100%;color:var(--color-text1);resize:vertical;box-sizing:border-box;border-radius:.65rem;min-height:78px;max-height:280px;padding:.65rem .85rem;font-family:inherit;font-size:.83rem;line-height:1.55;transition:border-color .15s,box-shadow .15s}.cmts-textarea:focus{border-color:var(--color-accent2);outline:none;box-shadow:0 0 0 3px #8b5cf61f}.cmts-textarea--with-bar{border-radius:0 0 .65rem .65rem}.cmts-format-bar+.cmts-textarea--with-bar:focus,.cmts-compose-body:focus-within .cmts-format-bar{border-color:var(--color-accent2)}.cmts-textarea::placeholder{color:var(--color-text3)}.cmts-compose-footer{align-items:center;gap:.7rem;display:flex}.cmts-char{color:var(--color-text3);font-variant-numeric:tabular-nums;margin-right:auto;font-size:.67rem}.cmts-btn-submit{background:var(--color-accent2);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:.48rem;align-items:center;gap:.38rem;padding:.4rem .9rem;font-size:.77rem;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex}.cmts-btn-submit:hover{opacity:.88}.cmts-btn-submit:active{transform:scale(.97)}.cmts-btn-submit:disabled{opacity:.5;cursor:not-allowed}.cmts-divider{background:var(--color-border);height:1px}.cmts-list{flex-direction:column;gap:0;padding:.75rem 1.75rem 1.4rem;display:flex}.cmts-state{color:var(--color-text3);text-align:center;justify-content:center;align-items:center;gap:.55rem;padding:2.2rem 1rem;font-size:.81rem;display:flex}.cmts-av[data-fallback=true]{display:none!important}.cmts-av[data-fallback=true].cmts-av--visible{display:flex!important}.cmts-av{object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;max-width:none!important;display:flex!important}.cmts-av--md{min-width:42px;font-size:.84rem;font-weight:700;width:42px!important;height:42px!important}.cmts-av--sm{min-width:32px;font-size:.68rem;font-weight:700;width:32px!important;height:32px!important}.cmts-av--ltr{color:#fff;background:hsl(var(--h,260),52%,52%);user-select:none}img.cmts-av{display:block!important}img.cmts-av--md{border:1.5px solid var(--color-border);min-width:42px;width:42px!important;height:42px!important}img.cmts-av--sm{border:1px solid var(--color-border);min-width:32px;width:32px!important;height:32px!important}.cmts-item{border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);gap:.75rem;padding:.9rem 0;position:relative;flex-direction:row!important;display:flex!important}.cmts-item:last-child{border-bottom:none;padding-bottom:0}.cmts-item--has-banner{isolation:isolate;border-radius:.75rem;margin-left:-.75rem;margin-right:-.75rem;padding-left:.75rem;padding-right:.75rem;position:relative;overflow:hidden}.cmts-item-thread-bg{z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.cmts-item-thread-bg-img{filter:blur(7px)saturate(1.15);background-repeat:no-repeat;background-size:cover;position:absolute;inset:-20px;transform:scale(1.12)}.cmts-item-thread-bg:after{content:"";background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg2) 55%,transparent),color-mix(in srgb,var(--color-bg2) 88%,transparent));position:absolute;inset:0}.cmts-item--has-banner>.cmts-item-av,.cmts-item--has-banner>.cmts-item-body{z-index:1;position:relative}.cmts-item-av{flex-direction:column;flex-shrink:0;align-items:center;position:relative;display:flex!important}.cmts-item{--cmts-hook-x:21px;--cmts-ring-pad-own:0px;--cmts-ring-pad-parent:0px}.cmts-item:has(>.cmts-item-av--has-line .cmts-av-ring){--cmts-ring-pad-own:3px}.cmts-item-av--has-line:before{content:"";top:calc(42px + var(--cmts-ring-pad-own));left:var(--cmts-hook-x);width:2px;height:var(--cmts-line-h,0px);background:var(--color-border);pointer-events:none;border-radius:1px;position:absolute}.cmts-item--rpl>.cmts-item-av--has-line{--cmts-hook-x:16px}.cmts-item--rpl>.cmts-item-av--has-line:before{top:calc(32px + var(--cmts-ring-pad-own))}.cmts-item-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex!important}.cmts-item-head{flex-flow:wrap;align-items:baseline;gap:.45rem;margin:0;padding:0;display:flex!important}.cmts-uname{color:var(--color-text1);font-size:.81rem;font-weight:700;line-height:1.3}a.cmts-uname{text-decoration:none}a.cmts-uname:hover{color:var(--color-primary,#a78bfa);text-decoration:underline}.cmts-time{color:var(--color-text3);cursor:default;font-size:.67rem;line-height:1.3}.cmts-text{color:var(--color-text2);white-space:pre-wrap;word-break:break-word;padding:0;font-size:.83rem;line-height:1.65;margin:0!important}.cmts-text strong{color:var(--color-text1)}.cmts-mention{color:var(--color-accent2);font-weight:600}.cmts-spoiler{background:var(--color-surface2);color:#0000;cursor:pointer;user-select:none;border-radius:.25rem;padding:0 .25rem;transition:color .2s,background .2s}.cmts-spoiler.revealed{color:inherit;background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.cmts-code{background:var(--color-bg);border:1px solid var(--color-border);font-family:var(--font-family-mono);color:var(--color-accent3);border-radius:.25rem;padding:.05rem .35rem;font-size:.78em}.cmts-quote{border-left:3px solid var(--color-accent);color:var(--color-text2);background:color-mix(in srgb,var(--color-accent) 6%,transparent);border-radius:0 .3rem .3rem 0;margin:.15rem 0;padding:.1rem .6rem;font-style:italic;display:block}.cmts-item--pinned{background:color-mix(in srgb,var(--color-accent2) 5%,transparent);border-radius:.6rem;margin-left:-.75rem;margin-right:-.75rem;padding:.9rem .75rem;position:relative;border-bottom:1px solid color-mix(in srgb,var(--color-accent2) 15%,transparent)!important}.cmts-item--pinned+.cmts-item--pinned{margin-top:.2rem}.cmts-pin-badge{z-index:2;color:var(--color-accent2);background:color-mix(in srgb,var(--color-accent2) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent2) 25%,transparent);white-space:nowrap;border-radius:.3rem;align-items:center;gap:.3rem;padding:.2rem .5rem .2rem .35rem;font-size:.6rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.cmts-pin-badge--btn{pointer-events:auto;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.cmts-pin-badge--btn:hover{background:color-mix(in srgb,var(--color-accent2) 22%,transparent);border-color:color-mix(in srgb,var(--color-accent2) 45%,transparent)}.cmts-pin-badge--btn:disabled{opacity:.5;cursor:not-allowed}.cmts-pin-badge--unfixed{color:var(--color-text3);background:color-mix(in srgb,var(--color-text3) 8%,transparent);border-color:color-mix(in srgb,var(--color-text3) 20%,transparent);opacity:0;transition:opacity .15s,background .15s,border-color .15s,color .15s}.cmts-item:hover>.cmts-pin-badge--unfixed{opacity:1}.cmts-pin-badge--unfixed:hover{color:var(--color-accent2);background:color-mix(in srgb,var(--color-accent2) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent2) 25%,transparent)}.cmts-pin--active{color:var(--color-accent2)!important}.cmts-acts{align-items:center;display:flex}.cmts-act{color:var(--color-text2);cursor:pointer;background:0 0;border:none;border-radius:.3rem;align-items:center;gap:.28rem;padding:.22rem;font-size:.68rem;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.cmts-act:hover{color:var(--color-text1);background:var(--color-surface2)}.cmts-del:hover{color:#ef4444!important;background:#ef444412!important}.cmts-edt:hover{color:var(--color-accent2)!important;background:color-mix(in srgb,var(--color-accent2) 8%,transparent)!important}.cmts-replies{flex-direction:column;margin-top:.65rem;display:flex;position:relative}.cmts-item--rpl{border-bottom:none;padding:.65rem 0}.cmts-replies .cmts-item--rpl:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--color-border) 40%,transparent)}.cmts-item--rpl{--cmts-ring-pad-parent:var(--cmts-ring-pad-own);position:relative}.cmts-item--rpl:before{content:"";left:calc(-1 * var(--cmts-hook-x) - .75rem);top:var(--cmts-ring-pad-parent);width:calc(var(--cmts-hook-x) + .75rem + 16px);height:calc(.65rem + 16px - var(--cmts-ring-pad-parent));border-left:2px solid var(--color-border);border-bottom:2px solid var(--color-border);pointer-events:none;border-bottom-left-radius:5px;position:absolute}.cmts-item--deep{--cmts-hook-x:16px;border-left:none;margin-left:0;padding-left:0}.cmts-item--typing-ghost{padding:.5rem 0}.cmts-item--typing-ghost>.cmts-item-body{gap:0}.cmts-typing-ghost-text{color:var(--color-text3);margin:0;font-size:.78rem;font-style:italic}.cmts-show-more{color:var(--color-accent2);cursor:pointer;background:0 0;border:none;border-radius:.35rem;align-items:center;gap:.35rem;margin-top:.4rem;padding:.35rem .5rem;font-size:.72rem;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.cmts-show-more:hover{background:color-mix(in srgb,var(--color-accent2) 10%,transparent);opacity:.9}.cmts-show-more svg{flex-shrink:0}cmts-reply-box{display:block}.cmts-inline-reply{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.65rem;flex-direction:column;gap:.45rem;margin:.5rem 0;padding:.6rem .75rem;display:flex}.cmts-inline-reply-indicator{color:var(--color-text3);align-items:center;gap:.4rem;font-size:.71rem;display:flex}.cmts-inline-reply-indicator strong{color:var(--color-accent2)}.cmts-inline-reply .cmts-cancel-reply{color:var(--color-text3);cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.25rem;margin-left:auto;padding:.1rem .3rem;font-size:.7rem;line-height:1;transition:color .15s,background .15s;display:inline-flex}.cmts-inline-reply .cmts-cancel-reply:hover{color:#ef4444;background:#ef444414}.cmts-inline-reply .cmts-textarea{min-height:54px}.cmts-inline-reply .cmts-compose-footer{align-items:center;gap:.7rem;display:flex}.cmts-inline-reply .cmts-format-bar+.cmts-textarea--with-bar:focus,.cmts-inline-reply:focus-within .cmts-format-bar{border-color:var(--color-accent2)}.cmts-spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent2);border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.6s linear infinite cmts-spin;display:inline-block}.cmts-spinner--sm{border-width:1.5px;width:10px;height:10px}@keyframes cmts-spin{to{transform:rotate(360deg)}}.cmts-img-btn{background:var(--color-surface);border:1.5px solid var(--color-border);width:28px;height:28px;color:var(--color-text3);cursor:pointer;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.cmts-img-btn:hover{color:var(--color-accent2);border-color:var(--color-accent2);background:color-mix(in srgb,var(--color-accent2) 8%,transparent)}.cmts-gif-btn{background:var(--color-surface);border:1.5px solid var(--color-border);width:28px;height:28px;color:var(--color-text3);cursor:pointer;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.cmts-gif-btn:hover{color:var(--color-accent2);border-color:var(--color-accent2);background:color-mix(in srgb,var(--color-accent2) 8%,transparent)}.cmts-state--sm{color:var(--color-text3);grid-column:1/-1;justify-content:center;align-items:center;gap:.4rem;padding:1rem 0;font-size:.76rem;display:flex}.cmts-img-preview{flex-wrap:wrap;gap:.45rem;margin-top:.1rem;display:flex}.cmts-img-preview:empty{display:none}.cmts-img-preview-item{border:1.5px solid var(--color-border);border-radius:.4rem;display:inline-flex;position:relative;overflow:hidden}.cmts-img-placeholder{background:var(--color-surface2);color:var(--color-text3);pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.cmts-img-preview-item--loading .cmts-img-placeholder{opacity:1}.cmts-img-preview-item:not(.cmts-img-preview-item--loading) .cmts-img-placeholder{opacity:0}.cmts-img-preview-item img{object-fit:cover;width:72px;height:72px;display:block}.cmts-img-remove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:.6rem;line-height:1;transition:background .15s;display:flex;position:absolute;top:2px;right:2px}.cmts-img-remove:hover{background:#ef4444d9}.cmts-img-gallery{flex-wrap:wrap;gap:.4rem;width:100%;margin-top:.4rem;display:flex}.cmts-img-gallery a{border:1px solid var(--color-border);border-radius:.4rem;justify-content:center;width:100%;max-width:512px;margin:0 auto;transition:border-color .15s;display:flex;overflow:hidden}.cmts-img-gallery a:hover{border-color:var(--color-accent2)}.cmts-img-thumb{object-fit:contain;cursor:default;pointer-events:none;width:auto;max-width:100%;height:auto;max-height:512px;display:block}@media (width<=600px){.cmts-header{padding-left:1rem;padding-right:1rem}.cmts-header-row{flex-direction:column;justify-content:center;align-items:stretch}.cmts-title{justify-content:center;margin-bottom:0}.cmts-sort-tabs{justify-content:center;width:100%}.cmts-sort-btn{text-align:center;flex:1}.cmts-compose,.cmts-login-prompt,.cmts-list{padding-left:1rem;padding-right:1rem}}.cmts-av-wrap{flex-shrink:0;position:relative}.cmts-av-ring{border:2.5px solid var(--ring-color,transparent);pointer-events:none;box-shadow:0 0 6px color-mix(in srgb, var(--ring-color,transparent) 50%, transparent);border-radius:50%;position:absolute;inset:-3px}.cmts-av-crown-wrap{transform-origin:100% 100%;pointer-events:none;width:20px;height:26px;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--crown-color,#f59e0b) 80%, transparent)) drop-shadow(0 1px 3px #000000b3);position:absolute;transform:rotate(-32deg)}.cmts-av-crown-wrap--sm{top:-28px;left:-6px}.cmts-av-crown-wrap--md{height:24px;top:-24px;left:-4px}.cmts-av-crown-svg{width:100%;height:100%;overflow:visible}.cmts-flame{transform-origin:bottom;animation:1.4s ease-in-out infinite alternate cmtsFlicker}.cmts-flame--1{animation-duration:1.2s;animation-delay:0s}.cmts-flame--2{animation-duration:1.5s;animation-delay:-.3s}.cmts-flame--3{animation-duration:1.1s;animation-delay:-.6s}@keyframes cmtsFlicker{0%{opacity:.7;transform:scaleY(1)scaleX(1)translateY(0)}30%{opacity:.9;transform:scaleY(1.2)scaleX(.85)translateY(-1px)}60%{opacity:.55;transform:scaleY(.9)scaleX(1.1)translateY(.5px)}to{opacity:.85;transform:scaleY(1.15)scaleX(.9)translateY(-1.5px)}}.cmts-role-label{color:var(--badge-color,#6366f1);background:color-mix(in srgb, var(--badge-color,#6366f1) 14%, transparent);border:1px solid color-mix(in srgb, var(--badge-color,#6366f1) 30%, transparent);vertical-align:middle;border-radius:.3rem;align-items:center;margin-left:.3rem;padding:.15rem .45rem;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex}.cmts-react-panel{border-bottom:1px solid var(--color-border);text-align:center;padding:1.5rem 1.75rem 1.25rem}.cmts-react-title{color:var(--color-text1);margin:0 0 .2rem;font-size:.98rem;font-weight:800}.cmts-react-total{color:var(--color-text3);margin:0 0 1rem;font-size:.72rem}.cmts-reactions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.cmts-react-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;color:var(--color-text3);white-space:nowrap;border-radius:.65rem;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.8rem;line-height:1;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.cmts-react-btn:hover{background:var(--color-surface2);border-color:var(--color-accent2);color:var(--color-text1);transform:translateY(-1px)}.cmts-react-btn--active{background:color-mix(in srgb, var(--color-accent2) 14%, var(--color-surface));border-color:var(--color-accent2);color:var(--color-accent2)}.cmts-react-emoji{flex-shrink:0;font-size:1.25rem;line-height:1}.cmts-react-img{object-fit:contain;flex-shrink:0;width:1.5rem;height:1.5rem}.cmts-react-label{color:inherit;font-size:.78rem;font-weight:600}.cmts-react-count{color:var(--color-text3);font-size:.74rem;font-weight:500}.cmts-react-btn--active .cmts-react-count{color:var(--color-accent2)}@media (width<=640px){.cmts-react-panel{padding:1.2rem 1rem 1rem}.cmts-react-btn{padding:.4rem .7rem;font-size:.75rem}.cmts-react-emoji{font-size:1.1rem}}