.wm{position:relative;display:inline-flex;align-items:center;gap:.35rem;--wm-size:42px;--wm-radius:var(--radius,8px)}
.wm-icos{display:inline-flex;gap:.25rem}

.wm-ib{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--wm-size);height:var(--wm-size);border-radius:50%;color:inherit;text-decoration:none}
.wm-ib:hover{background:var(--color-surface-alt,rgba(127,127,127,.12))}
.wm-ib:focus-visible{outline:2px solid var(--color-primary,#1565c0);outline-offset:2px}
.wm-ib .wm-dot{top:2px;right:0}
@media (max-width:560px){.wm-icos{display:none}}
@media (min-width:561px){.wm.has-icos .wm-btn>.wm-dot{display:none}}
.wm-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--wm-size);height:var(--wm-size);padding:0;border:1px solid var(--color-line,#e2e2e2);border-radius:var(--wm-radius);background:var(--color-surface,#fff);color:var(--color-text,#111);cursor:pointer;text-decoration:none;overflow:hidden}
.wm-btn:hover{border-color:var(--color-text,#111)}
.wm-btn:focus-visible{outline:2px solid var(--color-primary,#1565c0);outline-offset:2px}
.wm.is-member .wm-btn{border-color:transparent;border-radius:50%;background:var(--color-primary,#f5c518);color:var(--color-on-primary,#111)}
.wm.is-member .wm-btn:hover{box-shadow:0 0 0 2px var(--color-primary,#f5c518)}
.wm-av{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.wm-ini{font:800 1rem/1 var(--font-display,var(--font-sans,inherit))}
.wm-btn .wm-ini{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.wm-dot{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--color-breaking,#d7261e);color:#fff;font:700 11px/18px var(--font-sans,inherit);text-align:center;box-shadow:0 0 0 2px var(--color-background,#fff)}
.wm-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:1000;width:min(20rem,calc(100vw - 2rem));padding:.9rem;border:1px solid var(--color-line,#e2e2e2);border-radius:12px;background:var(--color-surface,#fff);color:var(--color-text,#111);box-shadow:0 18px 40px -12px rgba(0,0,0,.28);font-family:var(--font-sans,inherit)}
.wm-head{display:flex;gap:.8rem;align-items:center;padding-bottom:.8rem;border-bottom:1px solid var(--color-line,#eee)}
.wm-head .wm-big{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary,#f5c518);color:var(--color-on-primary,#111);font:800 1.3rem/1 var(--font-display,inherit)}
.wm-name{margin:0;font-weight:800;line-height:1.2;word-break:break-word}.wm-handle{margin:.1rem 0 .45rem;font-size:.82rem;color:var(--color-muted,#666)}
.wm-two{display:flex;gap:.4rem;flex-wrap:wrap}.wm-two a{display:inline-flex;align-items:center;min-height:2rem;padding:.2rem .7rem;border:1px solid var(--color-line,#ddd);border-radius:8px;color:inherit;font-size:.85rem;font-weight:600;text-decoration:none}.wm-two a:hover{border-color:currentColor}
.wm-list{margin:.5rem 0 0;padding:0;list-style:none}
.wm-list a,.wm-list button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:2.6rem;padding:.35rem .4rem;border:0;border-radius:8px;background:none;color:inherit;font:600 .95rem/1.2 inherit;text-align:left;text-decoration:none;cursor:pointer}
.wm-list a:hover,.wm-list button:hover,.wm-list a:focus-visible,.wm-list button:focus-visible{background:var(--color-surface-alt,#f4f4f5);outline:2px solid var(--color-primary,#1565c0);outline-offset:-2px}
.wm-count{min-width:1.6rem;padding:.1rem .45rem;border:1px solid var(--color-line,#ddd);border-radius:6px;font-size:.8rem;text-align:center}
.wm-count.is-new{background:var(--color-breaking,#d7261e);border-color:transparent;color:#fff}
.wm-hidden-comment{margin:.4rem 0;padding:.6rem .8rem;border-radius:8px;background:var(--color-surface-alt,#f4f4f5);color:var(--color-muted,#666);font-size:.88rem}

.wm-pop.wm-pop--sheet{position:fixed;left:12px;right:12px;width:auto;max-width:none;overflow:auto;overscroll-behavior:contain}
.wm-ask{display:flex;flex-direction:column;gap:.5rem;padding:.4rem}.wm-ask p{margin:0;font-weight:700}.wm-ask div{display:flex;gap:.5rem}
.wm-ask button{flex:1;min-height:2.6rem;border-radius:8px;border:1px solid var(--color-line,#ddd);background:var(--color-surface,#fff);color:inherit;font:700 .9rem/1 inherit;cursor:pointer}
.wm [hidden],.wm-pop[hidden],.wm-pop [hidden]{display:none!important}
.wm-pop .wm-ask button{justify-content:center;text-align:center}
.wm-pop .wm-ask .wm-yes,.wm-pop .wm-ask .wm-yes:hover{background:var(--color-breaking,#d7261e);color:#fff}
.wm-ask .wm-yes{background:var(--color-breaking,#d7261e);border-color:transparent;color:#fff}

.wm-ib{padding:0;border:0;background:none;font:inherit;cursor:pointer}
.wm-ib[aria-expanded="true"]{background:var(--color-surface-alt,rgba(127,127,127,.14))}
.wmp{position:absolute;right:0;top:calc(100% + 10px);z-index:1001;box-sizing:border-box;display:flex;flex-direction:column;width:min(24rem,calc(100vw - 2rem));max-height:min(32rem,calc(100vh - 6rem));border:1px solid var(--color-line,#e2e2e2);border-radius:12px;background:var(--color-surface,#fff);color:var(--color-text,#111);box-shadow:0 18px 40px -12px rgba(0,0,0,.28);font-family:var(--font-sans,inherit);text-align:left;overflow:hidden}
.wmp *,.wmp *::before,.wmp *::after{box-sizing:border-box}
.wmp:focus{outline:none}.wmp:focus-visible{outline:2px solid var(--color-primary,#1565c0);outline-offset:2px}
.wmp[hidden]{display:none!important}
.wmp:focus{outline:none}   
.wmp-head{padding:.8rem 1rem;border-bottom:1px solid var(--color-line,#eee)}
.wmp-title{margin:0;font-weight:800;font-size:1rem;line-height:1.2}
.wmp-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.wmp-list{margin:0;padding:.3rem;list-style:none}
.wmp-row{position:relative;display:flex;gap:.7rem;align-items:flex-start;min-width:0;padding:.55rem 1.4rem .55rem .55rem;border-radius:8px;color:inherit;text-decoration:none}
a.wmp-row:hover,a.wmp-row:focus-visible{background:var(--color-surface-alt,rgba(127,127,127,.1));outline:2px solid var(--color-primary,#1565c0);outline-offset:-2px}
a.wmp-row:hover{outline:0}
.wmp-item.is-new .wmp-row{background:color-mix(in srgb,var(--color-primary,#1565c0) 8%,transparent)}
.wmp-av{flex:0 0 40px;width:40px;height:40px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary,#f5c518);color:var(--color-on-primary,#111);font-size:.9rem}
.wmp-body{display:flex;flex-direction:column;gap:.15rem;flex:1 1 auto;min-width:0}
.wmp-text{font-size:.9rem;line-height:1.3;overflow-wrap:anywhere}
.wmp-ex{font-size:.82rem;line-height:1.3;color:var(--color-muted,#666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wmp-time{font-size:.75rem;color:var(--color-muted,#666)}
.wmp-dot{position:absolute;right:.55rem;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--color-primary,#1565c0)}
.wmp-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wmp-empty{margin:0;padding:1.6rem 1rem;color:var(--color-muted,#666);text-align:center;font-size:.9rem}
.wmp-foot{display:flex;gap:.5rem;padding:.6rem .8rem;border-top:1px solid var(--color-line,#eee)}
.wmp-foot a{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;padding:.3rem .7rem;border:1px solid var(--color-line,#ddd);border-radius:8px;color:inherit;font-size:.88rem;font-weight:700;text-decoration:none;text-align:center}
.wmp-foot a:hover{border-color:currentColor}
.wmp-foot a:focus-visible{outline:2px solid var(--color-primary,#1565c0);outline-offset:2px}
.wmp-foot a.is-primary{background:var(--color-primary,#1565c0);border-color:transparent;color:var(--color-on-primary,#fff)}

.wmp.wmp--sheet{position:fixed;left:0;right:0;width:auto;max-width:100vw;border-radius:0 0 12px 12px;border-left:0;border-right:0}