.fcomment{display:flex;flex-direction:column;gap:1.25rem;padding:1.35rem 1.4rem 1.5rem;border-radius:14px;background:var(--card-bg);border:1px solid color-mix(in oklab,var(--line-divider) 88%,transparent);box-shadow:0 1px #ffffff80 inset,0 12px 30px -30px color-mix(in oklch,var(--primary) 60%,transparent)}.fcomment__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;padding:0 .1rem .1rem}.fcomment__count{font-size:.95rem;font-weight:500;color:var(--content-meta);margin:0;letter-spacing:.02em;display:inline-flex;align-items:baseline;gap:.35rem}.fcomment__count [data-count-total]{font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:700;line-height:1;letter-spacing:-.02em;background:linear-gradient(180deg,color-mix(in oklch,var(--primary) 20%,var(--deep-text)) 0%,var(--deep-text) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fcomment__identity{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--content-meta);padding:0;background:none;border:none;border-radius:0}.fcomment__identity:before{content:"";width:6px;height:6px;border-radius:50%;background:color-mix(in oklch,var(--primary) 70%,transparent);flex-shrink:0}.fcomment__link-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--primary);font-weight:500;cursor:pointer;position:relative;transition:color .15s ease}.fcomment__link-btn:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor;transform:scaleX(.4);transform-origin:center;opacity:0;transition:transform .18s ease,opacity .18s ease}.fcomment__link-btn:hover{color:color-mix(in oklch,var(--primary) 78%,var(--deep-text))}.fcomment__link-btn:hover:after{transform:scaleX(1);opacity:1}.fcomment__link-btn:active{transform:none}.fcomment__link-btn:disabled{opacity:.45;cursor:not-allowed}.fcomment__auth{padding:1rem 1.05rem;border-radius:10px;border:1px solid color-mix(in oklab,var(--line-divider) 82%,transparent);background:color-mix(in oklab,var(--card-bg) 96%,var(--btn-regular-bg));display:flex;flex-direction:column;gap:.7rem}.fcomment__tabs{display:inline-flex;align-self:flex-start;gap:1.1rem;padding:0;background:none;border:none;border-radius:0;border-bottom:1px solid color-mix(in oklab,var(--line-divider) 70%,transparent)}.fcomment__tabs button{padding:.2rem 0 .5rem;margin-bottom:-1px;border:none;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--content-meta);font-size:.8rem;font-weight:500;cursor:pointer;transition:color .16s ease,border-color .16s ease}.fcomment__tabs button.is-active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary);background:none;box-shadow:none}.fcomment__form{display:flex;flex-wrap:wrap;gap:.5rem}.fcomment__hint{margin:0;font-size:.75rem;color:var(--content-meta)}.fcomment input,.fcomment textarea{flex:1 1 12rem;min-width:0;padding:.6rem .85rem;border:1px solid color-mix(in oklab,var(--line-divider) 78%,transparent);border-radius:8px;background:color-mix(in oklab,var(--card-bg) 94%,transparent);color:var(--deep-text);font-size:.89rem;font-family:inherit;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.fcomment input::placeholder,.fcomment textarea::placeholder{color:color-mix(in oklab,var(--content-meta) 65%,transparent)}.fcomment input:hover,.fcomment textarea:hover{border-color:color-mix(in oklab,var(--line-divider) 92%,transparent)}.fcomment input:focus-visible,.fcomment textarea:focus-visible{outline:none;border-color:color-mix(in oklch,var(--primary) 58%,var(--line-divider));background:var(--card-bg);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 10%,transparent)}.fcomment textarea{flex:1 1 100%;resize:vertical;line-height:1.75;min-height:4.2rem}.fcomment button[type=submit]{padding:.56rem 1.1rem;border:none;border-radius:7px;background:var(--primary);color:var(--card-bg);font-size:.82rem;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 1px #ffffff24 inset,0 6px 14px -10px color-mix(in oklch,var(--primary) 75%,transparent);transition:transform .15s cubic-bezier(.2,.7,.2,1),filter .15s ease,box-shadow .18s ease}.fcomment button[type=submit]:hover{filter:brightness(1.05) saturate(1.05);box-shadow:0 1px #ffffff2e inset,0 10px 20px -12px color-mix(in oklch,var(--primary) 85%,transparent)}.fcomment button[type=submit]:active{transform:translateY(1px)}.fcomment button[type=submit]:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:saturate(.7)}.fcomment__avatar{flex:0 0 auto;width:2.25rem;height:2.25rem;min-width:2.25rem;max-width:2.25rem;border-radius:9px;display:flex;align-items:center;justify-content:center;--av-hue-offset: 0;--av-tint: .08;--av-shift: .02;background-color:color-mix(in oklab,var(--btn-regular-bg) 92%,color-mix(in oklch,var(--primary) calc(var(--av-tint) * 160%),transparent));color:color-mix(in oklch,var(--primary) calc(46% + var(--av-tint) * 90%),var(--deep-text));border:1px solid color-mix(in oklab,var(--line-divider) 80%,color-mix(in oklch,var(--primary) calc(14% + var(--av-shift) * 220%),transparent));font-size:.9rem;font-weight:700;line-height:1;letter-spacing:-.01em;user-select:none;overflow:hidden}.fcomment__composer{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem .9rem;border-radius:11px;border:1px solid color-mix(in oklab,var(--line-divider) 82%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--card-bg) 97%,var(--btn-regular-bg)),color-mix(in oklab,var(--card-bg) 100%,transparent));transition:border-color .16s ease,box-shadow .16s ease}.fcomment__composer:focus-within{border-color:color-mix(in oklch,var(--primary) 45%,var(--line-divider));box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 9%,transparent)}.fcomment__composer-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.5rem}.fcomment__composer-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem}.fcomment__composer-foot input{flex:0 1 11.5rem}.fcomment__counter{margin-left:auto;font-size:.73rem;color:var(--content-meta);font-variant-numeric:tabular-nums;padding:.12rem .45rem;border-radius:4px;background:color-mix(in oklab,var(--btn-regular-bg) 70%,transparent)}.fcomment__counter[data-near-limit=true]{color:oklch(.62 .17 70)}.fcomment__counter[data-over-limit=true]{color:#db4241;font-weight:600}.fcomment__message{margin:0;font-size:.82rem;color:var(--content-meta);padding:.48rem .8rem;border-radius:7px;background:color-mix(in oklab,var(--btn-regular-bg) 60%,transparent);border:1px solid color-mix(in oklab,var(--line-divider) 70%,transparent)}.fcomment__message[data-error=true]{color:#d73337;background:color-mix(in oklch,oklch(.97 .02 22) 90%,transparent);border-color:color-mix(in oklch,oklch(.82 .14 25) 50%,transparent)}.fcomment__list{display:flex;flex-direction:column;gap:1.25rem;padding:.2rem .1rem}.fcomment__placeholder{padding:2.2rem 1rem;text-align:center;font-size:.875rem;color:var(--content-meta);border-radius:10px;background:color-mix(in oklab,var(--card-bg) 94%,var(--btn-regular-bg));border:1px dashed color-mix(in oklab,var(--line-divider) 68%,transparent);position:relative}.fcomment__placeholder:before{content:"✎";display:block;font-size:1.6rem;margin-bottom:.5rem;color:color-mix(in oklch,var(--primary) 40%,var(--content-meta));opacity:.7;line-height:1}.fcomment__placeholder[data-error=true]{color:#d73337;background:color-mix(in oklch,oklch(.97 .02 22) 86%,transparent);border-style:solid;border-color:color-mix(in oklch,oklch(.82 .14 25) 50%,transparent)}.fcomment__placeholder[data-error=true]:before{content:"!";font-weight:700;color:#d73337;opacity:.85}.fcomment__thread{display:flex;flex-direction:column;gap:.55rem;animation:commentFadeIn .42s cubic-bezier(.2,.7,.2,1) both}@keyframes commentFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fcomment__item{display:flex;gap:.7rem;align-items:flex-start;padding:.15rem 0;background:none;border:none;border-radius:0;box-shadow:none;transition:opacity .15s ease;will-change:auto}.fcomment__item:hover{transform:none;background:none;border:none;box-shadow:none}.fcomment__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.28rem;align-items:flex-start}.fcomment__item-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .45rem;padding:.05rem .12rem 0}.fcomment__name{font-size:.875rem;font-weight:600;color:var(--deep-text);letter-spacing:.005em}.fcomment__badge{display:inline-flex;align-items:center;gap:.25rem;padding:0;border-radius:0;background:none;border:none;color:var(--content-meta);font-size:.72rem;font-weight:500;line-height:1}.fcomment__badge:before{content:"";display:inline-block;width:2px;height:.7rem;border-radius:1px;background:currentColor;opacity:.7}.fcomment__badge.is-owner{color:var(--primary);background:none;border:none;box-shadow:none;font-weight:600}.fcomment__badge.is-owner:before{background:var(--primary);opacity:1}.fcomment__reply-to,.fcomment__time{font-size:.73rem;color:var(--content-meta)}.fcomment__reply-to{color:color-mix(in oklch,var(--primary) 55%,var(--content-meta));font-weight:500;padding:.06rem .45rem .1rem;border-radius:999px;background:color-mix(in oklch,var(--primary) 8%,transparent);line-height:1.4;letter-spacing:.005em}.fcomment__time{margin-left:auto;font-variant-numeric:tabular-nums}.fcomment__content{position:relative;margin:0;padding:.72rem .95rem;border-radius:3px 10px 10px;background:linear-gradient(180deg,color-mix(in oklab,var(--btn-regular-bg) 95%,var(--card-bg) 5%),color-mix(in oklab,var(--btn-regular-bg) 100%,transparent));border:1px solid color-mix(in oklab,var(--line-divider) 78%,transparent);font-size:.9rem;line-height:1.75;color:var(--deep-text);overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;transition:border-color .16s ease,background-color .16s ease;max-width:100%}.fcomment__content:before{content:"";position:absolute;left:-6px;top:14px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid color-mix(in oklab,var(--line-divider) 78%,transparent)}.fcomment__content:after{content:"";position:absolute;left:-4px;top:15px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:5px solid color-mix(in oklab,var(--btn-regular-bg) 96%,var(--card-bg) 4%)}.fcomment__item:hover .fcomment__content{border-color:color-mix(in oklab,var(--line-divider) 92%,color-mix(in oklch,var(--primary) 16%,transparent))}.fcomment__item:hover .fcomment__content:before{border-right-color:color-mix(in oklab,var(--line-divider) 92%,color-mix(in oklch,var(--primary) 16%,transparent))}.fcomment__content a{color:var(--primary);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in oklch,var(--primary) 38%,transparent);transition:text-decoration-color .15s ease,color .15s ease}.fcomment__content a:hover{text-decoration-color:currentColor}.fcomment__actions{margin-top:.05rem;display:flex;gap:.7rem;font-size:.73rem;opacity:0;transition:opacity .16s ease;padding:0 .15rem}.fcomment__item:hover .fcomment__actions,.fcomment__item:focus-within .fcomment__actions{opacity:.9}.fcomment__replies:not(:empty){position:relative;margin:.15rem 0 0 calc(1.125rem - .75px);padding:.55rem 0 .2rem .9rem;display:flex;flex-direction:column;gap:.8rem;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 1.2rem),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 1.2rem),transparent 100%)}.fcomment__replies:not(:empty):before{content:"";position:absolute;left:0;top:0;width:1.775rem;height:1.475rem;border-top:1.5px solid color-mix(in oklch,var(--primary) 28%,transparent);border-left:1.5px solid color-mix(in oklch,var(--primary) 28%,transparent);border-top-left-radius:8px;pointer-events:none}.fcomment__replies:not(:empty):after{content:"";position:absolute;left:0;top:1.475rem;bottom:.25rem;width:0;border-left:1.5px solid color-mix(in oklch,var(--primary) 20%,transparent);pointer-events:none}.fcomment__item.is-reply:before{content:"";position:absolute;left:-.9rem;top:.925rem;width:1.775rem;height:0;border-top:1.5px solid color-mix(in oklch,var(--primary) 22%,transparent);pointer-events:none}.fcomment__item.is-reply .fcomment__reply-to{font-size:.69rem;padding:.05rem .4rem .08rem;color:color-mix(in oklch,var(--primary) 48%,var(--content-meta));background:color-mix(in oklch,var(--primary) 5.5%,transparent);border:1px solid color-mix(in oklch,var(--primary) 10%,transparent)}.fcomment__item.is-reply{position:relative;padding:.05rem 0;gap:.45rem}.fcomment__item.is-reply .fcomment__body{gap:.22rem}.fcomment__item.is-reply .fcomment__item-head{padding:.02rem .08rem 0;gap:.3rem .38rem}.fcomment__item.is-reply .fcomment__name{font-size:.82rem;font-weight:600;letter-spacing:.002em}.fcomment__item.is-reply .fcomment__time{font-size:.7rem}.fcomment__item.is-reply .fcomment__badge{font-size:.68rem;gap:.22rem}.fcomment__item.is-reply .fcomment__avatar{width:1.75rem;height:1.75rem;min-width:1.75rem;max-width:1.75rem;border-radius:7px;font-size:.72rem;opacity:.92;box-shadow:0 0 0 1px color-mix(in oklab,var(--line-divider) 55%,transparent),0 3px 8px -6px color-mix(in oklch,var(--primary) 35%,transparent)}.fcomment__item.is-reply .fcomment__content{position:relative;padding:.5rem .78rem .52rem .84rem;border-radius:3px 8px 8px;background:linear-gradient(180deg,color-mix(in oklab,color-mix(in oklch,var(--primary) 6%,var(--card-bg)) 100%,var(--btn-regular-bg)),color-mix(in oklab,var(--card-bg) 99%,var(--btn-regular-bg) 1%));border:1px solid color-mix(in oklab,var(--line-divider) 60%,color-mix(in oklch,var(--primary) 10%,transparent));font-size:.86rem;line-height:1.7;box-shadow:0 1px #ffffff59 inset,0 5px 12px -16px color-mix(in oklch,var(--primary) 40%,transparent)}.fcomment__item.is-reply .fcomment__content{border-left-width:2px;border-left-color:color-mix(in oklch,var(--primary) 32%,var(--line-divider))}.fcomment__item.is-reply .fcomment__content:before{left:-5px;top:13px;border-top-width:4px;border-bottom-width:4px;border-right-width:5px;border-right-color:color-mix(in oklch,var(--primary) 32%,var(--line-divider))}.fcomment__item.is-reply .fcomment__content:after{left:-3px;top:14px;border-top-width:3px;border-bottom-width:3px;border-right-width:4px;border-right-color:color-mix(in oklab,color-mix(in oklch,var(--primary) 6%,var(--card-bg)) 96%,var(--btn-regular-bg) 4%)}.fcomment__item.is-reply:hover .fcomment__content{border-left-color:color-mix(in oklch,var(--primary) 55%,var(--line-divider));border-top-color:color-mix(in oklab,var(--line-divider) 80%,color-mix(in oklch,var(--primary) 18%,transparent));border-right-color:color-mix(in oklab,var(--line-divider) 80%,color-mix(in oklch,var(--primary) 18%,transparent));border-bottom-color:color-mix(in oklab,var(--line-divider) 80%,color-mix(in oklch,var(--primary) 18%,transparent))}.fcomment__item.is-reply:hover .fcomment__content:before{border-right-color:color-mix(in oklch,var(--primary) 55%,var(--line-divider))}.fcomment__reply-form{margin-top:.35rem;align-self:stretch;display:flex;flex-direction:column;gap:.45rem;padding:.55rem .65rem;border-radius:10px;background:linear-gradient(180deg,color-mix(in oklab,var(--card-bg) 97%,var(--btn-regular-bg) 3%),color-mix(in oklab,var(--card-bg) 100%,transparent));border:1px solid color-mix(in oklab,var(--line-divider) 68%,color-mix(in oklch,var(--primary) 12%,transparent));box-shadow:0 1px #ffffff4d inset,0 6px 16px -18px color-mix(in oklch,var(--primary) 45%,transparent);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.fcomment__reply-form:focus-within{border-color:color-mix(in oklch,var(--primary) 42%,var(--line-divider));box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 8%,transparent),0 8px 20px -20px color-mix(in oklch,var(--primary) 55%,transparent)}.fcomment__reply-form textarea{width:100%;max-width:100%;display:block;box-sizing:border-box;flex:1 1 100%;min-height:3.4rem;padding:.52rem .75rem;font-size:.86rem;line-height:1.7;border-radius:7px}.fcomment__reply-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.38rem .5rem}.fcomment__reply-foot input{flex:0 1 9.5rem;padding:.5rem .75rem;font-size:.82rem}.fcomment__reply-foot button[type=submit]{margin-left:auto;padding:.44rem .95rem;font-size:.78rem;border-radius:6px}.fcomment__reply-foot .fcomment__link-btn{font-size:.74rem;padding:.15rem .35rem;border-radius:5px;transition:background-color .14s ease,color .14s ease}.fcomment__reply-foot .fcomment__link-btn:hover{color:var(--primary);background:color-mix(in oklch,var(--primary) 7%,transparent)}.fcomment__more{align-self:stretch;margin:.2rem 0 0;padding:.6rem 1rem;border:none;background:none;color:var(--content-meta);font-size:.8rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;transition:color .16s ease,background-color .16s ease;border-radius:6px}.fcomment__more:before,.fcomment__more:after{content:"";flex:1 1 auto;height:1px;background:color-mix(in oklab,var(--line-divider) 60%,transparent);max-width:36%}.fcomment__more:hover{color:var(--primary);background:color-mix(in oklab,var(--btn-regular-bg) 40%,transparent)}.fcomment__more:hover:before,.fcomment__more:hover:after{background:color-mix(in oklch,var(--primary) 28%,transparent)}.fcomment__more:disabled{opacity:.5;cursor:not-allowed;background:none;color:var(--content-meta)}@media(prefers-reduced-motion:reduce){.fcomment,.fcomment *,.fcomment *:before,.fcomment *:after{transition:none!important;animation:none!important;transform:none!important}}@media(max-width:480px){.fcomment{padding:1.05rem .95rem 1.2rem;gap:1rem}.fcomment__count{font-size:.85rem}.fcomment__count [data-count-total]{font-size:1.35rem}.fcomment__avatar{width:2rem;height:2rem;min-width:2rem;max-width:2rem;font-size:.8rem;border-radius:8px}.fcomment__content{padding:.6rem .75rem;font-size:.875rem;line-height:1.7}.fcomment__content:before{top:11px}.fcomment__content:after{top:12px}.fcomment__item{gap:.55rem}.fcomment__item.is-reply .fcomment__avatar{width:1.55rem;height:1.55rem;min-width:1.55rem;max-width:1.55rem;border-radius:6px;font-size:.66rem;box-shadow:0 0 0 1px color-mix(in oklab,var(--line-divider) 55%,transparent),0 2px 6px -5px color-mix(in oklch,var(--primary) 35%,transparent)}.fcomment__item.is-reply .fcomment__content{padding:.45rem .65rem .47rem .7rem;font-size:.83rem;line-height:1.68}.fcomment__item.is-reply .fcomment__name{font-size:.8rem}.fcomment__item.is-reply .fcomment__reply-to{font-size:.66rem;padding:.04rem .35rem .07rem}.fcomment__item.is-reply .fcomment__content:before{top:11px}.fcomment__item.is-reply .fcomment__content:after{top:12px}.fcomment__replies:not(:empty){margin-left:calc(1rem - .75px);padding-left:.75rem;gap:.7rem}.fcomment__replies:not(:empty):before{width:1.525rem;height:1.375rem}.fcomment__replies:not(:empty):after{top:1.375rem}.fcomment__item.is-reply:before{left:-.75rem;width:1.525rem;top:calc(.05rem + 1.55rem / 2)}.fcomment__composer{padding:.7rem;gap:.55rem}.fcomment__reply-form{padding:.48rem .55rem;gap:.4rem}.fcomment__reply-form textarea{min-height:3rem;padding:.48rem .65rem;font-size:.83rem}.fcomment__composer-foot input,.fcomment__reply-foot input{flex:1 1 100%}.fcomment__time{margin-left:0;flex-basis:100%}}