.cm-hero{background:radial-gradient(110% 90% at 15% 0,#13294a 0%,#121318 55%,#0b0c10 100%);padding-bottom:clamp(56px,7vw,90px)}.cm-hero--compact{padding-bottom:clamp(40px,5vw,64px)}.cm-hero__inner{position:relative}.cm-hero__title{letter-spacing:-.03em;max-width:900px;margin-bottom:1rem;font-size:clamp(2.2rem,4.8vw,4rem);line-height:1.05}.cm-hero__title--topic{text-transform:none;font-size:clamp(1.9rem,3.8vw,3.1rem)}.cm-hero__lead{color:#ffffffbd;max-width:680px;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.75}.cm-hero__bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cm-hero__bubbles span{bottom:-60px;left:calc(8% + var(--i) * 11.5%);opacity:0;filter:drop-shadow(0 6px 14px #0006);animation:14s linear infinite cm-float;animation-delay:calc(var(--i) * -1.75s);font-size:clamp(1.4rem,2.4vw,2.2rem);position:absolute}@keyframes cm-float{0%{opacity:0;transform:translateY(0)rotate(-8deg)}10%{opacity:.55}80%{opacity:.4}to{opacity:0;transform:translateY(-520px)rotate(12deg)}}.cm-hero__search{color:#0d0d0d;background:#fffffff2;border-radius:99px;align-items:center;gap:.6rem;max-width:620px;margin-top:1.8rem;padding:.4rem .4rem .4rem 1.1rem;display:flex;box-shadow:0 20px 50px -20px #0009}.cm-hero__search .icon{color:#5d6573;flex:none;width:20px;height:20px}.cm-hero__search input{min-width:0;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:.6rem 0}.cm-hero__search .btn{min-height:46px;padding-inline:1.3rem}.cm-hero__stats{color:#ffffffa6;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.4rem;padding:0;font-size:.9rem;list-style:none;display:flex}.cm-hero__stats strong{color:#fff;margin-right:.2rem;font-size:1.1rem}.cm-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:clamp(24px,3.5vw,48px);display:grid}.cm-layout--thread{grid-template-columns:minmax(0,1fr) 320px}.cm-side{gap:1rem;display:grid;position:sticky;top:110px}.cm-side__hint{color:var(--muted);gap:.5rem;font-size:.82rem;line-height:1.5;display:flex}.cm-side__hint .icon{width:1rem;height:1rem;color:var(--magenta);flex:none;margin-top:.1rem}.cm-side__card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:1.2rem}.cm-side__card h2{align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.95rem;display:flex}.cm-side__card h2 .icon{width:1.05rem;height:1.05rem;color:var(--cyan)}.cm-side__muted{color:var(--muted);font-size:.9rem}.cm-cats{gap:.25rem;display:grid}.cm-cats a{color:var(--text);transition:background .3s, transform .3s var(--ease);border-radius:14px;align-items:center;gap:.6rem;padding:.6rem .7rem;font-size:.92rem;font-weight:600;display:flex}.cm-cats a .icon{width:1.05rem;height:1.05rem;color:var(--accent);flex:none}.cm-cats a span{flex:1}.cm-cats a em{color:var(--muted);font-size:.75rem;font-style:normal}.cm-cats a:hover{background:var(--bg-soft);transform:translate(3px)}.cm-cats a[aria-current=page]{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.cm-rules{counter-reset:rule;gap:.5rem;padding:0;list-style:none;display:grid}.cm-rules li{color:var(--muted);counter-increment:rule;padding-left:1.8rem;font-size:.86rem;line-height:1.5;position:relative}.cm-rules li:before{content:counter(rule);background:var(--grad-soft);width:1.3rem;height:1.3rem;color:var(--magenta);border-radius:50%;place-items:center;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:.05rem;left:0}.cm-related{gap:.7rem;padding:0;list-style:none;display:grid}.cm-related a{color:var(--text);font-size:.9rem;font-weight:600;line-height:1.4}.cm-related a:hover{color:var(--magenta)}.cm-related small{color:var(--muted);margin-top:.15rem;font-size:.78rem;display:block}.cm-main{gap:.9rem;min-width:0;display:grid}.cm-main__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.cm-main__head h2{font-size:clamp(1.3rem,2vw,1.7rem)}.cm-main__head small{color:var(--muted);font-size:.7em;font-weight:500}.cm-main__lead{color:var(--muted);margin-top:-.4rem}.cm-sort{background:var(--bg-soft);border:1px solid var(--line);border-radius:99px;padding:4px;display:inline-flex}.cm-sort a{color:var(--muted);border-radius:99px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.cm-sort a .icon{width:.9rem;height:.9rem}.cm-sort a[aria-current=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.cm-topic{background:var(--surface);border:1px solid var(--line);transition:transform .45s var(--ease), box-shadow .45s var(--ease), border-color .3s;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;padding:1.15rem 1.2rem;display:grid;position:relative}.cm-topic:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-3px)}.cm-topic.is-pinned{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, var(--surface)), var(--surface) 55%)}.cm-topic__avatar,.cm-author__avatar,.cm-comment__avatar{background:var(--grad);color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.cm-topic__avatar .icon,.cm-author__avatar .icon{width:20px;height:20px}.cm-topic__meta{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.cm-chip{z-index:1;background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);border-radius:99px;align-items:center;gap:.3rem;padding:.22rem .6rem;font-size:.74rem;font-weight:700;display:inline-flex;position:relative}.cm-chip .icon{width:.8rem;height:.8rem}.cm-flag{color:#c27803;background:#fbaa3229;border-radius:99px;align-items:center;gap:.25rem;padding:.22rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.cm-flag .icon{width:.78rem;height:.78rem}.cm-flag--muted{background:var(--bg-soft);color:var(--muted)}.cm-hero .cm-flag--muted{color:#ffffffbf;background:#ffffff1a}.cm-topic__title{margin:.45rem 0 .3rem;font-size:1.12rem;line-height:1.35}.cm-topic__title a{color:var(--text)}.cm-topic__title a:after{content:"";position:absolute;inset:0}.cm-topic__title a:hover{color:var(--magenta)}.cm-topic__excerpt{color:var(--muted);font-size:.9rem;line-height:1.55}.cm-topic__by{color:var(--muted);margin-top:.5rem;font-size:.8rem}.cm-topic__by a{z-index:1;color:var(--text);font-weight:700;position:relative}.cm-staff{background:var(--grad);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:.05rem .45rem;font-size:.68rem;font-weight:800;display:inline-flex}.cm-topic__by .cm-staff{font-size:.7rem}.cm-guest{background:var(--bg-soft);color:var(--muted);text-transform:uppercase;border-radius:99px;padding:.05rem .45rem;font-size:.68rem;font-weight:700;display:inline-flex}.cm-topic__stats{align-content:center;gap:.35rem;padding:0;list-style:none;display:grid}.cm-topic__stats li{color:var(--muted);align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:inline-flex}.cm-topic__stats .icon{width:.95rem;height:.95rem}.cm-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:24px;justify-items:center;gap:.7rem;padding:3rem 1rem;display:grid}.cm-empty>span{font-size:2.4rem;animation:3s ease-in-out infinite cm-bob}.cm-empty--small{padding:1.8rem 1rem}@keyframes cm-bob{50%{transform:translateY(-6px)rotate(-6deg)}}.cm-pages{color:var(--muted);justify-content:center;align-items:center;gap:1rem;padding-top:1rem;font-size:.9rem;display:flex}.cm-pages a{border:1px solid var(--line);color:var(--text);border-radius:99px;align-items:center;gap:.35rem;padding:.55rem 1rem;font-weight:600;display:inline-flex}.cm-pages a .icon{width:.9rem;height:.9rem}.cm-author{color:#ffffffd9;align-items:center;gap:.75rem;display:flex}.cm-author a{color:#fff;font-weight:700}.cm-author small{color:#fff9;font-size:.85rem}.cm-post{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:clamp(20px,3vw,32px)}.cm-post__body p{font-size:1.05rem;line-height:1.8}.cm-post__body p+p{margin-top:1rem}.cm-post .cm-react{border-top:1px dashed var(--line);margin-top:1.4rem;padding-top:1rem}.cm-thread__title{align-items:center;gap:.5rem;margin-top:1rem;font-size:1.2rem;display:flex}.cm-thread__title .icon{width:1.2rem;height:1.2rem;color:var(--cyan)}.cm-comments{gap:.8rem;padding:0;list-style:none;display:grid}.cm-comment{grid-template-columns:auto minmax(0,1fr);gap:.8rem;scroll-margin-top:120px;display:grid}.cm-comment__avatar{background:color-mix(in srgb, var(--cyan) 70%, var(--magenta));width:38px;height:38px;font-size:.9rem}.cm-comment.is-staff .cm-comment__avatar{background:var(--grad);box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--magenta)}.cm-comment__box{background:var(--bg-soft);border:1px solid var(--line);border-radius:4px 20px 20px;padding:.9rem 1.1rem}.cm-comment.is-staff .cm-comment__box{background:linear-gradient(135deg,#089ed714,#ec008c0f);border-color:#ec008c40}.cm-comment.is-pending .cm-comment__box{opacity:.8;border-style:dashed}.cm-comment:target .cm-comment__box{animation:cm-flash 2s var(--ease)}@keyframes cm-flash{0%,40%{box-shadow:0 0 0 3px var(--cyan)}}.cm-comment__by{flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.85rem;display:flex}.cm-comment__by a,.cm-comment__by b{color:var(--text);font-weight:700}.cm-comment__by small{color:var(--muted)}.cm-comment__text{overflow-wrap:anywhere;margin-top:.35rem;line-height:1.65}.cm-comment .cm-react{margin-top:.6rem}.cm-comment__pending{color:#c27803;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.8rem;display:flex}.cm-comment__pending .icon{width:.9rem;height:.9rem}.cm-closed{background:var(--bg-soft);color:var(--muted);border-radius:18px;align-items:center;gap:.5rem;padding:1rem 1.2rem;display:flex}.cm-closed .icon{width:1rem;height:1rem}.cm-reply{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;gap:1rem;padding:clamp(20px,3vw,32px);scroll-margin-top:120px;display:grid}.cm-reply h2{font-size:1.3rem}.cm-reply .btn{justify-self:start}.cm-reply__who{color:var(--muted);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.cm-reply__who b{color:var(--text)}.cm-reply__who .cm-author__avatar{width:34px;height:34px;font-size:.85rem}.cm-reply__who--guest{display:block}.cm-reply__guest{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.cm-pick{flex-wrap:wrap;gap:.5rem;display:flex}.cm-pick label{cursor:pointer}.cm-pick input{opacity:0;position:absolute}.cm-pick span{border:1.5px solid var(--line-strong);border-radius:99px;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:border-color .3s,background .3s,color .3s;display:inline-flex}.cm-pick span .icon{width:1rem;height:1rem;color:var(--accent)}.cm-pick input:checked+span{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.cm-pick input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.cm-profile{align-items:center;gap:clamp(20px,3vw,36px);display:flex}.cm-profile__avatar{aspect-ratio:1;background:var(--grad);color:#fff;width:clamp(84px,10vw,120px);box-shadow:0 0 0 6px #ffffff14, 0 20px 50px -18px var(--magenta);border-radius:50%;flex:none;place-items:center;font-size:clamp(2rem,4vw,3rem);font-weight:700;display:grid}.cm-react{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex;position:relative}.cm-react__btn,.cm-react__more{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--muted);font:inherit;cursor:pointer;transition:transform .3s var(--ease), border-color .3s, background .3s, color .3s;border-radius:99px;align-items:center;gap:.3rem;padding:0 .7rem;font-size:.82rem;font-weight:700;display:inline-flex;position:relative}.cm-react__btn:hover,.cm-react__more:hover{border-color:var(--cyan);transform:translateY(-2px)}.cm-react__btn:active{transform:scale(.92)}.cm-react__btn .icon,.cm-react__more .icon{width:1rem;height:1rem}.cm-react__emoji{transition:transform .35s var(--ease);font-size:1rem;line-height:1}.cm-react__btn:hover .cm-react__emoji{transform:scale(1.3)rotate(-10deg)}.cm-react__btn b:empty{display:none}.cm-react__btn.is-mine{border-color:var(--cyan);color:var(--cyan);background:#089ed71f}.cm-react__btn--dislike.is-mine{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e}.cm-react__btn.is-empty{display:none}.cm-react.is-open .cm-react__btn.is-empty{animation:cm-pop .35s var(--ease) both;display:inline-flex}.cm-react__more i{font-size:.9rem;font-style:normal}.cm-react.is-open .cm-react__more{background:var(--bg-soft)}.cm-react.is-busy{pointer-events:none;opacity:.75}.cm-react__btn.is-bump{animation:cm-bump .45s var(--ease)}@keyframes cm-pop{0%{opacity:0;transform:scale(.6)}}@keyframes cm-bump{40%{transform:scale(1.25)}}.cm-burst{z-index:90;pointer-events:none;animation:cm-burst .9s var(--ease) forwards;font-size:1.25rem;position:fixed}@keyframes cm-burst{to{transform:translate(var(--x), var(--y)) scale(.6) rotate(var(--r));opacity:0}}@media (width<=960px){.cm-layout,.cm-layout--thread{grid-template-columns:1fr}.cm-side{position:static}.cm-layout:not(.cm-layout--thread) .cm-side{order:0}.cm-cats{scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.cm-cats h2,.cm-board .cm-side .cm-side__card:not(.cm-cats){display:none}}@media (width<=600px){.cm-topic{grid-template-columns:auto minmax(0,1fr)}.cm-topic__stats{grid-column:2;gap:.9rem;display:flex}.cm-reply__guest{grid-template-columns:1fr}.cm-hero__search .btn{padding-inline:1rem}.cm-profile{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.cm-hero__bubbles{display:none}.cm-empty>span,.cm-react__btn.is-bump,.cm-burst{animation:none}}
